/* Sobuj - Green Energy HTML Template  */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Sticky Header
6. Page Title
7. Section Title
8. Banner Section / Two
9. Services Section
10. Services Section / Two
11. Service Detail
12. Video Section
13. Download Section
14. Why Choose Us
15. Features and Facts
16. About Section / Two
17. Fun Facts Section
18. Testimonial Section / Two
19. Team Section
20. Project Section / Two
21. News Section / Two
22. Blog List
23. Blog Single
24. Call To Action
25. Clients Section
26. Map Section
27. Main Footer
28. Sidebar Page Container
29. Comment Area
30. Comment Form
31. Contact Page Section
32. Error Page
**********************************************/
/*** 
====================================================================
			Fonts
====================================================================
 ***/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('flaticon.css');
@import url('font-awesome.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
/*** 
====================================================================
	Reset
====================================================================
 ***/
*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}
/*** 
====================================================================
	Global Settings
====================================================================
 ***/
body {
	font-size:14px;
	color:#787878;
	line-height:24px;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}
a{
	text-decoration:none;
	cursor:pointer;
	color:#91c53c;
}
a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
	font-family: 'Montserrat', sans-serif;
}
textarea{
	overflow:hidden;	
}
button{
	outline: none !important;
	cursor: pointer;
}
p,.text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
	margin: 0;
}
::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 9;
}
ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}
.theme-btn{
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: "Montserrat",sans-serif;
}
.centered{
	text-align:center !important;
}
/*Btn Style One*/
.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #423232;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #ffffff;
}
.btn-style-one:hover{
	background-color: #222222;
	color: #ffffff;
}
.btn-style-one i{
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #91c53c;
}
/*Btn Style Two*/
.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	border: 2px solid #ffffff;
	background-color: transparent;
}
.btn-style-two:hover{
	background-color: #ffffff;
	color: #222222;
}
.btn-style-two i{
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #91c53c;
}
/*Btn Style Three */
.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #5dbafc;
}
.btn-style-three:hover{
	background-color: #ffffff;
	color: #5dbafc;
}
.btn-style-three i{
	position: relative;
	display: inline-block;
	font-size: 13px;
}
/*Btn Style Four */
.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #5dbafc;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #ffffff;
}
.btn-style-four:hover{
	background-color: #5dbafc;
	color: #ffffff;
}
.btn-style-four i{
	position: relative;
	display: inline-block;
	font-size: 13px;
}
/*Btn Style Five */
.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #5dbafc;
}
.btn-style-five:hover{
	background-color: #222222;
	color: #5dbafc;
}
.btn-style-five i{
	position: relative;
	display: inline-block;
	font-size: 13px;
}
/*Btn Style Six */
.btn-style-six{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #ffffff;
}
.btn-style-six:hover{
	background-color: #222222;
	color: #91c53c;
}
.btn-style-six i{
	position: relative;
	display: inline-block;
	color: #91c53c;
	font-size: 13px;
}
/*Btn Style Seven */
.btn-style-seven{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #91c53c;
}
.btn-style-seven:hover{
	background-color: #222222;
	color: #91c53c;
}
.btn-style-seven i{
	position: relative;
	display: inline-block;
	font-size: 13px;
}
/*Btn Style Eight */
.btn-style-eight{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #333333;
	padding: 15px 50px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	border:1px solid #e5e5e5;
	background-color: #ffffff;
}
.btn-style-eight:hover{
	background-color: #91c53c;
	border-color: #91c53c;
	color: #ffffff;
}
.btn-style-eight i{
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #5dbafc;
}
.btn-style-eight:hover i{
	color: #ffffff;
}
/*=== List Style One ===*/
.list-style-one{
	position:relative;
}
.list-style-one li{
	position:relative;
	font-size:16px;
	color: #919191;
	line-height:26px;
	font-weight:400;
	padding-left:30px;
	margin-bottom:15px;
}
.list-style-one li a{
	color:#919191;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 26px;
	color: #e1e6e3;
	content: "\f06c";
	font-family: "Fontawesome";
}
.list-style-one li a:hover{
	color: #91c53c;
	text-shadow: 0 0 1px #91c53c;
}
/*=== List Style Two ===*/
.list-style-two{
	position: relative;
	display: block;
	margin-bottom: 30px;
}
.list-style-two li{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #777777;
	font-weight: 400;
	padding-left: 20px;
}
.list-style-two li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 25px;
	color: #4ee0b0;
	font-weight: 400;
	font-family: "Fontawesome";
	content: "\f138";
}
/*=== List Style Three ===*/
.list-style-three{
	position: relative;
	display: block;
	margin-bottom: 30px;
}
.list-style-three li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 10px;
}
.list-style-three li a{
	color: #333333;
}
.list-style-three li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #fe6699;
	font-weight: 300;
	font-family: "Fontawesome";
    content: "\f18e";
}
.theme_color{
	color:#91c53c;
}
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
}
img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}
.dropdown-toggle::after{
	display: none;
}
/*** 
====================================================================
	Scroll To Top style
====================================================================
***/
.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#1b1a1c;
	display:none;
	border-radius: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}
.scroll-to-top:hover{
	background:#19a6fe;
}
/*** 
====================================================================
	Main Header style
====================================================================
***/
.main-header{
	position:relative;
	display: block;
	z-index:999;
	width:100%;
}
.main-header .header-top{
	position: relative;
	background-color: #f6f6f6;
	z-index: 999999;
}
.main-header .top-left{
	position: relative;
	float: left;
	padding: 10px 0;
}
.main-header .top-left .text{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 30px;
	color: #555555;
	font-weight: 400;
}
.main-header .top-left .text span{
	display: inline-block;
	color: #a3d133;
	font-weight: 700;
}
.main-header .top-right{
	position: relative;
	float: right;
}
.main-header .top-right > ul{
	position: relative;
	padding: 10px 0;
}
.main-header .top-right > ul > li{
	position: relative;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	font-size: 13px;
	line-height: 30px;
	color: #555555;
	font-weight: 400;
}
.main-header .top-right > ul > li:before{
	position: absolute;
	left: -2px;
	top: 0px;
	font-size: 13px;
	line-height: 30px;
	color: #555555;
	content: "-";
}
.main-header .top-right > ul > li:first-child:before{
	display: none;
}
.main-header .top-right > ul > li > a{
	color: #555555;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-header .top-right > ul > li > a:hover{
	color: #a3d133;
}
/*=== Language ===*/
.main-header  .language{
	position: relative;
}
.main-header .language .dropdown-menu{
	top:100%;
	width:170px;	
	left:0;
	right:0;
	border-radius:0px;
	background-color:#222222;
	border:none;
	padding:0px;
    border-top:2px solid #91c53c;
    margin-top: 15px;
}
.btn.focus, .btn:focus{
	box-shadow: none;
}
.main-header .language > a{
	width:auto !important;
	height:auto !important;
	color:#cccccc;
	padding: 0px;
	font-size: 13px;
	background:none !important;
	text-transform:uppercase;
	display:inline-block;
    border:0px;
	font-weight:400;
	line-height:1em;
}
.main-header .language > a .flag{
	position: relative;
	display: inline-block;
	height: 24px;
	width: 50px;
	background-image: url(../images/icons/flag.jpg);
	vertical-align: middle;
	margin-right: 8px;
}
.main-header .language > a .icon{
	margin-left: 3px;
	font-size: 12px;
}
.main-header .language a:hover{
	background:none;
}
.main-header .language .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	padding: 0;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .language .dropdown-menu > li:last-child{
	border-bottom:none;	
}
.main-header .language .dropdown-menu > li > a{
	padding:6px 20px !important;
	width:auto;
	height:auto;
	display:block;
	color:#ffffff;
	text-align:left;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-header .language .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#91c53c;
}
/*=== Header Upper ===*/
.main-header{
	position: relative;
}
.main-header .header-upper{
	position:relative;
	background-color: #ffffff;
	z-index: 99999;
}
.main-header .header-upper .logo-outer{
	position:relative;
	float: left;
	z-index:25;
}
.main-header .logo-outer{
	padding: 45px 0px;
}
.main-header .logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}
.main-header .header-upper .upper-right{
	position:relative;
	float: right;
	padding-top:55px;
}
.main-header .info-box{
	position:relative;
	float:left;
	padding-top: 5px;
	padding-left: 60px;
	margin-left: 40px;
	min-height:50px;
}
.main-header .header-upper .text-box{
	position: relative;
	margin: 0;
	padding-right: 20px;
}
.main-header .header-upper .text-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #9d9c9c;
	font-weight: 600;
	padding:10px 0;
	padding-left: 30px;
	letter-spacing: 0.02em;
}
.main-header .header-upper .text-box .text span{
	color: #a3d133;
}
.main-header .header-upper .text-box .text .icon{
	position: absolute;
	left: 0;
	top: 11px;
	color: #91c53c;
	font-size: 22px;
	line-height: 25px;
}
.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:4px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	background-color: #222222;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-header .info-box li{
	position:relative;
	font-size:15px;
	line-height:22px;
	color:#9d9c9c;
	font-weight:400;
}
.main-header .info-box li span{
	position:relative;
	font-size: 15px;
	color: #2c3032;
	font-weight:400;
}
/*=== Header Lower ===*/
.main-header .header-lower{
	background-color: #333333;
	min-height: auto;
	z-index: 99999;
	font-family: "Montserrat", sans-serif;
}
.main-header .header-lower .nav-outer{
	float: left;
	width: 100%;
}
/*=== Catergories ===*/
.main-header .catergories{
	position: relative;
	float: left;
}
.main-header .catergories .catergory-btn{
	position: relative;
	display: block;
	background-color: #91c53c;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	padding: 15px 40px;
	padding-right: 30px;
}
.main-header .catergories .icon{
	float: right;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	margin-left: 115px;
}
.main-header .catergories .show .icon:before{
	content: "\f13b";
}
.main-header .catergories .dropdown-menu{
	top:-9px !important;
	left:0 !important;
	width:100%;	
	border-radius:0px;
	background-color:#222222;
	border:none;
	padding:0px;
    border-top:2px solid #91c53c;
    margin-top: 9px;
}
.main-header .catergories > a{
	width:auto !important;
	height:auto !important;
	color:#cccccc;
	padding: 0px;
	font-size: 13px;
	background:none !important;
	text-transform:uppercase;
	display:inline-block;
    border:0px;
	font-weight:400;
	line-height:1em;
}
.main-header .catergories .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	padding: 0;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}
.main-header .catergories .dropdown-menu > li:last-child{
	border-bottom:none;	
}
.main-header .catergories .dropdown-menu > li > a{
	padding:10px 20px !important;
	width:auto;
	height:auto;
	display:block;
	color:#ffffff;
	text-align:left;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-header .catergories .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#91c53c;
}
.main-menu{
	position:relative;
	float:left;
	padding-left: 15px;
}
.main-menu .navbar-collapse{
	padding:0px;	
}
.main-menu .navigation{
	position:relative;
	margin:0px;
}
.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:15px 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-menu .navigation > li:before {
    position: absolute;
    top: 15px;
    right: -1px;
    font-size: 12px;
    line-height: 30px;
    color: #616161;
    font-weight: 400;
    content: "|";
}
.main-menu .navigation > li:first-child{
	padding-left:0;
}
.main-menu .navigation > li:last-child{
	margin-right:0px;
}
.main-menu .navigation > li:last-child:before{
	display: none;
}
.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:13px;
	line-height:30px;
	letter-spacing:0px;
	font-weight:600;
	opacity:1;
	color:#ffffff;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color: #91c53c;
}
.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:110%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:rgba(47,46,50,.90);
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	opacity: 1;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}
.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}
.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}
.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
    border-left: 4px solid transparent;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
    border-left: 4px solid #91c53c;
	background:#222222;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	color: #ffffff;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}
