/* Strnix - Green Energy HTML Template  */

/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset

3. Global
4. Main Header / Style One / Style Two / Style Three / Style Four / Style Five
5. Sticky Header
6. Mobile Menu
7. Main Slider / Banner Carousel
8. About Section / Style One  / Style Two / Style Three / Style Four
9. Programs Section
11. Newsletter
12. Services Section / one / Two / Three / Four / Five
13. Recent Projects / one / Two
14. Fun Facts Section
15. Testimonials Section / One / Two
16. Sponsors Section
17. Pricing Section
18. Enquiry Section
19. News Section / One / Two
20. Call To Action / Style One  / Style Two / Alternate
21. Main Footer / Style One  / Style Two / Three / Four
22. Features Section / One / Two
23. Main Info Section
24. Mission Section
25. Projects Section / One  / Two / Three
26. Company History
27. Call to Action / One / Two / Three / Four
28. Featured Section
29. Contact Section
30. Fluid Section / One / To / Three
31. Team Section
32. News Section two
33. Featured Section Two
34. FAQs Section
35. Sidebar Page Container
36. Service Details
37. Blog Details
38. Map Section




**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/
 

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Merriweather:300,300i,400,400i&display=swap');

/*
font-family: 'basis_grotesque_promedium', sans-serif !important;
font-family: 'Merriweather', serif;
*/

@import url('owl.css');
@import url('fontawesome-all.css');
@import url('stroke-gap-icons.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('scrollbar.css');
@import url('hover.css');
@import url('custom-animate.css');

@font-face {
    font-family: 'basis_grotesque_promedium', sans-serif;
    src: url('webfonts/fontsfree-net-basisgrotesquepro-regular-webfont.woff2') format('woff2'),
         url('webfonts/fontsfree-net-basisgrotesquepro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'basis_grotesque_promedium', sans-serif;
    src: url('webfonts/fontsfree-net-basisgrotesquepro-medium-webfont.woff2') format('woff2'),
         url('webfonts/fontsfree-net-basisgrotesquepro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*** 

====================================================================
	Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	
	font-size:16px;
	color:#222222;
	line-height:1.5em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
}

a{
	text-decoration:none;
	
	color: #52c306;
}

.theme_color{
	color:#52c306;
}

a:hover,
a:focus,
a:visited,
a:active,
button:active{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px 0px 15px;
	background:none;
	line-height:1.25em;
	font-family: 'Hind', cursive;
}

h1{
	font-size: 72px;
}

h2{
	font-size: 36px;
}

h3{
	font-size: 20px;
}

h4{
	font-size: 16px;
}

h5{
	font-size: 12px;
}

h6{
	font-size: 10px;
}

textarea{
	overflow:hidden;
	resize: none;	
}

button{
	outline: none !important;

}

p{
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
	margin: 0 0 15px;
}

.text{
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
	font-style: italic;
	margin: 0 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	z-index: 9;
	overflow: hidden;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
	font-size: 14px !important;
}

figure{
	margin-bottom: 0;
}

.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;
}

.theme-btn i{
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-one:hover{
	color: #ffffff;
}

.btn-style-one .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #52c306;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-one:hover .btn-title{
	color:#ffffff;
}

.btn-style-one .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-one .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-one .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #222222;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-one:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-two:hover{
	color: #ffffff;
}

.btn-style-two .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #444444;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-two:hover .btn-title{
	color:#ffffff;
}

.btn-style-two .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-two .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-two .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #52c306;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-two:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-three:hover{
	color: #ffffff;
}

.btn-style-three .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #406fe6;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-three:hover .btn-title{
	color:#ffffff;
}

.btn-style-three .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-three .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-three .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #444444;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-three:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Four*/

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-four:hover{
	color: #ffffff;
}

.btn-style-four .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #e2bc2f;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-four:hover .btn-title{
	color:#ffffff;
}

.btn-style-four .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-four .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-four .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #30adcd;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-four:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Five*/

.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-five:hover{
	color: #ffffff;
}

.btn-style-five .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #ffffff;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-five:hover .btn-title{
	color:#ffffff;
}

.btn-style-five .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(0,0,0,0.10);
}

.btn-style-five:hover .btn-title .btn-icon{
	border-left-color: rgba(255,255,255,0.20);
}

.btn-style-five .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-five .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #222222;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-five:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Five*/

.btn-style-six{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-six:hover{
	color: #ffffff;
}

.btn-style-six .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 10px 80px 10px 30px;
	background: none;
	border:2px solid #ffffff;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-six:hover .btn-title{
	color:#ffffff;
	border-color: #84b040;
}

.btn-style-six .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-six .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 26px;
}

.btn-style-six .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #84b040;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-six:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style One*/

.btn-style-seven{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-seven:hover{
	color: #ffffff;
}

.btn-style-seven .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #84b040;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-seven:hover .btn-title{
	color:#ffffff;
}

.btn-style-seven .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-seven .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-seven .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #222222;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-seven:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/* Btn Style Eight */

.btn-style-eight{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-eight:hover{
	color: #ffffff;
}

.btn-style-eight .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #2f333c;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-eight:hover .btn-title{
	color:#ffffff;
}

.btn-style-eight .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-eight .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-eight .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #84b040;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-eight:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/* Btn Style Nine */

.btn-style-nine{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-nine:hover{
	color: #ffffff;
}

.btn-style-nine .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 80px 12px 30px;
	background: #fff !important;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-nine:hover .btn-title{
	color:#ffffff;
}

.btn-style-nine .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.20);
}

.btn-style-nine .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 30px;
}

.btn-style-nine .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #1c2562;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-nine:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Ten*/

.btn-style-ten{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-ten:hover{
	color: #ffffff;
}

.btn-style-ten .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 10px 80px 10px 30px;
	background: none;
	border:2px solid #cccccc;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-ten:hover .btn-title{
	color:#ffffff;
	border-color: #84a442d9;
}

.btn-style-ten .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	color: #84a442d9;
	border-left: 1px solid rgba(0,0,0,0.10);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-ten:hover .btn-title .btn-icon{
	color: #ffffff;
	border-left-color: rgba(255,255,255,0.20);
}

.btn-style-ten .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 26px;
}

.btn-style-ten .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #84a442d9;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-ten:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Eleven*/

.btn-style-eleven{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:0px;
	overflow:hidden;
}

.btn-style-eleven:hover{
	color: #ffffff;
}

.btn-style-eleven .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 10px 80px 10px 30px;
	background: none;
	border:2px solid #ffffff;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-eleven:hover .btn-title{
	color:#ffffff;
	border-color: #222222;
}

.btn-style-eleven .btn-title .btn-icon{
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 16px;
	padding: 12px 10px;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.40);
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-eleven .btn-title .btn-icon .icon{
	position: relative;
	font-weight: 700;
	display: block;
	line-height: 26px;
}

.btn-style-eleven .btn-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	background: #222222;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-eleven:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Twelve*/

.btn-style-twelve{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	background: #d73441;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:2px;
	overflow:hidden;
}

.btn-style-twelve:hover{
	color: #ffffff;
}

.btn-style-twelve .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 30px;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-twelve:hover .btn-title{
	color:#ffffff;
}

.btn-style-twelve .btn-title .icon{
	position: relative;
	font-weight: 700;
	padding-left: 5px;
	vertical-align: middle;
	line-height: 30px;
}

.btn-style-twelve:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:1;
	height: 100%;
	width: 100%;
	background: #0a394d;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-twelve:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Thirteen*/

.btn-style-thirteen{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	background: #ffffff;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:2px;
	overflow:hidden;
}

.btn-style-thirteen:hover{
	color: #ffffff;
}

.btn-style-thirteen .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 12px 30px;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-thirteen:hover .btn-title{
	color:#ffffff;
}

.btn-style-thirteen:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:1;
	height: 100%;
	width: 100%;
	background: #d73441;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-thirteen:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/*Btn Style Thirteen*/

.btn-style-fourteen{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	background: none;
	text-transform:capitalize;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	border-radius:2px;
	overflow:hidden;
}

.btn-style-fourteen:hover{
	color: #222222;
}

.btn-style-fourteen .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 11px 30px;
	border:1px solid #ffffff;
	letter-spacing: 0.05em;
	border-radius:0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.btn-style-fourteen:hover .btn-title{
	color:#ffffff;
	border-color: #d73441;
}

.btn-style-fourteen:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index:1;
	height: 100%;
	width: 100%;
	background: #d73441;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-fourteen:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:rgba(0,0,0,0);
} 

.preloader .icon{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:5; 
	background-color:rgba(0,0,0,0); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
} 

.page-loaded .preloader .icon{
	opacity:0; 
}

.preloader:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:51%;
	height:100%;
	background:#ffffff;
	z-index:0; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:before{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}

.preloader:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:51%;
	height:100%;
	background:#ffffff;
	z-index:2; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:after{
	-webkit-transform:translateX(101%);
	-ms-transform:translateX(101%);
	transform:translateX(101%);
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.dropdown-toggle::after{
	display: none;
}

.fa{
	line-height: inherit;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	right:20px;
	bottom:20px;
	width:54px;
	height:54px;
	color:#ffffff;
	font-size:30px;
	line-height:54px;
	text-align:center;
	z-index:100;
	
	background:#25283a;
	border-radius: 0px;
	margin-left:-26px;
	display:none;
	-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{
	color:#ffffff;
	-webkit-box-shadow:2px 2px 0px #25283a;
	-ms-box-shadow:2px 2px 0px #25283a;
	box-shadow:2px 2px 0px #25283a;
}


/*** 

====================================================================
	Main Header style / Header Style One
====================================================================

***/

.main-header{
	position: relative;
	display: block;
	width: 100%;
	z-index: 9999;
	background:none;
}

.header-style-one{
	position: absolute;
	left: 0;
	top: 0;
}

.header-top{
	position: relative;
}

.header-top .inner{
	position:relative;
}

.main-header .header-top .top-left{
	position: relative;
	float: left;
}

.main-header .header-top .top-right{
	position: relative;
	float: right;
}

.header-top-one{
	background: none;
	padding: 15px 0px;
	color: #ffffff;
}

.header-top-one .top-text{
	position: relative;
	line-height: 30px;
}

.header-top-one .email{
	position:relative;
	float: left;
	line-height: 30px;
}

.header-top-one .email a{
	color: #ffffff;
}

.header-top-one .email a:hover{
	text-decoration: underline;
}

.header-top-one .social-links{
	position:relative;
	float: left;
	margin-left: 30px;
}

.header-top-one .social-links li{
	position:relative;
	float:left;
	color:#333333;
	line-height:30px;
	margin-right:20px;
}

.header-top-one .social-links li:last-child{
	margin-right: 0;
}

.header-top-one .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:14px;
	line-height: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;
}

.header-top-one .social-links li a .fa,
.header-top-one .social-links li a .fab{
	vertical-align: middle;
}

.header-top-one .social-links li a:hover{
	color: #52c306;
}

/*=== Header Main Box ===*/

.main-header .header-main-box{
	position:relative;
	display: block;
}

.header-style-one .header-main-box .inner-container{
	position:relative;	
}

.header-style-one .upper-row{
	position:relative;
	display: block;
	padding: 20px 30px;
	background: #ffffff;
}

.header-style-one .upper-row .logo-box{
	position: relative;
	float:left;
	padding: 0px 0px;
	z-index:10;
}

.header-style-one .upper-row .logo-box .logo{
	position: relative;
	display:block;
}

.header-style-one .upper-row .logo-box .logo img{
	position: relative;
	display: inline-block;
	max-width: 100%;
	max-height: 80px;
	z-index:1;
}

.header-style-one .upper-row .right-info{
	position: relative;
	float: right;
}

.header-style-one .upper-row .info{
	position: relative;
	float: left;
	padding-top: 15px;
}

.header-style-one .upper-row .info .info-block{
	position: relative;
	float: left;
	padding-left: 50px;
	margin-left: 50px;
}

.header-style-one .upper-row .info .info-block:first-child{
	margin-left: 0;
}

.header-style-one .upper-row .info .info-block .icon-box{
	position: absolute;
	left: 0;
	top: 5px;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.header-style-one .upper-row .info strong{
	position: relative;
	display: block;
	font-weight: 600;
}

.header-style-one .upper-row .info .info-text{
	position: relative;
	display: block;
	font-size: 18px;
}

.header-style-one .upper-row .info .info-text a{
	color: #222222;
}

.header-style-one .upper-row .info .info-text a:hover{
	text-decoration: underline;
}

.header-style-one .upper-row .link-box{
	position: relative;
	float: left;
	padding-top: 13px;
	margin-left: 50px;
}

.header-style-one .lower-row{
	position:relative;
	display: block;
}

.header-style-one .lower-row .nav-box{
	position:relative;
	display: block;
	padding: 0px 30px;
	background: #406fe6;
	color: #ffffff;
}

.main-header .nav-outer{
	position: relative;
	float: left;
	z-index:1;
}

.main-header .nav-outer .main-menu{
	position:relative;
}

.main-menu .navbar-collapse{
	padding:0px;
	display:block !important;
}

.main-menu .navigation{
	position:relative;
	margin:0px;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:20px 0px;
	margin-right: 58px;
	-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:last-child{
	margin-right:0px;
}

.main-menu .navigation > li:after{
	content: '';
	position: absolute;
	right: -33px;
	top: 0px;
	width: 3px;
	height: 100%;
	background: url(../images/icons/link-separator-1.png) center center no-repeat;
}

.main-menu .navigation > li:last-child:after{
	display: none;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:16px !important;
	line-height:30px;
	font-weight:600;
	text-transform:capitalize;
	letter-spacing: 0.03em;
	text-decoration:none;
	color:#ffffff !important;
	padding:0px 0px;
	opacity:1;
	-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 > a:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:0px;
	border-bottom: 1px solid #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;
}

.sticky-header .main-menu .navigation > li > a:before{
	display:none;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
	width:25px;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color: #000 !important;
	text-decoration: none;
}

.sticky-header .main-menu .navigation > li.dropdown{
	padding-right:0px;	
}


.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	margin:0px;
	padding:0px;
	width:250px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:2px solid #333333;
	transition:all 100ms ease;
	-moz-transition:all 100ms ease;
	-webkit-transition:all 100ms ease;
	-ms-transition:all 100ms ease;
	-o-transition:all 100ms ease;
	-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 > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,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:11px 20px;
	line-height:24px;
	font-weight:500;
	font-size:16px;
	color:#242424;
	text-align:left;
	    text-decoration: none;
	text-transform:inherit;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	background-color:#f0f0f0;
	padding-left: 26px;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0;
	margin:0px;
	padding:0px;
	width:250px;
	
	z-index:100;

	display:none;
	background:#ffffff;
	border-top:2px solid #333333;
	transition:all 500ms ease;
	-moz-transition:all 100ms ease;
	-webkit-transition:all 100ms ease;
	-ms-transition:all 100ms ease;
	-o-transition:all 100ms ease;
	-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(0,0,0,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:11px 20px;
	line-height:24px;
	font-weight:500;
	font-size:16px;
	color:#242424;
	text-align:left;
	text-transform:uppercase;
	
	text-decoration: none;
	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{
	background-color:#f0f0f0;
	padding-left: 26px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:16px;
	top:11px;
	display:block;
	line-height:24px;
	font-size:16px;
	font-weight:900;
	z-index:5;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navigation 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:26px;
	color:#ffffff;
	
	z-index:5;
	display:none;
}

.header-style-one .nav-box .search-btn{
	position:relative;
	float:right;
	margin-top: 20px;
	padding-left: 25px;
	background: url(../images/icons/link-separator-1.png) left center no-repeat;
}

.header-style-one .nav-box .search-btn button{
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	background: none;
	line-height: 30px;
	color: #ffffff;

}

.header-style-one .nav-box .search-btn button .fa{
	vertical-align: middle;
}

/*** 

====================================================================
	Header Style Two
====================================================================

***/

.header-style-two{
	position: relative;
}

.header-top-two{
	background: none;
	padding: 0px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
}

.header-top-two .top-left .address,
.header-top-two .top-left .email{
	position: relative;
	float: left;
	padding: 15px 0px;
	line-height: 30px;
	border-right: 1px solid rgba(0,0,0,0.07);
	padding-right: 30px;
	margin-right: 30px;
}

.header-top-two .email{
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}

.header-top-two .email a{
	color: #222222;
}

.header-top-two .email a:hover{
	color: #e2bc2f;
}

.header-top-two .links{
	position: relative;
	float: left;
	padding: 15px 0px;
}

.header-top-two .links li{
	position: relative;
	float: left;
	margin-left: 31px;
}

.header-top-two .links li:before{
	content: '|';
	position: absolute;
	left: -16px;
	top: -3px;
	line-height: 30px;
}

.header-top-two .links li:first-child:before{
	display: none;
}

.header-top-two .links li a{
	color: #222222;
	line-height: 30px;
}

.header-top-two .links li a:hover{
	color: #e2bc2f;
}

.header-top-two .social-links{
	position:relative;
	float: left;
	margin-left: 30px;
	padding: 15px 0px;
	padding-left: 30px;
	border-left: 1px solid rgba(0,0,0,0.07);
}

.header-top-two .social-links li{
	position:relative;
	float:left;
	color:#999999;
	line-height:30px;
	margin-right:20px;
}

.header-top-two .social-links li:last-child{
	margin-right: 0;
}

.header-top-two .social-links li a{
	position:relative;
	display:block;
	color:#aaaaaa;
	font-size:14px;
	line-height: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;
}

.header-top-two .social-links li a .fa,
.header-top-two .social-links li a .fab{
	vertical-align: middle;
}

.header-top-two .social-links li a:hover{
	color: #e2bc2f;
}


.header-style-two .header-upper{
	position:relative;
}

.header-style-two .header-upper .logo-box{
	position: relative;
	float:left;
	padding: 15px 0px;
	z-index:10;
}

.header-style-two .header-upper .logo-box .logo{
	position: relative;
	display:block;
}

.header-style-two .header-upper .logo-box .logo img{
	position: relative;
	display: inline-block;
	max-width: 100%;
	max-height: 80px;
	z-index:1;
}

.header-style-two .header-upper .nav-box{
	position:relative;
	float: right;
}

.header-style-two .header-upper .contact-info{
	position: relative;
	float: left;
	padding-top: 35px;
	padding-left: 30px;
	margin-left: 30px;
	border-left: 1px solid rgba(0,0,0,0.07);
	min-height: 110px;
	color: #aaaaaa;
	line-height: 24px;
	text-align: right;
}

.header-style-two .header-upper .contact-info .phone{
	position: relative;
	display: block;
	color: #e2bc2f;
	font-size: 22px;
	font-weight: 600;
}

.header-style-two .header-upper .contact-info .phone a{
	color: #e2bc2f;
}

.header-style-two .header-upper .contact-info .phone .icon{
	position: relative;
	font-size: 22px;
	color: #30adcd;
	padding-right: 10px;
	font-weight: 400;
}

.header-style-two .header-upper .nav-outer{
	position: relative;
	float: left;
	padding-top: 25px;
}

.header-style-two .main-menu .navigation > li{
	margin-right: 32px;
}

.header-style-two .main-menu .navigation > li:last-child{
	margin-right: 0;
}

.header-style-two .main-menu .navigation > li > a{
	color: #222222;
	padding-bottom: 15px;
}

/*** 

====================================================================
	Header Style Three
====================================================================

***/

.header-style-three{
	position: relative;
	color: #aaaaaa;
}

.header-style-three .header-upper{
	position:relative;
	display: block;
	padding: 20px 0px;
	background: #2f333c;
}

.header-style-three .header-upper .logo-box{
	position: relative;
	float:left;
	padding: 0px 0px;
	z-index:10;
}

.header-style-three .header-upper .logo-box .logo{
	position: relative;
	display:block;
}

.header-style-three .header-upper .logo-box .logo img{
	position: relative;
	display: inline-block;
	max-width: 100%;
	max-height: 80px;
	z-index:1;
}

.header-style-three .header-upper .right-info{
	position: relative;
	float: right;
}

.header-style-three .header-upper .info{
	position: relative;
	float: left;
	padding-top: 15px;
}

.header-style-three .header-upper .info .info-block{
	position: relative;
	float: left;
	padding-left: 50px;
	margin-left: 50px;
}

.header-style-three .header-upper .info .info-block:first-child{
	margin-left: 0;
}

.header-style-three .header-upper .info .info-block .icon-box{
	position: absolute;
	left: 0;
	top: 3px;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.header-style-three .header-upper .info strong{
	position: relative;
	display: block;
	font-size: 20px;
	font-weight: 600;
}

.header-style-three .header-upper .info .info-text{
	position: relative;
	display: block;
	font-size: 16px;
}

.header-style-three .header-upper .info a{
	color: #ffffff;
}

.header-style-three .header-upper .info a:hover{
	text-decoration: underline;
}

.header-style-three .header-upper .link-box{
	position: relative;
	float: left;
	padding-top: 13px;
	margin-left: 50px;
}

.header-style-three .header-lower{
	position:relative;
	display: block;
	background: #84b040;
}

.header-style-three .header-lower .nav-box{
	position:relative;
	display: block;
	color: #ffffff;
}

.header-style-three .main-menu .navigation > li{
	margin-right: 40px;
}

.header-style-three .main-menu .navigation > li:after{
	display: none;
}

.header-style-three .nav-box .search-btn{
	position:relative;
	float:left;
	margin-top: 20px;
	margin-left: 35px;
	padding-left: 30px;
	padding-right: 30px;
	background: url(../images/icons/link-separator-1.png) left center no-repeat;
}

.header-style-three .nav-box .search-btn:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: url(../images/icons/link-separator-1.png) right center no-repeat;
}

.header-style-three .nav-box .search-btn button{
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	background: none;
	line-height: 30px;
	color: #ffffff;
	
}

.header-style-three .nav-box .search-btn button .fa{
	vertical-align: middle;
}

.header-style-three .nav-box .social{
	position: relative;
	float: right;
	margin-top: 21px;
	padding-left: 40px;
	background: url(../images/icons/link-separator-1.png) left center no-repeat;
}

.header-style-three .nav-box .social-links{
	position:relative;
}

.header-style-three .nav-box .social-links li{
	position:relative;
	float:left;
	color:#333333;
	line-height:30px;
	margin-left:25px;
}

.header-style-three .nav-box .social-links li:first-child{
	margin-left: 0;
}

.header-style-three .nav-box .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:16px;
	line-height: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;
}

.header-style-three .nav-box .social-links li a .fa,
.header-style-three .nav-box .social-links li a .fab{
	vertical-align: middle;
}

.header-style-three .nav-box .social-links li a:hover{
	opacity: 0.50;
}

/*** 

====================================================================
	Header Style Four
====================================================================

***/

.header-style-four{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-four .header-upper{
	position:relative;
	display: block;
	padding: 0px 0px;
	background: none;
}

.header-style-four .header-upper .logo-box{
	position: relative;
	float:left;
	padding: 0px 0px;
	z-index:10;
}

.header-style-four .header-upper .logo-box .logo{
	position: relative;
	display:block;
}

.header-style-four .header-upper .logo-box .logo img{
	position: relative;
	display: inline-block;
	width:180%;
	    margin-left: -50px;
	max-width: 180% !important;
	max-height: 260px !important;
	z-index:1;
}
@media only screen and (max-width: 991px){
.header-style-four .header-upper .logo-box .logo img{
  	position: relative;
	display: inline-block;
	width:130%;
	margin-left: 0px;
	    margin-top: -30px !important;
	max-width: 150% !important;
	max-height: 260px !important;
	z-index:1;
}}

.header-style-four .header-upper .nav-outer{
	position: relative;
	float: right;
	margin-top: 10px;
}

.header-style-four .header-upper .main-menu .navigation > li{
	margin-right: 0;
	margin-left: 20px;
}

.header-style-four .header-upper .main-menu .navigation > li:after{
	display: none;
}

.header-style-four .header-upper .main-menu .navigation > li:first-child{
	margin-left: 0;
}

.header-style-four .header-upper .social{
	position: relative;
	float: right;
	margin-top: 27px;
	padding-left: 40px;
	background: url(../images/icons/link-separator-1.png) left center no-repeat;
	margin-left: 40px;
}

.header-style-four .header-upper .social .social-links{
	position:relative;
}

.header-style-four .header-upper .social .social-links li{
	position:relative;
	float:left;
	color:#333333;
	line-height:30px;
	margin-left:25px;
}

.header-style-four .header-upper .social .social-links li:first-child{
	margin-left: 0;
}

.header-style-four .header-upper .social .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:16px;
	line-height: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;
}

.header-style-four .header-upper .social .social-links li a .fa,
.header-style-four .header-upper .social .social-links li a .fab{
	vertical-align: middle;
}

.header-style-four .header-upper .social .social-links li a:hover{
	opacity: 0.50;
}

/*** 

====================================================================
	Header Style Five
====================================================================

***/

.header-style-five{
	position: relative;
}

.header-top-three{
	background: #0a394d;
	padding: 0px 0px;
	color: #ffffff;
}

.header-top-three .top-left .top-text{
	position: relative;
	float: left;
	padding: 15px 0px;
	line-height: 30px;
	margin-right: 30px;
}

.header-top-three .links{
	position: relative;
	float: left;
	padding: 15px 0px;
}

.header-top-three .links li{
	position: relative;
	float: left;
	line-height: 30px;
	margin-left: 41px;
}

.header-top-three .links li:before{
	content: '|';
	position: absolute;
	right: -21px;
	top: -1px;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
}

.header-top-three .links li a{
	color: #ffffff;
}

.header-top-three .links li a:hover{
	color: #d73441;
}

.header-top-three .social-links{
	position:relative;
	float: left;
	margin-left: 40px;
	padding: 15px 0px;
}

.header-top-three .social-links li{
	position:relative;
	float:left;
	color:#ffffff;
	line-height:30px;
	margin-right:20px;
}

.header-top-three .social-links li:last-child{
	margin-right: 0;
}

.header-top-three .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:14px;
	line-height: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;
}

.header-top-three .social-links li a .fa,
.header-top-three .social-links li a .fab{
	vertical-align: middle;
}

.header-top-three .social-links li a:hover{
	color: #d73441;
}


.header-style-five .header-upper{
	position:relative;
	background: #dcddde;
}

.header-style-five .header-upper .logo-box{
	position: relative;
	float:left;
	padding: 15px 0px;
	z-index:10;
}

.header-style-five .header-upper .logo-box .logo{
	position: relative;
	display:block;
}

.header-style-five .header-upper .logo-box .logo img{
	position: relative;
	display: inline-block;
	max-width: 100%;
	max-height: 80px;
	z-index:1;
}

.header-style-five .header-upper .nav-box{
	position:relative;
	float: right;
}

.header-style-five .header-upper .link-box{
	position: relative;
	float: left;
	padding-top: 28px;
	margin-left: 40px;
}

.header-style-five .header-upper .nav-outer{
	position: relative;
	float: left;
	padding-top: 25px;
}

.header-style-five .main-menu .navigation > li{
	margin-right: 32px;
}

.header-style-five .main-menu .navigation > li:last-child{
	margin-right: 0;
}

.header-style-five .main-menu .navigation > li > a{
	color: #222222;
	padding-bottom: 15px;
}

.header-style-five .main-menu .navigation > li > a:before{
	border-bottom:2px solid #d73441;
	bottom: 6px;
}

/*** 

====================================================================
	Inner Header Style
====================================================================

***/

.inner-page-header{
	position: relative;
}

.inner-page-header .header-top-one{
	background: #24345d;
}

.inner-page-header .upper-row{
	padding: 20px 0px;
}

.inner-page-header .lower-row{
	position: absolute;
	top: 100%;
	width: 100%;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
   background: #f8f5f0;
	border-bottom:1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 99901;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
    margin-top: -44px;
	padding: 10px 0px;
}

.sticky-header .main-menu .navigation > li{
	margin-left: 20px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li:before{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
    text-decoration: none;
    padding: 21px 0px !important;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #000 !important;
    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;
}

.sticky-header .main-menu .navigation > li > ul > li > ul{
	left:auto;
	right:100%;	
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position:fixed;
	left:0;
	top:0px;
	width:100%;
	height:100%;
	z-index:99999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	background:rgba(0,0,0,0.0);
	transition:all 100ms ease;
	-moz-transition:all 100ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 100ms ease;
	-o-transition:all 100ms ease;
}

.search-popup:before{
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.50);
	-webkit-transform:translateY(101%);
	-ms-transform:translateY(101%);
	transform:translateY(101%);
}

.search-popup:after{
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.40);
	-webkit-transform:translateY(101%);
	-ms-transform:translateY(101%);
	transform:translateY(101%);
}

.search-popup.popup-visible:before{
	transition:all 500ms ease 600ms;
	-moz-transition:all 500ms ease 600ms;
	-webkit-transition:all 500ms ease 600ms;
	-ms-transition:all 500ms ease 600ms;
	-o-transition:all 500ms ease 600ms;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

.search-popup.popup-visible:after{
	transition:all 500ms ease 100ms;
	-moz-transition:all 500ms ease 100ms;
	-webkit-transition:all 500ms ease 100ms;
	-ms-transition:all 500ms ease 100ms;
	-o-transition:all 500ms ease 100ms;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

.search-popup.popup-visible{
	opacity:1;
	visibility:visible;
}

body.search-visible{
	overflow: hidden;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;

	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:150px;
	margin-bottom: 100px;
	opacity: 0;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);
    z-index: 10;
}

.search-popup.popup-visible .search-form{
	opacity: 1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
	transition: all 500ms ease 1100ms;
    -moz-transition: all 900ms ease 1100ms;
    -webkit-transition: all 900ms ease 1100ms;
    -ms-transition: all 900ms ease 1100ms;
    -o-transition: all 900ms ease 1100ms;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background:#52c306;
	line-height:30px;
	font-size:20px;
	
	text-transform:uppercase;
	border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#52c306;
}

.search-popup h3{
	text-transform:uppercase;
	font-size:20px;
	font-weight:600;
	color:#ffffff;
	margin-bottom:20px;
	letter-spacing:1px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;	
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.search-popup .recent-searches li a:hover{
	color:#52c306;
	border-color:#52c306;	
}



/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 30px;
	line-height: 40px;

	margin-left: 0px;
	margin: 14px 0px 12px;
	display: none;
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .mCSB_inside>.mCSB_container{
	margin-right:5px;	
}

.mobile-menu .navbar-collapse{
	display:block !important;	
}

.mobile-menu .nav-logo{
	position:relative;
	padding:30px 25px;
	text-align:left;	
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.70);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 0.70;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #202020;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;

	z-index: 10;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-ms-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff !important;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li ul li > a{
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:0;
	border-left: 3px solid #52c306;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li.current > a:before{
	height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:6px;
	top:6px;
	width:32px;
	height:32px;
	text-align:center;
	font-size:16px;
	line-height:32px;
	color:#ffffff;
	background:rgba(255,255,255,0.10);

	border-radius:2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);	
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
	margin-left:-20px;
}

.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;
}

.mobile-menu .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
	position:relative;
	line-height:32px;
	font-size:16px;
	color:#ffffff !important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

/*** 

====================================================================
		Lazy Load Settings
====================================================================

***/

img.lazy-image{
	background:url(../images/icons/image-bg.svg) center center no-repeat;	
}

img.lazy-image.loaded{
	background-image:none;
}

.owl-theme img.lazy-image.loaded{
	height: auto;
	opacity: 1;
}


/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
	z-index:1;
}
@media only screen and (max-width: 991px){
.banner-section{
	position: relative;
	z-index:1;
   margin-top: 80px !important;
   
}}

.banner-carousel{
	position: relative;
}

.banner-carousel .slide-item{
	position: relative;
	display: block;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 250px;
	padding-bottom: 70px;
	overflow:hidden;
}

.banner-two .banner-carousel .slide-item{
	padding: 0 0 30px;
}

.banner-five .banner-carousel .slide-item{
	padding: 0 0 30px;
}

.banner-three .banner-carousel .slide-item{
	padding: 0 0 30px;
}

.banner-four .banner-carousel .slide-item{
	padding: 120px 0 30px;
}

.banner-carousel .slide-item .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.50;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

.banner-two .banner-carousel .slide-item .image-layer{
	opacity: 0.70;
}

.banner-five .banner-carousel .slide-item .image-layer{
	opacity: 0.40;
}

.banner-three .banner-carousel .slide-item .image-layer{
	opacity: 1;
}

.banner-four .banner-carousel .slide-item .image-layer{
	opacity: 0.70;
}

.banner-carousel .active .slide-item .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
	-webkit-transition: all 7000ms linear;
	-moz-transition: all 7000ms linear;
	-ms-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}

.banner-carousel .content-box{
	position: relative;
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 600px;
	padding: 0 0px;
	z-index:5;
}

.banner-two .banner-carousel .content-box{
	height: 740px;
}

.banner-five .banner-carousel .content-box{
	height: 720px;
}

.banner-three .banner-carousel .content-box{
	height: 740px;
}

.banner-four .banner-carousel .content-box{
	height: 700px;
}

.banner-carousel .content-box .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 50px 0px;
}

