/* 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=Prompt:300,400,500,600,700|Merriweather:300,300i,400,400i&display=swap');

/*
 font-family: 'Prompt', sans-serif;
 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: 'Signature';
	src: url('../fonts/JustSignatureRegular.eot?lsn0el');
	src: url('../fonts/JustSignatureRegular.eot?lsn0el#iefix') format('embedded-opentype'),
		url('../fonts/JustSignatureRegular.ttf?lsn0el') format('truetype'),
		url('../fonts/JustSignatureRegular.woff?lsn0el') format('woff'),
		url('../fonts/JustSignatureRegular.svg?lsn0el#Signature') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/*** 
 
 ====================================================================
	 Reset
 ====================================================================
 
  ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	line-height: inherit;
}
.owl-carousel .owl-stage-outer,input,select{
	border-radius: 0.5rem !important;
}
.card,.profile-list{
	border-radius: 1rem !important;
}
.icon-btn{
	border-radius: 1rem !important;
	width: 60px;
	/* height: 55px; */
}
.text-poly{
	color:#ff84ab !important; 
}
.btn-poly{
	background-color:#ff84ab !important; 
}
.bg-section-poly{
	background-color:rgb(17 70 187 / 15%) !important;
}
.news-poly{
	border-radius: 1rem 0 0 1rem;
}
.news-date-poly{
	bottom: 10px;
    font-size: 12px;
}
.btn-profile-poly{
	top: 50%;
    right: 40px;
    transform: translate(50%, -50%);
}
.nav-link.rounded-pill.active{
	color:white !important;
}
section.profile::before {
    content: '';
    background-color: #ff82aa2b !important;
    width: 100%;
    position: absolute;
    height: 60%;
    left: 0;
    top: 0;
    /* border-radius: 0 0 0.5rem 0.5rem; */
}

.card.scanner-active::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: #4d7add;
    border-radius: 50%;
    top: 10px;
    left: 10px;
	animation: animloader 5s linear infinite;
}
@keyframes animloader {
	0% {
	  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  transform: scale(1);
	  opacity: 0;
	}
}
	  
.box-scanner,.box-history{
	width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    overflow: hidden;
    bottom: 0px;
    z-index: 999;
	transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
	/* border-radius:0.5rem 0.5rem 0 0 !important; */
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.box-scanner.show{
	transform: translateY(0);
}
#reader video,#reader #qr-shaded-region{
	border-radius: 1rem;
}
.text-truncate-3{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.box-list-news{
	position: absolute;
    bottom: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.height-250{
		height: 375px;
	}
}
@media only screen and (max-width: 767px) {
	.height-250{
		height: 240px;
	}
}
@media (min-width: 1281px) {
	.circles,.lower-row.sticky,.page-wrapper,div.wrapper{
		max-width: 480px;
	}
	.lower-row.sticky{
		left:unset !important;
	}
	.header-main-box .auto-container{
		padding: 0px;
	}
	.height-250{
		height: 275px;
	}
}
.height-95-65{
	height: 95px;
}
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px;
}
.bg-time::before{
	content: '';
    background: rgb(255 255 255 / 20%);
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    border-radius: 0.5rem;
}
h2.bg-time{
	font-size: 2.1rem;
}
.navbar__item.active__custom {
	border-radius: 1rem;
	background: linear-gradient(145deg, rgba(255, 158, 189, 1) 0%, rgba(255, 120, 163, 1) 68%) !important;
}
.circle-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color:rgba(20, 17, 187, 0.15) !important;
	border-radius: 50%;
	text-align: center;
	color: white; /* Icon color */
}
.circle-icon i {
color: #1146bb !important;
font-size: 16px; /* Adjust icon size if needed */
}
.circle-icon.disabled i{
	color :#6c757d!important
}
.circle-icon.disabled{
	background-color: rgb(168 168 168 / 50%) !important;
	color :#6c757d!important
}
.card-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color:rgba(20, 17, 187, 0.15) !important;
	border-radius: 0.5rem;
	text-align: center;
	color: white; /* Icon color */
}
.card-icon i {
color: #1146bb  !important;
font-size: 16px; /* Adjust icon size if needed */
}
.card-icon.disabled i{
	color :#6c757d!important
}
.card-icon.disabled{
	background-color: rgb(168 168 168 / 50%) !important;
	color :#6c757d!important
}
.login-icon{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    background-color: rgba(20, 17, 187, 0.15) !important;
    border-radius: 1rem;
    text-align: center;
    color: white;
}
.calendar-bagde{
	background: red;
    color: white !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    margin-left: 5px;
    bottom: 2px;
}
.box-status{
	font-size: 12px;
    padding: 5px 10px;
    border-radius: 1.5rem;
    color: #fff !important;
    text-align: center;
}
select {
	flex: 1;
	padding-right: 1rem;
	color:#000!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
.select-icon {
    position: absolute;
    right: 0.25rem;
    font-size: 0.5rem;
    pointer-events: none;
}
.table thead th {
    border-bottom: unset !important;
}
.back-btn{
	display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #0000001a;
    font-size: 12px;
    cursor: pointer;
}
/* select::-ms-expand {
    display: none;
} */
/*** 
 
 ====================================================================
	 Global Settings
 ====================================================================
 
  ***/

body {

	font-size: 14px;
	color: #222222;
	line-height: 1.5em;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Prompt', sans-serif;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #2698fa;
}

.theme_color {
	color: #2698fa;
}

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: 'Prompt', 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;
	cursor: pointer;
}

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

.text {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 400;
	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;
	overflow: hidden;
	margin-top: 65px;
}

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

ul,
li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
}

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