.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:20px;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:rgba(47,46,50,.90);
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}
.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
    border-left: 4px solid transparent;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color: #ffffff;
	background:#222222;
    border-left: 4px solid #91c53c;
}
.main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	visibility:visible;
	opacity:1;
	top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top: 0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}
.main-header .outer-box{
	position: relative;
	float: right;
}
.main-header .outer-box .option-box{
	position: relative;
	float: left;
}
.main-header .outer-box .option-box li{
	position: relative;
	float: left;
	border-left: 1px solid #464646;
}
.main-header .outer-box .option-box li:last-child{
	border-right: 1px solid #464646;
}
.main-header .outer-box .option-box li a{
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
	padding: 15px 0;
	width: 60px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-header .outer-box .option-box li a:hover{
	color: #92c800;
}
.main-header .outer-box .option-box li .count{
	display: inline-block;
	position: absolute;
	height: 16px;
	width: 16px;
	margin-left: -5px;
	margin-bottom: -5px;
	text-align: center;
	line-height: 16px;
	color: #ffffff;
	font-size: 11px;
	font-family: "Open Sans", sans-serif;
	border-radius: 50%;
	background-color: #ff4172;
}
/*** 
====================================================================
		Header Style Two
====================================================================
***/
.header-style-two .header-top{
	position: relative;
	background-color: #222222;
}
.header-style-two .top-left .text{
	color: #ffffff;
	font-size: 13px;
}
.header-style-two .top-left .text i{
	margin-right: 15px;
	font-size: 18px;
	color: #91c53c;
}
.header-style-two .top-right > ul > li:before,
.header-style-two .top-right > ul > li,
.header-style-two .top-right > ul > li > a{
	color: #ffffff;
}
.header-style-two .header-upper .logo-outer{
	padding: 20px 0;
}
.header-style-two .header-upper .nav-outer{
	float: right;
}
.header-style-two .main-menu .navigation > li{
	padding: 0;
	padding-right: 30px;
	margin-right: 30px;
}
.header-style-two .main-menu .navigation > li:last-child{
	margin-right: 0;
}
.header-style-two .main-menu .navigation > li:before{
	position: absolute;
	top: 40px;
	right: -1px;
	font-size: 12px;
	line-height: 30px;
	color: #cfcfcf;
	font-weight: 400;
	content: "|";
}
.header-style-two .main-menu .navigation > li > a{
	padding: 40px 0;
	color: #633207;
}
.header-style-two .main-menu .navigation > li:hover > a, 
.header-style-two .main-menu .navigation > li.current > a {
    color: #949144;
}
.header-style-two .outer-box{
	position: relative;
}
.header-style-two .outer-box .link-box{
	position: relative;
	padding: 40px 0;
}
.header-style-two .outer-box .link-box a{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #ff2f78;
}
/*================================================
			Sticky Header
==================================================*/
.sticky-header{
	position:fixed;
	visibility:hidden;
	opacity:0;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:0;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.sticky-header .logo{
	padding:10px 0px;
}
.fixed-header .sticky-header{
	z-index:99999;
	opacity:1;
	visibility:visible;
}
.main-header .sticky-header .main-menu .navigation > li{
	margin-right:0px;
	margin:0px;
	padding: 0;
}
.main-header .sticky-header .main-menu .navigation > li > a{
	color:#633207;
	padding:20px 15px;
	line-height:30px;
	font-size:16px;
	font-weight:500;
	min-height:0px;
	background:none;
	border:0px;
	margin-right:0px;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #949144;
}
.sticky-header .main-menu .navigation > li.dropdown > a:after{
	display: none;
}
.sticky-header .main-menu .navigation > li:before{
	display: none;
}
/*** 
====================================================================
			Page Title
====================================================================
***/
.page-title{
	position:relative;
	padding: 70px 0;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
.page-title:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content:'';
	background: rgb(201,228,156); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzllNDljIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjYzllNDljIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjNTk3NGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NzRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg, rgba(201,228,156,1) 0%, rgba(201,228,156,1) 28%, rgba(89,116,255,1) 71%, rgba(89,116,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(201,228,156,1) 0%,rgba(201,228,156,1) 28%,rgba(89,116,255,1) 71%,rgba(89,116,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(201,228,156,1) 0%,rgba(201,228,156,1) 28%,rgba(89,116,255,1) 71%,rgba(89,116,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e49c', endColorstr='#5974ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	opacity: .20;
}
.page-title .inner-container{
	position: relative;
}
.page-title h1{
	position:relative;
	float: left;
	font-size:40px;
	color:#ffffff;
	line-height: 50px;
	font-weight: 800;
	text-shadow: 0 5px 30px rgba(0,0,0,0.10);
}
.page-title .bread-crumb {
	position: relative;
	float: right;
	padding: 10px 0;
}
.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 17px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	text-transform: capitalize;
	cursor: default;
	padding-right:  5px;
	margin-right: 15px;
	font-family: "Montserrat", sans-serif;
}
.page-title .bread-crumb li:before{
	position: absolute;
	right: -8px;
	font-size: 17px;
	line-height: 30px;
	color: #ffffff;
	content: "/";
}
.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}
.page-title .bread-crumb li:last-child:before{
	display: none;
}
.page-title .bread-crumb li a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.page-title .bread-crumb li a:hover{
	color:#91c53c;	
}
/*** 
====================================================================
		Section Title
====================================================================
***/
.sec-title{
	position:relative;
	margin-bottom:70px;
	z-index: 1;
}
.sec-title .title{
	position: relative;
	display: inline-block;
	padding-left: 80px;
	font-size: 13px;
	line-height: 20px;
	color: #949144;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
}
.sec-title .title:before{
	position: absolute;
	left: 0;
	top: 10px;
	height: 2px;
	width: 70px;
	border-bottom: 1px solid #c9c9c9;
	content:"";
}
.sec-title h2{
	position: relative;
	display: block;
	font-size:40px;
	line-height: 55px;
	color: #333333;
	font-weight: 400;
	padding-bottom: 25px;
}
.sec-title h2 span{
	color: #5dbafc;
	font-weight: 700;
}
.sec-title h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 82px;
	background-image: url(../images/icons/seprator.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	z-index: -1;
}
.sec-title .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-top: 25px;
}
.sec-title.text-center h2:before{
	right: 0;
	margin:0 auto;
}
.sec-title.light h2{
	color: #ffffff;
}
.sec-title.light .title:before{
	background-color: #ffffff;
}
.sec-title.light .title{
	color: #ffffff;
}
/*** 
====================================================================
		Banner Section
====================================================================
***/
.banner-section{
	position: relative;
}
.banner-carousel{
	position: relative;
}
.banner-carousel .slide-item{
	position: relative;
	background-repeat: no-repeat;
	/* background-position: center; */
	/*background-size: cover;*/
	background-size: contain;
	padding: 285px 0;
}
.banner-carousel .slide-item:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #f8f8f8;
	opacity: .20;
	content: "";
}
.banner-carousel .content-box{
	position: relative;
	text-align: center;
}
.banner-carousel .content-box .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 15px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: "Montserrat", sans-serif;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}
.banner-carousel .active  .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}
.banner-carousel h2{
	position: relative;
	display: block;
	font-size: 55px;
	line-height: 68px;
	color: #ffffff;
	font-weight: 800;
	margin-bottom: 25px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}