.banner-carousel .content-box .inner{
	position: relative;
	display: block;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.banner-two .banner-carousel .content-box .inner{
	max-width: 650px;
	margin: 0 0;
	text-align: left;
}

.banner-five .banner-carousel .content-box .inner{
	max-width: 620px;
	margin: 0 0;
	text-align: left;
}

.banner-three .banner-carousel .content-box .inner{
	max-width: 650px;
	margin: 0 0;
	text-align: left;
}

.banner-four .banner-carousel .content-box .inner{
	max-width: 650px;
	margin: 0 0;
	text-align: left;
}

.banner-carousel .content-box .sub-title{
	display: block;
	font-size: 16px;
	line-height: 1.5em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	text-transform: uppercase;
	letter-spacing: 7px;
	margin-bottom: 30px;
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
}

.banner-five .banner-carousel .content-box .sub-title{
	margin-bottom: 20px;
}

.banner-carousel .content-box .sub-title .icon{
	font-size: 24px;
	vertical-align: middle;
	color: #30adcd;
	padding-right: 10px;
}

.banner-carousel .content-box .sub-title .icon:last-child{
	padding-left: 10px;
}

.banner-carousel .active .content-box .sub-title{
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel .content-box .subtitle-2{
	display: block;
	font-size: 15px;
	line-height: 1.5em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 30px;
	padding-bottom: 13px;
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transform: translateY(-80px);
}

.banner-carousel .content-box .subtitle-2 .icon{
	font-size: 24px;
	vertical-align: middle;
	color: #30adcd;
	margin-left: 10px;
}

.banner-carousel .active .content-box .subtitle-2{
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .slide-item .curve-layer{
	position: absolute;
	left: 0%;
	top: 0;
	width: 50%;
	height: 100%;
	opacity: 0;
	-webkit-transform:translateX(50px);
	-ms-transform:translateX(50px);
	transform:translateX(50px);
}

.banner-section .active .slide-item .curve-layer{
	opacity: 1;
	-webkit-transform:translate(0);
	-ms-transform:translate(0);
	transform:translate(0);
	-webkit-transition:all 700ms ease 300ms;
	-ms-transition:all 700ms ease 300ms;
	-o-transition:all 700ms ease 300ms;
	-moz-transition:all 700ms ease 300ms;
	transition:all 700ms ease 300ms;
}

.banner-section .slide-item .curve-layer:before{
	content: '';
	position: absolute;
	right: -100px;
	top: 0;
	width: 150%;
	height: 100%;
	background: #000000;
	opacity: 0.60;
	-webkit-transform: skewX(-12deg);
	-ms-transform: skewX(-12deg);
	transform: skewX(-12deg);
}

.banner-carousel .bottom-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.banner-carousel .bottom-dots .dot{
	position: relative;
	display: block;
	float: left;
	width: 3px;
	height: 3px;
	border-right: 3px solid #ffffff;
	margin-right: 3px;
}

.banner-carousel .bottom-dots .line-dot{
	border-right: 40px solid #ffffff;
}

.banner-carousel .content-box h1{
	display: block;
	font-size: 72px;
	line-height: 1.10em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 35px;
	text-transform: capitalize;
	letter-spacing: 0;
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
	text-transform:none;
}

.banner-two .banner-carousel .content-box h1{
	font-size: 60px;
	line-height: 1.15em;
	margin-bottom: 20px;
}

.banner-five .banner-carousel .content-box h1{
	font-size: 60px;
	line-height: 1.15em;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.banner-three .banner-carousel .content-box h1{
	font-size: 60px;
	line-height: 1.15em;
	margin-bottom: 35px;
	padding-bottom: 13px;
}

.banner-four .banner-carousel .content-box h1{
	font-size: 58px;
	line-height: 1.18em;
	margin-bottom: 25px;
}

.banner-carousel .active .content-box h1{
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box .text{
	display: block;
	font-size: 18px;
	line-height: 1.5em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 40px;
	max-width: 650px;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-four .banner-carousel .content-box .text{
	margin-bottom: 40px;
	font-size: 20px;
}

.banner-carousel .active .content-box .text{
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	-ms-transition-delay: 1100ms;
	-o-transition-delay: 1100ms;
	transition-delay: 1100ms;
}

.banner-carousel .content-box .links-box{
	position: relative;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.banner-carousel .active .content-box .links-box{
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	-ms-transition-delay: 1100ms;
	-o-transition-delay: 1100ms;
	transition-delay: 1100ms;
}

.banner-two .banner-carousel .active .content-box .links-box,
.banner-four .banner-carousel .active .content-box .links-box,
.banner-five .banner-carousel .active .content-box .links-box{
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-three .banner-carousel .active .content-box .links-box{
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-five .banner-carousel .active .content-box .links-box .theme-btn{
	margin-right: 10px;
}

.banner-carousel .content-box .content-image{
	position: absolute;
	left: 100%;
	top: -80px;
	margin-left: 30px;
	width: 700px;
	opacity: 0;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
}

.banner-carousel .content-box .content-image img{
	width: auto;
	max-width: 100%;
}

.banner-five .banner-carousel .active .content-box .content-image{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section .owl-dots{
	position: absolute;
	left: 0px;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.banner-section .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	width: 2px;
	height: 30px;
	margin: 0px 7px;
}

.banner-section .owl-dots .owl-dot span{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 2px;
	height: 10px;
	background: #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;
}

.banner-section .owl-dots .owl-dot.active span{
	height: 30px;
}

.banner-one .banner-carousel .owl-nav,
.banner-two .banner-carousel .owl-nav,
.banner-three .banner-carousel .owl-nav,
.banner-four .banner-carousel .owl-nav,
.banner-five .banner-carousel .owl-nav{
	display: none;
}


/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:40px;
	padding-bottom: 25px;
}

.sec-title.centered{
	margin-bottom: 60px;
}

.sec-title .upper-text{
	position: relative;
	display: block;
	font-size: 14px;
	color: #777777;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 10px;
}

.sec-title.hydro-theme .upper-text{
	font-size: 16px;
	color: #888888;
	text-transform: capitalize;
	letter-spacing: 0;
	margin: 0 0 10px;
}

.sec-title .upper-text .icon{
	position: relative;
	vertical-align: middle;
	font-size: 16px;
	color: #406fe6;
	padding-left: 3px;
}

.sec-title.bio-theme .upper-text .icon{
	color: #84b040;
}

.sec-title.fuel-theme .upper-text .icon{
	color: #d73441;
}

.sec-title.hydro-theme .upper-text .icon{
	color: #84a442d9;
}

.sec-title .subtitle{
	position: relative;
	display: block;
	text-transform: capitalize;
	font-size: 17px;
	color: #52c306;
	font-weight: 300;
	padding-top: 10px;
}

.sec-title.bio-theme .subtitle{
	color: #84b040;
}

.sec-title.fuel-theme .subtitle{
	color: #d73441;
	padding-top: 5px;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size:28px;
	line-height: 1.15em;
	color: #222222;
	font-weight: 700;
	text-transform:Uppercase;
	margin-bottom: 0px;
}

.sec-title.hydro-theme h2{
	color: #1c2562;
}

.sec-title .bottom-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.sec-title.centered .bottom-dots{
	left: 50%;
	margin-left: -25px;
}

.sec-title .bottom-dots .dot{
	position: relative;
	display: block;
	float: left;
	width: 3px;
	height: 3px;
	border-right: 3px solid #406fe6;
	margin-right: 3px;
}

.sec-title.bio-theme .bottom-dots .dot{
	border-right-color: #2f333c;
}

.sec-title.hydro-theme .bottom-dots .dot{
	border-right-color: #84a442d9;
}

.sec-title .bottom-dots .line-dot{
	border-right: 40px solid #406fe6;
}

.sec-title.fuel-theme .bottom-dots .dot{
	border-right-color: #0a394d;
}

.light-title .upper-text,
.light-title .upper-text .icon,
.light-title h2{
	color: #ffffff;
}

.light-title .bottom-dots .dot{
	border-color: #ffffff;
}

.sec-title-two{
	position:relative;
	display: block;
	max-width: 720px;
	margin: 0 auto 50px;
	text-align: center;
}

.sec-title-two .subtitle{
	position: relative;
	display: block;
	font-size: 16px;
	color: #aaaaaa;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin: 0 0 15px;
}

.sec-title-two h2{
	position: relative;
	display: block;
	font-size:36px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 0px;
}

.sec-title-two .upper-icon{
	position: relative;
	display: inline-block;
	font-size: 24px;
	color: #e2bc2f;
	line-height: 30px;
	width: 140px;
	padding: 0px 40px;
	margin: 0 auto 25px;
}

.sec-title-two .left-dots{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	width: 45px;
}

.sec-title-two .left-dots .dot{
	position: relative;
	display: block;
	float: left;
	width: 3px;
	height: 3px;
	border-right: 3px solid #406fe6;
	margin-right: 3px;
}

.sec-title-two .left-dots .line-dot{
	border-right: 20px solid #406fe6;
}

.sec-title-two .right-dots{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
	width: 45px;
}

.sec-title-two .right-dots .dot{
	position: relative;
	display: block;
	float: left;
	width: 3px;
	height: 3px;
	border-right: 3px solid #406fe6;
	margin-left: 3px;
}

.sec-title-two .right-dots .line-dot{
	border-left: 20px solid #406fe6;
}

.sec-title-two .sub-text{
	position: relative;
	padding-top: 20px;
	line-height: 1.5em;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section-one{
	position:relative;
	padding: 110px 0px 60px;
}

.about-section-one .text-column{
	position: relative;
	order: 12;
}

.about-section-one .text-column .inner{
	position: relative;
	display: block;
	padding-left: 25px;
}

.about-section-one .text-content{
	position: relative;
}

.about-section-one .text-content p{
	margin-bottom: 25px;
}

.about-section-one .featured-list{
	position: relative;
	text-align: center;
	padding-top: 10px;
}

.about-section-one .featured-list ul{
	position: relative;
	margin: 0px -15px;
}

.about-section-one .featured-list ul li{
	position: relative;
	float: left;
	width: 30%;
	padding: 0px 15px;
	font-weight: 700;
	font-size: 14px;
	color: #222222;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-bottom: 50px;
}

.about-section-one .featured-list ul li:nth-child(2){
	width: 40%;
}

.about-section-one .featured-list ul li:nth-child(2):before{
	content: '';
	position: absolute;
	left: 15px;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #cccccc;
}

.about-section-one .featured-list ul li:nth-child(2):after{
	content: '';
	position: absolute;
	right: 15px;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #cccccc;
}

.about-section-one .featured-list ul li .icon{
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 64px;
	line-height: 1em;
	color: #406fe6;
	vertical-align: bottom;
	margin: 0 0 20px;
}

.about-section-one .featured-list ul li:nth-child(2) .icon{
	color: #52c306;
}

.about-section-one .image-column{
	position: relative;
	order: 0;
}

.about-section-one .image-column .inner{
	position: relative;
	display: block;
	padding-right: 15px;
}

.about-section-one .image-column .image-box{
	position: relative;
	display: block;
	padding-left: 85px;
}

.about-section-one .image-column .image-box .image{
	position: relative;
	display: block;
	margin: 0;
}

.about-section-one .image-column .image-box .image img{
	position: relative;
	display: block;
	width: 100%;
}

.about-section-one .image-column .image-box .image-two{
	position: absolute;
	display: block;
	left: -100px;
	top: 100%;
	margin: 0;
	margin-top: -80px;
	border: 20px solid #ffffff;
	z-index: 1;
}

/*** 

====================================================================
	Programs Section
====================================================================

***/

.programs-section-one{
	position:relative;
	padding: 110px 0px;
}

.programs-section-one .bg-pattern-layer{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 280px;
	background-color: #f0f3fb;
}

.programs-section-one .bg-pattern-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/background/bg-pattern-1.png) center center repeat;
	opacity: 0.70;
}

.program-block{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.owl-theme .program-block{
	margin-bottom: 0;
}

.program-block .inner-box{
	position: relative;
	display: block;
}

.program-block .image-box{
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.program-block .image-box .image{
	position: relative;
	display: block;
}

.program-block .image-box .image img{
	position: relative;
	display: block;
	width: 100%;
}

.program-block h3{
	position: relative;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 0;
}

.program-block h3 a{
	color: #222222;
}

.program-block h3 a:hover{
	color: #406fe6;
}

.program-block .image-box:before{
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 2;
}

.program-block .inner-box:hover .image-box:before{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.program-block .hover-box{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.0);
	border-bottom: 5px solid #52c306;
	color: #ffffff;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	-ms-transition: all 0ms ease;
	-o-transition: all 0ms ease;
	transition: all 0ms ease;
	z-index: 5;
}

.program-block .inner-box:hover .hover-box{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 500ms ease 400ms;
	-moz-transition: all 500ms ease 400ms;
	-ms-transition: all 500ms ease 400ms;
	-o-transition: all 500ms ease 400ms;
	transition: all 500ms ease 400ms;
}

.program-block .hover-inner{
	position: absolute;
	display: table;
	vertical-align: middle;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.program-block .hover-inner .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 20px;
}

.program-block .hover-inner .icon-box{
	position: relative;
	display: block;
	font-size: 72px;
	line-height: 1em;
	margin-bottom: 10px;
}

.programs-section-one .owl-dots{
	display: none;
}

.programs-section-one .owl-theme .owl-nav{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 40px;
}

.programs-section-one .owl-theme .owl-nav .owl-prev,
.programs-section-one .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #cccccc;
	border:1px solid #e0e0e0;
	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;
}

.programs-section-one .owl-theme .owl-nav .owl-prev:hover,
.programs-section-one .owl-theme .owl-nav .owl-next:hover{
	color: #406fe6;
	border-color: #406fe6;
}


/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	padding: 80px 0px 50px;
	background: #24345d;
	color: #ffffff;
	overflow: hidden;
}

.newsletter-section .auto-container{
	position: relative;
	max-width: 1340px;
}

.newsletter-section .big-icon{
	position: absolute;
	left: -130px;
	top: -75px;
	font-size: 220px;
	color: rgba(255,255,255,0.05);
	line-height: 1em;
}

.newsletter-section .title-column{
	position: relative;
	margin-bottom: 25px;
}

.newsletter-section .title-column h2{
	font-weight: 700;
	margin: 0;
	text-transform: capitalize;
	line-height: 1.15em;
}

.newsletter-section .newsletter-form{
	position:relative;
	padding-top: 8px;
	padding-bottom: 3px;
}

.newsletter-form form{
	position:relative;
}

.newsletter-form form .row{
	margin: 0 -10px;
}

.newsletter-form .form-group{
    position: relative;
    padding: 0px 10px;
    margin-bottom: 20px;
}

.newsletter-form .form-group .field-inner{
	position: relative;
}

.newsletter-form .form-group label{
	position: absolute;
	left: 20px;
	top: 15px;
	line-height: 30px;
	color:rgba(255,255,255,0.50);
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group input[type="password"],
.newsletter-form .form-group input[type="url"],
.newsletter-form .form-group textarea{
    position: relative;
    width: 100%;
    line-height: 30px;
    padding: 13px 30px;
    padding-left: 46px;
    height: 60px;
	display:inline-block;
    font-size: 16px;
    background: none;
	font-weight:400;
	color:#ffffff;
	border:2px solid rgba(255,255,255,0.10);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.newsletter-form .form-group input[type="text"]:focus,
.newsletter-form .form-group input[type="email"]:focus,
.newsletter-form .form-group input[type="tel"]:focus,
.newsletter-form .form-group input[type="url"]:focus{
	border-color:#406fe6;
}

.newsletter-form .form-group input::-webkit-input-placeholder{
	color:rgba(255,255,255,0.50);
}

.newsletter-form .form-group button{
	position: relative;
	display: block;
	width: 100%;
}

.newsletter-form .form-group .theme-btn .btn-title{
	padding-top: 15px;
	padding-bottom: 15px;
}

.newsletter-form .form-group .theme-btn .btn-title .btn-icon{
	padding-top: 15px;
}


/*** 

====================================================================
	Services Section One
====================================================================

***/

.services-section-one{
	position:relative;
	padding: 110px 0px 50px;
	overflow: hidden;
}

.services-section-one .pattern-image-left{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: auto;
	height: auto;
}

.services-section-one .pattern-image-right{
	position: absolute;
	right: 0;
	bottom: 30px;
	width: auto;
	height: auto;
}

.service-block{
	position: relative;
	margin-bottom: 30px;
}

.service-block .image-column{
	position: relative;
	margin-bottom: 30px;
}

.service-block .image-column .inner{
	position: relative;
	display: block;
	padding-right: 80px;
}

.service-block .image-column .image,
.service-block .image-column .image img{
	display: block;
	width: 100%;
}

.service-block .image-column .icon-box{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -60px;
	width: 120px;
	height: 120px;
	font-size: 54px;
	line-height: 120px;
	color: #52c306;
	background: #ffffff;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.service-block.now-in-view .image-column .icon-box{
	-ms-transform: scale(1.2) rotate(360deg);
	transform: scale(1.2) rotate(360deg);
    -webkit-transition: all 2000ms ease 500ms;
    -ms-transition: all 2000ms ease 500ms;
    -o-transition: all 2000ms ease 500ms;
    -moz-transition: all 2000ms ease 500ms;
    transition: all 2000ms ease 500ms;
}

.service-block .text-column{
	position: relative;
	margin-bottom: 30px;
}

.service-block .text-column .inner{
	position: relative;
	display: block;
	padding-left: 20px;
	padding-top: 30px;
	padding-right: 150px;
}

.service-block .text-column .title{
	position: relative;
	margin-bottom: 26px;
}

.service-block .text-column .title h2{
	font-size: 30px;
	font-weight: 400;
	text-transform: capitalize;
	margin: 0 0 3px;
}

.service-block .text-column .title .sub-text{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 0;
	color: #aaaaaa;
}

.service-block .text-column .text{
	position: relative;
	margin-bottom: 30px;
}

.service-block .text-column .link-box{
	position: relative;
}

.service-block .text-column .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 700;
	font-size: 18px;
	color: #406fe6;
	text-transform: uppercase;
}

.service-block .text-column .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid;
}

.service-block .text-column .link-box a .icon{
	position: relative;
	font-size: 16px;
	padding-left: 7px;
	color: #52c306;
}

.service-block .text-column .link-box a:hover{
	color: #52c306;
}

.services .service-block:nth-child(even) .text-column{
	order: 0;
}

.services .service-block:nth-child(even) .image-column .icon-box{
	right: auto;
	left: 20px;
}

.services .service-block:nth-child(even) .image-column{
	order: 12;
}

.services .service-block:nth-child(even) .image-column .inner{
	padding-right: 0;
	padding-left: 80px;
}

.services .service-block:nth-child(even) .text-column .inner{
	padding-right: 20px;
	padding-left: 150px;
	text-align: right;
}

/*** 

====================================================================
	Recent Projects Section
====================================================================

***/

.recent-projects{
	position:relative;
	padding: 110px 0px 0px;
	z-index: 1;
}

.recent-projects .bg-pattern-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f0f3fb;
}

.recent-projects .bg-pattern-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/background/bg-pattern-1.png) center center repeat;
	opacity: 0.70;
}

.recent-projects .title-column{
	position: relative;
	margin-bottom: 50px;
}

.recent-projects .title-column .inner{
	position: relative;
	display: block;
	max-width: 400px;
}

.recent-projects .title-column .text{
	margin-bottom: 40px;
}

.recent-projects .image-column{
	position: relative;
}

.recent-projects .image-column .inner{
	position: relative;
	display: block;
	margin-bottom: -130px;
}

.recent-projects .image-column .image,
.recent-projects .image-column .image img{
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab-buttons{
	position: relative;
}

.tabs-box .tab-buttons .tab-btn{
	position: relative;
	display: inline-block;

}

.tabs-box .tabs-content{
	position: relative;
}

.tabs-box .tabs-content .tab{
	position: relative;
	display: none;
}

.tabs-box .tabs-content .active-tab{
	display: block;
}

.recent-proj-tabs{
	position: relative;
	margin-bottom: 88px;
}

.recent-proj-tabs .tab .tab-inner{
	position: relative;
	display: block;
	overflow: hidden;
}

.recent-proj-tabs .tab .cat-info{
	position: absolute;
	right: -150px;
	top: 30px;
	line-height: 20px;
	padding: 10px 25px;
	background: #52c306;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
	opacity: 0;
}

.recent-proj-tabs .tab.now-in-view .cat-info{
	right: 30px;
	opacity: 1;
	-webkit-transition:all 0.5s ease 500ms;
	-moz-transition:all 0.5s ease 500ms;
	-ms-transition:all 0.5s ease 500ms;
	-o-transition:all 0.5s ease 500ms;
	transition:all 0.5s ease 500ms;
}

.recent-proj-tabs .tab .image{
	display: block;
	margin: 0;
}

.recent-proj-tabs .tab img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.recent-proj-tabs .buttons-box{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	text-align: center;
}

.recent-proj-tabs .tab-buttons .tab-btn{
	position: relative;
	float: left;
	font-size: 18px;
	color: #222222;
	text-transform: capitalize;
	min-height: 88px;
	width: 45% !important;
	padding: 30px 15px;
	line-height: 24px;
	border-bottom: 2px solid rgba(0,0,0,0.20);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.10);
	-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;
}

.recent-proj-tabs .tab-buttons .active-btn{
	border-bottom-color: #52c306;
	padding: 28px 15px;
	width:50% !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}

.recent-proj-tabs .tab-buttons .tab-btn .btn-title{
	position: relative;
	display: block;
	line-height: 28px;
	font-size:22px;
}

.recent-proj-tabs .tab-buttons .tab-btn .info{
	position: relative;
	display: none;
	color: #777777;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 20px;
}

.recent-proj-tabs .tab-buttons .active-btn .btn-title{
	font-weight: 700;
	font-size: 20px;
}

.recent-proj-tabs .tab-buttons .active-btn .info{
	display: block;
}

/*** 

====================================================================
	Fun Facts Section
====================================================================

***/

.fun-facts-section{
	position:relative;
	padding: 260px 0px 60px;
}

.fun-facts-section.default-style{
	padding: 80px 0px 50px;
	border-top: 1px solid rgba(0,0,0,0.07);
}

.fun-facts-section.bio-theme{
	padding-top: 190px;
}

.fun-facts-section .auto-container{
	max-width: 1300px;
}

.fun-facts-section .bg-pattern-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/background/map-pattern.jpg) center 50px no-repeat;
}

.fact-counter{
	position: relative;
	z-index: 1;
}

.fact-counter .counter-column{
	position:relative;
	margin-bottom:50px;
	text-align: center;
}

.fact-counter .counter-column .inner{
	position: relative;
	display: block;
}

.fun-facts-section.default-style .inner:before{
	content: '';
	position: absolute;
	right: -15px;
	bottom: 5px;
	border-left: 1px dashed rgba(0,0,0,0.20);
	height: 80px;
}

.fun-facts-section.default-style .counter-column:last-child .inner:before{
	display: none;
}

.fact-counter .counter-column .icon-box{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1em;
	color:#406fe6;
	margin-bottom: 25px;
}

.fun-facts-section.bio-theme .fact-counter .counter-column .icon-box{
	color: #84b040;
}

.fact-counter .count-box{
	position: relative;
	font-size:48px;
	line-height: 1.1em;
	color:#52c306;
	text-transform: capitalize;
	font-weight:700;
	margin-bottom: 5px;
}

.fun-facts-section.bio-theme .fact-counter .count-box{
	color: #222222;
}

.fact-counter .count-box .count-text{
	position:relative;
	display: inline-block;
}

.fact-counter .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height:24px;
	letter-spacing: 0.05em;
	font-weight:400;
	color:#222222;
	text-transform: capitalize;
}

.fun-facts-section.bio-theme .fact-counter .counter-title{
	color: #84b040;
	font-size: 16px !important;
	text-transform: uppercase;
}

/*** 

====================================================================
	Reviews Section
====================================================================

***/

.reviews-section{
	position:relative;
	padding: 100px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.reviews-section .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.reviews-section .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0f1e44;
	opacity: 0.80;
}

.reviews-carousel-box{
	position: relative;
	padding: 0px 60px;
	margin-bottom: 100px;
}

.testi-block-one{
	position: relative;
	padding-top: 25px;
}

.testi-block-one .inner-box{
	position: relative;
	display: block;
	padding: 50px 50px;
	background: #ffffff;
}

.testi-block-one .inner-box .quote-icon{
	position: absolute;
	right: 50px;
	top: -28px;
	line-height: 1em;
	font-size: 70px;
	color: #52c306;
	font-weight: 400;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.testi-block-one .inner-box:hover .quote-icon{
	transform: translate(-40px, 90px) scale(1.5);
	opacity: 0.30;
}

.testi-block-one .inner-box .rating{
	position: relative;
	line-height: 24px;
	margin-bottom: 15px;
}

.testi-block-one .inner-box .rating span{
	position: relative;
	display: inline-block;
	color: #e6d40e;
	font-size: 14px;
	margin-right: 1px;
}

.testi-block-one .inner-box .text{
	position: relative;
	margin-bottom: 30px;
}

.testi-block-one .inner-box .testi-info{
	position: relative;
	padding-left: 75px;
	padding-top: 15px;
	line-height: 22px;
	min-height: 65px;
}

.testi-block-one .inner-box .testi-info .image{
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
}

.testi-block-one .inner-box .testi-info .image img{
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 50%;
}

.testi-block-one .inner-box .testi-info .name{
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 500;
}

.testi-block-one .inner-box .testi-info .designation{
	font-size: 14px;
	color: #777777;
	text-transform: capitalize;
}

.reviews-carousel-box .owl-dots{
	display: none;
}

.reviews-carousel-box .owl-theme .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 0;
	margin-top: -25px;
}

.reviews-carousel-box .owl-theme .owl-nav .owl-prev,
.reviews-carousel-box .owl-theme .owl-nav .owl-next{
	position: absolute;
	top: 0;
	left: -90px;
	margin: 0px 0px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	border:1px solid rgba(255,255,255,0.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;
}

.reviews-carousel-box .owl-theme .owl-nav .owl-next{
	right: -90px;
	left: auto;
}

.reviews-carousel-box .owl-theme .owl-nav .owl-prev:hover,
.reviews-carousel-box .owl-theme .owl-nav .owl-next:hover{
	color: #52c306;
	border-color: #52c306;
}

/*** 

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:70px 0px;
}

.sponsors-section .auto-container{
	max-width: 1300px;
}

.sponsors-section .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sponsors-section .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.80;
	background: #d73441;
}

.sponsors-outer{
	position:relative;
	text-align:center;
}

.reviews-section .sponsors-outer .auto-container{
	max-width: 1440px;
}

.sponsors-outer .slide-item{
	display: block;
	text-align: center;
}

.sponsors-outer .image-box{
	position:relative;
	display: inline-block;
}

.sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	opacity:1;
}

.sponsors-outer .image-box img:hover{
	opacity:1;
}

.sponsors-outer .owl-dots,
.sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section{
	position:relative;
	padding:110px 0px 80px;
}

.pricing-section .upper-row{
	position: relative;
}

.pricing-section .left-column{
	float: left;
	margin-bottom: 50px;
}

.pricing-section .left-column .sec-title{
	margin-bottom: 0;
}

.pricing-section .right-column{
	margin-bottom: 50px;
	float: right;
}

.pricing-section .right-column .buttons-box{
	position: relative;
	padding-top: 40px;
}

.pricing-tabs .tab-buttons{
	position: relative;
	padding: 8px;
	background: #444444;
	color: #ffffff;
}

.pricing-tabs .tab-buttons .tab-btn{
	position: relative;
	display: block;
	float: left;
	padding: 8px 25px;
	line-height: 24px;
	background: none;
	-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;
}

.pricing-tabs .tab-buttons .active-btn{
	background: #406fe6;
}

.pricing-tabs .tabs-content{
	position: relative;
}

.pricing-block{
	position: relative;
	margin-bottom: 30px;
}

.pricing-block .block-inner{
	position: relative;
	display: block;
	padding: 50px 20px 50px;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-top: 3px solid #f0f0f0;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);
	overflow: hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.pricing-section .pricing-block:nth-child(1) .block-inner{
	transform:translateY(30px);
}

.pricing-section .pricing-block:nth-child(2) .block-inner{
	transform:translateY(-30px);
}

.pricing-section .pricing-block:nth-child(3) .block-inner{
	transform:translateY(30px);
}

.active-tab .pricing-block.now-in-view .block-inner{
	transform:translateY(0px) !important;
}

.pricing-section .pricing-block:nth-child(1) .block-inner:before{
	transition-delay: 0ms;
}

.pricing-section .pricing-block:nth-child(2) .block-inner:before{
	transition-delay: 300ms;
}

.pricing-section .pricing-block:nth-child(3) .block-inner:before{
	transition-delay: 600ms;
}


.pricing-block.popped .block-inner{
	border-top-color: #406fe6;
}


.pricing-block .plan-header{
	position: relative;
	margin-bottom: 30px;
}

.pricing-block .plan-header .icon-box{
	position: relative;
	font-size: 60px;
	line-height: 1em;
	color: #777777;
	margin-bottom: 16px;
}

.pricing-block .plan-header .subtitle{
	position: relative;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.5em;
	color: #777777;
	margin-bottom: 5px;
}

.pricing-block .plan-header .plan-title h2{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25em;
	margin: 0px;
}

.pricing-block .plan-price{
	position: relative;
	margin-bottom: 25px;
}

.pricing-block .plan-price .icon{
	position: relative;
	font-size: 20px;
	line-height: 1em;
	color: #406fe6;
	margin-bottom: 18px;
}

.pricing-block .plan-price .price{
	position: relative;
	display: inline-block;
}

.pricing-block .plan-price .price .currency{
	position: absolute;
	left: -32px;
	top: 13px;
	font-size: 30px;
	line-height: 1em;
}

.pricing-block .plan-price .amount{
	position: relative;
	display: block;
	color: #52c306;
	font-size: 60px;
	line-height: 1em;
	font-weight: 700;
}

.pricing-block .plan-price .quantity{
	position: relative;
	display: block;
	color: #777777;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
}

.pricing-block .features{
	position: relative;
	margin-bottom: 40px;
}

.pricing-block .features ul{
	position: relative;
}

.pricing-block .features li{
	position: relative;
	line-height: 1.5em;
	margin-bottom: 12px;
}

/* Default Form Style */

.default-form{
 	position: relative;
}

.default-form .row{
	margin: 0 -15px;
}

.default-form .form-group{
	position:relative;
	padding: 0 15px;
	margin-bottom: 25px;
}

.default-form .form-group .field-label{
	position:relative;
	display: block;
	color: #333333;
	line-height: 24px;
	text-align: left;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.default-form .form-group:last-child{
	margin-bottom: 0;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="url"],
.default-form .form-group input[type="file"],
.default-form .form-group input[type="number"],
.default-form .form-group textarea,
.default-form .form-group select{
	position: relative;
    display: block;
    height: 54px;
    width: 100%;
    font-size: 16px;
    color: #25283a;
    line-height: 30px;
    font-weight: 400;
    padding: 11px 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
	border-radius:3px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group textarea{
	height: 130px;
	padding-top: 15px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group button{
	display:inline-block;
	margin-top:5px;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group input[type="file"]:focus,
.default-form .form-group input[type="number"]:focus,
.default-form .form-group textarea:focus,
.default-form .form-group select:focus{
	border-color: #406fe6;
}

.contact-form ::-webkit-input-placeholder{color: #aaaaaa;}

.contact-form ::-moz-input-placeholder{color: #aaaaaa; }

.contact-form ::-ms-input-placeholder{color: #aaaaaa;}

.default-form label.error{
	color: #ff0000;
	font-size:14px;
	text-transform: capitalize;
	text-align:left;
	display:block;
	padding-top:5px;
}

.content-box .default-form label.error{
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:16px;
	font-style:normal;
	height:54px;
	padding:11px 20px;
	line-height:30px;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
	color:#333333;
	border-radius:3px;
	background-color:#ffffff;
	border: 1px solid #e0e0e0;
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#333333;	
}

.form-group .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#aaaaaa;
	line-height:20px;
	font-size:16px;
	font-weight:700;
	text-align:center;
	z-index:5;
}

.ui-widget.ui-widget-content{
	border:1px solid #e0e0e0;
	font-family: 'basis_grotesque_promedium', sans-serif !important;
}

.ui-menu .ui-menu-item{
	font-size:14px;
	border-bottom:1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:10px 20px !important;
	font-size:16px;
	line-height:24px;
}

/*** 

====================================================================
	Enquiry Section
====================================================================

***/

.enquiry-section{
	position:relative;
	padding: 110px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.enquiry-section .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.enquiry-section .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000061;
	opacity: 0.70;
}

.enquiry-section .content-box{
	position: relative;
	display: block;
	padding: 60px 60px 50px;
	background: #ffffff;
	text-align: center;
	max-width: 1020px;
	margin: 0 auto;
}

.enquiry-section .content-box form .row{
	margin: 0px -12px;
}

.enquiry-section .content-box form .row .form-group{
	padding: 0px 12px;
	margin-bottom: 24px;
}

.enquiry-section .content-box .lower-text{
	position: relative;
	padding-top: 20px;
}

.enquiry-section .lower-text .sub-title{
	position: relative;
	display: block;
	overflow: hidden;
}

.enquiry-section .lower-text .sub-title .txt{
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 24px;
	padding: 0px 20px;
}

.enquiry-section .lower-text .sub-title .txt:before{
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	width: 100px;
	border-bottom: 1px dashed #aaaaaa;
}

.enquiry-section .lower-text .sub-title .txt:after{
	content: '';
	position: absolute;
	right: 100%;
	top: 45%;
	width: 100px;
	border-bottom: 1px dashed #aaaaaa;
}

.enquiry-section .lower-text .info{
	position: relative;
	display: block;
	padding-top: 15px;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 500;
	text-transform: capitalize;
}

.enquiry-section .lower-text .info .icon{
	position: relative;
	top: -2px;
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../images/icons/icon-call-1.png) center center no-repeat;
	vertical-align: middle;
	margin: 0px 5px;
}

.enquiry-section .lower-text .info a{
	color: #406fe6;
	font-weight: 600;
}

.enquiry-section .lower-text .info a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding: 110px 0px 50px;
}

.news-section.style-three{
	padding-top: 170px;
	padding-bottom: 40px;
}

.news-section.with-carousel{
	padding-bottom: 110px;
}

.news-block{
	position: relative;
	margin-bottom: 10px;
}

.news-page .news-block{
	margin-bottom: 20px;
}

.news-section.with-carousel .carousel-box .owl-stage-outer{
	overflow: visible;
}

.news-section.with-carousel .carousel-box .owl-theme .news-block{
	margin: 0px  0px;
	opacity: 0;
	visibility: hidden;
	-moz-transition:all 0.3s ease 0ms;
	-webkit-transition:all 0.3s ease 0ms;
	-ms-transition:all 0.3s ease 0ms;
	-o-transition:all 0.3s ease 0ms;
	transition:all 0.3s ease 0ms;
}

.news-section.with-carousel .carousel-box .owl-theme .active .news-block{
	opacity: 1;
	visibility: visible;
}

.news-block .inner-box{
	position: relative;
	display: block;
	max-width: 480px;
	margin: 0 auto;
	background: none;
	padding-bottom: 53px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block .inner-box:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	bottom: 53px;
	background: #f8f8f8;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block .inner-box:hover:before{
	bottom: 0px;
	background: #ffffff;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);
}

.style-two .news-block .inner-box:before{
	background: #f3f9fb;
}

.style-two .news-block .inner-box:hover:before{
	background: #f3f9fb;
	box-shadow: none;
}

.style-four .news-block .inner-box:before{
	background: #eef6f9;
}

.style-four .active.center .news-block .inner-box:before,
.style-four .news-block .inner-box:hover:before{
	background: #ffffff;
	bottom: 0px;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.12);
}

.news-block .image-box,
.news-block .image,
.news-block .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

.news-block .inner-box .post-date{
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 72px;
	height: 72px;
	line-height: 24px;
	text-align: center;
	padding: 12px 5px;
	background: #ffffff;
	border-radius: 50%;
	z-index: 1;
}

.style-two .news-block .inner-box .post-date{
	right: auto;
	left: 25px;
	bottom: 25px;
	border-radius: 3px;
}

.news-block .inner-box .post-date .day{
	display: block;
	font-size: 32px;
	color: #52c306;
	font-weight: 700;
	line-height: 1.1em;
}

.style-two .news-block .inner-box .post-date .day{
	color: #30adcd;
}

.style-three .news-block .inner-box .post-date .day{
	color: #84b040;
}

.style-four .news-block .inner-box .post-date .day{
	color: #d73441;
}

.news-block .inner-box .post-date .month{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.1em;
	text-transform: uppercase;
}

.news-block .lower-box{
	position: relative;
	padding: 40px 35px 40px;
	border: 1px solid #f8f8f8;
	border-top: none;
}

.news-block .lower-box h3{
	position: relative;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color: #222222;
}

.style-two .news-block .lower-box h3{
	padding-bottom: 0;
}

.news-block .lower-box h3 a{
	color: #222222;
}

.news-block .lower-box h3 a:hover,
.news-block .meta-info a:hover{
	color: #52c306;
}

.style-two .news-block .lower-box h3 a:hover,
.style-two .news-block .meta-info a:hover,
.style-two .news-block .link-box a:hover{
	color: #30adcd;
}

.style-three .news-block .lower-box h3 a:hover,
.style-three .news-block .meta-info a:hover,
.style-three .news-block .link-box a:hover,
.style-three .news-block .link-box a .icon,
.style-three .news-block .link-box a:hover .icon{
	color: #84b040;
}

.style-four .news-block .lower-box h3 a:hover,
.style-four .news-block .meta-info a:hover,
.style-four .news-block .link-box a:hover,
.style-four .news-block .link-box a .icon,
.style-four .news-block .link-box a:hover .icon{
	color: #d73441;
}

.news-block .lower-box h3:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-bottom: 3px solid #52c306;
}

.style-two .news-block .lower-box h3:before{
	display: none;
}

.style-three .news-block .lower-box h3:before{
	border-color: #84b040;
}

.style-four .news-block .lower-box h3:before{
	border-color: #0a394d;
}

.news-block .meta-info{
	position: relative;
	color: #777777;
}

.style-two .news-block .meta-info{
	padding-bottom: 13px;
}

.style-two .news-block .meta-info:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-bottom: 3px solid #e2bc2f;
}

.news-block .meta-info a{
	position: relative;
	color: #777777;
}

.news-block .link-box{
	position: absolute;
	bottom: 25px;
	height: 0;
	opacity: 1;
	visibility: hidden;
}

.news-block .inner-box:hover .link-box{
	opacity: 1;
	bottom: 15px;
	visibility: visible;
	transition:all 0.3s ease 300ms;
	-moz-transition:all 0.3s ease 300ms;
	-webkit-transition:all 0.3s ease 300ms;
	-ms-transition:all 0.3s ease 300ms;
	-o-transition:all 0.3s ease 300ms;
}

.style-four .active.center .news-block .inner-box .link-box{
	opacity: 1;
	bottom: 15px;
	visibility: visible;
	transition:all 0.3s ease 300ms;
	-moz-transition:all 0.3s ease 300ms;
	-webkit-transition:all 0.3s ease 300ms;
	-ms-transition:all 0.3s ease 300ms;
	-o-transition:all 0.3s ease 300ms;
}

.news-block .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	color: #406fe6;
	text-transform: capitalize;
}

.style-two .news-block .link-box a{
	color: #222222;
}

.style-three .news-block .link-box a{
	color: #2f333c;
}

.style-four .news-block .link-box a{
	color: #d73441;
}

.news-block .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid;
}

.news-block .link-box a .icon{
	position: relative;
	top: 2px;
	font-size: 16px;
	padding-left: 7px;
	color: #52c306;
}

.style-two .news-block .link-box a .icon{
	color: #30adcd;
}

.style-four .news-block .link-box a .icon{
	color: #222222;
}

.news-block .link-box a:hover{
	color: #52c306;
}

.style-four .news-block .link-box a:hover{
	color: #d73441;
}

.news-section .sponsors-outer{
	padding-top: 50px;
	padding-bottom: 60px;
}

.news-section .sponsors-outer .auto-container{
	max-width: 1380px;
}

.news-section.with-carousel .owl-theme .owl-dots{
	display: none;
}

.news-section.with-carousel .owl-theme .owl-nav{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 30px;
}

.news-section.with-carousel .owl-theme .owl-nav .owl-prev,
.news-section.with-carousel .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #cccccc;
	border:1px solid #e0e0e0;
	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;
}

.news-section.with-carousel .owl-theme .owl-nav .owl-prev:hover,
.news-section.with-carousel .owl-theme .owl-nav .owl-next:hover{
	color: #ffffff;
	background: #d73441;
	border-color: #d73441;
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	background-color:#112047;
	color: #ffffff;
}

.footer-style-two{
	background-color:#062128;
}

.footer-style-three{
	background-color:#27292f;
}

.footer-style-four{
	background-color:#0d112c;
}

.footer-style-five{
	background-color:#06202b;
}

.main-footer .upper-section{
	position: relative;
	padding: 60px 0px 30px;
}

.main-footer .upper-section .outer{
	position: relative;
	margin: 0px -15px;
}

.main-footer .service-block-two{
	position: relative;
	float: left;
	width: 18%;
	padding: 0px 15px;
	margin-bottom: 30px;
}

.main-footer .service-block-two.logo-block{
	width: 28%;
}

.main-footer .service-block-two .inner-box{
	position: relative;
	display: block;
	text-align: center;
}

.main-footer .service-block-two .icon-box{
	position: relative;
	display: block;
	color: #52c306;
	font-size: 64px;
	line-height: 1em;
	margin-bottom: 15px;
}

.main-footer .service-block-two .service-title{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.4em;
	color: #ffffff;
}

.main-footer .service-block-two .service-title a{
	color: #ffffff;
}

.main-footer .service-block-two .service-title a:hover{
	text-decoration: underline;
}

.main-footer .upper-section .logo{
	position: relative;
	padding: 15px 0px 10px;
}

.main-footer .social-links{
	position:relative;
	text-align: center;
	padding-top: 10px;
}

.main-footer .social-links li{
	position:relative;
	display: inline-block;
	margin: 0px 7px;
	color:#ffffff;
	line-height:24px;
}

.main-footer .social-links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	opacity: 0.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;
}