.btn-style-one .btn-titleC {
	position: relative;
	display: block;
	z-index: 1;
	padding: 5px 30px 5px 30px;
	background: #fff;
	font-size: 14px;
	color: #777;
	border: 1px solid #777;
	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-titleC {
	color: #ffffff;
}



.btn-style-one .btn-titleC: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-titleC: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-title {
	position: relative;
	display: block;
	z-index: 1;
	padding: 5px 30px 5px 30px;
	font-size: 14px;
	border: 1px solid #2698fa;
	background: #2698fa;
	letter-spacing: 0.05em;
	border-radius: 4px;
	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: 14px;
	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%;
	-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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	border-radius: 4px;
	overflow: hidden;
}

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

.btn-style-three .btn-title {
	position: relative;
	display: block;
	z-index: 1;
	padding: 12px 30px 12px 30px;
	background: #2698fa;
	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: 14px;
	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: #561610;
	-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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	border-radius: 0px;
	overflow: hidden;
}

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

.btn-style-eight .btn-title {
	position: relative;
	display: block;
	z-index: 1;
	padding: 5px 30px 5px 30px;
	background: #2698fa;
	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: 14px;
	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: #2f333c;
	-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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: #e85728;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: #e85728;
}

.btn-style-ten .btn-title .btn-icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 100%;
	font-size: 14px;
	padding: 12px 10px;
	text-align: center;
	color: #e85728;
	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: #e85728;
	-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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	background: #d73441;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	background: #ffffff;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	background: none;
	text-transform: capitalize;
	font-family: 'Prompt', sans-serif;
	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: #fff;
	/* 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;
	cursor: pointer;
	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 15px;
	background: transparent;
	color: #ffffff;
}

.main-header .nav-outer {
	position: relative;
	/*float: right;*/
	z-index: 1;
	height: 65px;
}

.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: 'Prompt', sans-serif;
}

.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: 14px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #ffffff;
	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: #52c306;
}

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


.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	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: 14px;
	color: #242424;
	text-align: left;
	text-transform: capitalize;
	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;
	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: 14px;
	color: #242424;
	text-align: left;
	text-transform: capitalize;
	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: 14px;
	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: 14px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
	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;
	cursor: pointer;
}

.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: 14px;
}

.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;
	cursor: pointer;
}

.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: 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-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: 25px 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;
	max-width: 100%;
	max-height: 80px;
	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: 40px;
}

.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: 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-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: 14px;
	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: #ffffff;
	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 {
	padding: 10px 0px;
}

.sticky-header .main-menu .navigation>li {
	margin-left: 40px !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 {
	padding: 21px 0px !important;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #25283a;
	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;
	cursor: pointer;
	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;
	cursor: pointer;
	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: 14px;
	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: 20px;
	line-height: 40px;
	cursor: pointer;
	margin-left: 0px;
	margin: 0px;
	/* top: 12px; */
	display: none;
	color: #2698fa;
}

.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;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #f1f9ff;
	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: 14px;
	color: #777;
	cursor: pointer;
	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(177, 220, 252, 0.5);
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgba(177, 220, 252, 0.5);
}

.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: #2698fa;
	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 #b1dcfc;
	-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: 14px;
	line-height: 32px;
	color: #2698fa;
	background: rgba(255, 255, 255, 0.10);
	cursor: pointer;
	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;
}

.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: 14px;
	color: #2698fa;
	-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;
}

.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: 14px;
	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: capitalize;
}

.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: 14px;
	color: #888888;
	text-transform: capitalize;
	letter-spacing: 0;
	margin: 0 0 10px;
}

.sec-title .upper-text .icon {
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	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: #e85728;
}

.sec-title .subtitle {
	position: relative;
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	color: #777;
	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: 36px;
	line-height: 1.15em;
	color: #2698fa;
	font-weight: 700;
	text-transform: capitalize;
	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: #e85728;
}

.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: #2698fa;
}

.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: 14px;
	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: 14px;
	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: 14px;
	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;
	cursor: pointer;
}

.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: #52c306;
	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;
}

/*** 
 
 ====================================================================
	 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: 14px;
	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;*/
	padding-top: 0px;
}

.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;*/
	padding-bottom: 20px;
}

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

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

.testi-block-one .inner-box .testi-info .name {
	font-size: 14px;
	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: block;
	text-align: center;
	margin-top: 10px;
}

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

.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: 0px;
}

.pricing-tabs .tab-buttons {
	position: relative;
	padding: 8px;
	background: #ffffff;
	color: #2698fa;
	text-align: center;
}

.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;
	width: 100%;
}

.pricing-tabs .tab-buttons .active-btn {
	background: #2698fa;
	color: #fff !important;
	width: 100%;
}

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

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

.pricing-block .block-inner {
	position: relative;
	display: block;
	padding: 30px 15px;
	text-align: left;
	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;
	background: linear-gradient(0deg, rgba(6, 117, 211, 1) 70%, rgba(64, 151, 224, 1) 100%);
}

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

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

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

.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: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.5em;
	color: #96c6ed;
	margin-bottom: 15px;
}

.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: 14px;
	line-height: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
}

.pricing-block .features {
	position: relative;
	margin-bottom: 0px;
	color: #777;
}

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

.pricing-block .features li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 5px;
	color: #fff;
	font-size: 14px;
}

/* 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: 14px;
	color: #777777;
	opacity: .8;
	line-height: 30px;
	font-weight: 400;
	padding: 11px 20px;
	background-color: #ffffff;
	border: 1px solid #2698fa;
	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: #2698fa;
	font-size: 14px;
	padding-top: 10px;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	/* height:46px;
	 padding:7px 20px;
	 line-height:30px; */
	font-family: 'Prompt', sans-serif;
	color: #2698fa;
	border-radius: 0px;
	background-color: #ffffff;
	border: 1px solid rgba(38, 152, 250, .65);
}

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