.banner-carousel .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}
.banner-carousel .link-box{
	position: relative;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}
.banner-carousel .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}
.banner-carousel .link-box a{
	position: relative;
	display: inline-block;
	margin: 0 4px 10px;
}
.banner-carousel .owl-nav{
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -45px;
    z-index: 99;
}
.banner-carousel .owl-prev, 
.banner-carousel .owl-next{
	position: absolute;
	left: 40px;
	height: 90px;
	width: 25px;
	line-height: 90px;
	font-size: 20px;
	color: #333333;
	font-weight: 400;
	text-align: center;
	background-color: rgba(255,255,255,0.80);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}
.banner-carousel .owl-next{
	left: auto;
	right: 40px;
}
.banner-carousel .owl-prev:hover, 
.banner-carousel .owl-next:hover{
	background-color: #222222;
	color: #ffffff;
} 
/*** 
====================================================================
		Banner Section Two
====================================================================
***/
.banner-section-two{
	position: relative;
}
.banner-section-two .banner-carousel .slide-item{
	padding: 370px 0 360px;
}
.banner-section-two .slide-item:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(89,116,255,1) 0%, rgba(201,228,156,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(89,116,255,1) 0%,rgba(201,228,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(89,116,255,1) 0%,rgba(201,228,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335974ff', endColorstr='#33c9e49c',GradientType=1 ); /* IE6-9 */
	content: "";
	opacity: 0.20;
}
.banner-carousel .active .text{
	font-size: 27px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 5px;
}
.banner-section-two .slide-item h2{
	text-transform: capitalize;
	font-size: 65px;
	margin-bottom: 35px;
}
.banner-section-two .slide-item .link-box{
	position: relative;
	display: inline-block;
}
.banner-section-two .slide-item .link-box a{
	position: relative;
	float: left;
	margin: 0 9px 10px;
}
.banner-section-two .slide-item .link-box .theme-btn{
	padding: 14px 60px;
}
.banner-section-two .slide-item .link-box .play-btn{
	position: relative;
	display: block;
	height: 62px;
	width: 62px;
	line-height: 62px;
	color: #91c53c;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	background-color: #ffffff;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.banner-section-two .slide-item .link-box .play-btn:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/*** 
====================================================================
		Services Section
====================================================================
***/
.services-section{
	position: relative;
	padding: 110px 0 50px;
}
.services-section .layer-image{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
}
.services-section .sec-title{
	margin-bottom: 85px;
}
.service-block{
	position: relative;
	margin-bottom: 60px;
}
.service-block .inner-box{
	position: relative;
}
.service-block .inner-box:before{
	position: absolute;
	left: 0;
	top: -20px;
	height: 200px;
	width: 200px;
	background-image: url(../images/icons/liquid-pink.png);
	background-repeat: no-repeat;
	background-position: left top;
	content: "";
}
.service-block .inner-box .icon-box{
	position: relative;
	display: block;
	font-size: 54px;
	line-height: 1em;
	color: #ff6191;
	padding-left: 5px;
	margin-bottom: 17px;
}
.service-block .inner-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 18px;
	font-family: "Open Sans", sans-serif;
}
.service-block .inner-box h4 a{
	color: #222222;
	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;
}
.service-block .inner-box h4 a:hover{
	color: #92c800;
}
.service-block .inner-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	padding-right: 30px;
}
.service-block:nth-child(2) .icon-box{
	color: #fbcc7b;
}
.service-block:nth-child(3) .icon-box{
	color: #4c82db;
}
.service-block:nth-child(4) .icon-box{
	color: #4dca34;
}
.service-block:nth-child(5) .icon-box{
	color: #c96fef;
}
.service-block:nth-child(6) .icon-box{
	color: #e3d15b;
}
.service-block:nth-child(7) .icon-box{
	color: #73c5ff;
}
.service-block:nth-child(8) .icon-box{
	color: #ff6b53;
}
.service-block:nth-child(2) .inner-box:before{
	background-image: url(../images/icons/liquid-yellow.png);
}
.service-block:nth-child(3) .inner-box:before{
	background-image: url(../images/icons/liquid-blue.png);
}  
.service-block:nth-child(4) .inner-box:before{
	background-image: url(../images/icons/liquid-blue-2.png);
}
.service-block:nth-child(5) .inner-box:before{
	background-image: url(../images/icons/liquid-purple.png);
}
.service-block:nth-child(6) .inner-box:before{
	background-image: url(../images/icons/liquid-yellow.png);
}  
.service-block:nth-child(7) .inner-box:before{
	background-image: url(../images/icons/liquid-sky.png);
}
.service-block:nth-child(8) .inner-box:before{
	background-image: url(../images/icons/liquid-pink-2.png);
}
.services-section.style-two .layer-image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0.04;
}
/*** 
====================================================================
		Services Section Two
====================================================================
***/
.services-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 130px 0 0px;
}
.services-section-two:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 135px;
	background-color: #ffffff;
	content: "";
}
.services-section-two .sec-title{
	margin-bottom: 50px;
}
.services-section-two .row{
	margin: 0 -20px;
}
.service-block-two{
	position: relative;
	padding: 0 20px;
}
.service-block-two .inner-box{
	position: relative;
	background-color: #ffffff;
	padding: 60px 45px 35px;
	border:1px solid #e7e7e7;
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.service-block-two .inner-box:hover{
	-webkit-box-shadow: 0 18px 20px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 18px 20px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 18px 20px rgba(0,0,0,0.05);
	-o-box-shadow: 0 18px 20px rgba(0,0,0,0.05);
	box-shadow: 0 18px 20px rgba(0,0,0,0.05);
}
.service-block-two .inner-box:before{
	position: absolute;
	left: 35px;
	top: 40px;
	height: 200px;
	width: 200px;
	background-image: url(../images/icons/liquid-blue.png);
	background-repeat: no-repeat;
	background-position: left top;
	content: "";
}
.service-block-two .inner-box .icon-box{
	position: relative;
	display: block;
	font-size: 54px;
	line-height: 1em;
	color: #5180ce;
	padding-left: 5px;
	margin-bottom: 17px;
}
.service-block-two .inner-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 18px;
	font-family: "Open Sans", sans-serif;
}
.service-block-two .inner-box h4 a{
	color: #222222;
	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;
}
.service-block-two .inner-box h4 a:hover{
	color: #92c800;
}
.service-block-two .inner-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	padding-right: 30px;
	margin-bottom: 12px;
}
.service-block-two .inner-box .link-box{
	position: relative;
}
.service-block-two .inner-box .link-box a{
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #949144;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.service-block-two .inner-box .link-box a:hover{
	color: #222222;
}
.service-block-two:nth-child(2) .icon-box{
	color: #ff6191;
}
.service-block-two:nth-child(3) .icon-box{
	color: #fbcc7b;
}
.service-block-two:nth-child(2) .inner-box:before{
	background-image: url(../images/icons/liquid-pink.png);
}
.service-block-two:nth-child(3) .inner-box:before{
	background-image: url(../images/icons/liquid-yellow.png);
}
/*** 
====================================================================
		Service Detail
====================================================================
***/
.service-detail{
	position: relative;
	padding: 145px 0 90px;
}
.service-detail .image-column{
	position: relative;
	margin-bottom: 65px;
}
.service-detail .image-column .inner-column{
	position: relative;
	padding-left: 60px;
	padding-right: 35px;
}
.service-detail .image-column .image{
	position: relative;
	margin-bottom: 0;
}
.service-detail .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
	z-index: 99;
}
.service-detail .image-column .image:before{
	position: absolute;
	left: -60px;
	top: -40px;
	width: 100%;
	height: 100%;
	border:14px solid #d2f3cb;
	content: "";
	z-index: -1;
}
.service-detail .content-column{
	position: relative;
	order: 3;
	margin-bottom: 65px;
}
.service-detail .content-column .inner-column{
	position: relative;
}
.service-detail .content-column .icon-box{
	position: relative;
	display: block;
	padding-top: 15px;
	margin-top: 5px;
	margin-bottom: 30px;
}
.service-detail .content-column .icon-box:before{
	position: absolute;
	left: -10px;
	top: 0px;
	height: 200px;
	width: 200px;
	background-image: url(../images/icons/liquid-blue-2.png);
	background-repeat: no-repeat;
	background-position: left top;
	content: "";
}
.service-detail .content-column .icon-box .icon{
	position: relative;
	display: block;
	top: 5px;
	font-size: 44px;
	line-height: 1em;
	color: #86d177;
	padding-left: 5px;
	margin-bottom: 17px;
}
.service-detail .content-column h2{
	position: relative;
	display: block;
	font-size: 35px;
	color: #222222;
	line-height: 1.2em;
	font-weight: 600;
	margin-bottom: 15px;
}
.service-detail .lower-content{
	position: relative;
}
.service-detail .column{
	position: relative;
}
.service-detail p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-bottom: 24px;
}
.service-detail ul{
	position: relative;
	margin-bottom: 25px;
}
.service-detail ul li{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 27px;
	color: #333333;
	font-weight: 400;
	padding-left: 30px;
	margin-bottom: 13px;
}
.service-detail ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	line-height: 27px;
	font-family: "Flaticon";
	color: #ff3971;
	content: "\f153";
}
/*** 
====================================================================
		Video Section
====================================================================
***/
.video-section{
	position: relative;
	background-color: #f2f2f2;
	padding: 100px 0 60px;
}
.video-section .content-column{
	position: relative;
	margin-bottom: 40px;
}
.video-section .content-column .inner-column{
	position: relative;
}
.video-section .content-column h2{
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	margin-bottom: 25px; 
}
.video-section .content-column .text{
	position: relative;
}
.video-section .content-column .text p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-bottom: 24px;
}
.video-section .video-column{
	position: relative;
	margin-bottom: 40px;
}
.video-section .video-column .inner-column{
	position: relative;
}
.video-section .video-column .image{
	position: relative;
	margin-bottom: 0;
}
.video-section .video-column .image img{
	display: block;
	width: 100%;
}
.video-section .video-column .image .link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,0.0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.video-section .video-column .image:hover .link{
	background:rgba(0,0,0,0.30);	
}
.video-section .video-column .image .link span{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 23px;
	color: #91c53c;
	padding-left: 8px;
	margin-left: -40px;
	margin-top: -40px;
	background-color: rgba(255,255,255,1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
/*** 
====================================================================
			Related Work
====================================================================
***/
.related-work{
	position: relative;
	padding: 100px 0;
}
.related-work h2{
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}
/*** 
====================================================================
		Download Section
====================================================================
***/
.download-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0 80px;
}
.download-section .content-box{
	position: relative;
	text-align: center;
}
.download-section .content-box .icon{
	position: relative;
	display: block;
	font-size: 64px;
	line-height: 1em;
	color: #91c53c;
	font-weight: 400;
	margin-bottom: 15px;
}
.download-section .content-box h2{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 400;
	margin-bottom: 25px;
}
.download-section .content-box .link-box{
	position: relative;
}
.download-section .content-box .link-box a{
	display: inline-block;
	padding: 15px 35px;
	font-family: "Montserrat", sans-serif;
}
.download-section.style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #3f3f3f;
	content: "";
	opacity: 0.82;
}
.download-section.style-two .content-box h2{
	color: #ffffff;
}
/*** 
====================================================================
		Why Choose Us
====================================================================
***/
.why-choose-us{
	position: relative;
	padding: 140px 0 80px;
	counter-reset:count;
}
.feature-block{
	position: relative;
	margin-bottom: 60px;
}
.feature-block:before{
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -3.5px;
	height: 7px;
	width: 56px;
	margin-left: -28px;
	background-image: url(../images/icons/dumble.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}
.feature-block:hover:before{
	transform: rotate(180deg);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}
.feature-block:last-child:before{
	display: none;
}
.feature-block .inner-box{
	position: relative;
	height: 200px;
	width: 200px;
	text-align: center;
	display: table;
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px dashed #b0b0b0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin: 0 auto;
}
.feature-block .inner-box:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.feature-block .inner-box::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	line-height: 200px;
	font-size: 100px;
	color: #efefef;
	font-weight: 800;
	font-family: "Montserrat",sans-serif;
	counter-increment: count;
    content: "0" counter(count);
   	-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 .inner-box:hover:before {
	color: #d5eeff;
}
.feature-block .inner-box:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	border: 8px solid #d5eeff;
	content: "";
	border-radius: 50%;
	opacity: 0;
	-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 .inner-box:hover:after{
	opacity: 1;
	-webkit-box-shadow: 0 12px 21px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 12px 21px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 12px 21px rgba(0,0,0,0.05);
	-o-box-shadow: 0 12px 21px rgba(0,0,0,0.05);
	box-shadow: 0 12px 21px rgba(0,0,0,0.05);
}
.feature-block .inner-box h4{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	-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 .inner-box:hover h4{
	-webkit-text-shadow: 0 0 1px rgba(0,0,0,1);
	-moz-text-shadow: 0 0 1px rgba(0,0,0,1);
	-ms-text-shadow: 0 0 1px rgba(0,0,0,1);
	-o-text-shadow: 0 0 1px rgba(0,0,0,1);
	text-shadow: 0 0 1px rgba(0,0,0,1);
}
.why-choose-us .content-box{
	position: relative;
	text-align: center;
	max-width: 860px;
	margin: 0 auto 60px;
}
.why-choose-us .content-box h3{
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 18px;
}
.why-choose-us .content-box .text{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
}
/*** 
====================================================================
		Features and Facts
====================================================================
***/
.features-and-facts{
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #d3d3d3;
}
.icon-leaf-vine{
	position: absolute;
	left: 0;
	bottom: 20px;
	height: 575px;
	width: 320px;
	background-image: url(../images/icons/icon-leaf.png);
	opacity: 0.10;
}
.features-and-facts .outer-container{
	position: relative;
}
.features-and-facts .features-column{
	position: relative;
	float: left;
	width: 50%;
}
.features-and-facts .features-column .inner-column{
	position: relative;
	float: right;
	max-width: 585px;
	width: 100%;
	padding: 140px 15px;
}
.features-and-facts .features-column .sec-title{
	margin-bottom: 	60px;
}
.feature-block-two{
	position: relative;
	margin-bottom: 45px;
}
.features-and-facts .feature-block-two:last-child{
	margin-bottom: 0;
}
.feature-block-two .inner-box{
	position: relative;
	min-width: 75px;
	padding-left: 100px;
	max-width: 440px;
}
.feature-block-two .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 75px;
	width: 75px;
	text-align: center;
	line-height: 75px;
	border:1px dashed #777777;
	border-radius: 50%;
	font-size: 36px;
	color: #949144;
}
.feature-block-two .icon-box span{
	display: block;
}
.feature-block-two h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.feature-block-two .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
}
.features-and-facts .counters-column{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	padding: 50px 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.features-and-facts .counters-column .inner-column{
	position: relative;
}
.features-and-facts .counters-column .row{
	margin: 0 -1px;
} 
.features-and-facts .counter-column{
	position: relative;
	padding: 0 1px;
	margin-bottom: 2px;
}
.features-and-facts .counter-column .inner{
	position: relative;
	padding: 125px 15px;
	background-color: rgba(255,255,255,0.81);
	text-align: center;
}
.features-and-facts .counter-column .content{
	position: relative;
	display: inline-block;
	text-align: left;
}
.features-and-facts .counter-column .count-outer .count-text{
	font-weight: 700;
}
.features-and-facts .counter-column .counter-title{
	color: #222222;
	font-weight: 600;
}
/*** 
====================================================================
		About Section
====================================================================
***/
.about-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 130px 0px;
}
.about-section .content-box{
	position: relative;
	max-width: 500px;
}
.about-section .sec-title{
	margin-bottom: 35px;
}
.about-section .sec-title .title{
	color: #222222;
}
.about-section .text{
	position: relative;
	margin-bottom: 30px;
}
.about-section .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #555555;
	font-weight: 400;
	margin-bottom: 25px;
}
.about-section .btn-box{
	position: relative;
}
.about-section .btn-box a{
	display: inline-block;
	padding: 15px 60px;
}
/***
====================================================================
		About Section Two
====================================================================
***/
.about-section-two{
	position: relative;
	border-top: 2px solid #d0d0d0;
}
.about-section-two .content-column{
	position: relative;
}
.about-section-two .content-column .inner-column{
	position: relative;
	padding: 135px 0 130px;
}
.about-section-two .content-column .sec-title{
	position: relative;
	margin-bottom: 30px;
}
.about-section-two .content-column .text{
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding-right: 110px;
}
.about-section-two .content-column .text p{ 
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
}
.about-section-two .content-column h3{
	position: relative;
	display: block;
	font-size: 21px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 45px;
}
.about-section-two .content-column .graph-image{
	position: relative;
}
.about-section-two .content-column .graph-image .graph{
	position: relative;
	float: left;
	margin-right: 45px;	
	margin-bottom: 0;
}
.about-section-two .content-column .graph-image .graph img{
	display: block;
	max-width: 100%;
	height: auto;
}
.about-section-two .content-column .btn-box{
	position: relative;
	padding-top: 95px;
	float: left;
}
.about-section-two .content-column .btn-box a{
	padding: 15px 58px;
}
.about-section-two .image-column{
	position: relative;
	order: 12;
}
.about-section-two .image-column .inner-column{
	margin-top: -2px;
	margin-right: -165px;
	margin-left: -55px;
	text-align: right;
}
.about-section-two .image-column .image{
	position: relative;
	margin-bottom: 0;
}
.about-section-two .image-column .image img{
	max-width: 100%;
	width: auto;
}
/***
====================================================================
		Fun Facts Section
====================================================================
***/
.fun-facts-section{
	position:relative;
	padding: 90px 0px 40px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
}
.counter-column{
	position:relative;
	margin-bottom:40px;
}
.counter-column .inner{
	position:relative;
	padding-left: 40px;
}
.counter-column .content{
	position:relative;
	padding-left: 60px;
}
.counter-column .icon-box{
	position:absolute;
	left:0;
	top:0;
	line-height:50px;
	font-size:42px;	
	color: #3cc569;
}
.counter-column .count-outer{
	position:relative;
	font-size:60px;
	font-weight:800;
	line-height: 1em;
	color:#222222;
}
.counter-column .count-outer.light{
	font-weight:300;
}
.counter-column .count-outer .count-text{
	font-size:60px;
	font-weight:300;
	color:#222222;
	line-height: 1em;
}
.counter-column .counter-title{
	position:relative;
	font-size:16px;
	line-height:30px;
	font-weight:400;
	color:#777777;
}
.counter-column:nth-child(2) .icon-box{
	color: #ff458b;
}
.counter-column:nth-child(3) .icon-box{
	color: #5b87f6;
}
.counter-column:nth-child(4) .icon-box{
	color: #ffba00;
}
/*** 
====================================================================
		Testimonial Section
====================================================================
***/
.testimonial-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 120px 0 120px;
}
.testimonial-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #91c53c;
	opacity: .10;
	content: "";
}
.testimonial-section .sec-title{
	margin-bottom: 30px;
}
.testimonial-block{
	position: relative;
}
.testimonial-block .inner-box{
	position: relative;
	border: 1px solid #d0d0d0;
	border-radius: 20px;
	padding: 30px 35px 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-block .inner-box:hover{
	background-color: #e8e9e7;
}
.testimonial-block .info-box{
	position: relative;
	padding-left: 105px;
	padding-top: 22px;
	min-height: 85px;
	margin-bottom: 15px;
}
.testimonial-block .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 85px;
	width: 85px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial-block .info-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}