.main-footer .social-links li a .fa,
.main-footer .social-links li a .fab{
	vertical-align: middle;
}

.main-footer .social-links li a:hover{
	color: #ffffff;
	opacity: 1;
}

.footer-style-four .upper-section{
	position: relative;
	padding: 110px 0px 0px;
	text-align: center;
}

.footer-style-four .upper-section .logo-box{
	position: relative;
	display: inline-block;
	padding: 0px 40px;
	top: 15px;
	background: #0d112c;
	z-index: 1;
}

.footer-style-four .upper-section .social-links li{
	margin: 0px 15px;
}

.main-footer .widgets-section{
	position:relative;
	padding:100px 0px 60px;
	border-top: 1px solid rgba(255,255,255,0.15);
}

.main-footer .footer-column{
	position:relative;
	margin-bottom:50px;
}

.main-footer .footer-widget{
	position:relative;
}

.main-footer .widget-title{
	position:relative;
	margin-bottom:25px;
}

.main-footer .widget-title h3{
	position:relative;
	font-size:20px;
	font-weight:600;
	color:#ffffff;
	letter-spacing:1px;
	text-transform:capitalize;
}

.main-footer .info{
	position: relative;
}

.main-footer .info .info-block{
	position: relative;
	padding-left: 60px;
	min-height: 40px;
	margin-bottom: 25px;
}

.main-footer .info .info-block:last-child{
	margin-bottom: 0;
}

.main-footer .info .info-block .icon-box{
	position: absolute;
	left: 0;
	top: 5px;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.main-footer .info strong{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600;
}

.main-footer .info .info-text{
	position: relative;
	display: block;
	font-size: 20px;
}

.main-footer .info .info-text a{
	color: #ffffff;
}

.main-footer .info .info-text a:hover{
	text-decoration: underline;
}

.main-footer .links-widget ul{
	position: relative;
}

.main-footer .links-widget ul li{
	position:relative;
	margin-bottom:15px;
	font-size: 16px;
	color: #ffffff;
}

.main-footer .links-widget ul li:last-child{
	margin-bottom: 0;
}

.main-footer .links-widget ul li a{
	position:relative;
	display: inline-block;
	padding-left: 25px;
	line-height:24px;
	color:#ffffff;
	text-transform: capitalize;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-footer .links-widget ul li a:hover{
	color:#52c306;
}

.footer-style-two .links-widget ul li a:hover{
	color:#e2bc2f;
}

.footer-style-three .links-widget ul li a:hover{
	color: #84b040;
}

.footer-style-four .links-widget ul li a:hover{
	color: #84a442d9;
}

.footer-style-five .links-widget ul li a:hover{
	color:#d73441;
}

.main-footer .links-widget ul li a:before{
	font-family: 'Flaticon';
	content: "\f196";
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	font-size:14px;
	font-weight:400;
	z-index:5;
	opacity: 0.50;
}

.main-footer .links-widget ul li a:hover:before{
	opacity: 1;
}

.main-footer .gallery-widget .images{
	position: relative;
	margin: 0px -5px;
}

.main-footer .gallery-widget .images .image{
	position: relative;
	float: left;
	width: 33.333%;
	display: block;
	margin: 0 0 10px;
	padding: 0px 5px;
}

.main-footer .gallery-widget .images img{
	width: 100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-footer .gallery-widget .images img:hover{
	opacity: 0.70;
}

.main-footer .footer-bottom{
	position:relative;
	line-height: 24px;
	color: #a6a6a6;
	border-top:1px solid rgba(255,255,255,0.15);
}

.main-footer .footer-bottom .inner{
	position: relative;
	padding: 35px 0px 25px;
}

.main-footer .footer-bottom .scroll-top-footer{
	position: absolute;
	left: 50%;
	top: -24px;
	background: #52c306;
	color: #ffffff;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	line-height: 48px;
	text-align: center;
	border-radius: 5px;

	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.footer-style-two .footer-bottom .scroll-top-footer{
	background: #e2bc2f;
}

.footer-style-three .footer-bottom .scroll-top-footer{
	background: #3d3f44;
}

.footer-style-four .footer-bottom .scroll-top-footer{
	background: #1c2562;
}

.main-footer .footer-bottom .scroll-top-footer:hover{
	background: #406fe6;
}

.footer-style-three .footer-bottom .scroll-top-footer:hover{
	background: #84b040;
}

.footer-style-four .footer-bottom .scroll-top-footer:hover{
	background: #84a442d9;
}

.footer-style-five .footer-bottom .scroll-top-footer{
	background: #ff8527;
}

.footer-style-five .footer-bottom .scroll-top-footer:hover{
	background: #d73441;
}

.main-footer .footer-bottom .copyright{
	position:relative;
	float: left;
}

.main-footer .footer-bottom .copyright a{
	color: #ffffff;
}

.main-footer .footer-bottom .footer-nav{
	position:relative;
	float: right;
}

.main-footer .footer-bottom .footer-nav ul li{
	position: relative;
	float: left;
	margin-left: 23px;
	line-height: 24px;
}

.main-footer .footer-bottom .footer-nav ul li:before{
	content: '|';
	position: absolute;
	left: -13px;
	top: 0;
	line-height: 24px;
}

.main-footer .footer-bottom .footer-nav ul li:first-child:before{
	display: none;
}

.main-footer .footer-bottom .footer-nav ul li a{
	position: relative;
	color: #a6a6a6;
}

.main-footer .footer-bottom .footer-nav ul li a:hover{
	color: #52c306;
}

.footer-style-two .footer-bottom .footer-nav ul li a:hover{
	color: #e2bc2f;
}

.footer-style-three .footer-bottom .footer-nav ul li a:hover{
	color: #84b040;
}

.footer-style-four .footer-bottom .footer-nav ul li a:hover{
	color: #84a442d9;
}

.footer-style-five .footer-bottom .footer-nav ul li a:hover{
	color: #d73441;
}

.main-footer .footer-logo-box{
	position:relative;
	margin-bottom: 10px;
}

.main-footer .about-text{
	position:relative;
	max-width: 320px;
	margin-bottom: 25px;
}

.footer-social{
	position:relative;
}

.footer-social-two li{
	position:relative;
	display: inline-block;
	margin: 0px 16px 0px 0px;
	color:#ffffff;
	line-height:24px;
}

.footer-social-two li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	opacity: 0.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;
}

.footer-social-two li a .fa,
.footer-social-two li a .fab{
	vertical-align: middle;
}

.footer-social-two li a:hover{
	color: #e2bc2f;
	opacity: 1;
}

.footer-style-three .footer-social-two li a:hover{
	color: #84b040;
	opacity: 1;
}

.footer-style-five .footer-social-two li a:hover{
	color: #d73441;
	opacity: 1;
}

/*** 

====================================================================
	Features Section
====================================================================

***/

.features-section{
	position:relative;
	padding: 110px 0px 0px;
	overflow: hidden;
}

.features-section .pattern-images{
	position: absolute;
	left: 0;
	bottom:100px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.features-section .pattern-image-left{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: auto;
	height: auto;
	opacity: 0.08;
}

.features-section .pattern-image-right{
	position: absolute;
	right: 0;
	bottom: 0px;
	width: auto;
	height: auto;
	opacity: 0.08;
}

.featured-block{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.owl-theme .featured-block{
	margin-bottom: 0;
}

.featured-block .inner-box{
	position: relative;
	display: block;
	background: #ffffff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
	overflow: hidden;
}

.featured-block .image-box{
	position: relative;
	display: block;
	margin: 0;
}

.featured-block .image-box .image{
	position: relative;
	display: block;
	margin: 0;
}

.featured-block .image-box .image img{
	position: relative;
	display: block;
	width: 100%;
}

.featured-block .lower-title{
	position: relative;
	display: block;
	padding: 20px 20px;
	background: #ffffff;
	text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 1;
}

.featured-block .inner-box:hover .lower-title{
	transform: translateY(-250px);
	opacity: 0;
}

.featured-block .lower-title h3{
	position: relative;
	font-weight: 600;
	font-size: 20px;
	text-transform: capitalize;
	padding: 5px 0px;
	line-height: 1.5em;
	margin: 0;
}

.featured-block .lower-title h3 a{
	color: #222222;
}

.featured-block .lower-title h3 a:hover{
	color: #30adcd;
}

.featured-block .lower-title .icon{
	position: relative;
	display: inline-block;
	line-height: 38px;
	height: 40px;
	width: 55px;
	font-size: 24px;
	background: url(../images/icons/flare-image-1.png) left top no-repeat;
	color: #30adcd;
	vertical-align: middle;
}

.featured-block .hover-box{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
	border-bottom: 4px solid #e2bc2f;
	color: #ffffff;
	opacity: 1;
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.featured-block .inner-box:hover .hover-box{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.featured-block .hover-box .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.featured-block .hover-box .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #30adcd;
	opacity: 0.95;
}

.featured-block .hover-inner{
	position: absolute;
	display: table;
	vertical-align: middle;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.featured-block .hover-inner .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 20px;
}

.featured-block .hover-inner .icon-box{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 10px;
}

.featured-block .hover-inner h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 12px;
}

.featured-block .hover-inner h3 a{
	color: #ffffff;
}

.featured-block .hover-inner .link a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: 500;
	color: #ffffff;
	text-transform: capitalize;
}

.featured-block .hover-inner .link a .icon{
	position: relative;
	vertical-align: middle;
	font-weight: 700;
	padding-left: 5px;
}

.featured-block .hover-inner .link a:hover .txt{
	text-decoration: underline;
}

.featured-block .hover-inner .text{
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
}

/*** 

====================================================================
	Main Info Section
====================================================================

***/

.main-info-section{
	position:relative;
	padding: 80px 0px 70px;
}

.main-info-section .sec-title-two{
	margin-bottom: 30px;
}

.main-info-section .upper-content{
	position: relative;
	max-width: 850px;
	text-align: center;
	margin: 0 auto 50px;
	line-height: 1.5em;
}

.main-info-section .upper-content .text{
	position: relative;
	text-align: center;
	margin: 0 0 50px;
	line-height: 1.5em;
}

.main-info-section .features-list{
	position: relative;
	max-width: 1000px;
	text-align: center;
	margin: 0 auto 70px;
}

.main-info-section .features-list li{
	position: relative;
	display: inline-block;
	margin: 0px 35px 30px;
}

.main-info-section .features-list li .inner{
	 position: relative;
	 display: block;
	 line-height: 24px;
	 font-size: 17px;
	 font-weight: 500;
	 color: #222222;
}

.main-info-section .features-list li .icon{
	 position: relative;
	 display: block;
	 width: 120px;
	 height: 120px;
	 padding: 25px 20px;
	 line-height: 70px;
	 font-size: 60px;
	 color: #30adcd;
	 background: #f3f9fb;
	 font-weight: 400;
	 border-radius: 3px;
	 margin-bottom: 20px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.main-info-section .features-list li .inner:hover .icon{
	background: #e2bc2f;
	 color: #ffffff;
}

.main-info-section .lower-content{
	position: relative;
}

.main-info-section .lower-content .auto-container{
	max-width: 1340px;
}

.main-info-section .lower-content .map-column{
	position: relative;
}

.main-info-section .map-column .inner{
	position: relative;
	display: block;
	padding-right: 30px;
}

.main-info-section .map-column .info-list{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	padding: 0px 30px;
}

.main-info-section .map-column .info-list ul{
	position: relative;
	text-align: center;
	margin: 0px 0px;
}

.main-info-section .map-column .info-list li{
	position: relative;
	float: left;
	width: 33.333%;
	padding: 0px 20px;
	margin-bottom: 40px;
}

.main-info-section .map-column .info-list li .inner-box{
	position: relative;
	display: block;
	padding: 20px 20px;
	background: #ffffff;
	border:1px solid #f0f0f0;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
	-ms-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
}

.main-info-section .map-column .info-list .count{
	font-size: 42px;
	line-height: 1.2em;
	font-weight: 500;
}

.main-info-section .map-column .info-list li:first-child .count{
	color: #e2bc2f;
}

.main-info-section .map-column .info-list li:last-child .count{
	color: #30adcd;
}

.main-info-section .lower-content .graph-column{
	position: relative;
}

.main-info-section .graph-column .inner{
	position: relative;
	display: block;
	padding-top: 50px;
	margin-left: -30px;
}

.main-info-section .graph-block{
	position: relative;
	margin-bottom: 40px;
}

.main-info-section .graph-block .inner-box{
	position: relative;
	display: block;
	padding-left: 180px;
	min-height: 160px;
	padding-top: 35px;
}

.main-info-section .graph-block .graph{
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: 160px;
}

.main-info-section .graph-block .sub-title{
	position: relative;
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 5px;
}

.main-info-section .graph-block .sub-count{
	position: relative;
	font-size: 28px;
	line-height: 1.3em;
	font-weight: 700;
	text-transform: capitalize;
	padding-bottom: 8px;
}

.main-info-section .graph-block .sub-count:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	border-bottom: 1px dashed rgba(0,0,0,0.30);
}


.main-info-section .graph-block:last-child .inner-box{
	padding-top: 15px;
}

/*** 

====================================================================
	Mission Section
====================================================================

***/

.mission-section{
	position:relative;
	padding: 110px 0px 0px;
}

.mission-section .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	bottom: 45px;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.mission-section .content-box{
	position: relative;
	max-width: 580px;
	padding: 50px;
	background: #e2bc2f;
	color: #ffffff;
}

.mission-section .title-box{
	position: relative;
	margin-bottom: 20px;
}

.mission-section .title-box .sub-title{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}

.mission-section .title-box .sub-title .fa{
	position: relative;
	top: 2px;
	font-size: 24px;
	line-height: 24px;
	margin-right: 5px;
}

.mission-section .title-box h2{
	position: relative;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	margin: 0;
}

.mission-section .text{
	position: relative;
	margin: 0 0 25px;
}

.mission-section .bottom-info{
	position: relative;
}

.mission-section .bottom-info .info{
	position: relative;
	float: left;
	margin-right: 40px;
	font-size: 14px;
}

.mission-section .bottom-info .info .name{
	font-size: 20px;
}

.mission-section .bottom-info .signature{
	position: relative;
	float: left;
	font-size: 18px;
	padding-top: 20px;
	font-family: 'Signature', cursive;
	line-height: 1.5em;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	padding: 110px 0px 170px;
	overflow: hidden;
}

.services-section-two .pattern-images{
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.services-section-two .pattern-image-left{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: auto;
	height: auto;
	opacity: 0.08;
}

.services-section-two .pattern-image-right{
	position: absolute;
	right: 0;
	bottom: 0px;
	width: auto;
	height: auto;
	opacity: 0.08;
}

.service-block-three{
	position: relative;
	margin-bottom: 30px;
}

.owl-theme .service-block-three{
	margin-bottom: 0px;
	padding-bottom: 30px;
}

.service-block-three .inner-box{
	position: relative;
	display: block;
}

.service-block-three .image-box,
.service-block-three .image,
.service-block-three .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

.service-block-three .inner-box .overlay-icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.70);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition:all 0.5s ease 0ms;
	-webkit-transition:all 0.5s ease 0ms;
	-ms-transition:all 0.5s ease 0ms;
	-o-transition:all 0.5s ease 0ms;
	transition:all 0.5s ease 0ms;
	z-index: 1;
}

.service-block-three .inner-box:hover .overlay-icon{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.service-block-three .inner-box .overlay-icon .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -47px 0px 0px -32px;
	font-size: 64px;
	width: 64px;
	height: 64px;
	line-height: 64px;
	color: #ffffff;
	text-align: center;
	opacity: 0;
	-webkit-transform: scale(0.6) rotate(-120deg);
	-ms-transform: scale(0.6) rotate(-120deg);
	transform: scale(0.6) rotate(-120deg);
}

.service-block-three .inner-box:hover .overlay-icon .icon{
	opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition:all 0.5s ease 500ms;
	-webkit-transition:all 0.5s ease 500ms;
	-ms-transition:all 0.5s ease 500ms;
	-o-transition:all 0.5s ease 500ms;
	transition:all 0.5s ease 500ms;
}

.service-block-three .lower-box{
	position: relative;
	padding: 40px 30px 35px;
	background: #f8f5f0;
	border:1px solid #abb566;
	margin: -30px 20px 0px;
	z-index: 2;
	overflow: hidden;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.service-block-three .inner-box:hover .lower-box{
	background: #ffffff;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.service-block-three .lower-box h3{
	position: relative;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 20px;
	color: #222222;
}

.service-block-three .lower-box h3 a{
	color: #95af5c !important;
	text-decoration: none;
}

.service-block-three .lower-box h3 a:hover{
	color: #e2bc2f;
}

.service-block-three .lower-box .text{
	position: relative;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.service-block-three .link-box{
	position: relative;
	padding-top: 10px;
}

.service-block-three .link-box:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	border-top: 2px solid #95af5c;
}

.service-block-three .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #222222;
	text-transform: capitalize;
}

.service-block-three .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid transparent;
}

.service-block-three .link-box a .icon{
	position: relative;
	top: 3px;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
}

.service-block-three .link-box a:hover{
	color: #30adcd;
}

.service-block-three .inner-box:hover .link-box a .txt{
	border-bottom-color: inherit;
}

.service-block-three .inner-box:hover .link-box a .icon{
	color: #95af5c;
}

.services-section-two .owl-nav{
	display: none;
}

.services-section-two .owl-dots{
	position: relative;
	width: 100%;
	text-align: center;
}

.services-section-two .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
}

.services-section-two .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: none;
	border: 1px solid rgba(0,0,0,0.20);
	border-radius: 50%;
}

.services-section-two .owl-dots .owl-dot.active span{
	background: #84a442d9;
	border-color:#84a442d9;
}

.services-section-two .bottom-text{
	position: relative;
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}

.services-section-two .bottom-text .text{
	position: relative;
	font-size: 20px;
	line-height: 1.5em;
}

.services-section-two .bottom-text .text .phone,
.services-section-two .bottom-text .text .phone a{
	color: #e2bc2f;
	font-weight: 600;
}

.services-section-two .bottom-text .text .phone a:hover{
	text-decoration: underline;
}


/*** 

====================================================================
	Mission Section
====================================================================

***/

.projects-section-one{
	position:relative;
	padding: 0px 0px;
}

.projects-section-one .outer-container{
	position: relative;
	overflow: hidden;
}

.projects-section-one .image-column{
	position: absolute;
	right: 0;
	top: 0;
	float: left;
	width: 50%;
	height: 100%;
}

.projects-section-one .text-column{
	position: relative;
	float: left;
	width: 50%;
}

.projects-section-one .text-column .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.projects-section-one .text-column .image-layer:before{
	content: '';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: #062128;
	opacity: 0.92;
}

.projects-section-one .text-column .inner{
	position: relative;
	float: right;
	width: 100%;
	max-width: 680px;
	padding: 110px 20px;
}

.projects-section-one .content{
	position: relative;
	max-width: 530px;
	color: #ffffff;
}

.projects-section-one .content .title{
	position: relative;
	margin-bottom: 20px;
}

.projects-section-one .content .title .sub-title{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #30adcd;
}

.projects-section-one .content .title .sub-title .fa{
	position: relative;
	top: 2px;
	font-size: 24px;
	line-height: 24px;
	padding-right: 5px;
	color: #e2bc2f;
}

.projects-section-one .content .title h2{
	position: relative;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	margin: 0;
}

.projects-section-one .content .text{
	position: relative;
	margin: 0 0 25px;
}

.projects-section-one .content .features{
	position: relative;
	margin-bottom: 40px;
}

.projects-section-one .content .features li{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 7px;
}

.projects-section-one .content .features li .gap-icon{
	position: relative;
	font-size: 20px;
	padding-right: 5px;
}

.projects-section-one .image-column .inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.projects-section-one .image-column .image-block{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 50%;
}

.projects-section-one .image-column .image-block:nth-child(2){
	left: 50%;
}

.projects-section-one .image-column .image-block:nth-child(3){
	left: 0%;
	top: 50%;
}

.projects-section-one .image-column .image-block:nth-child(4){
	left: 50%;
	top: 50%;
}

.projects-section-one .image-block .inner-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.projects-section-one .image-block .image-box{
	position: relative;
	width: 100%;
	display: none;
}

.projects-section-one .image-block .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.projects-section-one .image-block .block-image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
}

.projects-section-one .image-block .over-link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
	color: #ffffff;
	opacity: 0;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
}

.projects-section-one .image-block:hover .over-link{
	opacity: 1;
}

.projects-section-one .image-block .over-link .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -18px;
	font-size: 36px;
	line-height: 36px;
	width: 30px;
	height: 30px;
	text-align: center;
	opacity: 0;
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	transition:all 0.3s ease 300ms;
	-moz-transition:all 0.3s ease 300ms;
	-webkit-transition:all 0.3s ease 300ms;
	-ms-transition:all 0.3s ease 300ms;
	-o-transition:all 0.3s ease 300ms;
}

.projects-section-one .image-block:hover .over-link .icon{
	opacity: 1;
	-ms-transform: scale(1);
	transform: scale(1);
}

/*** 

====================================================================
	History Section
====================================================================

***/

.history-section{
	position:relative;
	padding: 110px 0px;
}

.history-section .carousel-box{
	position: relative;
}

.history-section .carousel-box:before{
	content: '';
	position: absolute;
	left: 0;
	top: 47px;
	width: 100%;
	border-bottom: 4px solid #e8f3d0;
}

.history-section .carousel-box:after{
	content: '';
	position: absolute;
	right: 0;
	top: 46px;
	width: 25%;
	margin-right: -25px;
	border-bottom: 6px solid #e8f3d0;
}

.history-block{
	position: relative;
	display: block;
}

.history-block .inner-box{
	position: relative;
	display: block;
}

.history-block .date{
	position: relative;
	display: block;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.history-block .round-dot{
	position: relative;
	display: block;
	font-size: 20px;
	height: 20px;
	width: 20px;
	background: #ffffff;
	border:6px solid #95af5c;
	outline: 5px solid rgba(0,0,0,0);
	border-radius: 50%;
	margin-bottom: 25px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.history-block:hover .round-dot{
	border-color: #e2bc2f;
	outline-color:#ffffff;
}

.default-theme .history-block:hover .round-dot{
	border-color: #52c306;
	outline-color:#ffffff;
}

@media only screen and (max-width: 800px ){
		
	.history-block .title{
	position: relative;
	display: block;
	font-size: 14px;
	height:44px;
	line-height:2 !important;
	font-weight: 700;
	text-transform: inherit;
	padding-bottom: 7px;
	margin-bottom: 20px;
}
	}

.history-block .title{
	position: relative;
	display: block;
	font-size: 14px;
	height:44px;
	font-weight: 700;
	text-transform: inherit;
	padding-bottom: 7px;
	margin-bottom: 20px;
}

.history-block .title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-bottom: 3px solid #e2bc2f;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.history-block:hover .title:before{
	width: 60px;
}

.default-theme .history-block .title:before{
	border-bottom-color:#dddddd;
	display:none;
}

.history-section .owl-dots{
	display: none;
}

.history-section .owl-theme .owl-nav{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 50px;
}

.history-section .owl-theme .owl-nav .owl-prev,
.history-section .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #cccccc;
	border:1px solid #e0e0e0;
	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;
}

.history-section .owl-theme .owl-nav .owl-prev:hover,
.history-section .owl-theme .owl-nav .owl-next:hover{
	color: #406fe6;
	border-color: #406fe6;
}

/*** 

====================================================================
	Testimonials Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding: 60px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
}

.testimonial-section .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.testimonial-section .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #30adcd;
	opacity: 0.90;
}

.testimonial-section .carousel-box{
	position: relative;
	padding-left: 330px;
	min-height: 420px;
}

.testimonial-section .carousel-box .title-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 420px;
	height: 420px;
	background: #63c1d9;
	border:15px solid #4cb8d5;
	border-radius: 50%;
}

.testimonial-section .carousel-box .title-inner{
	position: relative;
	padding: 90px 50px 0px 75px;
}

.testimonial-section .carousel-box .title-box h2{
	font-size: 48px;
	line-height: 1.1em;
	font-weight: 300;
}

.testimonial-section .content-box{
	position: relative;
	padding-top: 90px;
}

.testimonial-section .slide-item{
	position: relative;
	display: block;
}

.testimonial-section .slide-item .icon{
	position: relative;
	display: inline-block;
	font-size: 48px;
	line-height: 1em;
	margin-bottom: 20px;
	color: #e2bc2f;
	-ms-transform: rotate(180deg) translateX(-50px);
	transform: rotate(180deg) translateX(-50px);
	opacity: 0;
}

.testimonial-section .active .slide-item .icon{
	opacity: 1;
	-ms-transform: rotate(180deg) translateX(0px);
	transform: rotate(180deg) translateX(0px);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.testimonial-section .slide-item .inner{
	position: relative;
	display: block;
	padding-left: 210px;
	min-height: 200px;
}

.testimonial-section .slide-item .testi-thumb{
	position: absolute;
	left: 0;
	top: 50px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: rotate(90deg) scale(0.5);
	-moz-transform: rotate(90deg) scale(0.5);
	-ms-transform: rotate(90deg) scale(0.5);
	-o-transform: rotate(90deg) scale(0.5);
	transform: rotate(90deg) scale(0.5);
}

.testimonial-section .active .slide-item .testi-thumb{
	opacity: 1;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.testimonial-section .slide-item .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.65em;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}

.testimonial-section .active .slide-item .text{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.testimonial-section .slide-item .info{
	position: relative;
	display: block;
	padding-left: 38px;
	font-weight: 600;
	text-transform: capitalize;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}

.testimonial-section .active .slide-item .info{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.testimonial-section .slide-item .info:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 30px;
	border-bottom: 3px solid #ffffff;
}

.testimonial-section .owl-nav{
	display: none;
}

.testimonial-section .owl-dots{
	position: absolute;
	right: -80px;
	top: 75px;
}

.testimonial-section .owl-dots .owl-dot{
	position: relative;
	display: block;
	margin: 0px 0px 12px;
}

.testimonial-section .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: none;
	border: 1px solid rgba(255,255,255,0.50);
	border-radius: 50%;
}

.testimonial-section .owl-dots .owl-dot.active span{
	background: #ffffff;
	border-color:#ffffff;
}

/*** 

====================================================================
	Call TO Action Section
====================================================================

***/