.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: #2698fa;
	line-height: 20px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	z-index: 5;
}

.ui-widget.ui-widget-content {
	border: 1px solid #2698fa;
	font-family: 'Prompt', sans-serif;
}

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

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

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 5px 20px !important;
	font-size: 14px;
	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: #24345d;
	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 100px;
}

.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: 0px;
}

.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: 25px !important;
	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: 25px;
	background: #fff;
	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: 25px;
	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;
	padding: 5px;
}

.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: #2698fa;
	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: 0px;
	padding-bottom: 0px;
	color: #2698fa;
}

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

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

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

.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: #777;
}

.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;
	font-size: 14px;
}

.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: 15px;
	height: 0;
	opacity: 1;
	visibility: hidden;
}

.news-block .inner-box:hover .link-box {
	opacity: 1;
	bottom: 40px;
	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: 14px;
	color: #2698fa;
	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: 14px;
	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: #777;
}

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

.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: #2698fa;
	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: 14px;
	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: 0px;
}

.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: 14px;
	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: 14px;
	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: #e85728;
}

.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: #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.main-footer .footer-bottom .inner {
	position: relative;
	padding: 20px 0px 100px;
}

.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;
	cursor: pointer;
	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: #e85728;
}

.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: #e85728;
}

.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: 14px;
	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: 14px;
	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: 14px;
	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: #f3f9fb;
	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: #222222;
}

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

.service-block-three .link-box a {
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	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: 14px;
	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: #30adcd;
}

.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: #30accb;
	border-color: #30accb;
}

.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: 14px;
	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 #f3f9fb;
}

.history-section .carousel-box:after {
	content: '';
	position: absolute;
	right: 0;
	top: 46px;
	width: 25%;
	margin-right: -25px;
	border-bottom: 6px solid #ffffff;
}

.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 #30adcd;
	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;
}

.history-block .title {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	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;
}

.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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: 60px;
}

.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: underline;
	font-weight: 600;
}

.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: #ffffff;
	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;
}

.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: 14px;
	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: 14px;
	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 120px;
}

.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: #ffffff;
	color: #2698fa;
}

.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(38, 152, 250, 0.50);
	background: none;
	color: #2698fa;
	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(38, 152, 250, 1);
}

.contact-section .form-box ::-webkit-input-placeholder {
	color: rgba(38, 152, 250, 1);
	font-style: normal;
}

.contact-section .form-box ::-moz-input-placeholder {
	color: rgba(38, 152, 250, 1);
	font-style: normal;
}

.contact-section .form-box ::-ms-input-placeholder {
	color: rgba(38, 152, 250, 1);
	font-style: normal;
}

.contact-section .btn-style-eight .btn-title:before {
	background: #2f333c;
}

.contact-section .btn-style-eight:hover .btn-title {
	color: #fff;
}

.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;
	font-size: 40px;
	color: #2698fa;
}

.contact-section .info-block strong {
	display: block;
	margin-bottom: 15px;
	color: #2698fa;
}

.contact-section .info-block ul li {
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	color: #777;
}

.contact-section .info-block ul li a {
	color: #777;
}

.contact-section .info-block ul li a:hover {
	color: #2698fa;
	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: 14px;
	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 #e85728;
	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: #e85728;
}

.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: #e85728;
}

.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: 14px;
	color: #e85728;
	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 #e85728;
}

.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: 14px;
	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: #e85728;
	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: #e85728;
}

.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: #e85728;
}

.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;
	cursor: pointer;
	font-size: 14px;
	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: #e85728;
}

.project-block-two .image-box .overlay .title h3 a:hover {
	color: #e85728;
}

.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: #1c2562;
	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: #ffffff;
}

.featured-block-three {
	position: relative;
	margin-bottom: 70px;
}

.featured-block-three .inner-box {
	position: relative;
	display: block;
	padding-right: 140px;
	min-height: 96px;
	text-align: right;
}

.featured-block-three .icon-box {
	position: absolute;
	right: 0;
	top: 0;
	width: 96px;
	height: 96px;
	background: #f8f8f8;
	padding: 23px 0px;
	line-height: 50px;
	font-size: 42px;
	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;
	text-transform: capitalize;
	margin-bottom: 12px;
}

.featured-block-three .text {
	position: relative;
}

.featured-block-four {
	position: relative;
	margin-bottom: 70px;
}

.featured-block-four .inner-box {
	position: relative;
	display: block;
	padding-left: 140px;
	min-height: 100px;
	text-align: left;
}

.featured-block-four .icon-box {
	position: absolute;
	left: 0;
	top: -5px;
	width: 96px;
	height: 96px;
	background: #f8f8f8;
	padding: 23px 0px;
	line-height: 50px;
	font-size: 42px;
	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;
	text-transform: capitalize;
	margin-bottom: 12px;
}

.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: #e85728;
	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: #e85728;
}

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

.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: #e85728;
}

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

.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: #e85728;
	border-color: #e85728;
}

.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: #e85728;
	padding: 60px 60px;
}

.call-to-action-four .inner .content:before {
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	width: 70px;
	height: 100%;
	background: #e85728;
	-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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: #e85728;
}

.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: #e85728;
}


.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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: 18px;
	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: capitalize;
}

.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: 14px;
	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: 14px;
	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: 14px;
	height: 44px;
	min-width: 44px;
	padding: 6px 5px;
	text-align: center;
	color: #007bff;
	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: #007bff;
	border-color: #007bff;
}

.styled-pagination li .next,
.styled-pagination li .prev {
	border: none;
	color: #007bff !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;
	cursor: pointer;
	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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	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: #2698fa;
	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: 14px;
	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: 14px;
	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;
}