.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-block .inner-box:hover .info-box .name{
	color: #333333;
}
.testimonial-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-block .inner-box:hover .designation{
	color: #8f8f8f;
}
.testimonial-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-block .inner-box:hover .text{
	color: #787878;
}
.testimonial-block .social-links{
	position: relative;
	text-align: right;
}
.testimonial-block .social-links li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	margin-left: 10px;
}
.testimonial-block .social-links li a{
	color: #ffffff;
	display: 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;
}
.testimonial-block .inner-box:hover .social-links li a{
	color: #939393;
}
.testimonial-block .inner-box .social-links li a:hover{
	color: #3ec3ef;
}
.testimonial-carousel{
	position: relative;
	padding-bottom: 60px;
}
.testimonial-carousel .owl-nav{
	display: none;
}
.testimonial-carousel .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.testimonial-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 7px;
	width: 34px;
	margin:0 3px;
	border: 1px solid #adadad;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-carousel .owl-dot:hover{
	background-color: #ffffff;
}
.testimonial-carousel .owl-dot.active{
	width: 64px;	
	background-color: #ffffff;
	border-color: #ffffff;
}
/*** 
====================================================================
		Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
	position: relative;
	padding: 150px 0 140px;
}
.testimonial-block-two{
	position: relative;
}
.testimonial-block-two .inner-box{
	position: relative;
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
}
.testimonial-block-two .image-box{
	position: relative;
	margin-bottom: 30px;
}
.testimonial-block-two .image-box .thumb{
	position: relative;
	display: inline-block;
	height: 115px;
	width: 115px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial-block-two .image-box .thumb img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.testimonial-block-two .image-box .thumb .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 115px;
	color: #ffffff;
	font-size: 52px;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}
.testimonial-block-two .text{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	color: #787878;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 10px;
}
.testimonial-block-two .info-box{
	position: relative;
}
.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
}
.testimonial-block-two .info-box .designation{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 23px;
	color: #8f8f8f;
	font-weight: 400;
	margin-bottom: 10px;
}
.testimonial-block-two .social-links{
	position: relative;
}
.testimonial-block-two .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 7px;
}
.testimonial-block-two .social-links li a{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #939393;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-block-two .social-links li a:hover{
	color: #3ec3ef;
}
.testimonial-section-two .owl-dots{
	display: none;
}
.testimonial-section-two .owl-nav{
	position: absolute;
	left: 0;
	top: 60%;
	width: 100%;
	padding: 0 15px;
}
.testimonial-section-two .owl-next,
.testimonial-section-two .owl-prev{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 45px;
	color: #000000;
	font-size: 16px;
	border:1px solid #dedede;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-section-two .owl-next{
	left: auto;
	right: 0;
}
.testimonial-section-two .owl-next:hover,
.testimonial-section-two .owl-prev:hover{
	background-color: #222222;
	color: #ffffff;
}
/*** 
====================================================================
		Team Section
====================================================================
***/
.team-section{
	position: relative;
	padding: 140px 0 90px;
}
.team-section .sec-title{
	margin-bottom: 40px;
}
.team-section .row{
	margin: 0 -8px;
}
.team-block{
	position: relative;
	padding: 0 8px;
	margin-bottom: 50px;
} 
.team-block .inner-box{
	position: relative;
	border:1px solid #d6d6d6;
	border-radius: 10px;
	overflow: hidden;
}
.team-block .image-box{
	position: relative;
}
.team-block .image-box .image{
	position: relative;
	margin: 0;
}
.team-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}
.team-block .overlay-box{
	top: 1px;
	left: 0;
	z-index: 100;
	background-color: rgba(255,255,255,1);
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	/*-webkit-mask-image: radial-gradient(81px at 50% 32%, transparent 100%, #000 100%);*//*changed the circle to square 05 01 2025*/
	-webkit-mask-image: linear-gradient(to bottom, transparent 60%, #000 60%, #000 100% );
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.team-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.team-block .overlay-box .info-box{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	text-align: center;
}
.team-block .inner-box:hover .overlay-box .info-box{
	margin-top: 32px;
	opacity: 1;
	visibility: visible;
	transition: all 400ms ease;
	transition-delay: 400ms;
}
.team-block .overlay-box .info-box .name{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 5.2em;
	color: #333333;
	font-weight: 600;
}
.team-block .overlay-box .info-box .designation{
 	font-size: 13px;
 	line-height: 26px;
 	color: #949494;
 	font-weight: 400;
 }
.team-block .overlay-box .social-links{
	position: relative;
}
.team-block .overlay-box .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 7px;
}
.team-block .overlay-box .social-links li a{
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #939393;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.team-block .overlay-box .social-links li a:hover{
	color: #91c53c;
}
/*** 
====================================================================
		Project Section
====================================================================
***/
.project-section{
	position: relative;
	padding: 120px 0 90px;
}
.project-section .sec-title{
	margin-bottom: 40px;
}
.project-section .filters{
	margin-bottom:45px;
}
.project-section .filters .filter-tabs{
	position:relative;
	text-align: center;
}
.project-section .filters li{
	position: relative;
    display: inline-block;
    font-size: 15px;
    color: #333333;
    cursor: pointer;
    font-weight: 500;
    margin:0 30px;
    font-family: "Montserrat", sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.project-section .filters .filter.active,
.project-section .filters .filter:hover{
	color: #91c53c;
}
.project-section .row{
	margin: 0 -12px;
}
.project-block{
	position: relative;
	padding: 0 9px;
	margin-bottom: 40px;
}
.project-block.mix{
	display: none;
}
.project-block .inner-box{
	position: relative;
}
.project-block .image-box{
	position: relative;
}
.project-block .image{
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.project-block .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.project-block .inner-box:hover .image img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.project-block .content-box{
	position: relative;
	padding: 18px 0 0;
}
.project-block h3{
	position: relative;
	display: block;
	font-size: 23px;
	color: #333333;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 15px;
}
.project-block h3 a{
	color: #333333;
	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;
}
.project-block h3 a:hover{
	color: #92c800;
}
/*** 
====================================================================
			Project Section Two
====================================================================
***/
.project-section-two{
	position: relative;
	background-color: #f2f2f2;
	padding: 140px 0 0;
}
.project-section-two .sec-title{
	margin-bottom: 60px;
}
.project-section-two .project-tabs{
	position: relative;
}
.tabs-box{
	position: relative;
	display:block;	
}
.tabs-box .tabs-content{
	position:relative;	
}
.tabs-box .tabs-content .tab{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	background:#f2f2f2;
	opacity:0;
	visibility:hidden;
}
.tabs-box .tabs-content .tab.active-tab{
	position:relative;
	visibility:visible;
	opacity:1;
	z-index:5;
}
.project-tabs .tab-buttons{
	position: relative;
	padding: 60px 15px;
	background-color: #f2f2f2;
	text-align: center;
}
.project-tabs .tab-buttons li{
	position: relative;
	display: inline-block;
	margin:0 30px;
	font-size: 15px;
	line-height: 40px;
	color: #333333;
	font-weight: 500;
	cursor: pointer;
}
.project-tabs .tab-buttons li.active-btn{
	color: #91c53c;
}
.project-block-two{
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.project-block-two .inner-box{
	position: relative;
} 
.project-block-two .image-box{
	position: relative;
}
.project-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
}
.project-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}
.project-block-two .caption-box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	padding: 22px 15px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: bottom;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.project-block-two .inner-box:hover .caption-box{
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.project-block-two .caption-box h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	font-weight: 600;
}
.project-block-two .caption-box h4 a{
	color: #333333;
	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;
}
.project-block-two .caption-box h4 a:hover{
	color: #91c53c;
}
.project-block-two .caption-box span{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #949494;
	font-weight: 400;
}
.projects-carousel .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}
.projects-carousel .owl-next,
.projects-carousel .owl-prev{
	position: absolute;
	left: 50px;
	bottom: 0;
	font-size: 16px;
	line-height: 38px;
	height: 40px;
	width: 40px;
	text-align: center;
	background-color: #ffffff;
	border:1px solid #cccccc;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.projects-carousel .owl-next{
	left: auto;
	right: 50px;
}
.projects-carousel .owl-next:hover,
.projects-carousel .owl-prev:hover{
	background-color: #222222;
	color: #ffffff;
}
.project-tabs .project-block-two{
	-webkit-transform:scaleX(0.25);
	-ms-transform:scaleX(0.25);
	-o-transform:scaleX(0.25);
	-moz-transform:scaleX(0.25);
	transform:scaleX(0.25);
}
.project-tabs .tab.active-tab .project-block-two{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}
.project-section.full-width{
	padding-bottom: 0;
}
.project-section.full-width .sec-title{
	float: left;
}
.project-section.full-width .filter-tabs{
	margin-top: 40px;
	float: right;
}
.project-section.full-width .row{
	margin: 0;
}
.project-section.full-width .project-block-two{
	padding: 0;
	transition: none;
}
.project-block-two.mix{
	display: none;
}
/*** 
====================================================================
			News Section
====================================================================
***/
.news-section{
	position: relative;
	background-color: #f2f2f2;
	padding: 145px 0 145px;
}
.news-section .sec-title{
	margin-bottom: 65px;
}
.news-carousel{
	position: relative;
	padding-bottom: 65px;
}
.news-block{
	position: relative;
}
.news-block .inner-box{
	position: relative;
}
.news-block .image-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.news-block .image-box .image{
	position: relative;
	overflow: hidden;
	display: none;
}
.news-block .image-box img{
	display: block;
	width: 100%;
	height: auto;
}
.news-block .content-box{
	position: relative;
	float: right;
	width: 50%;
	background-color: #ffffff;
}
.news-block .content-box .inner-box{
	position: relative;
	padding: 65px 55px;
}
.news-block .content-box .date{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	padding: 0 15px;
	background-color: #91c53c;
	border-radius: 30px;
	margin-bottom: 10px;
} 
.news-block .content-box h3{
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 35px;
	color: #4c4c4c;
	font-weight: 500;
	margin-bottom: 10px;
}
.news-block .content-box h3 a{
	color: #4c4c4c;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-block .content-box h3 a:hover{
	color: #91c53c;
}
.news-block .content-box .info{
	position: relative;
	margin-bottom: 25px;
}
.news-block .content-box .info li{
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 500;
}
.news-block .content-box .info li span{
	color: #ff5656;
}
.news-block .content-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-bottom: 30px;
}
.news-block .content-box .btn-box{
	position: relative;
}
.news-block .content-box .btn-box a{
	position: relative;
	padding: 10px 30px;
}
.news-carousel .owl-nav{
	display: none;
}
.news-carousel .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.news-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 7px;
	width: 34px;
	margin:0 3px;
	border: 1px solid #adadad;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.news-carousel .owl-dot:hover{
	background-color: #5dbafc;
	border-color: #5dbafc;
}
.news-carousel .owl-dot.active{
	width: 64px;	
	background-color: #5dbafc;
	border-color: #5dbafc;
}
/*** 
====================================================================
			News Section Two
====================================================================
***/
.news-section-two{
	position: relative;
	padding: 110px 0 130px;
}
.news-section-two .sec-title{
	margin-bottom: 50px;
}
.news-section-two .row{
	margin:0 -3px;
}
.news-section-two .news-block-two{
	padding:0 3px;
}
.news-block-two{
	position: relative;
	margin-bottom: 40px;
}
.news-block-two .inner-box{
	position: relative;
}
.news-block-two .image-box{
	position: relative;
}
.news-block-two .image-box .date{
	position: absolute;
	left: 20px;
	top: 20px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 600;
    padding: 0 15px;
    background-color: #5dbafc;
    border-radius: 30px;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}