.call-to-action{
	position:relative;
	padding: 90px 0px 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
}

.call-to-action .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.call-to-action .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #30adcd;
	opacity: 0.90;
}

.call-to-action .title-column{
	margin: 0 0 40px;
}

.call-to-action .title-column .inner{
	position: relative;
	display: block;
}

.call-to-action .title-column h2{
	font-size: 36px;
	line-height: 1.2em;
	font-weight: 700;
	margin: 0;
}

.call-to-action .links-column{
	margin: 0 0 30px;
	text-align: right;
}

.call-to-action .links-column .inner{
	position: relative;
	display: block;
	padding-top: 15px;
}

.call-to-action .links-column .theme-btn{
	margin: 0 10px 10px 0px;
}

.call-to-action .links-column .btn-style-four .btn-title:before{
	background: #222222;
}

/*** 

====================================================================
	About Section Two
====================================================================

***/

.about-section-two{
	position:relative;
	padding: 230px 0px 90px;
	z-index: 2;
}

.about-section-two .upper-quote-box{
	position: absolute;
	right: 0;
	top: -80px;
	width: 100%;
}

.about-section-two .upper-quote-box .inner{
	position: relative;
	display: block;
	margin: 0px 100px;
}

.about-section-two .upper-quote-box .content{
	position: relative;
	float: right;
	width: 100%;
	max-width: 610px;
	padding: 50px 60px;
	background: #3a3d46;
	color: #ffffff;
}

.about-section-two .upper-quote-box .inner .bg-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #3a3d46;
	overflow: hidden;
}

.about-section-two .upper-quote-box .inner .bg-layer:before{
	content: '';
	position: absolute;
	left: 100%;
	bottom: 100%;
	width: 340px;
	height: 340px;
	background: rgba(255,255,255,0.07);
	margin: 0 0 -180px -220px;
	border-radius: 50%;

}

.about-section-two .upper-quote-box .content .text{
	position: relative;
	display: block;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.about-section-two .upper-quote-box .info{
	position: relative;
	display: block;
	padding-left: 38px;
	font-weight: 600;
	text-transform: capitalize;
}

.about-section-two .upper-quote-box .info:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 30px;
	border-bottom: 3px solid #ffffff;
}

.about-section-two .upper-quote-box .icon{
	position: absolute;
	right: 30px;
	top: 100%;
	margin-top: -50px;
	color: #84b040;
	font-size: 110px;
	line-height: 0.8em;
	font-weight: 700;
}

.about-section-two .upper-quote-box .icon span{
	position: relative;
	display: block;
	font-weight: 700;
	text-shadow: 0px 0px 1px #84b040;
}

.about-section-two .text-column{
	position: relative;
}

.about-section-two .text-column .inner{
	position: relative;
	display: block;
	padding-right: 20px;
	padding-top: 40px;
}

.about-section-two .text-content{
	position: relative;
	margin-bottom: 40px;
}

.about-section-two .text-content p{
	margin-bottom: 25px;
}

.about-section-two .featured-list{
	position: relative;
	max-width: 600px;
	margin-bottom: 40px;
}

.about-section-two .featured-list ul{
	position: relative;
}

.about-section-two .featured-list ul li{
	position: relative;
	padding: 20px 25px;
	font-weight: 700;
	font-size: 14px;
	color: #222222;
	text-transform: uppercase;
	line-height: 30px;
	border:1px solid #f0f0f0;
	margin-bottom: 15px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
}

.about-section-two .featured-list ul li .icon{
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 30px;
	line-height: 24px;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.about-section-two .image-column{
	position: relative;
}

.about-section-two .image-column .inner{
	position: relative;
	display: block;
	padding-right: 50px;
}

.about-section-two .image-column .image-box{
	position: relative;
	display: block;
	margin-left: -70px;
}

.about-section-two .image-column .image-box .image{
	position: relative;
	display: block;
	margin: 0;
}

.about-section-two .image-column .image-box .image img{
	position: relative;
	display: block;
	width: 100%;
}

.about-section-two .image-column .image-box .image-two{
	position: absolute;
	display: block;
	left: -100px;
	top: 100%;
	margin: 0;
	margin-top: -80px;
	border: 20px solid #ffffff;
	z-index: 1;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position:relative;
	padding: 90px 0px 60px;
	z-index: 2;
}

.services-section-three .bg-layer{
	position: absolute;
	right: 50%;
	margin-right: -150px;
	top: 0;
	width: 3000px;
	bottom: 176px;
	background: #f7f7f7;
}

.services-section-three .curve-layer{
	position: absolute;
	left: 50%;
	top: 50px;
	width: 70%;
	bottom: 0;
	background: #000000;
	-webkit-transform: skewX(12deg);
	-ms-transform: skewX(12deg);
	transform: skewX(12deg);
	overflow: hidden;
}

.services-section-three .curve-layer .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.60;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: skewX(-12deg) scale(1.2);
	-ms-transform: skewX(-12deg) scale(1.2);
	transform: skewX(-12deg) scale(1.2);
}

.service-block-four{
	position: relative;
	margin-bottom: 30px;
}

.service-block-four .inner-box{
	position: relative;
	display: block;
	padding: 40px 40px 38px;
	background: #ffffff;
	outline:3px solid rgba(0,0,0,0);
	outline-offset: -3px;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.05);
}

.service-block-four .inner-box:hover{
	outline-color: #84b040;
}

.service-block-four .icon-box{
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	font-size: 48px;
	line-height: 90px;
	text-align: center;
	background: #f8f8f8;
	margin-bottom: 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;
}

.service-block-four .inner-box:hover .icon-box{
	background: #84b040;
	color: #ffffff;
	transform: scale(1.15) translateY(-5px);
	border-radius: 50%;
}

.service-block-four .lower-box{
	position: relative;
	display: block;
	height: 72px;
	margin-bottom: 22px;
}

.service-block-four .lower-box:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: -50px;
	right: -50px;
	border-bottom: 1px solid #e0e0e0;
}

.service-block-four .inner-box:hover .lower-box:before{
	opacity: 0;
}

.service-block-four .title{
	position: relative;
	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;
}

.service-block-four .inner-box:hover .title{
	opacity: 0;
	visibility: hidden;
}

.service-block-four .title h3{
	font-size: 24px;
	font-weight: 700;
	text-transform: capitalize;
	color: #222222;
	margin-bottom: 0;
}

.service-block-four .title h3 a{
	color: #222222;
}

.service-block-four .title .subtitle{
	position: relative;
	font-size: 16px;
	color: #999999;
	text-transform: capitalize;
}

.service-block-four .text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	opacity: 0;
	visibility: hidden;
	-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-four .inner-box:hover .text{
	opacity: 1;
	visibility: visible;
}

.service-block-four .link-box{
	position: relative;
}

.service-block-four .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #222222;
	text-transform: capitalize;
}

.service-block-four .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid transparent;
}

.service-block-four .link-box a .icon{
	position: relative;
	top: 2px;
	color: #84b040;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	text-decoration: none;
}

.service-block-four .link-box a:hover .txt{
	color: #84b040;
	border-bottom-color: #84b040;
}

/*** 

====================================================================
	Call TO Action Two
====================================================================

***/

.call-to-action-two{
	position:relative;
	padding: 75px 0px 35px;
	background: #2f333c;
	color: #ffffff;
}

.call-to-action-two .auto-container{
	max-width: 1080px;
}

.call-to-action-two .bg-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #3a3d46;
	overflow: hidden;
}

.call-to-action-two .bg-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 340px;
	height: 340px;
	background: rgba(255,255,255,0.07);
	margin-left: -160px;
	margin-top: -160px;
	border-radius: 50%;
}

.call-to-action-two .title-column{
	margin: 0 0 40px;
}

.call-to-action-two .title-column .inner{
	position: relative;
	display: block;
}

.call-to-action-two .title-column h2{
	font-size: 36px;
	line-height: 1.2em;
	font-weight: 700;
	margin: 0;
}

.call-to-action-two .links-column{
	margin: 0 0 30px;
	text-align: right;
}

.call-to-action-two .links-column .inner{
	position: relative;
	display: block;
	padding-top: 15px;
}

.call-to-action-two .links-column .theme-btn{
	margin: 0 10px 10px 0px;
}

.call-to-action-two .links-column .btn-style-seven .btn-title:before{
	background: #ffffff;
}

.call-to-action-two .links-column .btn-style-seven:hover .btn-title{
	color: #222222;
}

.call-to-action-two .links-column .btn-style-seven:hover .btn-icon{
	border-color: rgba(0,0,0,0.10);
}

/*** 

====================================================================
	Projects Section Two
====================================================================

***/

.projects-section-two{
	position:relative;
	padding: 100px 0px 70px;
}

.projects-section-two .auto-container{
	max-width: 1460px;
}

.projects-section-two .title-column,
.projects-section-two .carousel-column{
	position: relative;
	margin-bottom: 30px;
}

.projects-section-two .title-column .inner{
	position: relative;
	display: block;
}

.projects-section-two .title-column .text{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.projects-section-two .title-column .link-box{
	position: relative;
}

.projects-section-two .title-column .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #222222;
	text-transform: capitalize;
}

.projects-section-two .title-column .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #222222;
}

.projects-section-two .title-column .link-box a .icon{
	position: relative;
	top: 2px;
	color: #84b040;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	text-decoration: none;
}

.projects-section-two .title-column .link-box a:hover .txt{
	color: #84b040;
	border-bottom-color: #84b040;
}

.project-block-one{
	position: relative;
	margin-bottom: 30px;
}

.owl-theme .project-block-one{
	margin: 0;
}

.projects-section-two .project-block-one{
	padding-top: 40px;
	padding-bottom: 90px;
}

.project-block-one .inner-box{
	position: relative;
	display: block;
	text-align: center;
}

.project-block-one .image-box{
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block-one .inner-box:hover .image-box,
.center .project-block-one .inner-box .image-box{
	transform: translateY(-40px);
}

.project-block-one .image{
	position: relative;
	display: block;
	margin: 0;
}

.project-block-one .image img{
	display: block;
	width: 100%;
}

.project-block-one .image-box .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: rgba(132,164,66,0.85);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block-one .inner-box:hover .image-box .overlay,
.center .project-block-one .inner-box .image-box .overlay{
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}

.project-block-one .image-box .overlay a{
	color: #ffffff;
}

.project-block-one .image-box .overlay .zoom-btn{
	font-size: 32px;
	margin-bottom: 15px;
}

.project-block-one .image-box .overlay .more-link a{
	text-decoration: none;
	font-weight: 600;
	color:#fff !important;
	margin-top:-55px;
}

.project-block-one .image-box .overlay .over-inner{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -40px;
	width: 100%;

}

.project-block-one .caption-box{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #f8f7f0;
	padding: 30px 15px 10px;
	display: block;
	text-transform: uppercase;
	color: #777777;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-90px);
}

.project-block-one .inner-box:hover .caption-box,
.center .project-block-one .inner-box .caption-box{
	opacity: 1;
	visibility: visible;
	transform: translateY(-41px);
	-webkit-transition: all 500ms ease 300ms;
	-moz-transition: all 500ms ease 300ms;
	-ms-transition: all 500ms ease 300ms;
	-o-transition: all 500ms ease 300ms;
	transition: all 500ms ease 300ms;
}

.project-block-one .caption-box h3{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2px;
}

.project-block-one .caption-box h3 a {
    color: #222222;
    text-decoration: none;
    text-transform: initial;
}
a {
    color: #0d6efd;
    text-decoration: none !important;
}

.projects-section-two .owl-dots{
	display: none;
}

.projects-section-two .owl-theme .owl-nav{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.projects-section-two .owl-theme .owl-nav .owl-prev,
.projects-section-two .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #cccccc;
	border:1px solid #e0e0e0;
	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-section-two .owl-theme .owl-nav .owl-prev:hover,
.projects-section-two .owl-theme .owl-nav .owl-next:hover{
	color: #ffffff;
	background: #2f333c;
	border-color: #2f333c;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
	padding: 200px 0px 0px;
	z-index: 1;
}

.featured-section .auto-container{
	max-width: 1350px;
}

.featured-section .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.featured-section .content-box{
	position: relative;
	top: 80px;
	padding: 55px 55px 5px;
	background: #ffffff;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.07);
}

.featured-block-two{
	position: relative;
	margin-bottom: 50px;
}

.featured-block-two .inner-box{
	position: relative;
	display: block;
}

.featured-section .content-box .featured-block-two:nth-child(2) .inner-box:before{
	content: '';
	position: absolute;
	left: -50px;
	top: 0;
	height: 100%;
	border-left: 1px solid #e0e0e0;
}

.featured-section .content-box .featured-block-two:nth-child(2) .inner-box:after{
	content: '';
	position: absolute;
	right: -50px;
	top: 0;
	height: 100%;
	border-left: 1px solid #e0e0e0;
}

.featured-section .content-box .row{
	margin: 0px -50px;
}

.featured-section .content-box .row .featured-block-two{
	padding: 0px 50px;
}

.featured-block-two .title{
	position: relative;
	margin-bottom: 16px;
}

.featured-block-two .title h3{
	position: relative;
	font-size: 22px;
	font-weight: 500;
}

.featured-block-two .title .icon{
	position: relative;
	top: -1px;
	font-size: 36px;
	font-weight: 400;
	color: #84b040;
	padding-right: 7px;
	vertical-align: middle;
}

.featured-block-two .text{
	position: relative;
	margin-bottom: 20px;
}

.featured-block-two .link-box{
	position: relative;
}

.featured-block-two .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #222222;
	text-transform: capitalize;
}

.featured-block-two .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid transparent;
}

.featured-block-two .link-box a .icon{
	position: relative;
	top: 2px;
	color: #84b040;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	text-decoration: none;
}

.featured-block-two .link-box a:hover .txt{
	color: #84b040;
	border-bottom-color: #84b040;
}

/*** 

====================================================================
	Testimonials Section Two
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding: 100px 0px;
	background: #f8f8f8;
}

.testimonial-section-two .auto-container{
	max-width: 980px;
}

.testimonial-section-two .sec-title.bio-theme .bottom-dots .dot{
	position: relative;
	border-color: #84b040;
}

.testimonial-section-two .carousel-box{
	position: relative;
	padding-left: 220px;
	min-height: 130px;
}

.testimonial-section-two .content-box{
	position: relative;
}

.testimonial-section-two .slide-item{
	position: relative;
	display: block;
}

.testimonial-section-two .slide-item .inner{
	position: relative;
	display: block;
	padding-left: 210px;
}

.testimonial-section-two .slide-item .testi-info{
	position: absolute;
	left: 0;
	top: 0px;
	width: 160px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}

.testimonial-section-two .active .slide-item .testi-info{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.testimonial-section-two .slide-item .testi-thumb{
	position: relative;
	display: inline-block;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin-bottom: 10px;
}

.testimonial-section-two .slide-item .testi-thumb img{
	display: block;
	width: 100%;
	border-radius: 50%;
}

.testimonial-section-two .slide-item .testi-info .info{
	position: relative;
	display: block;
	color: #84b040;
	font-weight: 600;
}

.testimonial-section-two .slide-item .testi-info .info span{
	position: relative;
	display: inline-block;
	padding-left: 10px;
}

.testimonial-section-two .slide-item .testi-info .info span:before{
	content: '';
	position: absolute;
	right: 100%;
	top: 10px;
	width: 30px;
	border-bottom: 3px solid #84b040;
}

.testimonial-section-two .slide-item .testi-info .designation{
	position: relative;
	display: block;
	color: #777777;
	text-transform: uppercase;
	font-size: 12px;
}

.testimonial-section-two .slide-item .content{
	position: relative;
	display: block;
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.testimonial-section-two .active .slide-item .content{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.testimonial-section-two .slide-item .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.7em;
	padding-top: 10px;
}

.testimonial-section-two .owl-nav{
	display: none;
}

.testimonial-section-two .owl-dots{
	position: absolute;
	right: -80px;
	top: 20px;
}

.testimonial-section-two .owl-dots .owl-dot{
	position: relative;
	display: block;
	margin: 0px 0px 12px;
}

.testimonial-section-two .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: none;
	border: 1px solid rgba(0,0,0,0.50);
	border-radius: 50%;
}

.testimonial-section-two .owl-dots .owl-dot.active span{
	background: #2f333c;
	border-color:#2f333c;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position:relative;
	padding: 170px 0px 0px;
	z-index: 1;
}

.contact-section.contact-page{
	padding: 100px 0px 0px;
}

.contact-section .map-image-layer,
.contact-section .map-layer,
.contact-section .map-layer .map-canvas{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.contact-section .content-box{
	position: relative;
	top: 70px;
	padding: 0;
	padding-right: 420px;
	background: #84b040;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
}

.contact-section.contact-page .content-box{
	top: 64px;
}

.contact-section .content-box .image-layer{
	position: absolute;
	right: 0;
	top: 0;
	width: 420px;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.contact-section .content-box .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.50);
}

.contact-section .form-box{
	position: relative;
	padding: 65px 70px 45px;
	background: #84b040;
	color: #ffffff;
}

.contact-section .form-box .row{
	margin: 0px -10px;
}

.contact-section .form-box .form-group{
	margin-bottom: 20px;
	padding: 0px 10px;
}

.contact-section .form-box .form-group input,
.contact-section .form-box .form-group select,
.contact-section .form-box .form-group textarea{
	border-color: rgba(255,255,255,0.50);
	background: none;
	color: #ffffff;
	max-height: 100px;
}

.contact-section .form-box .form-group input:focus,
.contact-section .form-box .form-group textarea:focus,
.contact-section .form-box .form-group select:focus{
	border-color: rgba(255,255,255,1);
}

.contact-section .form-box ::-webkit-input-placeholder{color: rgba(255,255,255,0.50); font-style: normal;}
.contact-section .form-box ::-moz-input-placeholder{color: rgba(255,255,255,0.50); font-style: normal;}
.contact-section .form-box ::-ms-input-placeholder{color: rgba(255,255,255,0.50); font-style: normal;}

.contact-section .btn-style-eight .btn-title:before{
	background: #ffffff;
}

.contact-section .btn-style-eight:hover .btn-title{
	color: #2f333c;
}

.contact-section .btn-style-eight:hover .btn-icon{
	border-color: rgba(0,0,0,0.10);
}

.contact-section .info-box{
	position: absolute;
	right: 0;
	bottom: 65px;
	width: 100%;
	padding: 25px 20px 22px 70px;
	background: #ffffff;
	color: #2f333c;
	line-height: 1.5em;
	font-weight: 500;
}

.contact-section .info-box .subtitle{
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.contact-section .info-box .phone{
	position: relative;
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
}

.contact-section .info-box .phone a{
	position: relative;
	color: #2f333c;
}

.contact-section .info-box .phone .icon{
	padding-right: 5px;
	vertical-align: middle;
}

.contact-section .info-blocks{
	position: relative;
}

.contact-section .info-blocks .info-block{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.contact-section .info-block .inner{
	position: relative;
	display: block;
	padding: 45px 20px 40px;
	background: #ffffff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
}

.contact-section .info-block .icon{
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.contact-section .info-block strong{
	display: block;
	margin-bottom: 15px;
}

.contact-section .info-block ul li{
	display: block;
	font-size: 18px;
	line-height: 1.5em;
}

.contact-section .info-block ul li a{
	color: #222222;
}

.contact-section .info-block ul li a:hover{
	color: #84b040;
	text-decoration: underline;
}

/*** 

====================================================================
	Map Section Style
====================================================================

***/

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data h6{
	font-size:18px;
	font-weight:700;
	text-align:center;
	margin-bottom:7px;
	color:#121212;
}

.map-canvas{
	height:650px;
}

.map-section .google-map{
	height:650px;	
}

/*** 

====================================================================
	Call TO Action Three
====================================================================

***/

.call-to-action-three{
	position:relative;
	padding: 70px 0px 10px;
	background: #f8f8f8;
}

.call-to-action-three .title-column{
	margin: 0 0 40px;
}

.call-to-action-three .title-column .inner{
	position: relative;
	display: block;
}

.call-to-action-three .title-column .subtitle{
	position: relative;
	color: #84b040;
	text-decoration: underline;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 600;
	margin: 0 0 10px;
}

.call-to-action-three .title-column h2{
	font-size: 36px;
	line-height: 1.2em;
	font-weight: 700;
	margin: 0;
}

.call-to-action-three .links-column{
	margin: 0 0 30px;
	text-align: right;
}

.call-to-action-three .links-column .inner{
	position: relative;
	display: block;
	padding-top: 30px;
}

.call-to-action-three .links-column .theme-btn{
	margin: 0 10px 10px 0px;
}

.call-to-action-three .links-column .btn-style-four .btn-title:before{
	background: #222222;
}


/*** 

====================================================================
	Hydro Solutions
====================================================================

***/

.hydro-solutions{
	position:relative;
	padding: 100px 0px 50px;
}

.hydro-sol-block{
	position:relative;
	margin-bottom: 50px;
}

.hydro-sol-block .inner-box{
	position: relative;
	display: block;
	padding: 30px 20px 0px;
}

.hydro-sol-block .inner-box:before{
	content: '';
	position: absolute;
	left: -20px;
	top: 0px;
	right: -20px;
	bottom: -40px;
	background: #ffffff;
	border-bottom: 5px solid #84a442d9;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	opacity: 0;
}

.hydro-sol-block .inner-box:hover:before{
	opacity: 1;
}

.hydro-sol-block .icon-box{
	position: relative;
	display: block;
	color: #e9eaf4;
	font-size: 64px;
	line-height: 1.5em;
	margin-bottom: 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;
}

.hydro-sol-block .inner-box:hover .icon-box{
	color: #1c2562;
}

.hydro-sol-block .title{
	position: relative;
	margin-bottom: 15px;
}

.hydro-sol-block .title .subtitle{
	position: relative;
	display: block;
	font-size: 14px;
	color: #888888;
	text-transform: uppercase;
}

.hydro-sol-block .title h3{
	font-weight: 500;
	color: #222222;
	font-size: 22px;
	margin: 0;
}

.hydro-sol-block .title h3 a{
	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;
}

.hydro-sol-block .inner-box:hover .title h3 a{
	color: #84a442d9;
}

.hydro-sol-block .text{
	position: relative;
	display: block;
}


/*** 

====================================================================
	Services Section Four
====================================================================

***/

.services-section-four{
	position:relative;
	padding: 100px 0px;
	background: #f9f9f9;
}

.services-section-four.default-theme{
	background: #f9f9f9 url(../images/background/dotted-pattern.png) repeat;
}

.services-section-four .upper-content{
	max-width: 870px;
	text-align: center;
	margin: 0 auto 60px;
}

.services-section-four .upper-content .sec-title{
	margin-bottom: 40px;
}

.service-block-five{
	position: relative;
	margin-bottom: 30px;
}

.service-block-five .inner-box{
	position: relative;
	display: block;
	padding-top: 35px;
}

.service-block-five .image-box{
	position: relative;
	display: block;
	border:9px solid #ffffff;
	overflow: hidden;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.10);
}

.service-block-five .image-box .image{
	position: relative;
	display: block;
}

.service-block-five .image-box .image img{
	position: relative;
	display: block;
	width: 100%;
}

.service-block-five .title-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0px 30px;
}

.service-block-five .title-inner{
	position: relative;
	display: table;
	width: 100%;
	height: 80px;
	padding: 10px 20px;
	padding-left: 90px;
	background: #f6f6f6;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.service-block-five .title-inner .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 100%;
	background: #1c2460;
	color: #ffffff;
	font-size: 36px;
	line-height: 80px;
	text-align: center;
}

.default-theme .service-block-five .title-inner .icon{
	background: #3f6ee3;
}

.service-block-five .inner-box:hover .title-inner .icon{
	background: #e65628;
}

.default-theme .service-block-five .inner-box:hover .title-inner .icon{
	background: #51c106;
}

.service-block-five .title-box h3{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	line-height: 28px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 0;
}

.service-block-five .title-box h3 a{
	color: #222222;
}

.service-block-five .title-box h3 a:hover{
	color: #84a442d9;
}

.default-theme .service-block-five .title-box h3 a:hover{
	color: #51c106;
}

.service-block-five .hover-box{
	position: absolute;
	display: block;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
	color: #ffffff;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-five .inner-box:hover .hover-box{
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.service-block-five .hover-inner{
	position: absolute;
	display: table;
	vertical-align: middle;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1000ms ease 500ms;
	-moz-transition: all 1000ms ease 500ms;
	-ms-transition: all 1000ms ease 500ms;
	-o-transition: all 1000ms ease 500ms;
	transition: all 1000ms ease 500ms;
}

.service-block-five .inner-box:hover .hover-inner{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.service-block-five .hover-inner .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 50px 20px 20px;
}

.service-block-five .hover-inner .text{
	position: relative;
	margin-bottom: 20px;
}

.service-block-five .hover-inner .link-box{
	position: relative;
}

.service-block-five .hover-inner .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #84a442d9;
	text-transform: capitalize;
}

.default-theme .service-block-five .hover-inner .link-box a{
	color: #51c106;
}

.service-block-five .hover-inner .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #84a442d9;
}

.default-theme .service-block-five .hover-inner .link-box a .txt{
	border-bottom-color: #51c106;
}

.service-block-five .hover-inner .link-box a .icon{
	position: relative;
	top: 2px;
	color: #ffffff;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	text-decoration: none;
}

.service-block-five .hover-inner .link-box a:hover .txt{
	color: #ffffff;
	border-bottom-color: #ffffff;
}

.services-section-four .bottom-text{
	position: relative;
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
}

.services-section-four .bottom-text .text{
	position: relative;
	font-size: 20px;
	line-height: 1.5em;
}

.services-section-four .bottom-text .text .phone,
.services-section-four .bottom-text .text .phone a{
	color: #84a442d9;
	font-weight: 600;
}

.default-theme.services-section-four .bottom-text .text .phone,
.default-theme.services-section-four .bottom-text .text .phone a{
	color: #3e6cdf;
}

.services-section-four .bottom-text .text .phone a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Fluid Section 
====================================================================

***/

.fluid-section{
	position:relative;
	padding: 0px 0px;
	z-index: 1;
}

.fluid-section .outer-container{
	position: relative;
	min-height: 100px;
}

.fluid-section .image-column{
	position: absolute;
	float: left;
	width: 50%;
	height: 100%;
}

.fluid-section .image-column .image-layer{
	position:absolute;
	left:0;
	top:0;
	right: 190px;
	height: 100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fluid-section .image-column .image{
	width: 100%;
	display: none;
}

.fluid-section .image-column .image img{
	width: 100%;
}

.fluid-section .text-column{
	position: relative;
	float: right;
	width: 50%;
	background: #1c2562;
	color: #ffffff;
	z-index: 1;
}

.fluid-section .text-column .inner{
	position: relative;
	display: block;
	width: 100%;
	max-width: 600px;
	padding-right: 20px;
}

.fluid-section .text-column .inner-content{
	position: relative;
	display: block;
	margin-left: -190px;
	padding: 100px 0px 120px 90px;
	background: #1c2562;
	max-width: 630px;
}

.fluid-section .text-column .title-box{
	position: relative;
	margin-bottom: 25px;
}

.fluid-section .text-column .subtitle{
	position: relative;
	font-size: 18px;
	margin-bottom: 20px;
}

.fluid-section .text-column .subtitle .fa{
	padding-right: 10px;
	color: #84a442d9;
}

.fluid-section .text-column h2{
	font-size: 40px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.2em;
	margin: 0;
}

.fluid-section .text-column .text{
	position: relative;
	margin: 0 0 40px;
}

.fluid-section .text-column .bottom-info{
	position: relative;
}

.fluid-section .text-column .bottom-info .info{
	position: relative;
	float: left;
	margin-right: 40px;
	font-size: 14px;
}

.fluid-section .text-column .bottom-info .info .name{
	font-size: 20px;
}

.fluid-section .text-column .bottom-info .signature{
	position: relative;
	float: right;
	font-size: 18px;
	padding-top: 10px;
	font-family: 'Signature', cursive;
	line-height: 1.5em;
}

.fluid-section .featured-images{
	position: absolute;
	right: 50px;
	bottom: -100px;
	width: 320px;
	z-index: 2;
}

.fluid-section .featured-images .image{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.fluid-section .featured-images .image img{
	width: 100%;
}

/*** 

====================================================================
	Fun Facts Section
====================================================================

***/

.fun-facts-section-two{
	position:relative;
	background: #84a442d9;
}

.fun-facts-section-two .auto-container{
	max-width: 1240px;
}

.fun-facts-section-two .counter-column{
	position:relative;
	margin: 0;
	padding: 60px 20px;
	text-align: center;
}

.fun-facts-section-two .fact-counter .counter-column:first-child{
	border-left:1px solid rgba(255,255,255,0.10);
}


.fun-facts-section-two .counter-column{
	border-right:1px solid rgba(255,255,255,0.10);
}

.fun-facts-section-two .counter-column .inner{
	position: relative;
	display: inline-block;
	text-align: left;
}

.fun-facts-section-two .count-box{
	position: relative;
	color: #ffffff;
}

.fun-facts-section-two .fact-counter .counter-title{
	color:#ffffff;
}

/*** 

====================================================================
	Hydro Solutions
====================================================================

***/

.recent-projects-two{
	position:relative;
	padding: 100px 0px;
}

.recent-projects-two .sec-title{
	margin-bottom: 60px;
}

.project-block-two{
	position: relative;
	margin-bottom: 30px;
}

.mixit-gallery{
	position: relative;
}

.mixit-gallery .filters{
	position: relative;
	margin-bottom: 20px;
}

.mixit-gallery .filters .filter-btns{
	position: relative;
}

.mixit-gallery .filter-btns li{
	position:relative;
	display: inline-block;
	padding:0px 0px;
	color:#777777;

	font-size:16px;
	font-weight:500;
	text-transform: uppercase;
	line-height: 30px;
	margin: 0 58px 10px 0px;
	-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;
}

.mixit-gallery .filter-btns li:before{
	content: '';
	position: absolute;
	right: -30px;
	top: -2px;
	width: 3px;
	height: 100%;
	background: url(../images/icons/link-separator-2.png) center center no-repeat;
}

.mixit-gallery .filter-btns li:last-child:before{
	display: none;
}

.mixit-gallery .filter-btns li:hover,
.mixit-gallery .filter-btns li.active,
.mixit-gallery .filter-btns li.current{
	color:#1c2562;
}

.mix{
	display: none;
}

.project-block-two .inner-box{
	position: relative;
	display: block;
	text-align: center;
}

.project-block-two .image-box{
	position: relative;
	display: block;
	overflow: hidden;
}

.project-block-two .image{
	position: relative;
	display: block;
	margin: 0;
}

.project-block-two .image img{
	display: block;
	width: 100%;
}

.project-block-two .image-box .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: rgba(28,37,98,0.90);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block-two .inner-box:hover .image-box .overlay{
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}

.project-block-two .image-box .overlay a{
	color: #ffffff;
}

.project-block-two .image-box .overlay .zoom-btn{
	font-size: 24px;
	margin-bottom: 15px;
}

.project-block-two .image-box .overlay .more-link a{
	text-decoration: underline;
	font-weight: 600;
}

.project-block-two .image-box .overlay .over-inner{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -40px;
	width: 100%;
}

.project-block-two .image-box .overlay .title{
	position: relative;
}

.project-block-two .image-box .overlay .title h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0  5px;
}

.project-block-two .image-box .overlay .cat,
.project-block-two .image-box .overlay .cat a{
	position: relative;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #84a442d9;
}

.project-block-two .image-box .overlay .title h3 a:hover{
	color: #84a442d9;
}

.recent-projects-two .view-more{
	position: relative;
	padding-top: 40px;
}


/*** 

====================================================================
	Features Section Two
====================================================================

***/

.features-section-two{
	position:relative;
	padding: 100px 0px 30px;
	background: #1c2562;
	color: #ffffff;
}

.features-section-two .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.features-section-two .image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.92;
}

.features-section-two .auto-container{
	max-width: 1300px;
}

.features-section-two .sec-title h2,
.features-section-two .sec-title .upper-text{
	color: #000;
}

.featured-block-three{
	position: relative;
	margin-bottom: 20px;
}

.featured-block-three .inner-box{
	position: relative;
	display: block;
	padding-right: 90px;
	min-height: 96px;
	text-align: right;
}

.featured-block-three .icon-box{
position: absolute;
    right: 0px;
    top: 0;
    width: 70px;
    height: 70px;
    background: #f8f8f8;
    padding: 16px 16px;
    line-height: 0px;
    font-size: 31px;
    color: #a0a9e8;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.featured-block-three:hover .icon-box{
	transform: scale(1.1) rotate(360deg);
}