@media (min-width: 391px) {
	.sidebar .recent-posts .post {
		position: relative;
		font-size: 14px;
		color: #777777;
		padding: 30px 130px 15px 15px;
		min-height: 121px;
		margin-bottom: 25px;
		background: #fff;
	}
}

@media (max-width: 390px) {
	.sidebar .recent-posts .post {
		position: relative;
		font-size: 14px;
		color: #777777;
		padding: 30px 130px 15px 15px;
		min-height: 121px;
		margin-bottom: 25px;
		background: #fff;
	}
}

.sidebar .recent-posts .post:last-child {
	margin-bottom: 0px;
}

.sidebar .recent-posts .post-thumb {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	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: 20px;
	line-height: 1.4em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 5px;
}

.sidebar .recent-posts .text a {
	color: #007bff;
}

.sidebar .recent-posts .text a:hover {
	color: #007bff;
}

.sidebar .recent-posts .post .date {
	position: relative;
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #007bff;
	/* font-weight: 600; */
	margin-bottom: 5px;
}

.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: 14px;
	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: #fff;
	margin-bottom: 0px;
}

.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: #2698fa;
	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: #2698fa;
}

.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;
	color: #2698fa;
}

.post-details .meta-info {
	position: relative;
	color: #777777;
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 0px;
}

/*.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: 14px;
	font-weight: 600;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.post-details blockquote .info {
	position: relative;
	display: block;
	font-size: 14px;
	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: 0px;
}

/*** 
 
 ====================================================================
		 Comment Area
 ====================================================================
 
  ***/

.comments-area {
	position: relative;
	padding-top: 60px;
	margin-bottom: 60px;
}

.comments-area .comment-box {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 20px;
	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: #2698fa;
	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: 14px;
	line-height: 1.5em;
	color: #777;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn {
	position: absolute;
	right: 0;
	top: 27px;
}

.comments-area .comment-box .reply-btn a {
	font-size: 14px;
	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;
	padding-bottom: 60px;
	border-bottom: 1px solid #cde2f5;
}

.leave-comments .instruction {
	color: #777777;
	opacity: 0.50;
	text-transform: capitalize;
	font-style: italic;
	margin-bottom: 30px;
}


.mt-5R {
	margin-top: 5px;
}


.font-color-B {
	color: #2698fa;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.owl-dots button.owl-dot.active {
	background-color: #2699fb;
	border-radius: 50%;
	height: 11px;
	width: 11px;
}

.owl-dots button.owl-dot {
	background: #bce0fd;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	position: relative;
	margin-right: 5px;
}






/* =============BOTTOM NAV=============== */


.wrapper {
	position: fixed;
	bottom: 0;
	/* width: 100%;
	 min-height: 100vh; */
	width: 100vw;
	z-index: 999;

}


.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.navbar {
	background: #fdfdfd;
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
	padding: 10px 10px 10px;
	box-shadow: 0px -2px 5px 0px rgb(0 0 0 / 15%);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	position: relative;
	width: 100%;
}

/* .navbar:after {
	 content: "";
	 width: 120px;
	 background: #d9e0ea;
	 position: absolute;
	 bottom: 8px;
	 left: 50%;
	 height: 3px;
	 transform: translatex(-50%);
	 opacity: 0.7;
 } */

.navbar__item {
	width: 60px;
	/* height: 60px; */
	position: relative;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: start;
	flex-direction: column;
	font-size: 18px;
	/* top: 5px; */
	padding: 0.5rem 0;
}
.navbar__item.active__custom p{
	color:white !important;
}
/* .navbar__item::before,
.navbar__item:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 95%;
	top: 0;
	left: 0;
	background-color: #fcf2f3;
	border-radius: 50%;
	transform: scale(0.8);
	opacity: 0;
	transition: all 0.55s cubic-bezier(0.71, 0.03, 0.23, 0.95);
} */

.navbar__item::after {
	box-shadow: 0 7px 15px currentColor;
}

/* .navbar__item.-blue {
	 color: #06b8ff;
 } */
.navbar__item.-blue {
	color: #DD9C4C !important;
}

.icon-blue {
	color: #06b8ff;
}

/* .active_navbar_item {
	 color: #007bff !important;
 } */
.active_navbar_item {
	color: #DD9C4C !important;
}

.navbar__item:hover::before,
.navbar__item:hover::after {
	transform: translateY(-60px);
}

.navbar__item:hover::before {
	opacity: 1;
}

.navbar__item:hover::after {
	opacity: 0.4;
}

.navbar__item:hover .navbar__icon {
	transform: translateY(-45px) scale(1.25);
	color: #fff;
	transition-delay: 0.1s, 0.1s;
}

/* .navbar__icon {
	transition: all 0.5s cubic-bezier(0.71, 0.03, 0.23, 0.95);
	transition-delay: 0.1s;
	display: inline-block;
	position: relative;
	z-index: 2;
} */


.logout {
	color: red !important;
}

.logout:hover {
	color: #777 !important;
}



