.news-block-two .image{
	position: relative;
	margin-bottom: 0;
}		
.news-block-two .image img{
	display: block;
	width: 100%;
	height: auto;
}
.news-block-two .lower-content{
	position: relative;
	padding: 25px 0 0
}
.news-block-two .lower-content h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #4c4c4c;
	font-weight: 500;
	margin-bottom: 5px;
}
.news-block-two .lower-content h3 a{
	color: #4c4c4c;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.news-block-two .lower-content h3 a:hover{
	color: #91c53c;
}
.news-block-two .lower-content .info{
	position: relative;
	font-family: "Montserrat", sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
.news-block-two .lower-content .info li{
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
}
.news-block-two .lower-content .info li span{
	color: #ff5656;
}
.news-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-bottom: 24px;
}
.news-block-two .lower-content .btn-box{
	position: relative;
}
.news-block-two .lower-content .btn-box a{
	position: relative;
	padding: 15px 35px;
	line-height: 20px;
}
/*=== Blog Grid ===*/
.blog-grid{
	padding: 150px 0;
}
.blog-grid .row{
	margin:0 -3px;
}
.blog-grid .news-block-two{
	margin-bottom: 50px;
}
/*=== Blog List ===*/
.blog-list{
	position: relative;
}
.blog-list .row{
	margin: 0 -15px;
}
.blog-list .news-block-two .image-box .image{
	margin-right: -10px;
}
.blog-list .news-block-two .lower-content{
	padding-top: 10px;
}
.blog-list .news-block-two .lower-content h3{
	font-size: 23px;
	line-height: 30px;
}
.blog-list .styled-pagination{
	margin-top: 70px;
}
/*** 
====================================================================
			Blog Single
====================================================================
***/
.blog-single{
	position: relative;
}
.blog-single .news-block-two h3{
	position: relative;
	display: block;
	font-size: 23px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom: 10px;
}
.blog-single .news-block-two .lower-content .info{
	padding-bottom: 10px;
	margin-bottom: 24px;
}
.blog-single p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-bottom: 24px;
}
.blog-single .news-block-two h4{
	font-size: 20px;
	line-height: 1.2em;
	color: #444444;
	font-weight: 600;
	margin-bottom: 20px;
}
.blog-single .post-image{
	position: relative;
	margin-bottom: 15px;
}
.blog-single .post-image .row{
	margin:0 -5px;
}
.blog-single .post-image .column{
	position: relative;
	padding: 0 5px;
	margin-bottom: 10px;
}
.blog-single .post-image .image{
	position: relative;
}
.blog-single .post-image .image img{
	display: block;
	width: 100%;
	height: auto;
}
/*post share options*/
.blog-single .post-share-options{
	position:relative;
	padding:10px 0px;
	margin-bottom: 5px;
}
.blog-single .post-share-options p{
	position:relative;
	color:#000000;
	font-size:15px;
	line-height: 25px;
	font-weight:500;
	margin:0;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
}
.blog-single .post-share-options .tags{
	position: relative;
	display: inline-block;
}
.blog-single .post-share-options .tags li{
	position: relative;
	display: inline-block;
}
.blog-single .post-share-options .tags a{
	position:relative;
	font-size:13px;
	font-weight:400;
	line-height: 25px;
	color:#8c8c8c;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.blog-single .post-share-options .tags a:hover{
	color: #5dbafc;
}
.blog-single .post-share-options .social-icon{
	position: relative;
	display: inline-block;
}
.blog-single .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 10px;
}
.blog-single .post-share-options .social-icon li a{
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #b2b2b2;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.blog-single .post-share-options .social-icon li a:hover{
	color: #5dbafc;
}
/*Author Box*/
.author-box{
	position:relative;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding: 30px 15px;
	margin-bottom: 40px;
}
.author-box .inner-box{
	position:relative;
	padding-left: 110px;
	min-height: 90px;
}
.author-box .thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 85px;
	width: 85px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 15px;
}
.author-box .thumb img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.author-box .name{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
	margin-bottom: 5px;
}
.author-box .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #787878;
	font-weight: 400;
	font-style: italic;
}
/*** 
====================================================================
			Styled Pagination
====================================================================
***/
.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}
.styled-pagination ul{
	position:relative;
	width: 100%;
}
.styled-pagination li{
	position:relative;
	display: inline-block;
	margin-right: 22px;
}
.styled-pagination li:last-child{
	margin-right: 0;
}
.styled-pagination li a{
	position:relative;
	display: block;
	text-align: center;
	line-height:26px;
	font-weight:400;
	font-size:16px;
	color:#777777;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#5dbafc;	
	text-decoration: underline;
}
/*** 
====================================================================
			Call To Action
====================================================================
***/
.call-to-action{
	position: relative;
	background-color: #ffffff;
	z-index: 9;
}
.call-to-action .content-column{
	position: relative;
	padding: 60px 15px 80px;
}
.call-to-action .content-column .text{
	position: relative;
	display: block;
	font-size: 21px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 300;
	margin-bottom: 10px;
}
.call-to-action .content-column h2{
	position: relative;
	display: block;
	font-size: 46px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 900;
	margin-bottom: 18px;
}
.call-to-action .content-column .number{
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 700;
	background-color: #5dbafc;
	padding: 0 20px;
}
.call-to-action .form-column{
	position: relative;
}
.call-to-action .form-column .inner-column{
	position: relative;
	margin-top: -35px;
	margin-bottom: -35px;
	background-color: #91c53c;
	padding: 16px;
}
.appointment-form{
	position: relative;
	background-color: #9cd144;
	padding: 20px 45px 30px;
}
.appointment-form .form-group{
	position:relative;
	margin-bottom:10px;	
}
.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
	position: relative;
    display: block;
    font-size: 14px;
    line-height: 19px;
    color: #ffffff;
    font-weight: 400;
    padding: 15px 0px;
    width: 100%;
    height: 50px;
    background-color: transparent;
    border-bottom: 1px solid #719732;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.appointment-form .form-group textarea{
	height: 80px;
	resize: none;
	margin-bottom: 25px;
}
.appointment-form .form-group input[type="submit"],
.appointment-form button{
    padding: 15px 30px;
    line-height:20px;
    font-weight: 600; 
    color: #333333;
    font-size: 15px;
    text-transform: capitalize;
}
.appointment-form .form-group input:focus,
.appointment-form .form-group textarea:focus,
.appointment-form .form-group select:focus{
	border-color: #152545;
}
/*** 
====================================================================
		Clients Section
====================================================================
***/
.clients-section{
	position: relative;
	padding:20px 0;
}
.clients-section .sponsors-outer{
	position: relative;
}
.clients-section .slide-item{
	position: relative;
}
.clients-section .image-box{
	position: relative;
	margin: 0;
	text-align: center;
}
.clients-section .image-box img{
	display: inline-block;
	max-width: 85%;
	width: auto;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.clients-section .image-box:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
	display: none;
}
.clients-section.style-two{
	-webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: inset 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: inset 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: inset 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: inset 0 10px 30px rgba(0,0,0,0.10);
}
.clients-section.alternate{
	background-color: #f3f3f3;
}
/*** 
====================================================================
		Map Section
====================================================================
***/
.map-section{
	position: relative;
	display: block;
}
.map-area{
	position:relative;
}
.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}
.map-data a{
	display: block;
}
.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}
.map-canvas{
	height:470px;
	background-color: #d6e9b9;
}
/*** 
====================================================================
		Main Footer
====================================================================
***/
.main-footer{
	position: relative;
	background-color: #222222;
	padding-bottom: 20px;
}
.main-footer .logo-box{
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #363636;
} 
.main-footer .logo-box .image{
	display: block;
	margin-bottom: 0;
}
.main-footer .logo-box .image img{
	max-width: 100%;
	height: auto;
}
.main-footer .footer-menu{
	position: relative;
	margin-top: 30px;
	margin-bottom: 25px;
	text-align: center;
	font-family: "Montserrat", sans-serif;
}
.main-footer .footer-menu ul li{
	position: relative;
	display: inline-block;
	margin: 0 28px;
}
.main-footer .footer-menu ul li a{
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-footer .footer-menu ul li:before{
	position: absolute;
	top: 2px;
	right: -28px;
	line-height: 22px;
	font-size: 12px;
	color: #616161;
	font-weight: 700;
	/*content: "|";*/
}
.main-footer .footer-menu ul li:last-child:before{
	display: none;
}
.main-footer .footer-menu ul li:hover a{
	color :#949144;
}
.main-footer .footer-social-links{
	position: relative;
	display: block;
	margin-bottom: 25px;
}
.main-footer .social-links{
	position: relative;
	text-align: center;
}
.main-footer .social-links li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #939393;
	font-weight: 400;
	margin: 0 16px;
}
.main-footer .social-links li a{
	color: #939393;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-footer .social-links li a:hover{
	color: #91c53c;
}
.main-footer .copyright-text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	text-align: center;
}
.main-footer .copyright-text a{
	color: #777777;
}
.main-footer .copyright-text a:hover{
	text-decoration: underline;
}
/***
==================================================================
			Sidebar Page Container
==================================================================
***/
.sidebar-page-container{
	position: relative;
	padding: 150px 0 100px;  
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	position: relative;
	margin-bottom: 50px;
}
.sidebar-page-container .sidebar{
	padding-left: 20px;
}
.sidebar-page-container.left-sidebar .sidebar{
	padding-left: 0;
	padding-right: 20px;
}
.sidebar-widget{
    position: relative;
    margin-bottom:30px;
}
.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}
.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 18px;
}
.sidebar-page-container .sidebar-title h3{
	position: relative;
	font-size: 18px;
	color: #333333;
	font-weight: 500;
	line-height: 30px;
}
.sidebar-page-container .widget-content{
	position: relative;
}
/*Search Box Widget*/
.sidebar .search-box{
	position: relative;
}
.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
	overflow: hidden;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:16px;
	color:#a7a7a7;
	line-height:30px;
	padding:20px 30px;
	padding-right: 75px;
	height:70px;
	width:100%;
	border:1px solid #cecece;
	font-weight: 500;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.sidebar .search-box .form-group input:focus{
	border-color:#91c53c;	
}
.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	width:75px;
	height:70px;
	line-height: 70px;
	text-align:center;
	font-size:30px;
	color:#a7a7a7;
	padding: 0;
	font-weight:400;
	background-color: transparent;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
	color: #91c53c;
}
/*=== Categories ===*/
.sidebar .categories{
	position: relative;
}
.sidebar .categories .widget-content{
	position: relative;
	border:1px solid #cecece;
	padding: 25px 30px;
}
.category-list{
	position: relative;
}
.category-list li{
	position: relative;
	padding-left: 20px;
}
.category-list li:before{
	position: absolute;
	left: 0;
	top: 23px;
	height: 5px;
	width: 5px;
	background-color: #5dbafc;
	content: "";
	border-radius: 50%;
}
.category-list li a{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 23px;
	padding: 15px 0;
	color: #333333;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.category-list li a:hover{
	color: #f44438;
}
/*=== Latest News ===*/
.post-widget{
	position: relative;
}
.post-widget .post{
	position: relative;
	padding-left: 110px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-top: 13px;
	min-height: 115px;
	border-bottom: 1px solid #cecece;
}
.post-widget .post:last-child{
	margin-bottom: 0px;
	border-bottom: 0;
}
.post-widget .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 90px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.post-widget .post .thumb img{
	display: block;
	width: 100%;
}
.post-widget .post h3{
	position: relative;
	font-size: 17px;
	line-height: 25px;
	color: #333333;
	font-weight: 500;
}
.post-widget .post h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.post-widget .post:hover h3 a{
	color: #5dbafc;
}
.post-widget .post .date{
	position: relative;
	font-size: 13px;
	line-height: 25px;
	color: #5dbafc;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
}
/*Quote Widget*/
.testimonial-widget{
	position: relative;
}
.testimonial-widget .single-item-carousel{
	position: relative;
	padding-bottom: 40px;
	background-color: #f3f3f3;
	border:1px solid #dfe9ce;
}
.testimonial-block-three{
	position: relative;
}
.testimonial-block-three .inner-box{
	position: relative;
	padding: 65px 25px 60px;
	background-color: #f3f3f3;
	text-align: center;
	margin-bottom: 0;
}
.testimonial-block-three .icon{
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 85px;
	line-height: 1em;
	color: #b9b9b9;
	opacity: 0.19;
}
.testimonial-block-three .name{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
}
.testimonial-block-three .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	color: #5dbafc;
	font-weight: 400;
	margin-bottom: 20px;
}
.testimonial-block-three .text{
	font-size: 20px;
	line-height: 30px;
	color: #787878;
	font-weight: 300;
	font-style: italic;
	font-family: "Open Sans", sans-serif;
}
.testimonial-widget .owl-nav{
	display: none;
}
.testimonial-widget .owl-dots{
	position: absolute;
	left: 0;
	bottom: 55px;
	width: 100%;
	text-align: center;
}
.testimonial-widget .owl-dot{
	position: relative;
	display: inline-block;
	height: 13px;
	width: 13px;
	margin: 0 4px;
	background-color: #ff4c76;
	border: 3px solid #f3f3f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-widget .owl-dot:before{
	position: absolute;
	height: 13px;
	width: 13px;
	left: -3px;
	top: -3px;
	border: 1px solid #ff4c76;
	content: "";
	opacity: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.testimonial-widget .owl-dot.active:before,
.testimonial-widget .owl-dot:hover:before{
	opacity: 1;
}
/*=== Tags ===*/
.tags-widget{
	position: relative;
}
.tag-list{
	position: relative;
	display: block;
}
.tag-list li{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
} 
.tag-list li a{
	position: relative;
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #777777;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    border:1px solid #dddddd;
    padding: 15px 30px;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.tag-list li a:hover{
	background-color: #ff4c76;
	border-color: #ff4c76;
	color: #ffffff;
}
/*=== Text Widget ===*/
.text-widget{
	position: relative;
}
.text-widget .widget-content{
	position: relative;
}
.text-widget .widget-content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-bottom: 25px;
}
.text-widget .widget-content p:last-child{
	margin-bottom: 0;
}
/*=== Gallery Widget ===*/
.sidebar .gallery-widget{
	position: relative;
}
.sidebar .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px -5px 0;
}
.sidebar .gallery-widget .gallery-outer .image{
	position:relative;
	float:left;
	width: 33.3333333%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}