.featured-block-three .icon-box:before{
	content: '';
	position: absolute;
	left: -7px;
	top: -7px;
	right: -7px;
	bottom: -7px;
	background: url(../images/icons/icon-border.png) center center no-repeat;
}

.featured-block-three h3{
	font-size: 22px;
	font-weight: 600;
	color:#000;
	text-transform: inherit;
	margin-bottom: 12px;
	padding-top:10px;
	padding-left: 65px

}

@media only screen and (max-width: 1024px) {	
	.featured-block-three h3 {
    padding-right: 15px;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    text-transform: inherit;
    margin-bottom: 12px;
    padding-top: 10px;
    text-align: center;
    padding-left: 15px;
}}

.featured-block-three .text{
	position: relative;
}

.featured-block-four{
	position: relative;
	margin-bottom: 20px;
}

.featured-block-four .inner-box{
	position: relative;
	display: block;
	padding-left: 90px;
	min-height: 96px;
	text-align: left;
}

.featured-block-four .icon-box{
	position: absolute;
	left: 0;
	top: -5px;
	width: 70px;
	height: 70px;
	background: #f8f8f8;
	padding: 16px 16px;
	line-height: 0px;
	font-size: 31px;
	color: #a0a9e8;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.featured-block-four:hover .icon-box{
	transform: scale(1.1) rotate(360deg);
}

.featured-block-four .icon-box:before{
	content: '';
	position: absolute;
	left: -7px;
	top: -7px;
	right: -7px;
	bottom: -7px;
	background: url(../images/icons/icon-border.png) center center no-repeat;
}

.featured-block-four h3{
	font-size: 22px;
	font-weight: 600;
	color:#000;
	text-transform: inherit;
	margin-bottom: 12px;
	padding-top:10px;
}

.featured-block-four .text{
	position: relative;
}

.features-section-two .column{
	position: relative;
	padding-top: 60px;
}


.features-section-two .column .inner{
	position: relative;
	display: block;
}

.features-section-two .column:nth-child(2){
	order: 12;
}

.features-section-two .image-column{
	padding-top: 0px;
	order: 4;
	text-align: center;
	margin-bottom: 70px;
}

.features-section-two .image-column img{
	position: relative;
	border-radius: 10px;
}

.features-section-two .image-column .over-link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.features-section-two .image-column .icon-link{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 160px;
	height: 160px;
	margin: -80px 0px 0px -80px;
	padding: 40px;
	border:2px solid rgba(255,255,255,0.10);
	border-radius: 50%;
}

.features-section-two .image-column .icon-link:before{
	content: '';
	position: absolute;
	left: 19px;
	top: 19px;
	right: 19px;
	bottom: 19px;
	border:2px solid rgba(255,255,255,0.40);
	border-radius: 50%;
}

.features-section-two .image-column .icon-link .icon{
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 50px;
	padding: 15px;
	background: #84a442d9;
	color: #ffffff;
	font-size: 24px;
	border-radius: 50%;
}

.features-section-two .image-column .icon-link .ripple,
.features-section-two .image-column .icon-link .ripple:before,
.features-section-two .image-column .icon-link .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:82px;
	height: 82px;
	border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 2s infinite;
    -moz-animation: ripple 2s infinite;
    -ms-animation: ripple 2s infinite;
    -o-animation: ripple 2s infinite;
    animation: ripple 2s infinite;
}

.features-section-two .image-column .icon-link .ripple:before {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.features-section-two .image-column .icon-link .ripple:after {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 65px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 65px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/*** 

====================================================================
	Testimonials Section Three
====================================================================

***/

.testimonial-section-three{
	position:relative;
	padding: 100px 0px;
	background: #f9f9f9 url(../images/background/dotted-pattern.png) repeat;
	text-align: center;
}

.alternate.testimonial-section-three{
	background: #ffffff;
}

.testimonial-section-three .auto-container{
	max-width: 980px;
}

.testimonial-section-three .sponsors-outer{
	padding-top: 100px;
}

.testimonial-section-three .sponsors-outer .auto-container{
	max-width: 1300px;
}

.alternate.testimonial-section-three .sec-title .subtitle{
	padding-top: 0;
	padding-bottom: 5px;
}

.testimonial-section-three .content-box{
	position: relative;
}

.testimonial-section-three .slide-item{
	position: relative;
	display: block;
}

.testimonial-section-three .slide-item .inner{
	position: relative;
	display: block;
}

.testimonial-section-three .slide-item .testi-thumb{
	position: relative;
	display: block;
	width: 125px;
	height: 125px;
	margin:0 auto 35px;
	border-radius: 50%;
}

.testimonial-section-three .slide-item .testi-thumb img{
	display: block;
	width: 100%;
	border-radius: 50%;
}

.testimonial-section-three .slide-item .testi-thumb .quote-icon{
	position: absolute;
	left: -80px;
	top: 50%;
	line-height: 40px;
	color: #dde0e8;
	margin-top: -20px;
	font-size: 40px;
}

.testimonial-section-three .slide-item .testi-thumb .quote-icon.right{
	position: absolute;
	right: -80px;
	left: auto;
	top: 50%;
	line-height: 40px;
	color: #dde0e8;
	margin-top: -20px;
}

.testimonial-section-three .slide-item .info{
	position: relative;
	display: block;
	padding-top: 30px;
	font-size: 18px;
	color: #222222;
	font-weight: 500;
}


.testimonial-section-three .slide-item .content{
	position: relative;
	display: block;
}

.testimonial-section-three .slide-item .text{
	position: relative;
	display: block;
	font-size: 18px;
	font-family: 'Merriweather', serif;
	font-style: italic;
	line-height: 1.6em;
}

.testimonial-section-three .owl-nav{
	display: none;
}

.testimonial-section-three .owl-dots{
	position: relative;
	padding-top: 50px;
}

.testimonial-section-three .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
}

.testimonial-section-three .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 10px;
	height: 8px;
	background: #cccccc;
	border-radius: 5px;
}

.testimonial-section-three .owl-dots .owl-dot.active span{
	width: 18px;
	background: #ee2d50;
	border-color:#ee2d50;
}

.alternate.testimonial-section-three .owl-dots .owl-dot.active span{
	background: #52c306;
	border-color:#52c306;
}


/*** 

====================================================================
	News Section Two
====================================================================

***/

.news-section-two{
	position:relative;
	padding: 110px 0px;
}

.news-section-two .sec-title{
	margin-bottom: 55px;
}

.news-block-two{
	position: relative;
	margin-bottom: 30px;
}

.news-block-two .inner-box{
	position: relative;
	display: block;
}

.news-block-two .image-box,
.news-block-two .image{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	background: #010101;
	overflow: hidden;
}

.news-block-two .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity: 0.50;
	transform: scale(1.1);
}

.news-block-two .lower-box{
	position: relative;
	padding: 28px 0 0;
}

.news-block-two .lower-box h3{
	position: relative;
	font-weight: 500;
	text-transform: capitalize;
	color: #222222;
	font-size: 24px;
	margin-bottom: 15px;
}

.news-block-two .lower-box h3 a{
	color: #222222;
	text-decoration: underline;
}

.news-block-two .lower-box h3 a:hover,
.news-block-two .meta-info a:hover{
	color: #84a442d9;
}

.news-block-two .meta-info{
	position: relative;
	color: #777777;
	padding-bottom: 12px;
}

.news-block-two .meta-info:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-bottom: 3px solid #84a442d9;
}

.news-block-two .meta-info a{
	position: relative;
	color: #777777;
}

.news-block-three{
	position: relative;
	margin-bottom: 30px;
}

.news-block-three .inner-box{
	position: relative;
	display: block;
	margin: 0px -15px;
}

.news-block-three .image-column{
	position: relative;
	float: left;
	width: 50%;
	padding: 0px 15px;
}

.news-block-three .image-box,
.news-block-three .image{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	background: #010101;
	overflow: hidden;
}

.news-block-three .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img{
	opacity: 0.50;
	transform: scale(1.1);
}

.news-block-three .text-column{
	position: relative;
	float: left;
	width: 50%;
	padding: 0px 15px;
	padding-top: 15px;
}

.news-block-three .text-column h3{
	position: relative;
	font-weight: 500;
	text-transform: capitalize;
	color: #222222;
	font-size: 20px;
	margin-bottom: 15px;
}

.news-block-three .text-column h3 a{
	color: #222222;
	text-decoration: underline;
}

.news-block-three .text-column h3 a:hover,
.news-block-three .text-column a:hover{
	color: #84a442d9;
}

.news-block-three .text{
	position: relative;
	margin-bottom: 25px;
}

.news-block-three .meta-info{
	position: relative;
	color: #777777;
	padding-bottom: 12px;
}

.news-block-three .meta-info:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-bottom: 3px solid #84a442d9;
}

.news-block-three .meta-info a{
	position: relative;
	color: #777777;
}

.news-section-two .owl-dots{
	display: none;
}

.news-section-two .owl-theme .owl-nav{
	position: absolute;
	right: 0;
	top: -150px;
}

.news-section-two .owl-theme .owl-nav .owl-prev,
.news-section-two .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #cccccc;
	border:1px solid #e0e0e0;
	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;
}

.news-section-two .owl-theme .owl-nav .owl-prev:hover,
.news-section-two .owl-theme .owl-nav .owl-next:hover{
	color: #84a442d9;
	border-color: #84a442d9;
}

.news-section-two .sponsors-outer{
	padding-top: 70px;
}

/*** 

====================================================================
	Call TO Action Four
====================================================================

***/

.call-to-action-four{
	position:relative;
	padding:  0px 0px;
	color: #ffffff;
}

.call-to-action-four .inner{
	position: relative;
	display: block;
	padding-left: 420px;
	overflow: hidden;
	margin-bottom: -60px;
	z-index: 1;
}

.call-to-action-four .image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 420px;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}

.call-to-action-four .inner .content{
	position: relative;
	display: block;
	background: #84a442d9;
	padding: 60px 60px;
}

.call-to-action-four .inner .content:before{
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	width: 70px;
	height: 100%;
	background: #84a442d9;
	-ms-transform: skewX(10deg);
	transform: skewX(10deg);
}

.call-to-action-four .inner h2{
	font-weight: 700;
	margin-bottom: 25px;
}

/*** 

====================================================================
	About Section Three
====================================================================

***/

.about-section-three{
	position:relative;
	padding: 20px 0px 0px;
	z-index: 2;
}

.about-section-three .upper-row{
	position: relative;
}

.featured-block-five{
	position: relative;
	margin-bottom: 30px;
}

.about-section-three .upper-row .row{
	margin: 0 -10px;
}

.about-section-three .featured-block-five{
	padding: 0px 10px;
	margin-bottom: 20px;
}

.featured-block-five .inner-box{
	position: relative;
	display: block;
	padding: 70px 50px 60px;
	color: #ffffff;
	background: #0a394d;
	height: 310px;
	overflow: hidden;
}

.featured-block-five .icon-box{
	position: relative;
	display: block;
	font-weight: 300;
	font-size: 90px;
	line-height: 1em;
	margin-bottom: 20px;
}

.featured-block-five .title{
	position: relative;
}

.featured-block-five h3{
	position: relative;
	display: block;
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.25em;
	margin: 0px;
}

.featured-block-five h3 a{
	color: #ffffff;
}

.featured-block-five .title h3{
	float: left;
}

.featured-block-five .arrow{
	position: relative;
	top: 3px;
	float: right;
	display: block;
	width: 52px;
	height: 52px;
	line-height: 48px;
	text-align: center;
	border:2px solid #ffffff;
	color: #ffffff;
	border-radius: 50%;
}

.featured-block-five .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 310px;
	display: table;
	vertical-align: middle;
	background: #0a394d;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-section-three .featured-block-five:nth-child(2) .inner-box,
.about-section-three .featured-block-five:nth-child(2) .overlay-box{
	background: #d73441;
}

.about-section-three .featured-block-five:nth-child(3) .inner-box,
.about-section-three .featured-block-five:nth-child(3) .overlay-box{
	background: #ff8527;
}

.featured-block-five .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
}

.featured-block-five .overlay-inner{
	position: relative;
	display: table-cell;
	padding: 30px 50px;
	vertical-align: middle;
	width: 100%;
}

.featured-block-five .overlay-box .icon{
	position: absolute;
	top: 30px;
	right: 25px;
	font-size: 100px;
	line-height: 1em;
	opacity: 0;
	transform: translate(20px,-20px) scale(0.1);
	-webkit-transition: all 2000ms ease 300ms;
	-moz-transition: all 2000ms ease 300ms;
	-ms-transition: all 2000ms ease 300ms;
	-o-transition: all 2000ms ease 300ms;
	transition: all 2000ms ease 300ms;
}

.featured-block-five .inner-box:hover .overlay-box .icon{
	opacity: 0.25;
	transform: translate(0) scale(1);
}

.featured-block-five .overlay-box h3{
	margin-bottom: 20px;
	opacity: 0;
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease 300ms;
	-moz-transition: all 1000ms ease 300ms;
	-ms-transition: all 1000ms ease 300ms;
	-o-transition: all 1000ms ease 300ms;
	transition: all 1000ms ease 300ms;
}

.featured-block-five .overlay-box .text{
	opacity: 0;
	transform: translateY(50px);
	-webkit-transition: all 1000ms ease 500ms;
	-moz-transition: all 1000ms ease 500ms;
	-ms-transition: all 1000ms ease 500ms;
	-o-transition: all 1000ms ease 500ms;
	transition: all 1000ms ease 500ms;
}

.featured-block-five .inner-box:hover .overlay-box h3,
.featured-block-five .inner-box:hover .overlay-box .text{
	opacity: 1;
	transform: translate(0);
}

.about-section-three .lower-row{
	position: relative;
	padding: 80px 0px 80px;
}

.about-section-three .lower-row:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 350px;
	background: #eef6f9;
}

.about-section-three .lower-row .text-column{
	position: relative;
	margin-bottom: 30px;
	order: 12;
}

.about-section-three .lower-row .image-column{
	position: relative;
	margin-bottom: 30px;
	order: 0;
}

.about-section-three .lower-row .image-box{
	position: relative;
}

.about-section-three .lower-row .image-box:before{
	content: '';
	position: absolute;
	right: -20px;
	top: -20px;
	width: 140px;
	height: 140px;
	border:20px solid #ffffff;
}

.about-section-three .lower-row .image-column img{
	display: block;
	width: 100%;
}

.about-section-three .lower-row .text-column .inner{
	position: relative;
	display: block;
	padding-left: 30px;
}

.about-section-three .lower-row .sec-title{
	position: relative;
	margin-bottom: 85px;
	padding-bottom: 0;
}

.about-section-three .lower-row .sec-title h2{
	text-transform: none;
}

.about-section-three .lower-row .signature{
	position: relative;
	font-size: 18px;
	padding-top: 40px;
	font-family: 'Signature', cursive;
	line-height: 1.5em;
	color: #222222;
	font-weight: 700;
}

/*** 

====================================================================
	Services Section Five
====================================================================

***/

.services-section-five{
	position:relative;
	padding: 110px 0px;
	overflow: hidden;
}

.services-section-five .title-box{
	position: relative;
	padding-bottom: 20px;
}

.services-section-five .title-box .sec-title{
	position: relative;
	float: left;
	margin-bottom: 30px;
}

.services-section-five .title-box .link-box{
	position: relative;
	float: right;
	padding-top: 30px;
}

.services-section-five .title-box .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #0a394d;
	text-transform: capitalize;
}

.services-section-five .title-box .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #0a394d;
}

.services-section-five .title-box .link-box a .icon{
	position: relative;
	top: 1px;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	color: #d73441;
}

.services-section-five .title-box .link-box a:hover{
	color: #d73441;
}

.services-section-five .title-box .link-box a:hover .txt{
	border-bottom-color: inherit;
}

.services-section-five .title-box .link-box a:hover .icon{
	color: #d73441;
}

.services-section-five .carousel-box .owl-stage-outer{
	overflow: visible;
}

.service-block-six{
	position: relative;
	margin-bottom: 30px;
}

.owl-theme .service-block-six{
	margin: 0px  0px;
	opacity: 0;
	visibility: hidden;
	-moz-transition:all 0.3s ease 0ms;
	-webkit-transition:all 0.3s ease 0ms;
	-ms-transition:all 0.3s ease 0ms;
	-o-transition:all 0.3s ease 0ms;
	transition:all 0.3s ease 0ms;
}

.owl-theme .active .service-block-six{
	opacity: 1;
	visibility: visible;
}

.service-block-three .inner-box{
	position: relative;
	display: block;
}

.service-block-six .image-box,
.service-block-six .image,
.service-block-six .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

.service-block-six .inner-box .lower-box:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: #0a394d;
	opacity: 0;
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.service-block-six .lower-box{
	position: relative;
	padding: 45px 35px 50px;
	background: none;
	margin: 0px;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.service-block-six .inner-box:hover .lower-box{
	color: #ffffff;
	box-shadow: none;
}

.service-block-six .inner-box:hover .lower-box:before{
	height: 100%;
	opacity: 1;
}

.service-block-six .lower-box h3{
	position: relative;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 20px;
	color: #222222;
}

.service-block-six .lower-box h3 a{
	color: #222222;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.service-block-six .inner-box:hover .lower-box h3 a{
	color: #ffffff;
}

.service-block-six .lower-box .text{
	position: relative;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.service-block-thsixree .link-box{
	position: relative;
}

.service-block-six .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #0a394d;
	text-transform: capitalize;
}

.service-block-six .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #0a394d;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.service-block-six .link-box a .icon{
	position: relative;
	top: 3px;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	color: #d73441;
}

.service-block-six .link-box a:hover{
	color: #d73441;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.service-block-six .inner-box:hover .link-box a .txt{
	border-bottom-color: inherit;
	color: #ffffff;
}

.service-block-six .inner-box:hover .link-box a .icon{
	color: #d73441;
}

.services-section-five .owl-theme .owl-dots{
	display: none;
}

.services-section-five .owl-theme .owl-nav{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 60px;
}

.services-section-five .owl-theme .owl-nav .owl-prev,
.services-section-five .owl-theme .owl-nav .owl-next{
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #cccccc;
	border:1px solid #e0e0e0;
	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;
}

.services-section-five .owl-theme .owl-nav .owl-prev:hover,
.services-section-five .owl-theme .owl-nav .owl-next:hover{
	color: #ffffff;
	background: #d73441;
	border-color: #d73441;
}

/*** 

====================================================================
	Fluid Section 
====================================================================

***/

.fluid-section-two{
	position:relative;
	padding: 0px 0px;
	z-index: 1;
}

.fluid-section-two .outer-container{
	position: relative;
	min-height: 100px;
}

.fluid-section-two .image-column{
	position: absolute;
	float: left;
	width: 50%;
	height: 100%;
}

.fluid-section-two .image-column:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 100px;
	height: 100%;
	background: #d73441;
	background:-webkit-linear-gradient(left,#0a394d,#d73441);
	opacity: 0.80;
	z-index: 1;
}

.fluid-section-two .image-column .image-layer{
	position:absolute;
	left:0;
	top:0;
	right: 100px;
	height: 100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fluid-section-two .image-column .image{
	width: 100%;
	display: none;
}

.fluid-section-two .image-column .image img{
	width: 100%;
}

.fluid-section-two .image-column .video-link{
	position:absolute;
	left:0;
	top:0;
	right: 100px;
	height: 100%;
	opacity:1;
	color: #ffffff;
	text-align: center;
	z-index: 2;
}

.fluid-section-two .image-column .video-link .link-content{
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 50%;
	margin-top: -70px;
	width: 240px;
}

.fluid-section-two .image-column .video-link .icon{
	display: block;
	line-height: 1em;
	font-size: 64px;
	margin-bottom: 30px;
	padding-left: 10px;
}

.fluid-section-two .image-column .video-link .link-text{
	position: relative;
	display: block;
	line-height: 1.5em;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 20px;
}

.fluid-section-two .image-column .video-link .link-text:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -15px;
	width: 30px;
	border-bottom: 3px solid #ffffff;
}

.fluid-section-two .text-column{
	position: relative;
	float: right;
	width: 50%;
	background: #eef6f9;
	z-index: 5;
}

.fluid-section-two .text-column .floated-image{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 460px;
}

.fluid-section-two .text-column .inner{
	position: relative;
	display: block;
	width: 100%;
	max-width: 700px;
	margin-left: -100px;
	padding-right: 20px;
	background: #eef6f9;
}

.fluid-section-two .text-column .inner-content{
	position: relative;
	display: block;
	padding: 100px 0px 100px 90px;
	z-index: 1;
}

.fluid-section-two .text-column .sec-title{
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 0;
}

.fluid-section-two .text-column .text{
	position: relative;
	margin: 0 0 35px;
}

.fluid-section-two .text-column .features{
	position: relative;
}

.fluid-section-two .text-column .features li{
	position: relative;
	float: left;
	width: 110px;
	height: 110px;
	padding: 10px;
	line-height: 90px;
	font-size: 42px;
	color: #0a394d;
	text-align: center;
	border:2px dashed #d73441;
	margin-right: 40px;
	margin-bottom: 50px;
	border-radius: 50%;
}

.fluid-section-two .text-column .features-list{
	position: relative;
}

.fluid-section-two .text-column .features-list li{
	position: relative;
	display: block;
	font-size: 18px;
	padding-left: 25px;
	margin-bottom: 5px;
	line-height: 1.5em;
	font-weight:500;
}

.fluid-section-two .text-column .features-list li:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f00c";
	position:absolute;
	left:0px;
	top:0px;
	font-size:16px;
	line-height: 24px;
	font-weight:800;
	color: #d73441;
}

/*** 

====================================================================
	Dedicated Projects
====================================================================

***/

.dedicated-projects{
	position:relative;
	padding: 100px 0px 70px;
}

.project-block-three{
	position: relative;
	margin-bottom: 30px;
}

.masonry-gallery{
	position: relative;
}

.project-block-three .inner-box{
	position: relative;
	display: block;
	text-align: center;
}

.project-block-three .image-box{
	position: relative;
	display: block;
	overflow: hidden;
}

.project-block-three .image{
	position: relative;
	display: block;
	margin: 0;
}

.project-block-three .image img{
	display: block;
	width: 100%;
}

.project-block-three .image-box .overlay{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90%;
	color: #ffffff;
	background: rgba(0,0,0,0.70);
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));
	background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block-three .inner-box:hover .image-box .overlay{
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}

.project-block-three .image-box .overlay a{
	color: #ffffff;
}

.project-block-three .image-box .overlay .zoom-btn{
	font-size: 24px;
	margin-bottom: 15px;
}

.project-block-three .image-box .overlay .more-link a{
	text-decoration: underline;
	font-weight: 600;
}

.project-block-three .image-box .overlay .over-inner{
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding: 0px 20px;
}

.project-block-three .image-box .overlay .title{
	position: relative;
}

.project-block-three .image-box .overlay .title h3{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0  5px;
}

.project-block-three .image-box .overlay .cat,
.project-block-three .image-box .overlay .cat a{
	position: relative;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #84a442d9;
}

.default-theme .project-block-three .image-box .overlay .cat,
.default-theme .project-block-three .image-box .overlay .cat a{
	color: #52c306;
}

.project-block-three .image-box .overlay .title h3 a:hover{
	color: #84a442d9;
}


.default-theme .project-block-three .image-box .overlay .title h3 a:hover{
	color: #52c306;
}

.recent-projects-three .view-more{
	position: relative;
	padding-top: 40px;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	background: #eef6f9;
	padding: 110px 0px 70px;
}

.team-section.default-theme{
	background: none;
}

.team-section .title-box{
	position: relative;
	padding-bottom: 20px;
}

.team-section .title-box .sec-title{
	position: relative;
	float: left;
	margin-bottom: 30px;
}

.team-section .title-box .link-box{
	position: relative;
	float: right;
	padding-top: 30px;
}

.team-section .title-box .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	color: #0a394d;
	text-transform: capitalize;
}

.team-section .title-box .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #0a394d;
}

.team-section .title-box .link-box a .icon{
	position: relative;
	top: 1px;
	font-size: 16px;
	padding-left: 7px;
	font-weight: 600;
	color: #d73441;
}

.team-section .title-box .link-box a:hover{
	color: #d73441;
}

.team-section .title-box .link-box a:hover .txt{
	border-bottom-color: inherit;
}

.team-section .title-box .link-box a:hover .icon{
	color: #d73441;
}

.team-block{
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}

.owl-theme .team-block{
	margin: 0px  0px;
}

.team-block .inner-box{
	position: relative;
	display: block;
	overflow: hidden;
}

.team-block .image-box,
.team-block .image,
.team-block .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

.team-block .social-links{
	position: absolute;
	right: -50px;
	top: 20px;
	width: 42px;
	padding: 7px 0px;
	background: #d73441;
	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;
}

.team-section.default-theme .social-links{
	background: #52c306;
}

.team-block:hover .social-links{
	right: 20px;
	opacity: 1;
}

.team-block .social-links li{
	position: relative;
	display: block;
	margin: 0;
}

.team-block .social-links li a{
	position: relative;
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	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;
}

.team-block .social-links li a:hover{
	color: rgba(255,255,255,0.70);
}

.team-block .lower-box{
	position: relative;
	padding: 35px 10px 0px;
}

.team-block .lower-box h3{
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #222222;
}

.team-block .lower-box h3 a{
	color: #222222;
}

.team-block .lower-box h3 a:hover{
	color: #d73441;
}

.team-block .lower-box .info{
	position: relative;
	color: #666666;
	line-height: 1.5em;
}

/*** 

====================================================================
	Page Banner Style
====================================================================

***/

.page-banner{
	position:relative;
	color:#ffffff;
	text-align:center;
	padding:180px 0px 80px;
	background-color:#25283a;
	z-index: 2;
}

.page-banner .image-layer{
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}

.page-banner .image-layer:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.45;	
}

.page-banner .auto-container{
	position:relative;
	z-index:1;	
}

.page-banner h1{
	position:relative;
	font-size:72px;
	line-height:1.2em;
	font-weight:700;
	margin-bottom:15px;
	color:#ffffff;
	text-transform:capitalize;
}

.page-banner .breadcrumb-box{
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	margin: 0 0 20px;
}

.page-banner .bread-crumb{
	position:relative;
	display: inline-block;
}

.page-banner .bread-crumb li{
	position:relative;
	display:inline-block;
	line-height:30px;
	margin-left:40px;
	color:#ffffff;
	text-transform: capitalize;
	letter-spacing: 0.02em;
	font-size:16px;
	font-weight:500;
}

.page-banner .bread-crumb li:before{
	 font-family: 'Flaticon';
	content:'\f196';
	position:absolute;
	right:-40px;
	width: 40px;
	top:0px;
	text-align:center;
	line-height:25px;
	font-size: 16px;
	font-weight: 700;
}

.page-banner .bread-crumb li:first-child{
	margin-left:0px;	
}

.page-banner .bread-crumb li:last-child:before{
	display:none;	
}

.page-banner .bread-crumb li a{
	position: relative;
	color:#ffffff;
	display: block;
	line-height:30px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.page-banner .bread-crumb li a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	About SectionFour
====================================================================

***/

.about-section-four{
	position:relative;
	padding: 110px 0px 60px;
	overflow: hidden;
}

.about-section-four .pattern-image-left{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: auto;
	height: auto;
}

.about-section-four .pattern-image-right{
	position: absolute;
	right: 0;
	bottom: 30px;
	width: auto;
	height: auto;
}

.about-section-four .title-column{
	position: relative;
}

.about-section-four .title-column .inner{
	position: relative;
	display: block;
	padding-right: 30px;
}

.about-section-four .text-column{
	position: relative;
	margin-bottom: 100px;
}

.about-section-four .text-column .inner{
	position: relative;
	display: block;
	padding-left: 30px;
	padding-top: 30px;
}

.about-section-four .text-column .text-content{
	position: relative;
}

.about-section-four .text-column .text-content p{
	margin-bottom: 25px;
}

.about-section-four .text-column .signature{
	position: relative;
	float: left;
	font-size: 15px;
	padding-top: 30px;
	font-family: 'Signature', cursive;
	line-height: 1.5em;
	font-weight: 700;
}

.about-section-four .lower-content{
	position: relative;
}

.about-section-four .default-block{
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.about-section-four .default-block .image-box,
.about-section-four .default-block .image-box img{
	position: relative;
	display: block;
	width: 100%;
}

.about-section-four .default-block .lower-box{
	position: relative;
	display: block;
	padding: 35px 20px 0px;
}


.about-section-four .default-block h3{
	font-size: 24px;
	font-weight: 500;
	text-transform: inherit;
}

.about-section-four .default-block h3 a{
	font-size: 24px;
	color: #222222;
}

.about-section-four .default-block .count{
	position: absolute;
	right: -7px;
	bottom: 0;
	font-size: 150px;
	color: #406fe6;
	opacity: 0.08;
	font-weight: 500;
	line-height: 0.40em;
}

/*** 

====================================================================
	Projects Section Three
====================================================================

***/

.projects-section-three{
	position:relative;
	padding: 0px 0px;
}

.projects-section-three .outer-container{
	position: relative;
	overflow: hidden;
}

.projects-section-three .image-column{
	position: absolute;
	right: 0;
	top: 0;
	float: left;
	width: 50%;
	height: 100%;
}

.projects-section-three .text-column{
	position: relative;
	float: left;
	width: 50%;
}

.projects-section-three .text-column .bg-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	opacity:1;
	background: #24345d;
}

.projects-section-three .text-column .inner{
	position: relative;
	float: right;
	width: 100%;
	max-width: 680px;
	padding: 110px 20px;
}

.projects-section-three .content{
	position: relative;
	max-width: 530px;
	color: #ffffff;
}

.projects-section-three .content .title{
	position: relative;
	margin-bottom: 20px;
}

.projects-section-three .content .title .sub-title{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}

.projects-section-three .content .title .sub-title .icon{
	position: relative;
	top: 2px;
	font-size: 18px;
	line-height: 24px;
	padding-right: 5px;
}

.projects-section-three .content .title h2{
	position: relative;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	margin: 0;
}

.projects-section-three .content .text{
	position: relative;
	margin: 0 0 25px;
}

.projects-section-three .content .features{
	position: relative;
	margin-bottom: 40px;
}

.projects-section-three .content .features li{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 7px;
}

.projects-section-three .content .features li .gap-icon{
	position: relative;
	font-size: 20px;
	padding-right: 5px;
}

.projects-section-three .image-column .inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.projects-section-three .image-column .text-over-block{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

.projects-section-three .image-column .text-over-block:nth-child(2){
	left: 50%;
}

.projects-section-three .text-over-block .inner-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #ffffff;
}

.projects-section-three .text-over-block .block-image-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
}

.projects-section-three .text-over-block .title{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0px 20px 30px;
	font-size: 24px;
	line-height: 32px;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.projects-section-three .text-over-block:hover .title{
	opacity: 0;
	visibility: hidden;
}

.projects-section-three .text-over-block .block-image-layer:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30%;
	background: rgba(0,0,0,0.70);
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));
	background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));
	background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));
}

.projects-section-three .text-over-block .title .icon{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	font-size: 48px;
	line-height: 32px;
}

.projects-section-three .text-over-block .title .txt{
	position: relative;
}

.projects-section-three .text-over-block:hover .over-link{
	opacity: 1;
}

.projects-section-three .text-over-block .over-link .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -15px;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
}

.text-over-block .inner-box .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	color: #ffffff;
	background: rgba(64,111,230,0.90);
	opacity: 0.5;
	visibility: hidden;
	transform: translateY(-100%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.text-over-block .inner-box:hover .overlay{
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
	-webkit-transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
	transition: all 1200ms ease;
}

.text-over-block .inner-box .overlay a{
	color: #ffffff;
}

.text-over-block .inner-box .overlay .icon-box{
	position: relative;
	font-size: 54px;
	margin-bottom: 20px;
	line-height: 1em;
}

.text-over-block .inner-box .overlay .over-inner{
	position: relative;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 50px;
}

.text-over-block .inner-box .overlay h3{
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0  20px;
}

.text-over-block .inner-box .overlay .cat,
.text-over-block .inner-box .overlay .cat a{
	position: relative;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
}

.text-over-block .inner-box .overlay h3 a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding: 110px 0px 80px;
}

.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 30px;
}

.service-details{
	position: relative;
}

.service-details .service-title{
	margin-bottom: 40px;
}

.service-details .details-inner{
	position: relative;
}

.service-details .main-image{
	position: relative;
	margin-bottom: 40px;
}

.service-details .main-image img{
	width: 100%;
}

.service-details .text-content,
.service-details .text-block{
	position: relative;
}

.service-details .text-block p,
.service-details .text-content p{
	margin-bottom: 25px;
}

.service-details .text-block h3,
.service-details .text-content h3{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px;
}

.service-details .featured-list{
	position: relative;
	text-align: center;
	max-width: 600px;
	padding: 10px 0px 0px;
	margin: 0 auto;
}

.service-details .featured-list ul{
	position: relative;
	margin: 0px -15px;
}

.service-details .featured-list ul li{
	position: relative;
	float: left;
	width: 30%;
	padding: 0px 15px;
	font-weight: 700;
	font-size: 14px;
	color: #222222;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-bottom: 50px;
}

.service-details .featured-list ul li:nth-child(2){
	width: 40%;
}

.service-details .featured-list ul li:nth-child(2):before{
	content: '';
	position: absolute;
	left: 15px;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #cccccc;
}