.rating.disabled .caption,
.rating.disabled .select-input,
.rating.disabled .stars li,
.rating.disabled input,
.rating.disabled select,
.rating.disabled textarea,
.rating:disabled .caption,
.rating:disabled .select-input,
.rating:disabled .stars li,
.rating:disabled input,
.rating:disabled select,
.rating:disabled textarea,
.select.disabled .caption,
.select.disabled .select-input,
.select.disabled .stars li,
.select.disabled input,
.select.disabled select,
.select.disabled textarea,
.select:disabled .caption,
.select:disabled .select-input,
.select:disabled .stars li,
.select:disabled input,
.select:disabled select,
.select:disabled textarea,
.spinner.disabled .caption,
.spinner.disabled .select-input,
.spinner.disabled .stars li,
.spinner.disabled input,
.spinner.disabled select,
.spinner.disabled textarea,
.spinner:disabled .caption,
.spinner:disabled .select-input,
.spinner:disabled .stars li,
.spinner:disabled input,
.spinner:disabled select,
.spinner:disabled textarea,
.tag-input.disabled .caption,
.tag-input.disabled .select-input,
.tag-input.disabled .stars li,
.tag-input.disabled input,
.tag-input.disabled select,
.tag-input.disabled textarea,
.tag-input:disabled .caption,
.tag-input:disabled .select-input,
.tag-input:disabled .stars li,
.tag-input:disabled input,
.tag-input:disabled select,
.tag-input:disabled textarea,
.textarea.disabled .caption,
.textarea.disabled .select-input,
.textarea.disabled .stars li,
.textarea.disabled input,
.textarea.disabled select,
.textarea.disabled textarea,
.textarea:disabled .caption,
.textarea:disabled .select-input,
.textarea:disabled .stars li,
.textarea:disabled input,
.textarea:disabled select,
.textarea:disabled textarea {
	background: 0 0;
	color: #989898;
}

.file.disabled .button-group,
.file:disabled .button-group,
.input.disabled .button-group,
.input:disabled .button-group,
.rating.disabled .button-group,
.rating:disabled .button-group,
.select.disabled .button-group,
.select:disabled .button-group,
.spinner.disabled .button-group,
.spinner:disabled .button-group,
.tag-input.disabled .button-group,
.tag-input:disabled .button-group,
.textarea.disabled .button-group,
.textarea:disabled .button-group {
	display: none;
}

.rating {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	background-color: transparent;
	cursor: default;
	font-size: 14px;
}