.sidebar .gallery-widget .gallery-outer .image img{
	display:block;
	width:100%;	
}
/*=== Meta tags ===*/
.sidebar .meta-widget{
	position: relative;
}
.sidebar .meta-widget .sidebar-title{
	margin-bottom: 5px;
}
.meta-list{
	position: relative;
}
.meta-list li{
	position: relative;
}
.meta-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 600;
	padding: 10px 0 14px;
	border-bottom: 1px solid #d9d9d9;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.meta-list li a span{
	color: #5dbafc;
	display: inline-block;
}
.meta-list li a:hover{
	color: #5dbafc;
}
/*** 
====================================================================
				Comment Area
====================================================================
 ***/
.group-title{
	position: relative;
	margin-bottom: 45px;
}
.group-title h2{
	position: relative;
	font-size: 20px;
	color: #333333;
	line-height: 1.2em;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
}
.comments-area{
	position:relative;
	margin-bottom:80px;	
}
.comments-area .comment{
	position:relative;
	padding-left: 120px;
	min-height: 90px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}
.comments-area .comment.reply-comment{
	margin-left: 80px;
}
.comments-area .comment:last-child{
	margin-bottom: 0;
}
.comments-area .comment .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:90px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom:20px;
}
.comments-area .comment .author-thumb img{
	width:100%;
	height: auto;
	display:block;
}
.comments-area .comment-info{
	position: relative;
	padding-top: 15px;
	margin-bottom: 25px;
}
.comments-area .comment .name{
	position: relative;
	display: block;
	font-size:17px;
	font-weight:700;
	color:#333333;
	line-height: 1.2em;
	text-transform:capitalize;
	font-family: "Open Sans", sans-serif;
}
.comments-area .comment .date{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 23px;
	color: #777777;
	font-weight: 400;
}
.comments-area .comment .message{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	font-weight: 300;
	font-style: italic;
	margin-top: 15px;
}
.comments-area .comment .text{
	font-size: 14px;
	line-height: 24px;
	color:#787878;
	font-weight: 400;
}
.comments-area .comment .reply-btn{
	position:absolute;
	right: 0;
	top: 0;
	font-size:13px;
	color:#555555;
	line-height:20px;
	padding: 5px 25px;
	font-weight:400;
	border:1px solid #d6d6d6;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.comments-area .comment .reply-btn:hover{
	color: #ffffff;
	background-color: #23a4f3;
	border-color: #23a4f3;
}
/*** 
====================================================================
			Comment Form
====================================================================
 ***/