.service-details .featured-list ul li:nth-child(2):after{
	content: '';
	position: absolute;
	right: 15px;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #cccccc;
}

.service-details .featured-list ul li .icon{
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 64px;
	line-height: 1em;
	color: #406fe6;
	vertical-align: bottom;
	margin: 0 0 20px;
}

.service-details .featured-list ul li:nth-child(2) .icon{
	color: #52c306;
}

.service-details .featured-list-two{
	position: relative;
	max-width: 600px;
	padding: 10px 0px;
}

.service-details .featured-list-two ul{
	position: relative;
}

.service-details .featured-list-two ul li{
	position: relative;
	padding: 20px 25px;
	font-weight: 600;
	font-size: 14px;
	color: #222222;
	text-transform: uppercase;
	line-height: 30px;
	border:1px solid #f0f0f0;
	margin-bottom: 15px;
}

.service-details .featured-list-two ul li .icon{
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-size: 30px;
	line-height: 24px;
	vertical-align: middle;
	margin: 0 20px 0 0;
	color: #406fe6;
}

.service-details .featured-link-block{
	position: relative;
	margin-bottom: 50px;
	text-align: center;
}

.service-details .featured-link-block .inner{
	position: relative;
	display: block;
	padding-bottom: 30px;
}

.service-details .featured-link-block .image,
.service-details .featured-link-block img{
	position: relative;
	display: block;
	width: 100%;
}

.service-details .featured-link-block .caption-box{
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 0px 20px;
	z-index: 1;
	width: 100%;
}

.service-details .featured-link-block .caption-box .title{
	position: relative;
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

.service-details .featured-link-block .caption-box .title a{
	position: relative;
	display: block;
	padding: 16px 15px 14px;
	line-height: 30px;
	background: #ffffff;
	border-left: 4px solid #406fe6;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
	color: #222222;
	display: block;
}

.service-details .featured-link-block .caption-box .title a:hover{
	color: #406fe6;
}


/* Sidebar */

.sidebar-page-container .sidebar-side{
	position: relative;
	margin-bottom: 30px;
}

.sidebar-page-container .sidebar{
	position: relative;
}

.sidebar-page-container .service-sidebar{
	padding-left: 20px;
}

.sidebar-page-container .blog-sidebar{
	padding-left: 30px;
}

.sidebar .sidebar-widget{
	position: relative;
	display: block;
	margin-bottom: 50px;
}

.sidebar .sidebar-widget .widget-inner{
	position: relative;
	display: block;
}

.sidebar .services-widget ul{
	position: relative;
	display: block;
}

.sidebar .services-widget ul li{
	position: relative;
	display: block;
	background:url(../images/background/bg-pattern-1.png) center center repeat;
	margin-bottom: 15px;
}

.sidebar .services-widget ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	border-left: 3px solid #52c306;
	background: #444444;
	-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 .services-widget ul li:hover:before,
.sidebar .services-widget ul li.active:before{
	width: 100%;
}

.sidebar .services-widget ul li a{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(82,195,6,0.20);
	padding: 15px 20px;
	line-height: 36px;
	color: #222222;
	font-size: 18px;
	text-transform: capitalize;
	z-index: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar .services-widget ul li:hover a,
.sidebar .services-widget ul li.active a,
.sidebar .services-widget ul li:hover .icon,
.sidebar .services-widget ul li.active .icon{
	color: #ffffff;
}

.sidebar .services-widget ul li .icon{
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 36px;
	line-height: 36px;
	color: #cfcfe2;
	font-weight: 400;
	-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 .info-widget{
	text-align: center;
}

.sidebar .info-widget .widget-inner{
	background: #52c306;
	color: #ffffff;
}

.sidebar .info-widget .lower{
	display: block;
	padding: 30px 20px;
}

.sidebar .info-widget .image{
	position: relative;
	display: block;
	margin: 0;
}

.sidebar .info-widget .image img{
	position: relative;
	display: block;
	width: 100%;
}

.sidebar .info-widget .subtitle{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.sidebar .info-widget .icon-box{
	position: relative;
	display: block;
	font-size: 54px;
	line-height: 1em;
	margin-bottom: 30px;
}

.sidebar .info-widget .phone{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 5px;
}

.sidebar .info-widget .phone a{
	display: inline-block;
	color: #ffffff;
	border-bottom: 1px solid rgba(255,255,255,0.50);
}

.sidebar .info-widget .email{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.5em;
}

.sidebar .info-widget .email a{
	color: #ffffff;
}

.sidebar .downloads-widget{
	position: relative;
}

.sidebar .downloads-widget h3{
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.sidebar .downloads-widget .widget-inner{
	background: #f6f8ff;
	padding: 50px 50px 30px;
}

.sidebar .downloads-widget li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

.sidebar .downloads-widget li:last-child{
	border-bottom: none;
}

.sidebar .downloads-widget li a{
	position: relative;
	display: block;
	padding: 15px 0px;
	line-height: 30px;
	font-weight: 500;
	color: #222222;
	text-transform: uppercase;
}

.sidebar .downloads-widget li .fa,
.sidebar .downloads-widget li .far{
	position: relative;
	padding-right: 10px;
	font-size: 20px;
	top: 2px;
}

.sidebar .downloads-widget li a:hover{
	color: #406fe6;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.pagination-box{
	position:relative;
	padding-top: 30px;
}

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.styled-pagination li a{
	position:relative;
	display:block;
	line-height:30px;
	font-size:16px;
	height:44px;
	min-width:44px;
	padding: 6px 5px;
	text-align: center;
	color:#333333;
	font-weight:400;
	text-align:center;
	background:#ffffff;
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.10);
	text-transform:capitalize;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	background: #444444;
	border-color: #444444;
}

.styled-pagination li .next,
.styled-pagination li .prev{
	border:none;
	color:#333333 !important;
	background: none !important;
	text-decoration: underline;
	text-transform:uppercase;
}


/*** 

====================================================================
	FAQs Section
====================================================================

***/

.faq-section{
	position: relative;
	padding: 110px 0px;
}

.faq-section .title-box{
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto 80px;
}

.faq-section .title-box .title{
	padding: 20px 20px;
	line-height: 30px;
	background: #f6f8ff;
	margin: 0 auto 30px;
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
}

.faq-section .title-box .send-email a{
	color: #406fe6;
	font-weight: 700;
}

.faq-section .faq-container{
	position: relative;
	max-width: 950px;
	margin: 0 auto;
}

.accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
}

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:20px;
	line-height:30px;
	font-weight:600;

	padding:18px 0px;
	padding-right: 50px;
	color: #222222;
	background-color: #ffffff;
	border-bottom: 1px solid rgba(0,0,0,0.10);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .icon{
	position:absolute;
	right: 3px;
	top:18px;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
	height: 30px;
	line-height: 30px;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f135";
	font-family: "Flaticon";
}

.accordion-box .block .acc-btn.active{
	background-color: #ffffff;
	color: #52c306;
}

.accordion-box .block.active-block{

}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
	border-top: 2px solid transparent;
}

.accordion-box .block .content{
	position:relative;
	padding: 25px 0;
}

.accordion-box .block.current .acc-content{ 
	display: block;
}

.accordion-box .block.active-block .acc-content{
	border-top-color:#406fe6;
}

.accordion-box .block .content .text{
	position: relative;
	display: block;
	font-size: 16px;
	letter-spacing: 0.01em;
	line-height: 1.6em;
}

/*** 

====================================================================
	Blog Sidebar Section
====================================================================

***/
.sidebar-page-container .pagination-box{
	padding-top: 0;
}

.news-block-four{
	position: relative;
	margin-bottom: 70px;
}

.news-block-four .inner-box{
	position: relative;
	display: block;
	padding: 0px 30px 0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.news-block-four .inner-box:before{
	content: '';
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 80px;
	bottom: 0;
	background: #f6f8ff;
}

.news-block-four .image-box,
.news-block-four .image,
.news-block-four .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

.news-block-four .inner-box .post-date{
	position: absolute;
	right: 25px;
	bottom: -30px;
	width: 72px;
	height: 72px;
	line-height: 24px;
	text-align: center;
	padding: 12px 5px;
	background: #ffffff;
	border-radius: 50%;
	z-index: 1;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.07);
}

.news-block-four .inner-box .post-date .day{
	display: block;
	font-size: 32px;
	color: #52c306;
	font-weight: 700;
	line-height: 1.1em;
}

.news-block-four .inner-box .post-date .month{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.1em;
	text-transform: uppercase;
}

.news-block-four .lower-box{
	position: relative;
	padding: 40px 25px 50px;
}

.news-block-four .lower-box h3{
	position: relative;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 28px;
	margin-bottom: 15px;
	color: #222222;
}

.news-block-four .lower-box h3 a{
	color: #222222;
}

.news-block-four .lower-box h3 a:hover,
.news-block-four .meta-info a:hover{
	color: #52c306;
}

.news-block-four .lower-box .text{
	position: relative;
	margin-bottom: 25px;
}

.news-block-four .lower-row{
	position: relative;
}

.news-block-four .meta-info{
	position: relative;
	float: left;
	color: #777777;
	padding-top: 15px;
}

.news-block-four .meta-info:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	border-bottom: 3px solid #52c306;
}

.news-block-four .meta-info a{
	position: relative;
	color: #777777;
}

.news-block-four .link-box{
	position: relative;
	float: right;
	padding-top: 10px;
}

.news-block-four .link-box a{
	position: relative;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	color: #406fe6;
	text-transform: capitalize;
}

.news-block-four .link-box a .txt{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid;
}

.news-block-four .link-box a .icon{
	position: relative;
	top: 2px;
	font-size: 16px;
	padding-left: 7px;
	color: #52c306;
}

.news-block-four .link-box a:hover{
	color: #52c306;
}


.sidebar-title{
	position:relative;
	margin-bottom:25px;
	padding-bottom: 15px;
}

.sidebar-title h3{
	position: relative;
	display: block;
	font-size:22px;
	line-height: 1.15em;
	color: #222222;
	font-weight: 700;
	text-transform:capitalize;
	margin-bottom: 0px;
}

.sidebar-title h2{
	position: relative;
	display: block;
	font-size:36px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	text-transform:capitalize;
	margin-bottom: 0px;
}

.sidebar-title .bottom-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.sidebar-title .bottom-dots .dot{
	position: relative;
	display: block;
	float: left;
	width: 3px;
	height: 3px;
	border-right: 3px solid #406fe6;
	margin-right: 3px;
}

.sidebar-title .bottom-dots .line-dot{
	border-right: 40px solid #406fe6;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:30px;
	padding:14px 50px 14px 30px;
	border:1px solid #f0f0f0;
	background:#ffffff;
	color:#222222;
	display:block;
	font-size:16px;
	width:100%;
	height:60px;
	border-radius:30px;
	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:focus{
	border-color:#52c306;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:3px;
	top:3px;
	height:54px;
	width:54px;
	line-height:56px;
	display:block;
	font-size:16px;
	color:#ffffff;
	background:#52c306;
	font-weight:normal;
	border-radius:30px;
}

.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
	background:#222222;
}

.sidebar .recent-posts .post{
	position:relative;
	font-size:14px;
	color:#777777;
	padding:0px 0px 25px 115px;
	min-height:121px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:25px;
}

.sidebar .recent-posts .post:last-child{
	margin-bottom:0px;
}

.sidebar .recent-posts .post-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:95px;
	height:95px;
	border-radius:0;	
}

.sidebar .recent-posts .post-thumb img{
	position:relative;
	display:block;
	width: 100%;	
}

.sidebar .recent-posts .text{
	font-size:18px;
	line-height:1.4em;
	color:#222222;
	font-weight:500;
	margin-bottom:5px;
}

.sidebar .recent-posts .text a{
	color:#333333;
}

.sidebar .recent-posts .text a:hover{
	color:#406fe6;	
}

.sidebar .recent-posts .post .date{
	position:relative;
	display:block;
	line-height:24px;
	font-size:14px;
	color:#777777;
}

.sidebar .popular-tags .tags-list li{
	position:relative;
	display:inline-block;
	margin:0px 5px 7px 0px;
}

.sidebar .popular-tags .tags-list li a{
	position:relative;
	display:block;
	line-height:24px;
	padding:8px 20px;
	background:#ffffff;
	border:1px solid #f0f0f0;
	text-align:center;
	font-size:16px;
	color:#222222;
	text-transform:capitalize;
	border-radius:2px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags .tags-list li a:hover{
	background-color:#52c306;
	border-color:#52c306;
	color:#ffffff;	
}

.sidebar .archives ul{
	position:relative;
}

.sidebar .archives ul li{
	position:relative;
	line-height:30px;
	font-size: 17px;
	padding: 12px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

.sidebar .archives ul li:last-child{
	padding-bottom: 0;
	border:none;	
}

.sidebar .archives ul li:first-child{
	padding-top: 0;	
}

.sidebar .archives ul li a{
	position:relative;
	color: #222222;
	display: block;
	font-weight: 500;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .archives ul li a:before{
	font-family: 'Flaticon';
	content: "\f196";
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	font-size:15px;
	font-weight:700;
	color: #52c306;
	z-index:5;
	opacity: 0;
}

.sidebar .archives ul li a:hover:before,
.sidebar .archives ul li.active a:before{
	opacity: 1;
	transition:all 300ms ease 200ms;
	-webkit-transition:all 300ms ease 200ms;
	-ms-transition:all 300ms ease 200ms;
	-o-transition:all 300ms ease 200ms;
	-moz-transition:all 300ms ease 200ms;
}

.sidebar .archives ul li a:hover,
.sidebar .archives ul li.active a{
	color: #406fe6;
	padding-left: 25px;
}

.post-details{
	position: relative;
	display: block;
	background: #f6f8ff;
	margin-bottom: 70px;
}

.post-details .image-box,
.post-details .image,
.post-details .image img{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
}

.post-details .image-box .post-date{
	position: absolute;
	right: 25px;
	bottom: -30px;
	width: 72px;
	height: 72px;
	line-height: 24px;
	text-align: center;
	padding: 12px 5px;
	background: #ffffff;
	border-radius: 50%;
	z-index: 1;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.07);
}

.post-details .image-box .post-date .day{
	display: block;
	font-size: 32px;
	color: #52c306;
	font-weight: 700;
	line-height: 1.1em;
}

.post-details .image-box .post-date .month{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.1em;
	text-transform: uppercase;
}

.post-details .lower-box{
	position: relative;
	padding: 40px 40px 50px;
}

.post-details .lower-box h2{
	position: relative;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 30px;
	margin-bottom: 15px;
	color: #222222;
}

.post-details .lower-box h3{
	position: relative;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
	margin-bottom: 5px;
	color: #222222;
}

.post-details .lower-box .text{
	position: relative;
	margin-bottom: 25px;
}

.post-details .meta-info{
	position: relative;
	color: #777777;
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 15px;
}

.post-details .meta-info:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	border-bottom: 3px solid #52c306;
}

.post-details .meta-info a{
	position: relative;
	color: #777777;
}

.post-details .meta-info a:hover{
	color: #52c306;
}

.post-details blockquote{
	position: relative;
	display: block;
	padding: 50px 70px 50px 50px;
	background: #24345d;
	color: #ffffff;
	margin: 40px 0px;
}

.post-details blockquote .text{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.post-details blockquote .info{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	color: #406fe6;
}

.post-details blockquote .icon{
	position: absolute;
	right: 30px;
	bottom: 20px;
	color: #52c306;
	font-size: 64px;
	line-height: 1em;
	font-weight: 700;
	opacity: 0.25;
}

.post-details blockquote .icon span{
	position: relative;
	display: block;
	font-weight: 700;
	text-shadow: 0px 0px 1px #84b040;
}

.post-details .image-column{
	margin-bottom: 40px;
}

.post-details .text-column{
	margin-bottom: 20px;
}

.post-details .text-column .sub-text{
	color: #777777;
}

.post-details .lower-row{
	position: relative;
	padding-top: 20px;
}

.post-details .lower-row .tags{
	position: relative;
	float: left;
	line-height: 24px;
	padding-top: 6px;
}

.post-details .lower-row .tags strong{
	font-weight: 700;
	text-transform: uppercase;
	padding-right: 10px;
}

.post-details .lower-row .tags a{
	color: #222222;
}

.post-details .lower-row .tags a:hover{
	text-decoration-line: underline;
}

.post-details .lower-row .social{
	position: relative;
	float: right;
}

.post-details .lower-row .social li{
	position: relative;
	float: left;
	margin-right: 7px;
}

.post-details .lower-row .social li:last-child{
	margin-right: 0;
}

.post-details .lower-row .social li a{
	position: relative;
	display: block;
	line-height: 36px;
	width: 36px;
	height: 36px;
	font-size: 14px;
	background: #ffffff;
	color: #777777;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.post-details .lower-row .social li a .fab{
	vertical-align: middle;
}

.post-details .lower-row .social li a:hover{
	background: #406fe6;
	color: #ffffff;
}

.content-side .sidebar-title{
	margin-bottom: 40px;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.comments-area{
	position:relative;
	margin-bottom: 80px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom: 40px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e0e0e0;
}

.comments-area .comment{
	position:relative;
	min-height: 70px;
	padding-left: 95px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width: 70px;
	border-radius: 50%;
	margin-bottom: 20px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
	border-radius: 50%;
}

.comments-area .comment-box .info{
	position: relative;
	margin-bottom: 15px;
}

.comments-area .comment-box .info .name{
	position: relative;
	display: block;
	font-size:20px;
	line-height:1.3em;
	font-weight:500;
	color:#222222;
	text-transform: capitalize;
	margin-bottom: 3px;
}

.comments-area .comment-box .info .date{
	position: relative;
	display: block;
	font-size:14px;
	line-height:1.4em;
	font-weight:500;
	color:#222222;
}

.comments-area .comment-box .text{
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 0;
	top: 27px;
}

.comments-area .comment-box .reply-btn a{
	font-size: 16px;
	line-height: 1.5em;
	color:#406fe6;
	font-weight: 700;
	text-decoration: underline;
}

.comments-area .comment-box .reply-btn a:hover{
	text-decoration: none;
}

/*** 

====================================================================
		Leave Comments Form
====================================================================

 ***/

.leave-comments{
 	position: relative;
}

.leave-comments .instruction{
	color: #777777;
	opacity: 0.50;
	text-transform: capitalize;
	font-style: italic;
	margin-bottom: 30px;
}
@media (min-width: 1025px){
.classic-menu .flexnav li a {
  
    color: #fff !important;
   
}}
.hero-title {
  
    color: #fff !important;
}
.hero-subtitle {
   
    color: #fff !important;
}
.banner {
	height:100vh;
	position:relative;
	width:100%;
	overflow: hidden;
}
.banner video {
   max-height: 110% !important;
    height: 153% !important;
    width: 100% !important;
    position: absolute;
   
    overflow: hidden;
    max-width: 100% !important;
}
.banner-innner {
    padding: 200px 0;
}

header{
	position:absolute;
	width:100%;
	top:0;
	z-index:11;
}
.banner-left {
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

.overlay {
    background: #00000073;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.banner-left h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 800;
    line-height: 50px;
    text-shadow: 1px 2px #000;
	margin-bottom:15px;
}

.banner-left p {
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 28px;
	margin-bottom:30px;
}

.custom-btn {
    width: 100%;
    background: #E91E63;
    color: #fff;
    letter-spacing: 2.5px;
	transition:0.8 ease;
}

.banner-left a {
    background: #e91e63;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    padding: 8px 35px;
    border-radius: 4px;
	transition:0.8 ease;
}

.banner-left a:hover{
	letter-spacing:3px;
	transition:0.8 ease;
}

.custom-btn:hover{
	letter-spacing:3px;
	transition:0.8 ease;
}


@media only screen and (max-width: 1537px){
#hero-caption {
    padding-top: 220px !important;
    padding-bottom: 210px !important;
}
}
@media only screen and (max-width: 800px ){
	.banner-left h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    text-shadow: 1px 2px #000;
}
.banner{
	padding:200px 0;
	height: auto;
}

.nav-color{
	background:#000;
}
.navbar-light .navbar-nav .nav-link{
	padding-left:0;
}
.banner-innner {
    padding: 200px 0;
}
}

.pinned-image{display:flex;height:90vh;justify-content:center;position:relative;overflow:hidden}.pinned-image.rounded_container{border-radius:15px}.pinned-image--medium{height:75vh}.pinned-image--small{height:45vh}.pinned-image__container{position:relative;transform:scale(0.8);width:100%;border-radius:15px;overflow:hidden}.pinned-image__container-overlay{background:rgba(0,0,0,0.6);bottom:0;left:0;position:absolute;right:0;top:0}.pinned-image__container img,.pinned-image__container video,.pinned-image__container{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%;background-color:#ccc}.pinned_over_content{text-align:center;padding:0 60px;width:100%;left:50%;position:absolute;text-align:center;top:50%;transform:translate3d(-50%, -50%, 0)}@media (max-width: 767px){.pinned_over_content{padding:0 15px}}.pinned_over_content h2{color:#fff;font-size:52px;font-size:3.25rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.parallax_wrapper{position:relative;margin-bottom:25px}@media (max-width: 991px){.parallax_wrapper{padding-left:25%}}.parallax_wrapper .img_over{left:-25%;bottom:10%;position:absolute;z-index:99}@media (max-width: 991px){.parallax_wrapper .img_over{left:0}}.parallax_wrapper .img_over img{border:4px solid #fff;width:50%;height:auto;-webkit-box-shadow:10px 10px 26px 0px rgba(0,0,0,0.21);-moz-box-shadow:10px 10px 26px 0px rgba(0,0,0,0.21);box-shadow:10px 10px 26px 0px rgba(0,0,0,0.21)}@media (max-width: 991px){.parallax_wrapper.inverted{padding-left:inherit;padding-right:25%}}.parallax_wrapper.inverted .img_over{text-align:right;left:inherit;right:-25%}@media (max-width: 991px){.parallax_wrapper.inverted .img_over{left:inherit;right:0}}img.rounded-img{border-radius:10px}.bg_gray{background-color:#f4f4f4}.bg_color_1{background-color:#4b514d}.bg_white{background-color:#fff}.pattern{background:url(../img/pattern.png) top left no-repeat;background-attachment:fixed}.bg_gray.pattern{background:#f4f4f4 url(../img/pattern.png) top left no-repeat}.bg_gray.pattern.bg_fixed{background-attachment:fixed}.pattern_2{background:#fff url(../img/pattern_2.png) top right no-repeat}

@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,400;1,500&display=swap");@-webkit-keyframes background{0%{top:0}100%{top:-100%}}@-moz-keyframes background{0%{top:0}100%{top:-100%}}@-o-keyframes background{0%{top:0}100%{top:-100%}}@keyframes background{0%{top:0}100%{top:-100%}}#preloader{position:fixed;top:0;left:0;right:0;width:100%;height:100%;bottom:0;background-color:#292b33;z-index:99999999999 !important;overflow:hidden}#preloader.loaded{-webkit-animation:background 0.65s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-animation:background 0.65s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-animation:background 0.65s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);animation:background 0.65s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}[data-loader="circle-side"]{position:absolute;width:50px;height:50px;top:50%;left:50%;margin-left:-25px;margin-top:-25px;-webkit-animation:circle infinite .95s linear;-moz-animation:circle infinite .95s linear;-o-animation:circle infinite .95s linear;animation:circle infinite .95s linear;border:2px solid #111;border-top-color:rgba(255,255,255,0.2);border-right-color:rgba(255,255,255,0.2);border-bottom-color:rgba(255,255,255,0.2);-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes circle{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes circle{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circle{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}html *{-webkit-font-smoothing:antialiased}body{background:#faf8f5;font-size:15px;font-size:0.9375rem;line-height:1.6;font-family:"Montserrat",Helvetica,sans-serif;color:#333}main{position:relative;z-index:2;background-color:#faf8f5}h1,h2,h3,h4,h5,h6{color:#333;font-weight:700;letter-spacing:-.03em;line-height:1.3}h3,h4,h5,h6{font-weight:600}p{margin-bottom:25px}strong{font-weight:600}p.lead strong{font-weight:500}hr{margin:30px 0 30px 0;border-color:#d9e1e6;opacity:1}hr.more_margin{margin:60px 0 60px 0}a{color:#978667;text-decoration:none;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;outline:none}a:hover,a:focus{color:#24262d;text-decoration:none;outline:none}.title small{text-transform:uppercase;color:#84b040;letter-spacing:3px;font-weight:600;display:block;margin-bottom:5px;font-size:12px;font-size:0.75rem}.title h2,.title h3{font-weight:700;font-size:38px;font-size:2.375rem;margin-bottom:15px}.title h3{font-size:31px;font-size:1.9375rem}.title.center{text-align:center}.title.white small{color:#ebd7b2;opacity:0.8}.title.white h2,.title.white h3{color:#fff}.slide-animated{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);opacity:0;visibility:hidden;-moz-transition:all 0.05s ease;-o-transition:all 0.05s ease;-webkit-transition:all 0.05s ease;-ms-transition:all 0.05s ease;transition:all 0.05s ease}.is-transitioned .slide-animated{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;visibility:visible;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.is-transitioned .slide-animated.one{transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s}.is-transitioned .slide-animated.two{transition-delay:0.7s;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s}.is-transitioned .slide-animated.three{transition-delay:0.9s;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s}.is-transitioned .slide-animated.four{transition-delay:2.5s;-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s}a.btn_1,.btn_1{border:none;color:#fff;background:#978667;outline:none;display:inline-flex;text-decoration:none;padding:14px 25px 14px 25px;font-weight:600;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:25px;align-items:center;justify-content:center;line-height:1}a.btn_1:hover,.btn_1:hover{background-color:#4b514d}a.btn_1.inverse,.btn_1.inverse{background-color:#fff;color:#333}a.btn_1.full-width,.btn_1.full-width{width:100%;text-align:center}a.btn_1.outline,.btn_1.outline{background-color:transparent;border:2px solid #24262d;color:#24262d}a.btn_1.outline.white,.btn_1.outline.white{border-color:#fff;color:#fff}a.btn_1.outline:hover,.btn_1.outline:hover{background-color:#4b514d;border:2px solid transparent;color:#fff}.btn_4{position:relative;display:inline-block}.btn_4.learn-more{width:160px;height:auto}.btn_4.learn-more .circle{transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position:relative;display:block;margin:0;width:2.6rem;height:2.6rem;background:#978667;border-radius:1.625rem}.btn_4.learn-more .circle .icon{transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}.btn_4.learn-more .circle .icon.arrow{transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);left:0.425rem;width:1.125rem;height:0.125rem;background:none}.btn_4.learn-more .circle .icon.arrow::before{position:absolute;content:'';top:-0.25rem;right:0.0625rem;width:0.625rem;height:0.625rem;border-top:0.125rem solid #fff;border-right:0.125rem solid #fff;transform:rotate(45deg)}.btn_4.learn-more .button-text{transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position:absolute;top:0;left:0;right:0;bottom:0;padding:0.75rem 0;margin:0 0 0 1.5rem;color:#333;font-weight:600;line-height:1.1;text-align:center}.btn_4:hover .circle{width:100%}.btn_4:hover .circle .icon.arrow{background:#fff;transform:translate(1rem, 0)}.btn_4:hover .button-text{color:#fff}a.animated_link{position:relative;text-decoration:none}a.animated_link::before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:-5px;left:0;background-color:#24262d;transform:scaleX(0);transform-origin:top left;transition:transform 0.3s ease}a.animated_link:hover::before{transform:scaleX(1)}a.animated_link.active::before{transform:scaleX(1)}.mouse_wp{position:absolute;right:30px;bottom:30px;text-align:right;width:40px;z-index:99999}.mouse{background:#4e5559 linear-gradient(transparent 0%, transparent 50%, #fff 50%, #fff 100%);width:36px;height:58px;border-radius:100px;background-size:100% 200%;-webkit-animation:colorSlide 15s linear infinite, nudgeMouse 15s ease-out infinite;animation:colorSlide 15s linear infinite, nudgeMouse 15s ease-out infinite}.mouse:before,.mouse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.mouse:before{width:32px;height:54px;background-color:#222a30;border-radius:100px}.mouse:after{background-color:#ffffff;width:5px;height:5px;border-radius:100%;-webkit-animation:trackBallSlide 15s linear infinite;animation:trackBallSlide 15s linear infinite}@-webkit-keyframes colorSlide{0%{background-position:0% 100%}20%{background-position:0% 0%}21%{background-color:#4e5559}29.99%{background-color:#ffffff;background-position:0% 0%}30%{background-color:#4e5559;background-position:0% 100%}50%{background-position:0% 0%}51%{background-color:#4e5559}59%{background-color:#ffffff;background-position:0% 0%}60%{background-color:#4e5559;background-position:0% 100%}80%{background-position:0% 0%}81%{background-color:#4e5559}90%,
    100%{background-color:#ffffff}}@keyframes colorSlide{0%{background-position:0% 100%}20%{background-position:0% 0%}21%{background-color:#4e5559}29.99%{background-color:#ffffff;background-position:0% 0%}30%{background-color:#4e5559;background-position:0% 100%}50%{background-position:0% 0%}51%{background-color:#4e5559}59%{background-color:#ffffff;background-position:0% 0%}60%{background-color:#4e5559;background-position:0% 100%}80%{background-position:0% 0%}81%{background-color:#4e5559}90%,
    100%{background-color:#ffffff}}@-webkit-keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(0.9) translateY(5px)}14%{opacity:0;transform:scale(0.4) translateY(40px)}15%,
    19%{opacity:0;transform:scale(0.4) translateY(-20px)}28%,
    29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(0.9) translateY(5px)}44%{opacity:0;transform:scale(0.4) translateY(40px)}45%,
    49%{opacity:0;transform:scale(0.4) translateY(-20px)}58%,
    59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(0.9) translateY(5px)}74%{opacity:0;transform:scale(0.4) translateY(40px)}75%,
    79%{opacity:0;transform:scale(0.4) translateY(-20px)}88%,
    100%{opacity:1;transform:scale(1) translateY(-20px)}}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(0.9) translateY(5px)}14%{opacity:0;transform:scale(0.4) translateY(40px)}15%,
    19%{opacity:0;transform:scale(0.4) translateY(-20px)}28%,
    29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(0.9) translateY(5px)}44%{opacity:0;transform:scale(0.4) translateY(40px)}45%,
    49%{opacity:0;transform:scale(0.4) translateY(-20px)}58%,
    59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(0.9) translateY(5px)}74%{opacity:0;transform:scale(0.4) translateY(40px)}75%,
    79%{opacity:0;transform:scale(0.4) translateY(-20px)}88%,
    100%{opacity:1;transform:scale(1) translateY(-20px)}}@-webkit-keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}@keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}@-webkit-keyframes nudgeText{0%{transform:translateY(0)}20%{transform:translateY(2px)}30%{transform:translateY(0)}50%{transform:translateY(2px)}60%{transform:translateY(0)}80%{transform:translateY(2px)}90%{transform:translateY(0)}}@keyframes nudgeText{0%{transform:translateY(0)}20%{transform:translateY(2px)}30%{transform:translateY(0)}50%{transform:translateY(2px)}60%{transform:translateY(0)}80%{transform:translateY(2px)}90%{transform:translateY(0)}}@-webkit-keyframes colorText{21%{color:#4e5559}30%{color:#ffffff}51%{color:#4e5559}60%{color:#ffffff}81%{color:#4e5559}90%{color:#ffffff}}@keyframes colorText{21%{color:#4e5559}30%{color:#ffffff}51%{color:#4e5559}60%{color:#ffffff}81%{color:#4e5559}90%{color:#ffffff}}header{padding:20px 0;width:100%;z-index:999;position:relative;left:0;top:0;background-color:rgba(255,255,255,0);-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease}@media (max-width: 767px){header{padding:15px 0}}header .logo_sticky{display:none}header .logo_normal{display:block}header.reveal_header .container-fluid{padding-right:25px;padding-left:25px}
  



/*** 

====================================================================
	Recent Projects Section
====================================================================

***/

.recent-projects{
	position:relative;
	padding: 110px 0px 0px;
	z-index: 1;
}

.recent-projects .bg-pattern-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f0f3fb;
}

.recent-projects .bg-pattern-layer:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/background/bg-pattern-1.png) center center repeat;
	opacity: 0.70;
}

.recent-projects .title-column{
	position: relative;
	margin-bottom: 50px;
}

.recent-projects .title-column .inner{
	position: relative;
	display: block;
	max-width: 400px;
}

.recent-projects .title-column .text{
	margin-bottom: 40px;
}

.recent-projects .image-column{
	position: relative;
}

.recent-projects .image-column .inner{
	position: relative;
	display: block;
	margin-bottom: -130px;
}

.recent-projects .image-column .image,
.recent-projects .image-column .image img{
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab-buttons{
	position: relative;
}

.tabs-box .tab-buttons .tab-btn{
	position: relative;
	display: inline-block;

}

.tabs-box .tabs-content{
	position: relative;
}

.tabs-box .tabs-content .tab{
	position: relative;
	display: none;
}

.tabs-box .tabs-content .active-tab{
	display: block;
}

.recent-proj-tabs{
	position: relative;
	margin-bottom: 88px;
}

.recent-proj-tabs .tab .tab-inner{
	position: relative;
	display: block;
	overflow: hidden;
}

.recent-proj-tabs .tab .cat-info{
	position: absolute;
	right: -150px;
	top: 30px;
	line-height: 20px;
	padding: 10px 25px;
	background: #52c306;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase;
	opacity: 0;
}

.recent-proj-tabs .tab.now-in-view .cat-info{
	right: 30px;
	opacity: 1;
	-webkit-transition:all 0.5s ease 500ms;
	-moz-transition:all 0.5s ease 500ms;
	-ms-transition:all 0.5s ease 500ms;
	-o-transition:all 0.5s ease 500ms;
	transition:all 0.5s ease 500ms;
}

.recent-proj-tabs .tab .image{
	display: block;
	margin: 0;
}

.recent-proj-tabs .tab img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.recent-proj-tabs .buttons-box{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	text-align: center;
}

.recent-proj-tabs .tab-buttons .tab-btn{
	position: relative;
	float: left;
	font-size: 18px;
	color: #222222;
	text-transform: capitalize;
	min-height: 88px;
	width: 33.333%;
	padding: 30px 15px;
	line-height: 24px;
	border-bottom: 2px solid rgba(0,0,0,0.20);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.10);
	-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;
}