.rating input {
	width: 1px;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.rating .result,
.rating .stars,
.rating .title {
	display: block;
	position: relative;
	color: #777;
}

.rating .stars {
	margin: 0;
	padding: 0;
	list-style: none inside;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rating .stars li {
	display: block;
	position: relative;
	color: #bebebe;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	-webkit-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}

.rating .stars li::before {
	position: absolute;
	content: '\2605';
	display: block;
	z-index: 1;
	left: 0;
}

.rating .stars li.half::after {
	left: 0;
	display: block;
	position: absolute;
	content: '\2605';
	width: 0.42em;
	z-index: 2;
	overflow: hidden;
}

.rating .stars li.half.half-10::after {
	width: 0.1em;
}

.rating .stars li.half.half-20::after {
	width: 0.2em;
}

.rating .stars li.half.half-30::after {
	width: 0.3em;
}

.rating .stars li.half.half-40::after {
	width: 0.4em;
}

.rating .stars li.half.half-50::after {
	width: 0.42em;
}

.rating .stars li.half.half-60::after {
	width: 0.49em;
}

.rating .stars li.half.half-70::after {
	width: 0.6em;
}

.rating .stars li.half.half-80::after {
	width: 0.7em;
}

.rating .stars li.half.half-90::after {
	width: 0.8em;
}

.rating .result {
	font-size: 0.8em;
	margin-left: 5px;
	font-weight: 500;
}

.rating .title {
	margin-right: 10px;
}

.rating .stars {
	cursor: default;
}

.rating .stars li.half::after,
.rating .stars li.on {
	color: #ffd700;
}

.rating:not(.static) .stars {
	cursor: pointer;
}

.rating:not(.static) .stars:hover li {
	color: #ffd700;
}

.rating:not(.static) .stars li:hover~li {
	color: #bebebe !important;
}

.rating:not(.static) .stars li.scale {
	-webkit-animation: star-scale 0.3s ease-in-out;
	animation: star-scale 0.3s ease-in-out;
}

@-webkit-keyframes star-scale {

	0%,
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes star-scale {

	0%,
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

.btn-primary-back {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #333 !important;
}

.btn-primary-back {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #333 !important;
}

.btn-primary-back:hover {
	color: #fff !important;
	background-color: #333 !important;
	border-color: #333 !important;
}





.layout-button {
	font-weight: 600;
	display: flex;
	padding: 12px 0px;
	flex-direction: column;
}

.layout-button-sub {
	padding-top: 12px;
	display: grid;
	grid-auto-flow: column;
	gap: 8px;
}

.button-left {
	font-size: 1em;
	min-width: 108px;
	width: 100%;
	height: 48px;
	/*padding: 0px 16px;*/
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-property: background-color;
	white-space: pre;
	color: #2698fa;
	border: 1px solid #2698fa;
	background-color: rgb(255, 255, 255);
	margin: 0px !important;
	line-height: 1.7 !important;
}

.button-right {
	font-size: 1em;
	min-width: 108px;
	width: 100%;
	height: 48px;
	/*padding: 0px 16px;*/
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-property: background-color;
	white-space: pre;
	background-color: #2698fa;
	color: rgb(255, 255, 255);
	border: 1px solid transparent;
	margin: 0px !important;
	line-height: 1.7 !important;
}

.box-contentP {
	height: 100%;
	border: 1px solid rgb(232, 232, 232);
}

.box-contet-border {
	/*display: flex;*/
	border-bottom: 1px solid rgb(232, 232, 232);
	padding: 16px;
	color: rgb(54, 52, 52);
	background-color: rgb(255, 255, 255);
	font-size: 14px;
}

.box-content-header {
	font-weight: 600;
	margin-bottom: 4px;
	text-transform: capitalize;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding-bottom: 4px;
	word-break: break-word;
}

.box-content-detail {
	font-size: 14px;
	line-height: 20px;
}

.button-box-apply {
	display: flex;
	padding: 12px 12px 42px;
}

.box-contentP [data-item]:last-child {
	border: none !important;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #2196F3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}



.moblie-nav-noti {
	color: #2698fa;
	position: absolute;
	right: 55px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.mobile-nav-wishlist {
	color: #2698fa;
	position: absolute;
	right: 105px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
}

.status-ready {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 55px;
	text-align: center;
	border: 1px solid #008000;
	padding: 5px 5px 20px;
	color: #fff;
	background-color: #008000;
	font-size: 10px;
	line-height: 1.2;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 68%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 68%, 0 100%);
}

.status-applied {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 55px;
	text-align: center;
	border: 1px solid #c6bf00;
	padding: 5px 5px 20px;
	color: #fff;
	background-color: #c6bf00;
	font-size: 10px;
	line-height: 1.2;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 68%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 68%, 0 100%);
}


.status-full {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 55px;
	text-align: center;
	border: 1px solid #C71414;
	padding: 5px 5px 20px;
	color: #fff;
	background-color: #C71414;
	font-size: 10px;
	line-height: 1.2;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 68%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 68%, 0 100%);
}

/* .status-approved {
	 border: 1px solid #00ff00;
	 padding: 0 5px;
	 color: #00ff00;
	 display: inline-block;
	 font-size: 10px;
	 line-height: 1.8;
 }
 
 .status-rejected {
	 border: 1px solid #d9534f;
	 padding: 0 5px;
	 color: #d9534f;
	 display: inline-block;
	 font-size: 10px;
	 line-height: 1.8;
 }
 
 
 .status-waiting {
	 border: 1px solid #ffa500;
	 padding: 0 5px;
	 color: #ffa500;
	 display: inline-block;
	 font-size: 10px;
	 line-height: 1.8;
 }
 
 
 .status-pending {
	 border: 1px solid #ffff66;
	 padding: 0 5px;
	 color: #ffff66;
	 display: inline-block;
	 font-size: 10px;
	 line-height: 1.8;
 } */


.wishlist,
.wishlist-home,
.wishlist-job-detail {
	display: none;
}

/* @media (min-width: 391px) {
	 .wishlist~label {
		 position: absolute;
		 top: 10px;
		 right: 31.5%;
		 color: #aaa;
		 margin-bottom: 0;
	 }
 }
 
 @media (max-width: 390px) {
	 .wishlist~label {
		 position: absolute;
		 top: 10px;
		 right: 33.5%;
		 color: #aaa;
		 margin-bottom: 0;
	 }
 } */


.wishlist-home~label {
	/* position: absolute;
	 top: 224px;
	 right: 18px; */
	color: #aaa;
	margin-bottom: 0;
	z-index: 99999;
}


.wishlist-job-detail~label {
	position: absolute;
	top: 0;
	right: 15px;
	color: #aaa;
	margin-bottom: 0;
}

.wishlist:checked~label,
.wishlist-home:checked~label,
.wishlist-job-detail:checked~label {
	color: #d73441;
}

.booking-icon:link,
.booking-icon:visited {
	color: #fff;
	background: #0673d3;
	box-shadow: 5px 5px 10px #0562b3, -5px -5px 10px #0784f3;
	padding: 5px 11px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	z-index: 1;
	cursor: pointer;
}

.alert-notification {
	position: absolute;
	top: -10px;
	right: -5px;
	background: red;
	color: white;
	padding: 5px;
	border-radius: 100%;
}

/* โตทำ */
.topic h2,
p {
	color: #000000 !important;
}

.details h4,
h3,
h2,
a,
span,
b,
i,
label,
strong {
	color: #000000 !important;
}


.btn-style-one .btn-title {
	border: 0px solid #ff84ab !important;
	background: #ff84ab !important;
}

.btn-style-one .btn-title:before {
	border: 0px solid #ff84ab !important;
	background: #ff84ab !important;

}

.btn-style-one span {
	color: white !important;

}

.btn-style-one .btn-titleC {
	background: #561610 !important;
	border: 0px solid #777;
}

.owl-dots button.owl-dot {
	background: #ff84ab !important;
}

.owl-dots button.owl-dot.active {
	background: #ff84ab !important;
}

.btn-color button {
	color: #FFFFFF !important;
	background: #ff84ab !important
}

.pricing-tabs .tab-buttons .active-btn {
	background: #cf203096 !important;

}

/* .register-form {
	color: #DD9C4C !important;
	border: 1px solid #DD9C4C !important;
} */

/* .form-control:focus{
	border-color: #ff84ab !important;
    box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 15%) !important;
} */

/* .register-form-mess{
	color: #DD9C4C !important;
	border: 1px solid #DD9C4C !important;

} */
.button {
	background: #DD9C4C !important;


}

.button-upload {
	background: #DD9C4C !important;


}

.checkbox-1 input:checked~.checkmark {
	background: #DD9C4C !important;

}

.contact-section .form-box .form-group input,
.contact-section .form-box .form-group select,
.contact-section .form-box .form-group textarea {
	border: 1px solid #ff84ab !important;
	background: none;
	color: #ff84ab !important;

}

.contact-section .form-box .form-group input::placeholder,
.contact-section .form-box .form-group textarea::placeholder {

	color: #ff84ab !important;

}

.btn-style-eight .btn-title {
	color: #FFFFFF !important;
	background: #ff84ab !important;
}

.contact-section .btn-style-eight .btn-title:before {
	background: #d27c2a !important;
	color: white !important;
}

.comments-area .comment-box .info .name {
	color: #ff84ab !important;
}

btn-style-three .btn-title {
	color: #ffffff !important;
	border: 1px solid #DD9C4C !important;
	background: #DD9C4C !important;
}

element.style {}

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

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	/* background-image: url(images/ui-icons_ffffff_256x240.png); */
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(images/ui-icons_555555_256x240.png);
}

.ui-button .ui-icon {
	/* background-image: url(images/ui-icons_777777_256x240.png); */
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_444444_256x240.png);
}

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

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

*,
::after,
::before {
	box-sizing: border-box;
}

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	font-family: 'Prompt', sans-serif;
	color: #2698fa;
	border-radius: 0px;
	background-color: #ffffff;
	border: 1px solid #ff84ab !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background: #cf203054 !important;
	font-weight: normal;
	color: #ffffff;
}

.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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-button {
	padding: 0.4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: 0.1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible;
}

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

body {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

.form-group .ui-button .ui-icon:before {
	color: #ff84ab !important;
}

.pricing-block .block-inner {
	background: #007bff14 !important
}

.register-text {
	color: #000000 !important;

}

.main-footer {
	/* background: #ff84ab !important; */
	background: linear-gradient(145deg, rgba(255,158,189,1) 0%, rgba(255,120,163,1) 68%) !important;
}

.enquiry-section {
	background: #007bff14 !important;
}

/* .reviews-section{
	background: #007bff14 !important;
} */
.sticky {
	/* background: #ff7fa8 !important; */
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
	box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 15%);
	z-index: 100;
}

.circle-icon-1 {
	background: #cf203054 !important;
}

.ui-menu .ui-menu-item {
	border-bottom: 1px solid #cf203054;
}

.ui-widget.ui-widget-content {
	border: 1px solid #cf203054;

}

.alert-warning {
	margin-bottom: 0px;
}

.alert-info {

	margin-top: 70px !important;
	margin-bottom: 0px;
}

.alert-dismissible {
	padding-right: 4rem;
	margin-top: 60px !important;
}


/* Start Custom Css */
.logo-nav-custom {
	float: left;
	position: relative;
	top: 3px;
	max-width: 105px;
}

.sticky {
	/* background: #ff84ab !important; */
	background: linear-gradient(145deg, rgba(255,158,189,1) 0%, rgba(255,120,163,1) 68%) !important;
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
}

.mobile-menu .menu-box {
	background: #ffffff !important;
}

.mobile-menu .navigation li {
	border-top: 1px solid rgb(217 209 195) !important;
}

.mobile-menu .navigation li>a:before {
	border-left: 3px solid #ff84ab;
}

.details p,
li {
	color: #000000 !important;
}

.navbar__item.-blue {
	color: #d9d1c3 !important;
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgb(217 209 195) !important;
}

/* .alert-dark > strong{
	color:white !important;
} */
.bg-black {
	background: #000000 !important;
}

.sticky-back {
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
	box-shadow: 0px 5px 5px -6px rgb(0 0 0 / 15%);
	z-index: 1000;
}

@media only screen and (max-width: 991px) {

	.news-section,
	.about-section-four {
		padding: 40px 0px 40px;
	}
}

@media only screen and (max-width: 1139px) {
	.news-block .lower-box {
		padding: 10px 15px 50px;
	}
}

/* Register */
@media only screen and (max-width: 991px) {

	.about-section-one,
	.services-section-one {
		padding: 20px 0px 70px;
	}
}

.checkbox-1 {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 14px;
}

/* Hide the browser's default checkbox */
.checkbox-1 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	z-index: 9999;
}