.comment-form{
	position: relative;
}
.comment-form .group-title{
	margin-bottom: 20px;
}
.comment-form .form-group{
	position:relative;
	margin-bottom:20px;	
}
.comment-form .form-group:last-child{
	margin-bottom:0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="url"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	font-size:14px;
	line-height:25px;
	padding:20px 40px;
	color:#989898;
	font-weight: 400;
	border:1px solid #d6d6d6;
	background:#ffffff;
	height:65px;
	border-radius: 35px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="url"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#23a4f3;
}
.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	font-size:14px;
	line-height:25px;
	padding:30px 40px 20px;
	color:#989898;
	font-weight: 400;
	border:1px solid #d6d6d6;
	background:#ffffff;
	height: 165px;
	border-radius: 20px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	margin-bottom: 5px;
}
.comment-form .form-group input[type="submit"],
.comment-form .form-group button{
	padding: 16px 50px;
}
/*** 
====================================================================
		Contact Page Section
====================================================================
***/
.contact-page-section{
	position: relative;
	padding: 140px 0 100px;
	background-color: #eef3fa;
}
.contact-page-section .float-img{
	position: absolute;
	right: 15%;
	top: 0;
}
.contact-page-section .float-img img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.contact-page-section .form-column .title{
	position: relative;
	margin-bottom: 40px;
}
.contact-page-section .title h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
}
.contact-page-section .form-column{
	position: relative;
	margin-bottom: 40px;
}
.contact-form-two .form-group{
	position:relative;
	margin-bottom:20px;	
}
.contact-form-two .form-group input[type="text"],
.contact-form-two .form-group input[type="email"],
.contact-form-two .form-group input[type="url"],
.contact-form-two .form-group textarea,
.contact-form-two .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #989898;
    line-height: 23px;
    padding: 20px 30px;
    border: 1px solid #d6d6d6;
    background-color: #ffffff;
    font-weight: 400;
    font-style: normal;
    height: 65px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contact-form-two .form-group input:focus,