.recent-proj-tabs .tab-buttons .active-btn{
	border-bottom-color: #95af5c;
	padding: 28px 15px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
}

.recent-proj-tabs .tab-buttons .tab-btn .btn-title{
	position: relative;
	display: block;
	line-height: 28px;
}

.recent-proj-tabs .tab-buttons .tab-btn .info{
	position: relative;
	display: none;
	color: #777777;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 20px;
}

.recent-proj-tabs .tab-buttons .active-btn .btn-title{
	font-weight: 700;
	font-size: 20px;
}

.recent-proj-tabs .tab-buttons .active-btn .info{
	display: block;
}


/* ======= Promo Video and Testimonials style ======= */
/* play button */
.vid-area h5 {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}
.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.circle-fill circle {
    opacity: 1;
    fill: rgba(174, 140, 100, 0.7);
}
.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 35px;
    z-index: 2;
}
.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}
.play-button svg.circle-track {
    z-index: 0;
}
.play-button.color {
    color: #aa8453;
}
.play-button.color .circle-fill circle {
    fill: #aa8453;
}


/* video section */
.video-wrapper {
    min-height: 500px;
}
.video-wrapper .vid {
    position: relative;
    z-index: 8;
}
.video-wrapper .vid .vid-butn:hover .icon {
    color: #fff;
}
.video-wrapper .vid .vid-butn:hover .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.video-wrapper .vid .vid-butn .icon {
    color: #aa8453;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.video-wrapper .vid .vid-butn .icon:after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border: 1px solid #eee;
    border-radius: 50%;
    z-index: -1;
}
.video-wrapper .vid .vid-butn .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}


/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    padding: 7px 6px 7px 8px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #aa8453;
}
/* testimonials style */
.testimonials-box {
    position: relative;
    background: transparent;
    padding: 30px;
    margin-bottom: 90px;
}
.testimonials-box .head-box h6 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.testimonials-box .head-box h4 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}
.testimonials-box .head-box h4 span {
    color: #222;
}
.line {
    width: 60px;
    border-top: 1px solid rgba(255,255,255,0.2) !important;
    margin-bottom: 10px;
}
.testimonials h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
    .testimonials-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
}
.testimonials .item {
    margin-bottom: 30px;
    position: relative;
}
.testimonials .item .quote {
    position: absolute;
    right: 20px;
    top: 90px;
    width: 70px;
    margin: 0 auto 30px;
    opacity: .1;
}
.testimonials .item p {
    color: #fff;
}
.testimonials .item .info {
    text-align: left;
    margin: 30px 0 15px 0;
}
.testimonials .item .info .author-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}
.testimonials .item .info .cont {
    margin-left: 85px;
}
.testimonials .item .info h6 {
    font-size: 15px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.testimonials .item .info span {
    font-size: 12px;
    color: #fff;
    line-height: 1em;
}
.testimonials .item .info .rate {
    float: right;
}
.testimonials .item .info i {
    color: #222;
    font-size: 6px;
}

@media screen and (max-width: 767px) {
    .testimonials-box {
        padding: 0px;
    }
}
    
#footer {
  background: #f8f5f0 !important;
    padding-top: 80px;
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #84a442d9;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#84a442d9;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    text-align:left;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'basis_grotesque_promedium', sans-serif;;
    font-weight: 400;
    line-height: 1.25em;
    margin: 0 0 20px 0;
    color: #222;
}
img {
    width: 100%;
    height: auto;
}
img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #f4f4f4;
}
span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: 400;
    color: #95af5c;
}

/* text field */
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
textarea:focus {
    outline: none;
}
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea {
    max-width: 100%;
    margin-bottom: 15px;
    padding: 10px 0;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    background-image: none;
    border-bottom: 1px solid #ececec;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;
}
input:focus,
textarea:focus {
    border-bottom-width: 1px;
    border-color: #aa8453;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background: transparent;
    border: 0px solid transparent;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    border: 0px solid transparent;
}
select {
    padding: 10px;
    border-radius: 5px;
}
table,
th,
tr,
td {
    border: 1px solid #f8f5f0;
}
th,
tr,
td {
    padding: 10px;
}
input[type="radio"],
input[type="checkbox"] {
    display: inline;
}
input[type="submit"] {
    font-weight: 400;
    font-family: 'basis_grotesque_promedium', sans-serif;;
    text-transform: uppercase;
    background: #aa8453;
    color: #fff;
    padding: 8px 24px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.alert-success {
    background: transparent;
    color: #666;
    border: 1px solid #aa8453;
    border-radius: 0px;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 400;
}
:-moz-placeholder {
    color: #666;
}
::-moz-placeholder {
    color: #666;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #666;
}

/* blockquote */
blockquote {
    padding: 45px;
    display: block;
    position: relative;
    background-color: #f8f5f0;
    overflow: hidden;
    margin: 35px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: #666;
}
blockquote p {
    font-family: inherit;
    margin-bottom: 0 !important;
    color: inherit;
    max-width: 650px;
    width:100%;
    position:relative;
    z-index:3;
}
blockquote:before {
    content: '\e645';
    font-family: 'Themify';
    position: absolute;
    right: 40px;
    bottom: 40px;
    font-size: 110px;
    opacity: 0.07;
    line-height: 1;
    color: #222;
}
blockquote p {
    margin-bottom: 0;
}
blockquote p a {
    color:inherit;
}
blockquote cite {
    display:inline-block;
    font-size: 15px;
    position:relative;
    padding-left: 60px;
    border-color:inherit;
    line-height:1;
    margin-top: 22px;
    font-style:normal;
    color: #aa8453;
    font-weight: 400;
}
blockquote cite:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 45px;
    height: 1px;
    border-top: 1px solid; 
    border-color:inherit;
    color: #aa8453;
}


/* ======= Helper style ======= */
.mt-0 {
  margin-top: 0 !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}

/* important */
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100%;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 600;
}
.count {
    font-family: 'basis_grotesque_promedium', sans-serif;;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.v-bottom {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 0;
    -webkit-transform: translate(0%, -5%);
    transform: translate(0%, -5%);
}
.js .animate-box {
    opacity: 0;
}

:root { scroll-behavior: auto; }

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel button.owl-dot {
    outline: none;
}

/* background & color */
.bg-blck {
    background: #222;
}
.bg-cream {
    background: #f8f5f0 ;
}
.color-1 {
color: #fff;
}
.color-2 {
color: #adadad;
}
.color-3 {
color: #666;
}
.color-4 {
color: #222;
}
.color-5 {
color: #aa8453;
}

/* star - white  */
.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star:after {
  transform: rotate(35deg);
}
/* Star rating  */
.star-rating {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #e4a853;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star-rating:before, .star-rating:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #e4a853;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star-rating:after {
  transform: rotate(35deg);
}


/* ======= Selection style ======= */
::-webkit-selection {
    color: #fff;
    background: #aa8453;
}
::-moz-selection {
    color: #fff;
    background: #aa8453;
}
::selection {
    color: #fff;
    background: #aa8453;
}


/* ======= Booking style ======= */
.booking-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    z-index: 5;
}
.booking2-wrapper {
    position: relative;
    margin-bottom: 40px;
}
.booking-inner {
    position: relative;
    border-radius: 0;
}
.form1 {
    display: block;
    padding: 0;
    position: relative;
}
.form1 label {
    display: none;
}
.form1 .col1 {
    float: left;
    width: 20%;
}
.form1 .col2 {
    float: left;
    width: 14%;
}
.form1 .col3 {
    float: left;
    width: 18%;
}
.form1 .c1 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c2 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c3 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c4 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.form1 .c5 {
    border-right: 1px solid #f1eeeb;
    height: 62px;
    margin-bottom: 15px;
}
.ui-datepicker .ui-datepicker-header {
    background: #aa8453;
    border: #aa8453;
    color: #fff;
}
.ui-datepicker {
    font-size: 15px;
    color: #222;
    background: #fff;
    z-index: 100 !important;
    border: 1px solid #fff;
    border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #f8f5f0;
    background: #f8f5f0;
    color: #222;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #aa8453;
    background: #aa8453;
    font-weight: normal;
    color: #fff;
}
.ui-datepicker .ui-datepicker-prev:after {
    font-size: 10px;
    content: "\e64a";
    font-family: "themify";
    color: #fff;
}
.ui-datepicker .ui-datepicker-next:before {
    font-size: 10px;
    content: "\e649";
    font-family: "themify";
    color: #fff;
    float: right;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: transparent;
    border: 1px solid transparent;
}
.btn-form1-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: #84a442d9;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    text-decoration: none;
    line-height: 62px;
    position: relative;
   
    transition: all 0.3s ease-out;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.btn-form1-submit:hover {
    background: #222;
}
.btn-form1-submit:focus {
    outline: none;
}
.btn-form1-submit:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: inherit;
}


@import url("font-awesome_icon-font.css");
@import url("et-line_icon-font.css");
@import url("plugins/owl.carousel.css");
@import url("plugins/magnific-popup.css");
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Work+Sans:400,200,300,500,600,700,800|Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic);
/*
* BASIC
  - General Style
  - Typography Style
  - Button Style
  - Form Style
  - Spacer Style

* HEADER
  - Header
  - Logo Style
  - Navigation Menu Style
  - Overlay Menu
  - Sidebar Menu

* INTRO
  - intro

* ELEMENTS
  - Skills Bar
  - Team Box
  - Tabs
  - Accordion & Toggle
  - Counter
  - Pricing-box
  - Action-box
  - History-box
  - Client Logo
  - Social
  - pagination
  - Contact Form, Map, contact-info
  - Preloader
  - Countdown Clock

* FOOTER
  - Social
  - Copyright

* GLOBAL
  - Content Box (Services Box, Featured Box, icon-box, etc...)
  - Slider
  - Portfolio (Isotop Grid, box, Portfolio Single Page, etc...)
  - Blog (Blog box, Blog page)


*/






/*==========================================================================================================*/
/* BASIC     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* General Style */
/*------------------------------------------------------------------*/

body {
	color: #626262;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}
#page-wraper {
	position: relative;
	width: 100%;
}
.black-bg {
	background-color: #222;
}
.gray-bg {
	background-color: #f6f6f6;
}
.white-bg {
	background-color: #FFF;
}
.color-bg {
	background-color: #8a238c;
}
.yellow-bg {
	background-color: #f4efb7;
}
.bg-cover-section, .small-bg-cover-section {
	background-size: cover;
	background-position: top center;
}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg p.small, .dark-bg p.large, .dark-bg p.lead, .dark-bg p.lead-lg, .dark-bg .page-icon, .dark-bg .page-icon-sm, .dark-bg ul, .dark-bg ol, .dark-bg li, .dark-bg .alt-icon-top, .dark-bg .alt-icon-left, .dark-bg .alt-icon-right, .dark-bg .counter-icon, .dark-bg .skill-bar-percent {
	color: #fff;
}
.bg-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;/*background-attachment: fixed;*/
}
.bg-fixed {
	background-attachment: fixed;
}
#intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
	background-attachment: fixed;
}
.slide-bg-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.overlay-dark, .overlay-dark20, .overlay-dark30, .overlay-dark40, .overlay-dark60, .overlay-dark80, .overlay-dark90, .overlay-light, .overlay-light80 {
	position: relative;
	z-index: 1;
}
.overlay-dark:before, .overlay-dark20:before, .overlay-dark30:before, .overlay-dark40:before, .overlay-dark60:before, .overlay-dark80:before, .overlay-dark90:before, .overlay-light:before, .overlay-light80:before {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}
.overlay-dark:before {
	background-color: rgba(34, 34, 34, 0.85);
}
.overlay-dark20:before {
	background-color: rgba(34, 34, 34, 0.2);
}
.overlay-dark30:before {
	background-color: rgba(34, 34, 34, 0.3);
}
.overlay-dark40:before {
	background-color: rgba(34, 34, 34, 0.4);
}
.overlay-dark60:before {
	background-color: rgba(34, 34, 34, 0.6);
}
.overlay-dark80:before {
	background-color: rgba(34, 34, 34, 0.8);
}
.overlay-dark90:before {
	background-color: rgba(34, 34, 34, 0.9);
}
.overlay-light:before {
	background-color: rgba(255, 255, 255, 0.4);
}
.overlay-light80:before {
	background-color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 480px) {
.play-icon-lg {
	font-size: 36px;
	height: 95px;
	line-height: 89px;
	margin: auto;
	width: 95px;
	margin-top: -55px!important;
}
}
.page-triangle {
/*margin-bottom: 20px;*/
}
 .page-triangle::before {
 background-color: inherit;
 top: -100px;
}
 .page-triangle::before {
 content: "";
 height: 100px;
 left: 50%;
 pointer-events: none;
 position: absolute;
 transform: translateX(-50%) rotate(45deg);
 -moz-transform: translateX(-50%) rotate(45deg);
 -ms-transform: translateX(-50%) rotate(45deg);
 -o-transform: translateX(-50%) rotate(45deg);
 -webkit-transform: translateX(-50%) rotate(45deg);
 width: 100px;
 z-index: 39;
}
.page-icon {
	color: #333;
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 15px;
	width: 100%;
}
.page-icon-sm {
	color: #333;
	font-size: 30px;
	margin-bottom: 15px;
	color: #fff;
}
.play-icon-lg, .play-icon-md {
	border: 4px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	color: #fff;
	text-align: center;
	background: none;
}
.pos-section {
	position: relative;
	overflow: hidden;
}
.play-icon-lg {
	font-size: 36px;
	height: 95px;
	line-height: 89px;
	margin: auto;
	width: 95px;
}
.play-icon-md {
	font-size: 28px;
	height: 75px;
	line-height: 67px;
	margin: auto;
	width: 75px;
}
.play-icon-lg i, .play-icon-md i {
	margin-left: 8px;
}
img {
	border: 0px none;
	outline: 0px none;
}
a {
	color: #222;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	color: #8a238c;
}
i.left, .i-left {
	margin-right: 6px;
}
i.right, .i-right {
	margin-left: 6px;
}
hr {
	border-top: 1px solid #eee !important;
	margin-bottom: 0;
	margin-top: 0;
	color: transparent;
}
.video {
	max-width: 100%;
	height: auto;
}
.rows {
	margin-left: -15px;
	margin-right: -15px;
}
embed, object {
	max-width: 100%;
}
/* Font Style */