/* On mouse-over, add a grey background color */
.checkbox-1:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-1 input:checked~.checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-1 input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-1 .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-button {
	padding: 0.375rem 0.75rem !important;
	display: inline-block;
	position: relative;
	line-height: 2.3;
	margin-right: 0.1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible;
	background-color: #fff !important;
	background-clip: padding-box;
	border: 1px solid #2698fa !important;
	height: calc(2em + 1rem + 2px) !important;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 0.375rem 0.75rem !important;
	font-size: 14px;
	line-height: 2.5;
	height: calc(2em + 1rem + 2px) !important;
}

.form-group .ui-selectmenu-button.ui-button {
	margin-top: 5px !important;
}

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

.ui-widget.ui-widget-content {
	max-height: 525px;
	overflow-y: auto;
	border: 1px solid #eee;
	background-color: white;
}

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

/* Slide */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/*jssor slider bullet skin 032 css*/
.jssorb032 {
	position: absolute;
}

.jssorb032 .i {
	position: absolute;
	cursor: pointer;
}

.jssorb032 .i .b {
	fill: #fff;
	fill-opacity: 0.7;
	stroke: #000;
	stroke-width: 1200;
	stroke-miterlimit: 10;
	stroke-opacity: 0.25;
}

.jssorb032 .i:hover .b {
	fill: #000;
	fill-opacity: .6;
	stroke: #fff;
	stroke-opacity: .35;
}

.jssorb032 .iav .b {
	fill: #000;
	fill-opacity: 1;
	stroke: #fff;
	stroke-opacity: .35;
}

.jssorb032 .i.idn {
	opacity: .3;
}

/*jssor slider arrow skin 051 css*/
.jssora051 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora051 .a {
	fill: none;
	stroke: #2698fa;
	stroke-width: 360;
	stroke-miterlimit: 10;
}

.jssora051:hover {
	opacity: .8;
}

.jssora051.jssora051dn {
	opacity: .5;
}

.jssora051.jssora051ds {
	opacity: .3;
	pointer-events: none;
}

.font-size-14 {
	font-size: 14px !important;
}

.bg-red-light {
	background: #fcf2f3 !important;
}

button#submit:disabled>span.btn-title.text-center {
	border: 0px solid #c6c6c6 !important;
	background: #c6c6c6 !important;
}

.box-shadow-v1 {
	box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 8%);
}