.contact-form-two .form-group select:focus,
.contact-form-two .form-group textarea:focus{
	border-color:#5dbafc;
}
.contact-form-two .form-group textarea{
	height: 165px;
	border-radius: 15px;
	resize: none;
}
.contact-form-two .form-group input[type="submit"],
.contact-form-two .form-group button{
	padding: 15px 65px;
}
.contact-form-two .form-group button .fa{
	padding-left:5px;	
}
.contact-form-two input.error:focus,
.contact-form-two select.error:focus,
.contact-form-two textarea.error:focus{
	border-color:#ff0000;	
}
.contact-form-two label.error{
	display:block;
	font-weight:500;
	font-size:13px;
	text-transform:capitalize;
	line-height:24px;
	color:#ff0000;
	padding-top:7px;
}
.contact-page-section .contact-column{
	position: relative;
	margin-bottom: 40px;
}
.contact-page-section .contact-column .title{
	position: relative;
	margin-bottom: 35px;
}
.contact-page-section .contact-column .title .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	font-weight: 400;
	margin-top: 20px;
}
.contact-page-section .contact-info {
	position: relative;
	margin-bottom: 40px;
}
.contact-page-section .contact-info li{
	position: relative;
	margin-bottom: 20px;
}
.contact-page-section .contact-info li p{
	font-size: 17px;
	line-height: 25px;
	color: #777777;
	font-weight: 400;
}
.contact-page-section .contact-info li strong{
	position: relative;
	display: block;
	font-size: 21px;
	line-height: 30px;
	/*color: #91c53c; */
	color: #949144;
	font-weight: 500;
	margin-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.contact-page-section .contact-info li .icon{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 24px;
	line-height: 1.2em;
	color: #43c3ea;
	font-weight: 400;
}
.contact-page-section .contact-info li a{
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.contact-page-section .contact-info li a:hover{
	color: #00aeef;
}
/*** 
====================================================================
				Error Page
====================================================================
***/
.error-page-section{
	position:relative;
	text-align:center;
	padding:140px 0px;
}
.error-page-section .error-image{
	position: relative;
	margin-bottom: 30px;
}
.error-page-section .error-image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.error-page-section h4{
	position: relative;
	display: block;
	font-size: 45px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}
.error-page-section .text{
	font-size:20px;
	color:#747474;
	font-weight:400;
	line-height: 1.3em;
	margin-bottom:35px;
}
.error-page-section .btn-box{
	position: relative;
	display: block;
}
.error-page-section .btn-box a{
	padding: 16px 45px;
	display: inline-block;
	border:1px solid #d8d8d8;
}
 #video-container {
	max-width: 100%;
	/*width: 800px;*/
	width: 100%;
	/*margin: 20px;*/
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

video {
	width: 100%;
	height: auto;
	display: block;
}

.loading-placeholder {
	padding: 20px;
	text-align: center;
	color: #666;
	font-family: Arial, sans-serif;
}

/* Hide native video controls */
video::-webkit-media-controls {
	display: none !important;
}
video::-webkit-media-controls-enclosure {
	display: none !important;
}
video::-webkit-media-controls-panel {
	display: none !important;
}

#unmute-overlay {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 10px;
	border-radius: 5px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	cursor: pointer;
	display: none;
}

.banner-container {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.banner-image {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
}

/* Optional overlay for text content */
.banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: white;
}