p, .nav-menu {
	font-family: 'basis_grotesque_promedium', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,  .btn, button,  .link, .link-dark, link-color,  button, input, textarea, select,  .portfolio-filter,  p.lead-lg, .lead-lg,  .overlay-menu-nav,  .accordion .accordion-title, .toggle .toggle-title {
	/*font-family: 'Work Sans', sans-serif;*/
        font-family: 'Ubuntu', sans-serif;
}
/*------------------------------------------------------------------*/
/* Typography Style */
/*------------------------------------------------------------------*/

/* Heading */
h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-weight: 300;
	margin-top: 0px;
	line-height: 1.5;
	margin-bottom: 15px;
}
h1 {
	font-size: 44px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h6 .white {
	color: #fff;
}
h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {
	color: #8a238c;
}
/* Alternate Hadding */
.alt-title {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}
h1.alt-title {
	font-size: 22px;
	margin-bottom: 25px;
}
h2.alt-title {
	font-size: 20px;
}
h3.alt-title {
	font-size: 18px;
}
h4.alt-title {
	font-size: 16px;
}
h5.alt-title {
	font-size: 14px;
}
h6.alt-title {
	font-size: 12px;
}
/*Site Title*/

.page-title {
	margin-bottom: 60px;
}
.page-title2 {
	margin-bottom: 30px;
}
.content-title {
	margin-bottom: 25px;
}
.features-title {
	margin-bottom: 15px;
}
/*Paragraph*/

.page-content {
	margin-bottom: 60px;
}
p {
	font-size: 14px;
	color: #626262;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 0px;
}
p.small {
	font-size: 12px;
}
p.large {
	font-size: 16px;
}
p.lead {
	font-size: 18px;
	font-weight: 300;
}
p.lead-lg {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}
p.white, p.small.white, p.large.white, p.lead.white, p .white, .white {
	color: #ffffff;
}
p.dark, p.small.dark, p.large.dark, p.lead.dark, p .dark, .dark {
	color: #626262;
}
p.color p.small.color, p.large.color, p.lead.color, p .color, .color {
	color: #8a238c;
}
.yellow {
	color: #f4efb7;
}
/* Text weight */

.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: 400;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: 600;
}
.text-bolder {
	font-weight: 700;
}
.text-italic {
	font-style: italic;
}
.max-width-700 {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
/* listing */
ul.list-inside {
	padding-left: 0px;
	list-style: inside;
	margin-bottom: 25px;
	font-size: 16px;
}
ul.list-none {
	list-style: none;
	padding-left: 0px;
	margin: 0;
}
/*Links & Anchor Tag*/
.dark-bg a {
}
.dark-bg a:hover {
}
a {
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.link, .link-d {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 12px;
	font-weight: 400;
	color: inherit;
	padding-bottom: 2px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.link {
	color: #222;
}
.Link:hover {
	color: #8a238c;
}
.link-d {
	color: #fff;
}
.link-d:hover {
	color: #8a238c;
}
/*------------------------------------------------------------------*/
/* Button Style */
/*------------------------------------------------------------------*/

.btn, button {
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	outline: none;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	vertical-align: middle;
}
.btn i, button i, i.left {
	margin-right: 6px;
}
i.right {
	margin-left: 6px;
	margin-right: 0px !important;
}
.btn-sm {
	padding: 11px 30px !important;
	display: inline-block;
}
.btn-md {
	padding: 13px 25px !important;
	display: inline-block;
}
.btn-lg {
	padding: 15px 30px !important;
	display: inline-block;
}
.btn-xlg {
	padding: 17px 30px !important;
	display: inline-block;
}
.btn-black {
	background-color: #222;
	border-color: transparent;
	color: #fff;
}
.btn-black:hover {
	background-color: #8a238c;
	border-color: transparent;
	color: #fff;
}
.btn-color {
	background-color: #8a238c;
	border-color: transparent;
	color: #fff;
}
.btn-color:hover {
	background-color: #a454a6;
	border-color: transparent;
	color: #fff;
}
.btn-white {
	background-color: rgba(255, 255, 255, 1);
	border-color: transparent;
	color: #222;
}
.btn-white:hover {
	background-color: rgba(255, 255, 255, 0.85);
	border-color: transparent;
	color: #222;
}
.btn-white-outline {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.btn-white-outline:hover {
	background-color: #fff;
	border-color: #fff;
	color: #222;
}
.btn-black-outline {
	background-color: transparent;
	border-color: #222;
	color: #222;
}
.btn-black-outline:hover {
	background-color: #222;
	border-color: #222;
	color: #fff;
}
.btn-color-outline {
	background-color: transparent;
	border-color: #8a238c;
	color: #8a238c;
}
.btn-color-outline:hover {
	background-color: #8a238c;
	border-color: #8a238c;
	color: #fff;
}
/*------------------------------------------------------------------*/
/* Form Style */
/*------------------------------------------------------------------*/
form {
	position: relative;
}
button {
	outline: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	display: inline-block;
}
button, input, textarea, select {
	font-size: 12px;
}
input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #fff;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	color: #000;
	outline: none;
	font-weight: 500;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
	display: inline-block;
	text-transform: uppercase;
	line-height: 1;
	vertical-align: middle;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border: 1px solid rgba(0, 0, 0, 0.2);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.7);
	color: #333;
}
input.input-sm, .input-sm {
	padding-top: 11px;
	padding-bottom: 11px;
}
input.input-md, .input-md {
	padding-top: 13px;
	padding-bottom: 13px;
}
input.input-lg, .input-lg {
	padding-top: 15px;
	padding-bottom: 15px;
}
input.input-xlg, .input-xlg {
	padding-top: 17px;
	padding-bottom: 17px;
}
textarea {
	height: 120px;
	font-size: 13px !important;
}
label {
	color: #333;
	font-size: 12px;
	margin-bottom: 10px;
	padding-right: 3px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 6px;
	font-family: 'Raleway', sans-serif;
}
.input-fancy {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
.form-full {
	width: 100%;
}
.form-full-height {
	height: 100%;
}
.form-field-wrapper {
	margin-bottom: 20px;
	position: relative;
}
form .error {
	border-color: #e1534f;
}
form label.error {
	margin-bottom: 0px;
	margin-top: 3px;
	color: #e1534f;
	font-size: 12px;
	font-weight: 400;
}
.errorContent {
	color: #e1534f;
	margin-bottom: 20px;
	display: none;
	text-transform: none;
	letter-spacing: 1px;
}
.successContent {
	color: #5cb45d;
	margin-bottom: 20px;
	display: none;
	text-transform: none;
	letter-spacing: 1px;
}
.newsletter-input {
	max-width: 280px;
}
/*------------------------------------------------------------------*/
/* Spacer Style */
/*------------------------------------------------------------------*/
/*spacing*/
.spacer-15 {
	height: 15px;
	width: 100%;
}
.spacer-30 {
	height: 30px;
	width: 100%;
}
.spacer-45 {
	height: 45px;
	width: 100%;
}
.spacer-60 {
	height: 60px;
	width: 100%;
}
.spacer-75 {
	height: 75px;
	width: 100%;
}
.spacer-90 {
	height: 90px;
	width: 100%;
}
/*padding*/
.section-padding {
	padding-top: 120px;
	padding-bottom: 120px;
}
.section-padding-t {
	padding-top: 120px;
}
.section-padding-b {
	padding-bottom: 120px;
}
/*--*/
.p-90 {
	padding: 90px;
}
.ptb-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}
.plt-90 {
	padding-left: 90px;
	padding-right: 90px;
}
.pt-90 {
	padding-top: 90px;
}
.pb-90 {
	padding-bottom: 90px;
}
/*--*/
.p-85 {
	padding: 85px;
}
.ptb-85 {
	padding-top: 85px;
	padding-bottom: 85px;
}
.plt-85 {
	padding-left: 85px;
	padding-right: 85px;
}
.pt-85 {
	padding-top: 85px;
}
.pb-85 {
	padding-bottom: 85px;
}
/*--*/
.p-80 {
	padding: 80px;
}
.ptb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.plt-80 {
	padding-left: 80px;
	padding-right: 80px;
}
.pt-80 {
	padding-top: 80px;
}
.pb-80 {
	padding-bottom: 80px;
}
/*--*/
.p-75 {
	padding: 75px;
}
.ptb-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}
.plt-75 {
	padding-left: 75px;
	padding-right: 75px;
}
.pt-75 {
	padding-top: 75px;
}
.pb-75 {
	padding-bottom: 75px;
}
/*--*/
.p-70 {
	padding: 70px;
}
.ptb-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}
.plt-70 {
	padding-left: 70px;
	padding-right: 70px;
}
.pt-70 {
	padding-top: 70px;
}
.pb-70 {
	padding-bottom: 70px;
}
/*--*/
.p-65 {
	padding: 65px;
}
.ptb-65 {
	padding-top: 65px;
	padding-bottom: 65px;
}
.plt-65 {
	padding-left: 65px;
	padding-right: 65px;
}
.pt-65 {
	padding-top: 65px;
}
.pb-65 {
	padding-bottom: 65px;
}
/*--*/
.p-60 {
	padding: 60px;
}
.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.plt-60 {
	padding-left: 60px;
	padding-right: 60px;
}
.pt-60 {
	padding-top: 60px;
}
.pb-60 {
	padding-bottom: 60px;
}
/*--*/
.p-55 {
	padding: 55px;
}
.ptb-55 {
	padding-top: 55px;
	padding-bottom: 55px;
}
.plt-55 {
	padding-left: 55px;
	padding-right: 55px;
}
.pt-55 {
	padding-top: 55px;
}
.pb-55 {
	padding-bottom: 55px;
}
/*--*/
.p-50 {
	padding: 50px;
}
.ptb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.plt-50 {
	padding-left: 50px;
	padding-right: 50px;
}
.pt-50 {
	padding-top: 50px;
}
.pb-50 {
	padding-bottom: 50px;
}
/*--*/
.p-45 {
	padding: 45px;
}
.ptb-45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.plt-45 {
	padding-left: 45px;
	padding-right: 45px;
}
.pt-45 {
	padding-top: 45px;
}
.pb-45 {
	padding-bottom: 45px;
}
/*--*/
.p-40 {
	padding: 40px;
}
.ptb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.plt-40 {
	padding-left: 40px;
	padding-right: 40px;
}
.pt-40 {
	padding-top: 40px;
}
.pb-40 {
	padding-bottom: 40px;
}
/*--*/
.p-35 {
	padding: 35px;
}
.ptb-35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.plt-35 {
	padding-left: 35px;
	padding-right: 35px;
}
.pt-35 {
	padding-top: 35px;
}
.pb-35 {
	padding-bottom: 35px;
}
/*--*/
.p-30 {
	padding: 30px;
}
.ptb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.plt-30 {
	padding-left: 30px;
	padding-right: 30px;
}
.pt-30 {
	padding-top: 30px;
}
.pb-30 {
	padding-bottom: 30px;
}
/*--*/
.p-25 {
	padding: 25px;
}
.ptb-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.plt-25 {
	padding-left: 25px;
	padding-right: 25px;
}
.pt-25 {
	padding-top: 25px;
}
.pb-25 {
	padding-bottom: 25px;
}
/*--*/
.p-20 {
	padding: 20px;
}
.ptb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.plt-20 {
	padding-left: 20px;
	padding-right: 20px;
}
.pt-20 {
	padding-top: 20px;
}
.pb-20 {
	padding-bottom: 20px;
}
/*--*/
.p-15 {
	padding: 15px;
}
.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.plr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.plt-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.pt-15 {
	padding-top: 15px;
}
.pb-15 {
	padding-bottom: 15px;
}
/*--*/
.p-10 {
	padding: 10px;
}
.ptb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.plt-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pt-10 {
	padding-top: 10px;
}
.pb-10 {
	padding-bottom: 10px;
}
/*--*/
.p-5 {
	padding: 5px;
}
.ptb-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.plt-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.pt-5 {
	padding-top: 5px;
}
.pb-5 {
	padding-bottom: 5px;
}
/*margrin*/
.container-margin {
	margin-top: 120px;
	margin-bottom: 120px;
}
.container-margin-t {
	margin-top: 120px;
}
.container-margin-b {
	margin-bottom: 120px;
}
/*--*/
.m-90 {
	margin: 90px;
}
.mtb-90 {
	margin-top: 90px;
	margin-bottom: 90px;
}
.mlt-90 {
	margin-left: 90px;
	margin-right: 90px;
}
.mt-90 {
	margin-top: 90px;
}
.mb-90 {
	margin-bottom: 90px;
}
/*--*/
.m-85 {
	margin: 85px;
}
.mtb-85 {
	margin-top: 85px;
	margin-bottom: 85px;
}
.mlt-85 {
	margin-left: 85px;
	margin-right: 85px;
}
.mt-85 {
	margin-top: 85px;
}
.mb-85 {
	margin-bottom: 85px;
}
/*--*/
.m-80 {
	margin: 80px;
}
.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.mlt-80 {
	margin-left: 80px;
	margin-right: 80px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-80 {
	margin-bottom: 80px;
}
/*--*/
.m-75 {
	margin: 75px;
}
.mtb-75 {
	margin-top: 75px;
	margin-bottom: 75px;
}
.mlt-75 {
	margin-left: 75px;
	margin-right: 75px;
}
.mt-75 {
	margin-top: 75px;
}
.mb-75 {
	margin-bottom: 75px;
}
/*--*/
.m-70 {
	margin: 70px;
}
.mtb-70 {
	margin-top: 70px;
	margin-bottom: 70px;
}
.mlt-70 {
	margin-left: 70px;
	margin-right: 70px;
}
.mt-70 {
	margin-top: 70px;
}
.mb-70 {
	margin-bottom: 70px;
}
/*--*/
.m-65 {
	margin: 65px;
}
.mtb-65 {
	margin-top: 65px;
	margin-bottom: 65px;
}
.mlt-65 {
	margin-left: 65px;
	margin-right: 65px;
}
.mt-65 {
	margin-top: 65px;
}
.mb-65 {
	margin-bottom: 65px;
}
/*--*/
.m-60 {
	margin: 60px;
}
.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.mlt-60 {
	margin-left: 60px;
	margin-right: 60px;
}
.mt-60 {
	margin-top: 60px;
}
.mb-60 {
	margin-bottom: 60px !important;
}
/*--*/
.m-55 {
	margin: 55px;
}
.mtb-55 {
	margin-top: 55px;
	margin-bottom: 55px;
}
.mlt-55 {
	margin-left: 55px;
	margin-right: 55px;
}
.mt-55 {
	margin-top: 55px;
}
.mb-55 {
	margin-bottom: 55px;
}
/*--*/
.m-50 {
	margin: 50px;
}
.mtb-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mlt-50 {
	margin-left: 50px;
	margin-right: 50px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-50 {
	margin-bottom: 50px !important;
}
/*--*/
.m-45 {
	margin: 45px;
}
.mtb-45 {
	margin-top: 45px;
	margin-bottom: 45px;
}
.mlt-45 {
	margin-left: 45px;
	margin-right: 45px;
}
.mt-45 {
	margin-top: 45px;
}
.mb-45 {
	margin-bottom: 45px;
}
/*--*/
.m-40 {
	margin: 40px;
}
.mtb-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.mlt-40 {
	margin-left: 40px;
	margin-right: 40px;
}
.mt-40 {
	margin-top: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
/*--*/
.m-35 {
	margin: 35px;
}
.mtb-35 {
	margin-top: 35px;
	margin-bottom: 35px;
}
.mlt-35 {
	margin-left: 35px;
	margin-right: 35px;
}
.mt-35 {
	margin-top: 35px;
}
.mb-35 {
	margin-bottom: 35px;
}
/*--*/
.m-30 {
	margin: 30px;
}
.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mlt-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
/*--*/
.m-25 {
	margin: 25px;
}
.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.mlt-25 {
	margin-left: 25px;
	margin-right: 25px;
}
.mt-25 {
	margin-top: 25px;
}
.mb-25 {
	margin-bottom: 25px;
}
/*--*/
.m-20 {
	margin: 20px;
}
.mtb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mlt-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
/*--*/
.m-15 {
	margin: 15px;
}
.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mlt-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mt-15 {
	margin-top: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
/*--*/
.m-10 {
	margin: 10px;
}
.mtb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mlt-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}
/*--*/
.m-5 {
	margin: 5px;
}
.mtb-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mlt-5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mt-5 {
	margin-top: 5px;
}
.mb-5 {
	margin-bottom: 5px;
}
/*--*/
.m-0 {
	margin: 0px;
}
.mtb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mlt-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.mt-0 {
	margin-top: 0px;
}
.mb-0 {
	margin-bottom: 0px !important;
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /*extra small medium*/

    /*padding*/
    .section-padding {
 padding-top: 70px;
 padding-bottom: 60px;
}
 .section-padding-t {
 padding-top: 70px;
}
 .section-padding-b {
 padding-bottom: 70px;
}

    /*margrin*/
    .container-margin {
 margin-top: 70px;
 margin-bottom: 70px;
}
 .container-margin-t {
 margin-top: 70px;
}
 .container-margin-b {
 margin-bottom: 70px;
}
 .float-xs-left {
 float: left !important;
 text-align: left;
}
 .float-xs-right {
 float: right !important;
 text-align: right;
}
 .p-xs-0 {
 padding: 0px;
}
 .ptb-xs-0 {
 padding-top: 0px;
 padding-bottom: 0px;
}
 .plt-xs-0 {
 padding-left: 0px;
 padding-right: 0px;
}
 .pt-xs-0 {
 padding-top: 0px;
}
 .pb-xs-0 {
 padding-bottom: 0px;
}
 .mtb-xs-30 {
 margin-top: 30px;
 margin-bottom: 30px;
}
 .mlt-xs-30 {
 margin-left: 30px;
 margin-right: 30px;
}
 .mt-xs-30 {
 margin-top: 30px;
}
 .mb-xs-30 {
 margin-bottom: 30px;
}

    /* 0 */
    .mtb-xs-0 {
 margin-top: 0px;
 margin-bottom: 0px;
}
 .mlt-xs-0 {
 margin-left: 0px;
 margin-right: 0px;
}
 .mt-xs-0 {
 margin-top: 0px;
}
 .mb-xs-0 {
 margin-bottom: 0px;
}
}
 @media (max-width: 991px) {
 .p-sm-0 {
 padding: 0px;
}
 .ptb-sm-0 {
 padding-top: 0px;
 padding-bottom: 0px;
}
 .plt-sm-0 {
 padding-left: 0px;
 padding-right: 0px;
}
 .pt-sm-0 {
 padding-top: 0px;
}
 .pb-sm-0 {
 padding-bottom: 0px;
}


    /* 45 */
    .mtb-sm-45 {
 margin-top: 45px;
 margin-bottom: 45px;
}
 .mlt-sm-45 {
 margin-left: 45px;
 margin-right: 45px;
}
 .mt-sm-45 {
 margin-top: 45px;
}
 .mb-sm-45 {
 margin-bottom: 45px;
}

    /* 30 */
    .mtb-sm-30 {
 margin-top: 30px;
 margin-bottom: 30px;
}
 .mlt-sm-30 {
 margin-left: 30px;
 margin-right: 30px;
}
 .mt-sm-30 {
 margin-top: 30px;
}
 .mb-sm-30 {
 margin-bottom: 30px;
}

    /* 0 */
    .mtb-sm-0 {
 margin-top: 0px;
 margin-bottom: 0px;
}
 .mlt-sm-0 {
 margin-left: 0px;
 margin-right: 0px;
}
 .mt-sm-0 {
 margin-top: 0px;
}
 .mb-sm-0 {
 margin-bottom: 0px;
}
}
/*==========================================================================================================*/
/* HEADER     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Header Style */
/*------------------------------------------------------------------*/
.header {
	position: absolute;
	text-align: center;
	top: 0px;
	z-index: 1000;
	color: #fff;
	width: 100%;
	height: 85px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.header.header-prepare, .header.header-light.header-prepare {
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid #f0f0f0;
}
.header.header-dark.header-prepare {
	background-color: rgba(34, 34, 34, 0.95);
	border-bottom: 0px none;
}
.header.header-fixed {
	display: block;
	margin-top: 0 !important;
	position: fixed;
	height: 58px;
}
.header-inner {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}
.header-fixed .logo a {
	margin-top: 15px;
	margin-bottom: 15px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.header-fixed .nav-menu ul.nav-menu-inner > li > a {
	padding-top: 24px;
	padding-bottom: 23px;
}
/*header Logo style*/
.header.header-prepare .logo a img.logo-light, .header .logo a img.logo-dark {
	opacity: 0;
}
.header .logo a img.logo-light, .header.header-prepare .logo a img.logo-dark, .header.header-light .logo a img.logo-dark {
	opacity: 1;
}
.header.header-dark.header-prepare .logo a img.logo-dark, .header.header-dark .logo a img.logo-dark {
	opacity: 0;
}
.header.header-dark.header-prepare .logo a img.logo-light, .header.header-dark .logo a img.logo-light {
	opacity: 1;
}
 @media all and (min-width: 1025px) {

    /*header nav style*/
    .header.header-prepare .nav-menu ul.nav-menu-inner > li > a {
 color: rgba(34, 34, 34, 0.60);
}
 .header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
 color: rgba(34, 34, 34, 1);
}
 .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
 color: rgba(255, 255, 255, 0.75);
}
 .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
 color: rgba(255, 255, 255, 1);
}
}
 @media all and (max-width: 1024px) {
 .header {
 height: 58px;
}
 .header-inner {
 padding-left: 30px;
 padding-right: 30px;
 position: relative;
 display: table;
 width: 100%;
}
 .header .logo a {
 margin-top: 15px;
 margin-bottom: 15px;
 width: 100px;
 transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
}
}
/*------------------------------------------------------------------*/
/* Logo Style */
/*------------------------------------------------------------------*/
.logo {
	float: left;
	text-align: left;
	display: inline-block;
}
.logo a {
	width: 100px;
	display: block;
	margin-top: 29px;
	margin-bottom: 28px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	position: relative;
}
.logo a img {
    max-width: 142%;
    width: 142%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
.nav-menu {
	position: static;
	float: right;
	display: block;
}
.nav-menu.active {
	display: block;
}
.nav-menu ul.nav-menu-inner {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu ul.nav-menu-inner li {
	display: inline-block;
	list-style: none;
	text-align: left;
}
.nav-menu ul.nav-menu-inner > li > a {
	color: rgba(255, 255, 255, 0.60);
}
.header-light .nav-menu ul.nav-menu-inner > li > a {
	color: rgba(34, 34, 34, 0.6);
}
.nav-menu ul.nav-menu-inner li a {
	font-family: inherit;
	display: block;
	font-size: 11px;
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.nav-menu ul.nav-menu-inner > li > a {
	padding: 37px 15px;
}
.header .nav-menu ul.nav-menu-inner > li.active a, .header .nav-menu ul.nav-menu-inner > li a.active, .header .nav-menu ul.nav-menu-inner > li:hover > a, .header .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark .nav-menu ul.nav-menu-inner > li.active a, .header.header-dark .nav-menu ul.nav-menu-inner > li a.active, .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color: #fff;
}
.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color: #222;
}
/* Mobile bar icon */
.nav-mobile.nav-bar-icon {
	display: none;
}
.nav-bar-icon {
	display: inline-block;
	float: right;
	position: relative;
	height: 16px;
	width: 20px;
	margin-top: 34px;
	margin-bottom: 35px;
	margin-left: 15px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	cursor: pointer;
}
.header-fixed .nav-bar-icon {
	margin-top: 21px;
	margin-bottom: 21px;
}
.nav-bar-icon a {
	color: #fff;
	display: block;
	font-size: 17px;
	padding: 19px 0;
}
.nav-bar-icon.active a, .nav-bar-icon a.active,  .nav-bar-icon:hover a, .nav-bar-icon a:hover {
	color: #8a238c;
}
.nav-bar-icon > span {
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 2px;
	margin-top: -1px;
	background-color: #222;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
.nav-bar-icon > span:before,  .nav-bar-icon > span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
 header .nav-bar-icon > span, header .nav-bar-icon > span:before, header .nav-bar-icon > span::after, header.header-dark .nav-bar-icon > span, header.header-dark .nav-bar-icon > span:before, header.header-dark .nav-bar-icon > span::after, header.header-dark.header-prepare .nav-bar-icon > span, header.header-dark.header-prepare .nav-bar-icon > span:before, header.header-dark.header-prepare .nav-bar-icon > span::after {
 background-color: #fff;
}
 header.header-light .nav-bar-icon > span, header.header-light .nav-bar-icon > span:before, header.header-light .nav-bar-icon > span::after, header.header-prepare .nav-bar-icon > span, header.header-prepare .nav-bar-icon > span:before, header.header-prepare .nav-bar-icon > span::after {
 background-color: #222;
}
.nav-bar-icon > span:before {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
	-o-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-moz-transform: translateY(-7px);
}
.nav-bar-icon > span:after {
	-webkit-transform: translateY(7px);
	transform: translateY(7px);
	-o-transform: translateY(7px);
	-ms-transform: translateY(7px);
	-moz-transform: translateY(7px);
}
.nav-bar-icon.active {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.nav-bar-icon.active > span:before {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.nav-bar-icon.active > span:after {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
/* Dropdown-menu */
.nav-menu > ul li {
	position: relative;
}
.sub-dropdown.dropdown {
	top: 100%;
	left: 0;
}
.sub-dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	background: rgba(34, 34, 34, 0.90);
	padding: 0;
	width: 200px;
}
.sub-dropdown li {
	width: 100%;
}
.sub-dropdown > li > a {
	padding: 13px 15px;
	display: block;
	color: rgba(255, 255, 255, 0.75);
}
.sub-dropdown > li:hover > a {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}
.sub-dropdown i {
	float: right;
}
 @media all and (max-width: 1024px) {
 .nav-menu ul.nav-menu-inner li {
 display: block;
 width: 100%;
}
 .nav-menu {
 position: static;
 left: 0;
 top: 100%;
 float: none;
 display: none;
 width: 100%;
 background: rgba(34, 34, 34, 0.85);
 overflow-y: auto;
 z-index: 999;
}
 .nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
 display: inline-block;
 float: right;
 margin-top: 21px;
 margin-bottom: 21px;
}
 .nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {
 padding: 15px 12px;
 border-top: 1px solid #444;
}


    /* Dropdown */
    .sub-dropdown.dropdown, .sub-dropdown {
 top: 100%;
 position: relative;
 left: 0;
 width: 100%;
}
 .sub-dropdown a {
 padding-left: 30px !important;
}
 .header .nav-menu ul.nav-menu-inner li a.current,  .header .nav-menu ul.nav-menu-inner li.current a,  .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,  .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
 color: #fff;
}
 .header-light .nav-menu ul.nav-menu-inner > li > a {
 color: rgba(255, 255, 255, 0.60);
}
}
/*------------------------------------------------------------------*/
/* Overlay Menu */
/*------------------------------------------------------------------*/
.overlay-menu {
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
	display: table;
	height: 100%;
	min-height: 100%;
	opacity: 0;
	position: fixed;
	visibility: hidden;
	width: 100%;
	z-index: 9999;
	transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	top: 0px;
	left: 0px;
	overflow: auto;
	padding: 50px 0;
}
.overlay-menu.active {
	opacity: 1;
	top: 0;
	visibility: visible;
}
.overlay-menu .overlay-menu-inner {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.overlay-menu .overlay-menu-inner nav {
	display: block;
}
.overlay-menu-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 290px;
	margin: auto;
}
.overlay-menu .overlay-menu-nav {
	opacity: 0.2;
	transform: translateY(-15%) rotateX(35deg);
	-moz-transform: translateY(-15%) rotateX(35deg);
	-ms-transform: translateY(-15%) rotateX(35deg);
	-o-transform: translateY(-15%) rotateX(35deg);
	-webkit-transform: translateY(-15%) rotateX(35deg);
	transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}
.overlay-menu.active .overlay-menu-nav {
	opacity: 1;
	transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
}
.overlay-menu-nav li {
	display: block;
}
.overlay-menu-nav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 2px;
	display: block;
}
.overlay-menu-nav li:hover a {
	color: #8a238c;
}
.overlay-menu-close {
	color: #fff;
	height: 16px;
	line-height: 40px;
	position: absolute;
	right: 30px;
	text-align: center;
	top: 30px;
	width: 16px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 1;
}
.overlay-menu-close > span {
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
.overlay-menu-close > span:before,  .overlay-menu-close > span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.overlay-menu-close:hover > span,  .overlay-menu-close:hover > span:before,  .overlay-menu-close:hover > span:after {
	background-color: #8a238c;
}
 @media all and (max-width: 960px) {
 .overlay-menu-active .overlay-menu {
 position: absolute;
}
 .overlay-menu-active #page-wraper {
 position: fixed;
}
}
/*------------------------------------------------------------------*/
/* Sidebar Menu */
/*------------------------------------------------------------------*/

/* Push Sidebar Menu Css ---*/

.pushmenu { /*this is the nav*/
	background: #323232;
	font-family: Arial, Helvetics, sans-serif;
	width: 270px;
	height: 100%;
	top: 0;
	z-index: 1000;
	position: fixed;
}
.pushmenu-push {
	overflow-x: hidden;
	position: relative;
}
/* Left Sidebar Menu Css --------*/

.pushmenu-right {
	right: -270px;
}
.pushmenu-right.pushmenu-open {
	right: 0;
}
.pushmenu-push-left {
	left:0;
}
.pushmenu-push-toleft {
	left: -270px;
}
/*Transition*/
.pushmenu, .pushmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
/* Sidebar Menu Inner */
.side-menu {
	background: #222222 !important;
	z-index: 2005 !important;
	color: #fff;
	padding: 30px;
	overflow-y: auto;/*position: relative;*/
}
.side-menu .menu-close {
	left: auto;
	position: absolute;
	right: 30px;
	top: 30px;
	display: inline-block;
	/*background: url("../img/close-white.png") no-repeat center center;*/
        color: #fff;
	font-size: 18px;
	line-height: 0;
	overflow: hidden;
}
.side-menu .menu-close:hover {
	color: #8a238c;
}
.side-menu a {
	color: #aaa;
	font-weight: 400;
	font-size: 14px;
	font-family:"Open Sans", sans-serif;
	line-height:26px;
}
.side-menu a:hover, .side-menu a.current, .side-menu a.active {
	color: #fff;
}
.side-menu ul {
	padding: 0;
}
.side-menu ul li {
	list-style: none;
	margin-bottom: 5px;
}
.side-menu > ul > li > a {
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}
/*==================================*/
/* Left Sidebar Menu Css --------*/
/*==================================*/
.pushmenu-left {
	left: -270px;
}
.pushmenu-left.pushmenu-open {
	left: 0;
}
.pushmenu-push-right {
	right:0;
}
.pushmenu-push-toright {
	right: -270px;
}
/*==========================================================================================================*/
/* INTRO     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Intro */
/*------------------------------------------------------------------*/

#intro {
	position: relative;
	overflow: hidden;
}
.intro-media-wraper {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.intro-bg-section {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.intro-caption-waper {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.intro-caption-top {
	z-index: 2;
}
.intro-content {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}
.intro-content-inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.intro-img-circle {
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	height: 120px;
	border: 5px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 30px;
}
.intro-img-circle img {
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.intro-play-icon {
	text-align: center;
}
.intro-sub-title {
	letter-spacing: 1.5px;
}
.intro-title {
	font-size: 70px;
	margin-top: 40px;
	margin-bottom: 40px;
	font-weight: 400;
	line-height: 1.1;/*letter-spacing: -2px;*/
}
.intro-title-sm {
	font-size: 44px !important;
	margin-top: 30px;
	font-weight: 400;
	margin-bottom: 0;
}
.error-intro-title {
	font-size: 100px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.1;
}
.inner-intro {
	position: relative;
	padding: 200px 0;
}
.inner-intro h1 {
	font-size: 54px;
	margin-top: 30px;
}






 @media (max-width: 1024px) {
 .intro-title {
 letter-spacing: 0;
 font-size: 46px;
}
 .bg-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: inherit;
 display: block;
 overflow: hidden;
 position: relative;
 width: 100%;
}
}
 @media (max-width: 1280px) {
 .bg-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: inherit;
 display: block;
 overflow: hidden;
 position: relative;
 width: 100%;
}

 .intro-title {
 letter-spacing: 0;
 font-size: 27px!important;
 left:5px!imporant;
 line-height:40px!important;
}
.videoz{
width:0px!important;
height:0px!important;
}

}

.videoz{
width:100%;
height:100%;
}






/*------------------------------------------------------------------*/
/* Slider */
/*------------------------------------------------------------------*/




.sc-logo {
	/*margin-top: 0px;
    margin-bottom:0;*/
    text-align: center;
}
.sc-title {
	font-weight: 800;
	text-align: center;/*margin-top: 0px;
    margin-bottom:0;*/
}
.sc-paragraph-lead {
	font-family: Georgia;
	font-style: italic;
	font-size: 20px;
	text-align: center;/*margin-top: 0px;
    margin-bottom:0;*/
}
.sc-button {
}
/*==========================================================================================================*/
/* ELEMENTS     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Skills Bar */
/*------------------------------------------------------------------*/

.skillbar {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.skillbar-bar {
	background: rgba(34, 34, 34, 0.07);
	width: 100%;
}
.skillbar-bar-child {
	height: 4px;
	width: 0px;
	background: #8a238c;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
}
.skillbar-title {
	display: inline-block;
	text-align: left;
	margin-bottom: 7px;
}
.skillbar-title, .skill-bar-percent {
}
.skill-bar-percent {
	float: right;
	display: inline-block;
	font-weight: 400;
	margin-top: 3px;
	font-size: 12px;
}
/*------------------------------------------------------------------*/
/* Team Box */
/*------------------------------------------------------------------*/

/* Team Box   ||-------------------*/
.team-item {
	padding-left: 15px;
	padding-right: 15px;
}
.team-item-img {
	position: relative;
}
.team-item-img > img {
	width: 100%;
}
.team-item-img .team-item-detail {
	background: rgba(255, 255, 255, 0.95);
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.team-item:hover .team-item-detail {
	opacity: 1;
	visibility: visible;
}
.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
	margin: auto;
	padding: 25px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 8px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a {
	border: 1px solid #222;
	color: #222;
	display: block;
	font-size: 14px;
	height: 28px;
	width: 28px;
	line-height: 1.8;
	border-radius: 30%;
	-moz-border-radius: 30%;
	-webkit-border-radius: 30%;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	text-align: center;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a i {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
	color: #fff;
	background: #222;
}
.team-item-info {
	padding-top: 15px;
	text-align: center;
}
.team-item-info h5, .team-item-info h6 {
	margin-bottom: 5px;
}
.team-item-info p {
	margin-bottom: 0px;
}
/*------------------------------------------------------------------*/
/* Tabs */
/*------------------------------------------------------------------*/
ul.icon-tab-nav, .icon-tab-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.icon-tab-nav li, .icon-tab-nav ul li {
	display: inline-block;
	width: 200px;
}
.icon-tab-nav {
	display: block;
}
.icon-tab-nav a {
	font-size: 44px;/*color: #aaa;*/
    }
.icon-tab-nav .icon-tab-nav-title {
	margin-top: 10px;
}
.icon-tab-nav a, .icon-tab-nav .icon-tab-nav-title {
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.icon-tab-nav a.active, .icon-tab-nav a.active .icon-tab-nav-title,  .icon-tab-nav a:hover, .icon-tab-nav a:hover .icon-tab-nav-title {
	color: #8a238c;
}
/*------------------------------------------------------------------*/
/* Accordion & Toggle*/
/*------------------------------------------------------------------*/
.accordion, .toggle {
	margin-bottom: 20px;
	margin-top: 0;
}
.accordion .accordion-title, .toggle .toggle-title {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
}
.accordion > .accordion-title > a:after, .toggle > .toggle-title > a:after {
	color: #222;
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-top: -8px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-transform: none;
	top: 50%;
	width: 15px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.accordion > .accordion-title > a, .toggle > .toggle-title > a {
	border: 1px solid #f1f1f1;
	background: #fff;
	color: #222;
	display: block;
	padding: 14px 20px;
	position: relative;
	text-decoration: none;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	outline: none;
}
.accordion > .accordion-title > a.active, .toggle > .toggle-title > a.active {
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	color: #222;
	cursor: default;
}
.accordion > .accordion-title > a.active:after, .toggle > .toggle-title > a.active:after {
	/*color: #fff;*/
                content: "";
}
.accordion > .accordion-content, .toggle > .toggle-content {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
	padding: 10px 20px 10px;
}
/*------------------------------------------------------------------*/
/* Counter */
/*------------------------------------------------------------------*/

.counter-group {
	position: relative;
}
.counter-group {
	position: relative;
}
.counter-icon {
	display: inline-block;
	font-size: 38px;
	vertical-align: top;
	margin-right: 20px;
}
.counter-content {
	display: inline-block;
	text-align: left;
}
.counter-title {
	font-family: inherit;
	font-size: 60px !important;
	line-height: 1;
	margin-bottom: 12px;
}
.counter-sub-title {
	margin-bottom: 0;
}
/*------------------------------------------------------------------*/
/* Pricing-box */
/*------------------------------------------------------------------*/

.pricing-box {
	background: #fff;
	border: 1px solid #eee;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.pricing-box.highlight {
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
}
.pricing-padding {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pricing-padding-t {
	padding-top: 30px;
}
.pricing-padding-b {
	padding-bottom: 30px;
}
.pricing-title, .pricing-price, .pricing-features, .pricing-button {
	padding-left: 15px;
	padding-right: 15px;
}
.pricing-title h1, .pricing-title h2, .pricing-title h3, .pricing-title h4, .pricing-title h5, .pricing-title h6 {
	margin-bottom: 0px;
}
.pricing-price {
	margin-top: 40px;
	margin-bottom: 40px;
}
.pricing-price p {
	color: #222;
	line-height: 1;
}
.pricing-price .dollar {
	vertical-align: 32px;/*margin-right: 5px;*/
    }
.pricing-price .dollar, .pricing-price .pricing-price-sm {
	font-size: 14px;
	font-weight: 400;
}
.pricing-price .pricing-price-sm {
/*margin-left: 5px;*/
    }
.pricing-price .pricing-price-lg {
	font-size: 60px;
	font-weight: 300;
}
.pricing-features {
	font-size: 16px;
	margin-bottom: 45px;
}
.pricing-features ul {
	list-style: none;
	padding: 0;
}
.pricing-features ul li {
	margin-bottom: 10px;
}
/*------------------------------------------------------------------*/
/* Action-box */
/*------------------------------------------------------------------*/
.action-box-title {
	margin-bottom: 10px !important;
	line-height: 1.2 !important;
}
.action-box-content {
	margin-bottom: 0px !important;
}
/*------------------------------------------------------------------*/
/* History-box */
/*------------------------------------------------------------------*/
.history-box {
	padding: 30px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 5px solid #eee;
}
.history-year {
	background: #222;
	padding: 5px 10px;
	color: #fff;
	display: inline-block;
	margin-bottom: 15px;
}
.history-title {
}
.history-sub-title {
	margin-bottom: 15px;
	font-weight: 400;
	color: #a0a0a0;
}
.history-content {
	margin-bottom: 0;
}
/*------------------------------------------------------------------*/
/* Client Logo */
/*------------------------------------------------------------------*/

.client-logo {
	height: 90px;
	text-align: center;
}
.client-logo img {
	height: 100%;
}
/*------------------------------------------------------------------*/
/* Social */
/*------------------------------------------------------------------*/
.social-box {
	position: relative;
}
.social-box .social-icon, .social-box .social-link a, .social-box .social-link {
	color: #fff;
}
.social-box .social-icon {
	width: 105px;
	height: 105px;
	background: rgba(255, 255, 255, 0.1);
	line-height: 105px;
	text-align: center;
	font-size: 30px;
	/*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;*/
        /*border: 13px solid rgba(255, 255, 255, 0.05);*/
        cursor: pointer;
	margin: auto;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.social-box .social-icon i {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.social-box .social-link {
	margin-top: 35px;
	margin-bottom: 0px;
}
.social-box:hover .social-icon {
	background: #8a238c;
}
.social-box:hover .social-link a {
	color: #8a238c;
}
/*------------------------------------------------------------------*/
/* Pagination */
/*------------------------------------------------------------------*/
.pagination-nav {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
}
.pagination-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination-nav ul li {
	display: inline-block;
	margin: 0 2px;
}
.pagination-nav ul li a {
	display: block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 36px;
	border: 1px solid #eee;
}
.pagination-nav ul li a.active {
	border: 1px solid #222;
	background: #222;
	color: #fff;
}
.pagination-nav ul li a.active:hover {
	color: #fff;
}
.pagination-nav ul li a:hover {
	border: 1px solid #222;
	color: #222;
}
.pagination-nav .prev {
	float: left;
	text-align: left;
}
.pagination-nav .next {
	float: right;
	text-align: left;
}
.pagination-nav .prev a, .pagination-nav .next a {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}
/*------------------------------------------------------------------*/
/* Contact Form, Map, contact-info */
/*------------------------------------------------------------------*/

.contact-info {
	position: relative;
}
.contact-info p {
	margin-bottom: 0px;
}
.home-contact-txt-msg {
	max-height: 114px;
}
form .error {
	text-align: left;
}
.map {
	height: 400px;
	width: 100%;
}
/*------------------------------------------------------------------*/
/* Preloader */
/*------------------------------------------------------------------*/
#preloader {
	background-color: rgba(255, 255, 255, 1);
	bottom: 0;
	display: block;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999999999;
}
.site-spinner {
	border: 1px solid #ddd;
	font-size: 50px;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	position: absolute;
	text-align: center;
	border-radius: 30%;
	-moz-border-radius: 30%;
	-webkit-border-radius: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: site-spin 1s linear infinite;
	-moz-animation: site-spin 1s linear infinite;
	animation: site-spin 1s linear infinite;
	border-top-color: #222;
}
 @-webkit-keyframes site-spin {
 to {
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-moz-keyframes site-spin {
 to {
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes site-spin {
 to {
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/*------------------------------------------------------------------*/
/* Countdown Clock */
/*------------------------------------------------------------------*/
.countdown-clock {
	display: block;
	list-style: none;
	text-align: center;
	padding: 0;
}
.countdown-clock li {
	display: inline-block;
	padding: 0 10px;
}
.countdown-clock li span {
	font-size: 80px;
	font-weight: 600;
	line-height: 80px;
}
.countdown-clock li p {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	margin-top: 8px;
}
.countdown-clock li.seperator {
	vertical-align: top;
	line-height: 70px;
	font-size: 65px;
}
.countdown-clock.countdown-dark, .countdown-clock.countdown-dark li span, .countdown-clock.countdown-dark li p {
	color: #222;
}
/*==========================================================================================================*/
/* FOOTER     ||---------------------------- */
/*==========================================================================================================*/

.footer {
	padding-top: 120px;
	padding-bottom: 120px;
}
/*------------------------------------------------------------------*/
    /* Social */
    /*------------------------------------------------------------------*/
    .footer .social {
	list-style: outside none none;
	padding: 0;
}
.footer .social li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 8px;
}
.footer .social li a {
	border: 1px solid #222;
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 30px;
	border-radius: 30%;
	-moz-border-radius: 30%;
	-webkit-border-radius: 30%;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.footer .social li a i, .footer .social li a span {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.footer .social li a:hover {
	background: #222 none repeat scroll 0 0;
	color: #fff;
}
/*------------------------------------------------------------------*/
/* Copyright */
/*------------------------------------------------------------------*/
.copyright {
	line-height: 1.9;
}
.copy-link {
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 12px;
}
/*==========================================================================================================*/
/* GLOBEL     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Content Box (Services Box, Featured Box, icon-box, etc...) */
/*------------------------------------------------------------------*/

.content-box, .content-box-with-bg {
	position: relative;
}
.content-box.left {
	padding-left: 100px;
	text-align: left;
	margin-bottom: 35px;
	position: relative;
}
.content-box.right {
	padding-right: 100px;
	text-align: right;
	margin-bottom: 35px;
	position: relative;
}
.content-box-with-bg {
	padding: 45px 30px 30px !important;
	background: #fff;
	border-radius: 3px;
	border: 1px dashed #eee;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.content-box-with-bg:hover {
	background: #f7f7f7;
	border-color: #f7f7f7;
}
/*Icon Style 1*/

.content-box:hover .icon-top, .content-box:hover .icon-left, .content-box:hover .icon-right {
	background-color: #222;
	color: #fff;
}
.icon-top, .icon-left, .icon-right {
	background-color: #f5f5f5;
	display: inline-block !important;
	font-size: 26px;
	color: #333;
	height: 70px;
	line-height: 75px;
	width: 70px;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.icon-top i, .icon-top span,  .icon-left i, .icon-left span,  .icon-right i, .icon-right span {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.icon-top {
	margin-bottom: 45px;
}
.icon-left, .alt-icon-left {
	position: absolute;
	left: 0;
}
.icon-right, .alt-icon-right {
	position: absolute;
	right: 0;
}
.alt-icon-left, .alt-icon-right {
	top: 5px;
}
.icon-left, .icon-right {
	top: 15px;
}
.alt-icon-color {
	color: #8a238c !important;
}
.icon-color {
	background-color: #8a238c;
	color: #fff;
}
.icon-black {
	background-color: #222;
	color: #fff;
}
.content-box:hover .icon-color {
	background-color: #222;
	color: #fff;
}
.content-box:hover .icon-black {
	background-color: #8a238c;
	color: #fff;
}
/* Icon Style 2 */
.content-box.alt-left {
	padding-left: 65px;
	text-align: left;
	margin-bottom: 35px;
	position: relative;
}
.content-box.alt-right {
	padding-right: 65px;
	text-align: right;
	margin-bottom: 35px;
	position: relative;
}
.alt-icon-top, .alt-icon-left, .alt-icon-right {
	color: #222;
	display: inline-block !important;
	font-size: 35px;
	line-height: 1;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.alt-icon-top {
	margin-bottom: 25px;
	text-align: center;
}
.alt-icon-sm-top, .alt-icon-sm-left, .alt-icon-sm-right {
	color: #222;
	display: inline-block !important;
	font-size: 25px;
	line-height: 1;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.alt-icon-sm-top {
	margin-bottom: 20px;
	text-align: center;
}
/* Featured Box */

.features-block-link {
	margin-right: 30px;
}
.features-block-link-icon {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #ebebeb;
	margin-right: 12px;
	vertical-align: middle;
}
.features01 {
	width: 100%;
	max-width: 320px;
}
.features02 {
	max-width: 580px;
	width: 100%;
}
.js-fullscreen-height {
	min-height: 630px;
}
/*------------------------------------------------------------------*/
/* Portfolio (Isotop Grid, box, Portfolio Single Page, etc...) */
/*------------------------------------------------------------------*/
.portfolio-grid .portfolio-item {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	height: auto;
	margin: 0px;
	padding: 15px;
	display: block;
}
 @media (max-width: 1170px) {
 .portfolio-grid .portfolio-item {
 width: 33.33333333333333%;
}
}
 @media (max-width: 980px) {
 .portfolio-grid .portfolio-item {
 width: 50%;
}
}
 @media (max-width: 768px) {
 .portfolio-grid .portfolio-item {
 width: 100%;
}
}
.portfolio-box {
	position: relative;
	overflow: hidden;
}
.portfolio-box a.porfolio-popup {
	display: block;
}
.portfolio-box .portfolio-image-wrap {
	display: block;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.portfolio-box .portfolio-image-wrap img {
	width: 100%;
}
.portfolio-box:hover .portfolio-image-wrap {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	width: 100%;
}
.portfolio-box .portfolio-caption-mask {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%;
	transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	z-index: 9;
}
.portfolio-box:hover .portfolio-caption-mask {
	opacity: 1;
	visibility: visible;
}
.portfolio-box .portfolio-caption-mask .portfolio-caption-text {
	bottom: -60px;
	left: 0;
	opacity: 0;
	padding-left: 30px;
	padding-right: 30px;
	position: absolute;
	text-align: left;
	transition: all 0.5s ease-in-out 0s;
}
.portfolio-box:hover .portfolio-caption-mask .portfolio-caption-text {
	bottom: 30px;
	opacity: 1;
}
.portfolio-box .portfolio-caption-mask h1, .portfolio-box .portfolio-caption-mask h2, .portfolio-box .portfolio-caption-mask h3, .portfolio-box .portfolio-caption-mask h4, .portfolio-box .portfolio-caption-mask h5, .portfolio-box .portfolio-caption-mask h6 {
	color: #fff;
	margin-bottom: 5px;
}
.portfolio-box .portfolio-caption-mask p {
	margin-bottom: 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
/* Portfolio Filter */
.portfolio-filter {
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
}
.portfolio-filter li {
	display: inline-block;
	list-style: none;
}
.portfolio-filter li a {
	display: block;
	color: #222;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-left: 11px;
	margin-right: 11px;
	text-transform: uppercase;
}
.portfolio-filter li a.active {
	color: #8a238c;
}
/* Portfolio Single Page */
#portfolio-single .portfolio-image-wrap {
	margin-bottom: 20px;
}
#portfolio-single .portfolio-image-wrap img {
	width: 100%;
}
.portfolio-item-content {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.portfolio-item-content-spc {
	margin-top: 45px;
}
.portfolio-item-content-detail li {
	line-height: 2;
}
/*------------------------------------------------------------------*/
/* Blog (Blog box, Blog page) */
/*------------------------------------------------------------------*/
.blog-post {
	display: inline-block;
	width: 100%;
}
.blog-post .post-media {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
.blog-post .post-media img {
	width: 100%;
}
.post-entry {
	margin-bottom: 25px;
}
.blog-post .post-tag {
}
.blog-post .post-tag span {
	display: inline-block;
	background: #f0f0f0;
	/*color:#222;*/
        padding: 5px 10px;
}
.blog-post .post-meta {
	color: #999;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-post .post-meta span {
	margin-right: 3px;
}
.blog-post blockquote {
	background-color: #f7f7f7;
	border-left: medium none;
	color: inherit;
	font-size: 17px;
	font-weight: 300;
	margin: 0;
	padding: 25px;
	margin-bottom: 15px;
}
 .blog-post blockquote::before {
 content: "";
 font-family: FontAwesome;
 font-size: 12px;
 padding-right: 7px;
}
 .blog-post blockquote::after {
 content: "";
 font-family: FontAwesome;
 font-size: 12px;
 padding-left: 7px;
}
.blog-post ul {
	margin-bottom: 15px;
}
/* Blog Single ------------------------------ */
#blog-single .post-header {
	margin-bottom: 25px;
}
.post-author-image {
	float: left;
	height: 84px;
	margin-right: 15px;
	width: 84px;
}
.post-author-image img {
	width: 100%;
}
.post-author-panel {
}
.post-author-hadding {
	padding: 8px 20px;
	display: block;
	background: #eee;
}
.post-author-hadding a {
	color: #8a238c;
}
.post-author-body {
	padding: 20px;
	border: 1px solid #eee;
	display: table;
}
.post-author-body p {
	margin-bottom: 0px;
}
.post-author-hadding h1, .post-author-hadding h2, .post-author-hadding h3, .post-author-hadding h4, .post-author-hadding h5, .post-author-hadding h6 {
	margin-bottom: 0;
}
#blog-single .blog-post hr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.blog-post .post-share {
	display: block;
	font-size: 16px;
	display: block;
}
.blog-post .post-share span {
	text-align: right;
	font-weight: 600;
	display: inline-block;
	color: #222;
}
.post-share .post-share-social {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
	float: right;
	display: inline-block;
}
.post-share .post-share-social a {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 18px;
}

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

.footermr{
        margin-left: 47px;

}}


.footermr{
        margin-left: 0px;

}





    .grtra{
       
          margin-right: -50px;
    margin-top: 35px;
    float: right;
    margin-bottom: -65px;
    margin-left: 174px;
    
    }
 


@media only screen and (max-width: 991px){
    .grtra{
        
          margin-top: 20px;
	margin-bottom: -50px;
    margin-left: 125px;
    float: left;
       
    }
    
}