.box-shadow-v2 {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bold-600 {
	font-weight: 600;
}

.font-14 {
	font-size: 14px;
}

.register-form:disabled {
	background-color: #e9ecef !important;
}

.daterangepicker .ranges li.active {
	background-color: #ff84ab !important;
	color: #fff !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #ff84ab !important;
	border-color: transparent;
	color: #fff;
}

.daterangepicker td.in-range {
	background-color: #ffe0e3 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #ff84ab !important;
	border-color: transparent;
	color: #fff;
}

.input-filter {
	padding: 5px 10px;
	border: 1px solid #000000;
	background: white;
}

.list-icon-plus {
	right: 0px;
	top: 10px;
}

.bt-line-custom {
	display: block;
	width: 100% !important;
	text-align: center;
	padding: 5px 0;
	background-color: #06c655;
	border-radius: 25px;
	color: white !important;
}

.bt-custom-primary {
	display: block;
	width: 100% !important;
	text-align: center;
	padding: 10px 0;
	background-color: #ff7fa8;
	border-radius: 25px;
	color: white !important;
}

.hide {
	display: none;
}

.section-loader {
	position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

/* .loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #d12031;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1.5s linear infinite;
} */

/* @keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
} */

.custom-control-label::before {
	width: 1.2rem !important;
	height: 1.2rem !important;
}

.custom-control-label::after {
	width: 1.2rem !important;
	height: 1.2rem !important;
}

.owl-carousel.owl-images-loaded {
	display: none !important;
}

.radius-25 {
	border-radius: 25px;
}

.navbar__item p.text-center {
	font-size: 10px;
}

.navbar__item.active__custom p.text-center,
.navbar__item.active__custom a span i {
	color: #fff !important;
}

.box-shadow-v3 {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.py-10 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.bt-custom-primary:disabled {
	background-color: #EFEFEF4D !important;
	color: #1010104D !important;
}

.list-group-item {
	border: 0px;
	border-top: 1px solid rgba(0, 0, 0, .125);
}

/* End Custom Css */
/* 16 /6/ 2566 bysarun */

.box {
	height: 50px;
	color: #cf2030bd !important;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid;
	border-radius: 5px;
	padding: 12px;
}


.title {
	font-weight: bold;
}

.bank {
	height: 80px;
	color: #06c655 !important;
	display: flex;
	align-items: center;
	border: 2px solid;
	border-radius: 10px;
	padding: 12px;
}

.title {
	font-weight: bold;
}

.gallery-preview-wrapper {
	position: relative;
	height: 144px;
	width: 180px;
	margin: 2px 20px 20px 20px;
}

.gallery-preview-wrapper.active {
	border: none;
}

.gallery-preview-wrapper .gallery-pic-container {
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	border: 2px dashed grey;
}

.gallery-preview-wrapper .gallery-pic-container img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.gallery-preview-wrapper .gallery-cancel-btn {
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 20px;
	cursor: pointer;
	color: #c2cdda;
	display: none;
}

.gallery-preview-wrapper.active:hover .gallery-cancel-btn {
	display: block;
}

.gallery-preview-wrapper .gallery-cancel-btn:hover {
	color: #e74c3c;
}

.gallery-preview-wrapper .gallery-file-name {
	position: absolute;
	bottom: 0px;
	width: 100%;
	color: #fff;
	padding: 8px 0;
	font-size: 18px;
	display: none;
	background: linear-gradient(to right, #ff4a4a 0%, #ff9999 100%);
}

.gallery-preview-wrapper.active:hover .gallery-file-name {
	display: block;
}

#galleryControls {
	border: 2px dashed #FF4A4A;
	border-radius: 10px;
	height: 144px;
	width: 180px;
}

#galleryUploadBtn {
	border: none;
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

#galleryUploadBtn i {
	font-size: 20px;
	color: #FF4A4A;
}

#galleryUploadBtn:hover i {
	color: #e60000;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	background-color: #06c655 !important;
	border-radius: 25px !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
	background-color: #ff84ab !important;
	border-radius: 25px !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
	box-shadow: unset !important;
}

.btn-size {
	padding: 10px 0;
	border-radius: 25px;
}

.btn-danger-dark {
	background-color: #8B0000;
	border-color: #8B0000;
}

.button-back {
	width: 45px;
	height: 45px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	font-weight: 600px;
	color: #000;
	background-color: #ff84ab;
	border: none;
	border-radius: 0.25rem;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	outline: none;
	margin-bottom: 10px;
}

/* End Custom Css */

.datepicker th {
	color: #ff84ab;
}

.datepicker table tr td span.active.active {
	background-color: #ff84ab !important;
}

/* ใช้ !important */
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	background-color: #ff84ab !important;
	/* เปลี่ยนสีพื้นหลังเป็นสีแดง (#ff84ab) และกำหนดความสำคัญด้วย !important */
	background-image: -webkit-linear-gradient(top, #e55260, #e55260) !important;
}

/* .loader-logo {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: -70%;
	transform: translate(-50%, -50%);
	background-image: url('https://plry.versatilehaus.com/assets/images/poly-logo.png');
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
} */
/* .loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  background: #FFF;
  box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}

@keyframes shadowPulse {
  33% {
	background: #FFF;
	box-shadow: -24px 0 #363c91, 24px 0 #FFF;
  }
  66% {
	background: #363c91;
	box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
	background: #FFF;
	box-shadow: -24px 0 #FFF, 24px 0 #363c91;
  }
} */
.loader {
	width: 70px;
	height: 70px;
	display: inline-block;
	background-image: url('https://plry.versatilehaus.com/assets/images/poly-logo.png');
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	animation: animloader 1s ease-in infinite;

}
/* .loader::after,
.loader::before {
	content: '';  
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #FFF;

	animation: animloader 2s linear infinite;
}
.loader::after {
	animation-delay: 1s;
} */

@keyframes animloader {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	80% {
        transform: scale(1);
        opacity: 1;
    }
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
	
.owl-carousel .owl-item .item .item-after-first {
    display: none;
}
.owl-carousel .owl-item .item .item-after-first.loaded {
    display: block;
}

.progress{
	height: 0.75rem;
	border-radius: .5rem !important; 
}