/* ----------------------------------



Template Name: Cleanu - Cleaning Services Template

Author: validtheme

Description:

Version: 1.0



Main Font    : Yantramanav

Main Color   : #1239ac



-------------------------------------



[Typography]



Body copy:    15px 'Yantramanav', sans-serif

Header:     36px 'Yantramanav', sans-serif

Input, textarea:  16px 'Yantramanav', sans-serif

Sidebar heading:  20px 'Yantramanav', sans-serif



>>> TABLE OF CONTENTS:

=======================

        

    01. Template default css

        - Animations

        - General

        - Section Title

        - Video Button

        - Typography

        - Tables

        - Forms

        - Buttons

        - Pagination

        - Colors

    02. Preloader

    03. Topbar

    04 Navbar

        - Navbar Default

        - Navbar Transparent

        - Navbar Sticky

        - Navbar Box

    05. Banner

        - Slide Effect

        - Fade Effect

    06. About Us

    07. Services

        - List Version

        - Grid Version

        - Carousel Version

        - Services Single

    08. Features

        - Grid Version

        - Carousel Version

    09. Work Process

    10. Why Choose Us

    11. Estimate Form

    12. Fun Factor

    13. Pricing Table

    14. Team

        - Grid Version

        - Team Carousel

    15. Testimonials

    16. Projects

    17. Project Details

    18. Search Service

    19. Blog

        - Standard

        - Left Sidebar

        - Right Sidebar

        - Single

    20. Error 404

    21. Footer

    22. PHP Contact Form

    23. Others



*/



@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap');



/* Varialbes */

:root {

	--font-default: 'Yantramanav', sans-serif;

	--fontawesome: "Font Awesome 5 Pro";

	--black: #000000;

	--dark: #06278a;

	--dark-secondary: #06278a;

	--white: #ffffff; 

	--color-primary: #1239ac; 

	--color-secondary: #ffb400; 

	--color-heading: #1d2746;

	--color-paragraph: #666666;

	--border-default: #e7e7e7;

	--box-shadow-primary: 0 0 25px rgb(0 0 0 / 8%);

	--box-shadow-secondary: 0 10px 30px 0 rgb(44 130 237 / 40%);

	--box-shadow-tertiary: 0px 2px 12px 0px #e7e7e7;

	--box-shadow-dark: 0px 0px 0px;

	--bg-gray: #eef0f6;

	--bg-gradient: linear-gradient(to right, #1239ac, #00f3dd, #1239ac);

}



/*

** General Styles for HTML tags

*/









* {

	padding: 0;

	margin: 0;

}



html {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: visible;

}



body {

	font-family:var(--font-default);

	font-size: 16px;

	font-weight: 400;

	line-height: 28px;

	overflow-x: hidden;

	background-color:var(--white);

	color:var(--color-paragraph);

}



html,

body,

.wrapper {

	height: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	color:var(--color-heading);

	font-weight: normal;

	line-height: 1.2;

	font-family:var(--font-default);

	letter-spacing: 0;

	margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin-bottom: 15px;

}



h1 {

	font-size: 40px;

}



h2 {

	font-size: 36px;

}



h3 {

	font-size: 30px;

}



h4 {

	font-size: 22px;

}



h5 {

	font-size: 20px;

}



h6 {

	font-size: 16px;

}



img {

	border: none;

	outline: none;

	max-width: 100%;

}



label {

	display: inline-block;

	font-weight: normal;

	margin-bottom: 5px;

	max-width: 100%;

}



a,

.btn,

button {

	transition: all 0.35s ease-in-out;

	-webkit-transition: all 0.35s ease-in-out;

	-moz-transition: all 0.35s ease-in-out;

	-ms-transition: all 0.35s ease-in-out;

	-o-transition: all 0.35s ease-in-out;

	outline: medium none;

	font-family:var(--font-default);

}



a img,

iframe {

	border: none;

}



p {

	color:var(--color-paragraph);

	margin: 0 0 15px;

	text-transform: none;

	font-weight: 400;

	font-family:var(--font-default);

}



hr {

	margin-top: 0;

	margin-bottom: 0;

	border: 0;

	border-top: 1px solid #eee;

}



pre {

	display: block;

	margin: 0 0 30px;

	padding: 9.5px;

	word-wrap: break-word;

	word-break: break-all;

	color: #333;

	border: 1px solid #ededed;

	border-radius: inherit;

	background-color: #f9f9f9;

	font-size: 13px;

	line-height: 1.42857143;

}



input:focus,

textarea:focus,

select:focus {

	outline: none;

	box-shadow: inherit;

}



ul {

	margin: 0;

	list-style-type: none;

}



a,

a:active,

a:focus,

a:hover {

	outline: none;

	text-decoration: none;

	color:var(--color-heading);

}



a:hover {

	color:var(--color-heading);

}



a {

	transition: all 0.35s ease-in-out;

	-webkit-transition: all 0.35s ease-in-out;

	-moz-transition: all 0.35s ease-in-out;

	-ms-transition: all 0.35s ease-in-out;

	-o-transition: all 0.35s ease-in-out;

	text-decoration: none;

	font-weight: 500;

}



b,

strong {

	font-weight: 900;

}



.btn.active,

.btn:active {

	background-image: inherit !important;

}



.btn.focus,

.btn:active:focus,

.btn:active:hover,

.btn:focus,

.btn:hover {

	outline: 0;

}



.btn.circle {

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	border-radius: 40px;

}



.btn.active,

.btn:active {

	outline: 0;

	-webkit-box-shadow: inherit;

	box-shadow: inherit;

}



input {

	border: 1px solid #e7e7e7;

	border-radius: inherit;

	box-shadow: inherit;

	min-height: 50px;

}





/* Default CSS */



.container-medium {

	padding: 0 15px;

	margin: auto;

	max-width: 1400px;

}



.container-full {

	padding: 0 15px;

	margin: auto;

}



.container-fill {

	position: relative;

	padding: 0 15px;

	margin: auto;

	max-width: 100%;

	padding: 0;

}



@media (min-width:576px) {

	.container-medium {

		max-width: 540px;

	}

}



@media (min-width:768px) {

	.container-medium {

		max-width: 720px;

	}

}



@media (min-width:992px) {

	.container-medium {

		max-width: 960px;

	}

}



@media (min-width:1200px) {

	.container-medium {

		max-width: 1400px;

		width: 80%;

	}

}



@media (min-width:576px) {

	.container-full {

		max-width: 540px;

	}

}



@media (min-width:768px) {

	.container-full {

		max-width: 720px;

	}

}



@media (min-width:992px) {

	.container-full {

		max-width: 960px;

	}

}



@media (min-width:1200px) {

	.container-full {

		max-width: 1400px;

		width: 90%;

	}

}



@media (min-width: 1400px) {

	.container-full {

		max-width: 84%;

	}

}



.container-fill {

	padding: 0 15px;

}



@media (min-width:576px) {

	.container-fill {

		max-width: 540px;

	}

}



@media (min-width:768px) {

	.container-fill {

		max-width: 720px;

	}

}



@media (min-width:992px) {

	.container-fill {

		max-width: 960px;

	}

}



@media (min-width:1200px) {

	.container-fill {

		width: 100%;

		max-width: 100%;

		padding: 0;

	}

}



@media (max-width:1199px) {

	.container-fill {

		padding: 0 15px;

	}

}



.fixed-bg {

	position: absolute;

	left: 0;

	bottom: 0;

	height: 100%;

	width: 100%;

}



.bg-cover {

	background-position: center center;

	background-size: cover;

}



.bg-fixed {

	background-attachment: fixed;

	background-position: center top;

	background-size: cover;

}



.bg-gray {

	background: var(--bg-gray);

}



.bg-light {

	background-color:var(--white);

}



.bg-dark {

	background-color:var(--dark) !important;

}



.bg-dark-secondary {

	background-color:var(--dark-secondary) !important;

}



.bg-theme {

	background-color:var(--color-primary);

}



.bg-theme-secondary {

	background-color:var(--color-seconary);

}



.bg-gradient {

	background: linear-gradient(90deg, rgba(18, 115, 235, 1) 57%, rgba(0, 212, 255, 1) 100%);

}



.gradient-bg {

	background-image: linear-gradient(90deg, rgba(74, 196, 243, 1) 23%, rgba(9, 168, 228, 1) 100%);

	background-color:var(--color-primary);

}



.text-light h1,

.text-light h2,

.text-light h3,

.text-light h4,

.text-light h5,

.text-light h6,

.text-light p,

.text-light a {

	color: var(--white);

}



.shadow {

	position: relative;

	z-index: 1;

	box-shadow: inherit !important;

}



.shadow.dark::after {

	background: var(--dark);

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.6;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.shadow.dark-hard::after {

	background: var(--dark);

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.7;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.shadow.theme::after {

	background-color:var(--color-primary);

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.5;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.shadow.theme-hard::after {

	background-color:var(--color-primary);

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.7;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.shadow.gradient::after {

	/*background: linear-gradient(90deg, rgba(6, 39, 138, 0.846376) 20%,

	 rgba(0, 0, 0, 0) 100%);*/

	 background: #000;

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.5;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.default-padding,

.default-padding-top,

.default-padding-bottom,

.default-padding-mx {

	position: relative;

}



.default-padding {

	padding-top: 25px;
  padding-bottom: 25px;

}



.default-padding-top {

	padding-top: 25px;

}



.default-padding-bottom {

	padding-bottom: 80px;

}



.default-padding.bottom-less {

	padding-top: 25px;
  padding-bottom: 25px;

}



.default-padding-bottom.bottom-less {

	margin-bottom: -30px;

}



.default-padding-top.bottom-less {

	margin-bottom: -30px;

}



.top-border {

	border-top: 1px solid #e7e7e7;

}



.align-center {

	align-items: center;

}





/* Button */



.btn {

	display: inline-block;

	font-weight: 600;

	text-transform: capitalize;

	-webkit-transition: all 0.35s ease-in-out;

	-moz-transition: all 0.35s ease-in-out;

	-ms-transition: all 0.35s ease-in-out;

	-o-transition: all 0.35s ease-in-out;

	transition: all 0.35s ease-in-out;

	overflow: hidden;

	border-radius: 5px;

	font-size: 15px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

}



.btn-md {

	padding: 17px 40px;

	font-size: 16px;

}



.btn-md i {

	font-size: 18px;

	position: relative;

	top: 3px;

	margin-left: 30px;

}



.btn-md i::after {

	position: absolute;

	left: -19px;

	top: 8px;

	content: "";

	border: 1px solid #ffffff;

	width: 30px;

	height: 1px;

}



.btn-sm {

	padding: 14px 40px;

	font-size: 14px;

}



a:hover,

a:active {

	opacity: 1;

	text-decoration: none;

}



.btn-gradient.btn-sm {

	padding: 16px 40px;

}



.btn.btn-gradient {

	position: relative;

	z-index: 1;

	color: var(--white);

}



.btn.btn-gradient::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background-image:var(--bg-gradient);

	background-size: 200% auto;

	text-transform: uppercase;

	display: inline-block;

	color: var(--white) !important;

	background-color:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-gradient:hover::after,

.btn.btn-gradient:active {

	background-position: -100% 0;

	color: var(--white);

}



.btn.btn-light.effect {

	color:var(--color-heading);

	border: 2px solid transparent;

	box-shadow: 0 10px 30px 0 rgb(44 130 237 / 40%);

	overflow: hidden;

	position: relative;

}



.btn.btn-light.effect::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 100%;

	background: var(--white);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-light.effect::before {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 0;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-light.effect:hover {

	border: 2px solid var(--color-primary);

	color: var(--white);

	background: transparent;

}



.btn.btn-light.effect:hover::after {

	width: 0;

}



.btn.btn-light.effect:hover::before {

	width: 100%;

}



.btn.btn-theme.effect {

	color: var(--white);

	border-bottom: 4px solid #fbb202;

	overflow: hidden;

	position: relative;

	z-index: 1;

}



.btn.btn-theme.effect.secondary {

	color: var(--color-heading);

	border: 2px solid var(--color-secondary);

}



.btn.btn-theme.effect::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 100%;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-theme.effect.secondary::after {

	background:var(--color-secondary);

}



.btn.btn-theme.effect::before {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 0;

	background: var(--dark);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-theme.secondary.effect::before {

	background: var(--dark-secondary);

}



.shadow .btn.btn-theme.effect::before {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 0;

	background: var(--white);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-theme.effect:hover {

	border: 2px solid var(--dark);

	color: var(--white);

	background: transparent;

}



.btn.btn-theme.secondary.effect:hover {

	border: 2px solid var(--dark-secondary);

}



.shadow .btn.btn-theme.effect:hover {

	border: 2px solid var(--white);

	color:var(--color-heading);

	background: transparent;

}



.btn.btn-theme.effect:hover::after {

	width: 0;

}



.btn.btn-theme.effect:hover::before {

	width: 100%;

}



.btn.btn-dark.effect {

	color: var(--white);

	border: 2px solid var(--dark);

	box-shadow: 0 10px 30px 0 rgb(44 130 237 / 40%);

	overflow: hidden;

	position: relative;

	background: transparent;

	z-index: 1;

}



.btn.btn-dark.secondary.effect {

	border: 2px solid var(--dark-secondary);

}



.btn.btn-dark.effect::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 100%;

	background: var(--dark);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-dark.secondary.effect::after {

	background: var(--dark-secondary);

}



.btn.btn-dark.effect::before {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 0;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn.btn-dark.effect:hover {

	border: 2px solid var(--color-primary);

	color: var(--white);

}



.btn.btn-dark.effect:hover::after {

	width: 0;

}



.btn.btn-dark.effect:hover::before {

	width: 100%;

}



.btn-light.border {

	background: var(--white);

	border: 2px solid #e7e7e7 !important;

}



.btn-theme-border {

	border: 2px solid var(--color-primary);

	overflow: hidden;

	position: relative;

	z-index: 1;

}



.btn-theme-border::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 0;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.25s ease-in-out;

}



.btn-theme-border.circle::after {

	border-radius: 30px;

}



.btn-theme-border:hover::after {

	width: 100%;

}



.btn-theme-border:hover {

	color: var(--white) !important;

}



.btn-dark-border {

	border: 2px solid var(--dark);

	overflow: hidden;

	position: relative;

	z-index: 1;

}



.btn-dark-border::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 0;

	background: var(--dark);

	z-index: -1;

	transition: all 0.25s ease-in-out;

}



.btn-dark-border.circle::after {

	border-radius: 30px;

}



.btn-dark-border:hover::after {

	width: 100%;

}



.btn-dark-border:hover {

	color: var(--white) !important;

}



.btn-light-border {

	border: 2px solid var(--white);

	overflow: hidden;

	position: relative;

	z-index: 1;

	color: var(--white);

}



.btn-light-border::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 0;

	background: var(--white);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn-light-border.circle::after {

	border-radius: 30px;

}



.btn-light-border:hover::after {

	width: 100%;

}



.btn-light-border:hover {

	color:var(--color-heading);

}



.btn-theme-effect {

	border: 2px solid var(--color-primary);

	overflow: hidden;

	position: relative;

	z-index: 1;

	color: var(--white);

}



.btn-theme-effect::after {

	position: absolute;

	left: -10%;

	top: -10%;

	content: "";

	height: 120%;

	width: 120%;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.btn-theme-effect.circle::after {

	border-radius: 30px;

}



.btn-theme-effect:hover::after {

	width: 0;

}



.btn-theme-effect:hover {

	color:var(--color-heading);

}





/* End Button */



.relative {

	position: relative;

	z-index: 1;

}



.bg-fixed {

	background-attachment: fixed !important;

	background-position: center center !important;

	background-size: cover !important;

}



.bg-cover {

	background-position: center center !important;

	background-size: cover !important;

}



.overflow-hidden {

	overflow: hidden;

}



.overflow-x-hidden {

	overflow-x: hidden;

}



button,

button:focus {

	border: none !important;

	box-shadow: inherit !important;

	outline: inherit !important;

}





/* Start Site Heading */



.site-heading h4 {

	text-transform: uppercase;

	font-weight: 500;

	color: var(--color-primary);

	position: relative;

	z-index: 1;

	display: inline-block;

}



.sub-heading {

	text-transform: uppercase;

	font-weight: 500;

	color:var(--color-primary);

	position: relative;

	z-index: 1;

	display: inline-block;

	font-size: 22px;

}



.heading {

	font-size: 30px;

	font-weight: 600;

	margin-bottom: 25px;

}



.heading strong {

	color: #27a5e2;

}



.mb-0 {

	margin-bottom: 0;

}



.site-heading p {

	margin: 0;

	margin-top: 10px;

}



.site-heading h2 {

	display: block;

	font-weight: 700;

	position: relative;

	margin-bottom: 0;

	color: #000;

}



.site-heading .devider {

	display: inline-block;

	width: 50px;

	height: 2px;

	background:var(--color-primary);

	position: relative;

	z-index: 1;

	left: 10px;

}



.site-heading.light .devider {

	background: var(--white);

}



.site-heading .devider:before {

	position: absolute;

	left: -15px;

	top: 0;

	content: "";

	height: 2px;

	width: 10px;

	background:var(--color-primary);

}



.area-title {

	font-size: 40px;

	line-height: 1.2;

}



.site-heading {

	margin-bottom: 60px;

	overflow: hidden;

}



.heading-left {

	margin-bottom: 60px;

}



.heading-left h5 {

	text-transform: uppercase;

	font-weight: 500;

	color:var(--color-primary);

	position: relative;

	z-index: 1;

	display: inline-block;

}



.heading-left h2 {

	display: block;

	font-weight: 700;

	position: relative;

	margin-bottom: 0;

}



.heading-left p {

	margin-bottom: 0;

}



.carousel-shadow .owl-stage-outer {

	margin: -15px -15px;

	padding: 15px;

}



@media only screen and (min-width: 1380px) {

	.left-border::before {

		position: absolute;

		left: 0;

		top: 0;

		content: "";

		height: 100%;

		width: 70px;

		background: #edf5ff;

	}

	.bg-gray.left-border::before {

		background: var(--white);

	}

}





/* ============================================================== 

     # Top Bar 

=================================================================== */



.top-bar-area .container-full {

	padding: 0 30px;

}



.top-bar-area .container-fill {

	padding: 0 30px;

}



.top-bar-area {

	font-family:var(--font-default);

	font-weight: 400;

}



.top-bar-area.transparent {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 9;

	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

	overflow: hidden;

}



.top-bar-area .logo img {

    height: 50px;

}



@media (min-width: 1200px) {

	.top-bar-area .logo img {

		height: 55px;

	}

}



.top-bar-area.transparent i {

	color: var(--white) !important;

}



.top-bar-area.inc-border {

	border-bottom: 1px solid #e7e7e7;

}



.top-bar-area li {

	display: inline-block;

	margin-left: 15px;

	padding-left: 18px;

	position: relative;

	z-index: 1;

}



.top-bar-area li:first-child {

	margin: 0;

	padding: 0;

	border: none;

}



.top-bar-area p {

	margin: 0;

	font-weight: 500;

}



.top-bar-area p a {

	text-decoration: underline;

	font-weight: 700;

}



.top-bar-area.inc-border {

	border-bottom: 1px solid #e7e7e7;

}



.top-bar-area .button a {

	display: inline-block;

	padding: 6px 25px;

	color: var(--white);

	position: relative;

	z-index: 1;

	border: 1px solid rgba(255, 255, 255, 0.5);

}



.top-bar-area .item-flex {

	display: flex;

	align-items: center;

	justify-content: flex-end;

}



.top-bar-area .item-flex.space-between {

	justify-content: space-between;

}



.top-bar-area .social ul {

	margin-left: 30px;

}



.top-bar-area .social ul li::after {

	display: none;

}



.top-bar-area .social li {

	margin-left: 10px;

}



.top-bar-area.inc-pad {

	padding: 20px 0;

}



.top-bar-area.inc-padding {

	padding: 10px 0;

}



.top-bar-area .button i {

	margin-right: 5px;

}



.top-bar-area .info li i {

    margin-right: 5px;

    color: #333;

    font-weight: 100;

    font-size: 20px;

    position: relative;

    top: 2px;

    width: 40px;

  height: 40px;

  background: #ccc;

  text-align: center;

  line-height: 40px;

  border-radius: 50%;

}



.top-bar-area.fixed {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	z-index: 9;

}



.top-bar-area.fixe .row {

	align-items: center;

}



.top-bar-area.fixed {

	padding: 20px 0;

}



.top-bar-area .address-info li {

	text-align: left;

}



.top-bar-area .address-info li .icon,

.top-bar-area .address-info li .info {

	display: inline-block;

}



.top-bar-area .address-info li .icon i {

	margin-right: 10px;

}



.top-bar-area .info a {

	margin-left: 20px;

}



.top-bar-area.fixed .container {

	padding-right: 30px;

}



.top-bar-area.bg-dark .info li i,

.top-bar-area.bg-theme .info li i,

.top-bar-area.bg-gradient .info li i {

	color: var(--white);

}



.top-bar-area.inc-logo {

	padding: 15px 0;

}



.top-bar-area .info-colums ul {

	display: flex;

	align-items: center;

	justify-content: flex-end;

}



.top-bar-area .info-colums ul .info span {

	display: block;

	font-weight: 700;

	text-transform: uppercase;

}



.top-bar-area .info-colums li i {

	font-size: 35px;

}



.top-bar-area .info-colums ul .info {

	font-size: 14px;

	text-align: left;

}



.top-bar-area .info-colums .info,

.top-bar-area .info-colums .icon {

	display: inline-block;

}



.top-bar-area .info-colums ul li {

	text-align: left;

}



.top-bar-area .info-colums ul li .info {

	line-height: 24px;

}



.top-bar-area .info-colums ul li .icon {

	margin-right: 15px;

}



.top-bar-area .info-colums ul li::after {

	height: 90%;

	top: 5%;

}



.top-bar-area.bg-theme .info-colums ul li::after {

	border-left: 1px solid rgba(255, 255, 255, 0.3);

}



.top-bar-area .info-colums ul li .icon i {

	color:var(--color-primary);

}



.top-bar-area.bg-theme .info-colums ul li .icon i {

	color: var(--white);

}



.top-bar-area.bg-theme {

	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}





/* Topbar Multi Content */



.top-bar-area.multi-content {

	position: relative;

	z-index: 1;

	overflow: hidden;

	padding: 20px 0;

	padding-bottom: 60px;

}



.top-bar-area.multi-content .fixed-content p {

	margin: 0;

	position: absolute;

	right: 0;

	z-index: 1;

	color:var(--color-heading);

	padding: 10px 20px;

	top: -20px;

	font-weight: 400;

	padding-left: 35px;

}



.top-bar-area.multi-content .fixed-content p::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 400%;

	background: linear-gradient(90deg, rgba(237, 245, 255, 1) 0%, rgba(204, 223, 247, 1) 100%);

	z-index: -1;

	border-radius: 0 0 0 10px;

}



.top-bar-area.multi-content .social li {

	padding: 0;

	border: none;

}



.top-bar-area.multi-content .social li a {

	height: 40px;

	width: 40px;

	line-height: 44px;

	display: inline-block;

	border: 1px solid rgba(255, 255, 255, 0.3);

	text-align: center;

	border-radius: 50%;

	margin: 0;

	color: var(--white);

	font-size: 13px;

}



.top-bar-area.multi-content .social li a i {

	margin: 0;

	color: var(--white);

	font-size: 14px;

	top: 0;

}



@media (min-width: 1024px) {

	.top-bar-area.multi-content .logo a {

		position: relative;

		z-index: 1;

		padding-right: 40px;

	}

	.top-bar-area.multi-content .logo a::after {

		position: absolute;

		right: 0;

		top: -60px;

		content: "";

		height: 200px;

		width: 4000%;

		background: var(--white);

		z-index: -1;

		transform: skewX(-15deg);

	}

}





/* ============================================================== 

     # Bradcrumb 

=================================================================== */



.breadcrumb-area {

	padding: 100px 0;

	position: relative;

	z-index: 1;

	overflow: hidden;

}



.breadcrumb-area.top-pad-extra {

	padding-top: 240px;

}



.breadcrumb-area .row {

	position: relative;

	z-index: 1;

}



.breadcrumb-area .breadcrumb {

	background: transparent none repeat scroll 0 0;

	display: inline-block;

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 1;

}



.breadcrumb-area h1 {

	display: block;

	font-weight: 500;

	text-transform: capitalize;

	font-size: 32px;

	margin-top: -10px;

	margin-bottom: 20px;

}



.breadcrumb>li+li::before {

	content: "\f105";

	font-family: "Font Awesome 5 Pro";

	font-weight: 700;

	padding: 0 5px;

	color: var(--white);

	display: none;

}



.breadcrumb-area .breadcrumb li i {

	margin-right: 5px;

}



.breadcrumb-area .breadcrumb li {

	padding: 0 20px;

	position: relative;

	z-index: 1;

	display: inline-block;

}



.breadcrumb-area .breadcrumb li::after {

	content: "";

	height: 2px;

	left: -10px;

	margin-top: -1px;

	position: absolute;

	top: 50%;

	background: var(--white);

	width: 15px;

}



.breadcrumb-area .breadcrumb li:first-child::after {

	display: none;

}



.breadcrumb-area .breadcrumb a,

.breadcrumb-area .breadcrumb li {

	font-weight: 500;

	text-transform: uppercase;

	color: var(--white);

	font-family:var(--font-default);

}





/* ============================================================== 

     # Banner 

=================================================================== */



body,

.banner-area,

.banner-area div {

/*	height: 100%;*/

}



.banner-area.auto-height,

.banner-area.auto-height div {

	height: auto;

}



.banner-area.auto-height .content {

	padding: 150px 0;

}



.banner-area .box-cell {

	display: table-cell;

	vertical-align: middle;

	width: 100%;

}



.banner-area .box-table {

	display: table;

	width: 100%;

}



.banner-area .box-cell,

.banner-area .box-cell div {

	height: auto;

}



.banner-area {

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.banner-area .content {

	position: relative;

	z-index: 9;

	overflow: hidden;

	padding-bottom: 30px;

	padding-top: 30px;

}





/* Animation delays */



.banner-area .carousel-item h1:first-child,

.banner-area .carousel-item h2:first-child,

.banner-area .carousel-item h3:first-child,

.banner-area .carousel-item h4:first-child,

.banner-area .carousel-item h5:first-child,

.banner-area .carousel-item h6:first-child {

	animation-delay: .3s;

}



.banner-area .carousel-item h1:nth-child(2),

.banner-area .carousel-item h2:nth-child(2),

.banner-area .carousel-item h3:nth-child(2),

.banner-area .carousel-item h4:nth-child(2),

.banner-area .carousel-item h5:nth-child(2),

.banner-area .carousel-item h6:nth-child(2) {

	animation-delay: .9s;

}



.banner-area .carousel-item p {

	animation-delay: 1.1s;

}



.banner-area .carousel-item ul {

	animation-delay: 1s;

}



.banner-area .carousel-item a,

.banner-area .carousel-item .button,

.banner-area .carousel-item .bottom {

	animation-delay: 1.2s;

}



.banner-area .carousel-item .bottom {

	animation-delay: 1.2s;

	transition: all 0.35s ease-in-out;

}





/* Carousel Fade Effect */



.carousel-fade .carousel-inner .carousel-item {

	-webkit-transition-property: opacity;

	transition-property: opacity;

}



.carousel-fade .carousel-inner .carousel-item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

	opacity: 0;

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

	opacity: 1;

}



.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

	left: 0;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

}



.carousel-fade .carousel-control {

	z-index: 2;

}





/* Slider Zoom Effect */



@-webkit-keyframes zoom {

	from {

		-webkit-transform: scale(1, 1);

	}

	to {

		-webkit-transform: scale(1.2, 1.2);

	}

}



@-moz-keyframes zoom {

	from {

		-moz-transform: scale(1, 1);

	}

	to {

		-moz-transform: scale(1.2, 1.2);

	}

}



@-o-keyframes zoom {

	from {

		-o-transform: scale(1, 1);

	}

	to {

		-o-transform: scale(1.2, 1.2);

	}

}



@keyframes zoom {

	from {

		transform: scale(1, 1);

	}

	to {

		transform: scale(1.2, 1.2);

	}

}



.carousel-inner .carousel-item>.slider-thumb {

	-webkit-animation: zoom 20s;

	animation: zoom 20s;

}



.banner-area .carousel-zoom .slider-thumb {

	height: 100%;

	position: absolute;

	width: 100%;

}



.banner-area .carousel-control {

	background: transparent none repeat scroll 0 0;

	height: 60px;

	font-size: 16px;

	line-height: 60px;

	margin-top: -25px;

	opacity: 1;

	padding: 0;

	position: absolute;

	top: 50%;

	width: 60px;

	z-index: 9;

	display: inline-block;

	text-align: center;

	border: 2px solid #fff;

	border-radius: 50%;

	color: var(--white);

	opacity: 0;

	

}



.banner-area .carousel-control.shadow {

	background: transparent none repeat scroll 0 0;

	color: var(--white);

	font-size: 20px;

	height: 50px;

	line-height: 50px;

	margin-top: -25px;

	opacity: 1;

	padding: 0;

	position: absolute;

	text-shadow: inherit;

	top: 50%;

	width: 50px;

	z-index: 1;

}



.banner-area .carousel-control.shadow::after {

	background: #1e2726 none repeat scroll 0 0;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.5;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -1;

}



.banner-area .carousel-control.left {

	left: -80px;

}



.banner-area .carousel-control.left::after {

	position: absolute;

	left: 25px;

	top: 50%;

	content: "";

	height: 1px;

	width: 20px;

	background: var(--white);

}



.banner-area .carousel-control.left::before {

	position: absolute;

	left: 20px;

	top: 22px;

	content: "";

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-right: 6px solid #ffffff;

}



.banner-area:hover .carousel-control.left {

	left: 0px;

	opacity: 1;

}



.banner-area:hover .carousel-control.shadow.left {

	left: 20px;

}



.banner-area .carousel-control.right {

	right: -80px;

}



.banner-area:hover .carousel-control.right {

	right: 50px;

	opacity: 1;

}



.banner-area .carousel-control.right::after {

	position: absolute;

	right: 25px;

	top: 50%;

	content: "";

	height: 1px;

	width: 20px;

	background: var(--white);

}



.banner-area .carousel-control.right::before {

	position: absolute;

	right: 20px;

	top: 23px;

	content: "";

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-left: 6px solid #ffffff;

}



.banner-area:hover .carousel-control.shadow.right {

	right: 20px;

}





/* Carousel Contril Right Position */



.banner-area .carousel-control.position-right {

	position: absolute;

	right: -100px;

	left: auto !important;

	margin: 0;

	top: 50%;

	transform: translateX(-50%);

}



.banner-area .carousel-control.position-right.right {

	margin-top: -80px;

}



.banner-area:hover .carousel-control.position-right.left,

.banner-area:hover .carousel-control.position-right.right {

	right: 0;

	left: auto !important;

}





/* Carousel Indicators */



.banner-area .carousel-indicator {

	position: absolute;

	left: 10px;

	bottom: 0;

	width: 100%;

}



.banner-area .carousel-indicators {

	position: absolute;

	right: auto;

	left: 0;

	width: auto;

	height: auto;

	top: 50%;

	bottom: inherit;

	margin: 0;

	padding: 30px 0;

	display: block;

	transform: translateY(-50%);

}



.banner-area .carousel-indicators.right {

	left: auto;

	right: 50px;

	height: auto;

	bottom: auto;

}



.banner-area .carousel-indicators li {

	display: block;

	height: 20px;

	width: 20px;

	margin: 10px 5px;

	border: 6px solid var(--color-primary);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background: transparent;

	position: relative;

	z-index: 1;

}



.banner-area .carousel-indicators.theme li {

	border: 2px solid #e7e7e7;

	opacity: 1;

}



.banner-area .carousel-indicators li.active {

	border: 6px solid var(--color-primary);

}



.banner-area .carousel-indicators.theme li.active {

	border: 6px solid var(--color-primary);

}



.banner-area .carousel-indicators li::after {

	position: absolute;

	left: 50%;

	top: 50%;

	content: "";

	height: 5px;

	width: 5px;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	background:var(--color-primary);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}



.banner-area .carousel-indicators.theme li::after {

	background:var(--color-primary);

}



.banner-area.video-bg-live .mbYTP_wrapper {

	z-index: 1 !important;

}



.double-items>.row div {

	height: auto;

}





/* Content */



.banner-area .animated-bubble {

	position: absolute;

	height: 100%;

	width: 100%;

}



.banner-area .animated-bubble img {

	position: absolute;

	z-index: 9;

}



.banner-area .animated-bubble img:first-child {

	top: 120px;

	left: 50px;

	animation: zoomUpDown 5s linear infinite;

}



.banner-area .animated-bubble img:nth-child(2) {

	top: 30%;

	left: 10%;

	animation: fadeLeftRight 10s linear infinite;

}



.banner-area .animated-bubble img:nth-child(3) {

	top: 17%;

	left: 20%;

	animation: moving 7s linear infinite;

}



.banner-area .animated-bubble img:nth-child(4) {

	bottom: 30%;

	right: 10%;

	animation: moving 10s linear infinite;

}



.banner-area .animated-bubble img:nth-child(5) {

	top: 30%;

	right: 10%;

	animation: fadeLeftRight 10s linear infinite;

}



.banner-area .animated-bubble img:nth-child(6) {

	bottom: 120px;

	right: 20%;

	animation: zoomUpDown 5s linear infinite;

}



.banner-area .animated-bubble img:nth-child(7) {

	bottom: 30%;

	right: 35%;

	animation: fadeLeftRight 5s linear infinite;

}



.banner-area p {

	padding-right: 20%;

}



.banner-area.text-center p,

.banner-area .text-center p {

	padding-right: 12%;

	padding-left: 12%;

}



.banner-area p {

	font-size: 18px;

	line-height: 32px;

}



.banner-area.text-regular .content h4 {

	font-weight: 400;

	text-transform: uppercase;

}



.banner-area.text-regular .content h2 {

	font-weight: 600;

	font-size: 45px;

	line-height: 1;

	margin-bottom: 30px;

	text-transform: capitalize;

}



.banner-area.content-less .content h2 {

	margin-bottom: 15px;

}



.banner-area.text-regular .content a {

	margin-top: 20px;

}



.banner-area.content-less .content a {

	margin-top: 40px;

}



.banner-area.text-regular .content .video-play-button {

	margin-top: 0;

	margin-left: 30px;

}



.banner-area .bottom {

	display: flex;

	align-items: center;

	margin-top: 10px;

}



.banner-area.inc-shape .box-cell {

	position: relative;

	z-index: 1;

}



.banner-area.inc-shape .box-cell::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 45%;

	width: 45%;

	background: url(assets/img/shape/4.png);

	background-size: contain;

	background-repeat: no-repeat;

	z-index: -1;

	background-position: left bottom;

}



.banner-area.text-multi-weight .content h2 {

	font-size: 80px;

	font-weight: 900;

	line-height: 1;

	margin-bottom: 30px;

}



.banner-area.text-multi-weight .content h2 span {

	display: block;

	font-weight: 200;

}



.banner-area.text-multi-weight .btn {

	box-shadow: inherit;

}



.banner-area.text-multi-weight .content a {

	margin-top: 20px;

}



.banner-area.text-multi-weight .content p {

	padding-right: 30%;

	color:var(--color-heading);

}



.banner-area.bg-theme.text-multi-weight .content p,

.banner-area.shadow.text-multi-weight .content p {

	color: var(--white);

	opacity: 0.9;

}



.banner-area.inc-shape .box-cell::before {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 60%;

	background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 96%) repeat scroll 0 0;

	z-index: -1;

}



.banner-area a.video-text span {

	position: relative;

	left: 130px;

	top: -75px;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 500;

	border-bottom: 1px solid;

	text-align: left;

	display: inline-block;

	line-height: 1;

	padding-bottom: 2px;

}



.banner-area.text-regular .content .video-play-button.video-text {

	margin: 0;

	left: 0;

	width: auto;

}





/* ============================================================== 

     # Infinite Shape Animation  

=================================================================== */



@keyframes fadeLeftRight {

	0%,

	100% {

		transform: translateX(0px);

	}

	50% {

		transform: translateX(100px);

	}

}



@-webkit-keyframes fadeLeftRight {

	0%,

	100% {

		transform: translateX(0px);

	}

	50% {

		transform: translateX(100px);

	}

}



@keyframes fadeRightLeft {

	0%,

	100% {

		transform: translateX(0px);

	}

	50% {

		transform: translateX(-50px);

	}

}



@-webkit-keyframes fadeRightLeft {

	0%,

	100% {

		transform: translateX(0px);

	}

	50% {

		transform: translateX(-50px);

	}

}



@keyframes zoomUpDown {

	0%,

	100% {

		transform: scale(0.5);

	}

	50% {

		transform: scale(0.7);

	}

}



@-webkit-keyframes zoomUpDown {

	0%,

	100% {

		transform: scale(0.5);

	}

	50% {

		transform: scale(0.8);

	}

}





/* Mooving Animation */



@-webkit-keyframes moving {

	0% {

		-webkit-transform: translate(0px, 0px);

		transform: translate(0px, 0px);

	}

	20% {

		-webkit-transform: translate(0px, -30px);

		transform: translate(0px, -30px);

	}

	50% {

		-webkit-transform: translate(-100px, -30px);

		transform: translate(-100px, -30px);

	}

	70% {

		-webkit-transform: translate(-100px, 0px);

		transform: translate(-100px, 0px);

	}

	100% {

		-webkit-transform: translate(0px, 0px);

		transform: translate(0px, 0px);

	}

}



@keyframes moving {

	0% {

		-webkit-transform: translate(0px, 0px);

		transform: translate(0px, 0px);

	}

	20% {

		-webkit-transform: translate(0px, -30px);

		transform: translate(0px, -30px);

	}

	50% {

		-webkit-transform: translate(-100px, -30px);

		transform: translate(-100px, -30px);

	}

	70% {

		-webkit-transform: translate(-100px, 0px);

		transform: translate(-100px, 0px);

	}

	100% {

		-webkit-transform: translate(0px, 0px);

		transform: translate(0px, 0px);

	}

}





/* ============================================================== 

     # Video Button Play

=================================================================== */



.video-play-button {

	color:var(--color-secondary);

	font-size: 30px;

	left: 50%;

	padding-left: 7px;

	position: absolute;

	top: 50%;

	transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-o-transform: translateX(-50%) translateY(-50%);

	z-index: 1;

}



.video-play-button:before {

	content: "";

	position: absolute;

	z-index: 0;

	left: 50%;

	top: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 80px;

	height: 80px;

	background: var(--white) repeat scroll 0 0;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	-webkit-animation: pulse-border 1500ms ease-out infinite;

	animation: pulse-border 1500ms ease-out infinite;

}



.video-play-button.theme:before,

.video-play-button.theme:after {

	background:var(--color-primary) repeat scroll 0 0;

}



.video-play-button.theme.secondary:before,

.video-play-button.theme.secondary:after {

	background:var(--color-secondary) repeat scroll 0 0;

}



.video-play-button:after {

	content: "";

	position: absolute;

	z-index: 1;

	left: 50%;

	top: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	display: block;

	width: 80px;

	height: 80px;

	background: var(--white) repeat scroll 0 0;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	transition: all 200ms;

	-webkit-transition: all 200ms;

	-moz-transition: all 200ms;

	-ms-transition: all 200ms;

	-o-transition: all 200ms;

}



@-webkit-keyframes pulse-border {

	0% {

		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

		opacity: 0;

	}

}



@keyframes pulse-border {

	0% {

		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

		opacity: 0;

	}

}



.video-play-button i {

	display: block;

	position: relative;

	z-index: 3;

	color:var(--color-primary);

}



.video-play-button.theme i {

	color: var(--white);

}



.video-play-button.theme.secondary i {

	color: var(--white);

}



.video-play-button.relative {

	position: relative;

	display: inline-block;

	left: 30px;

	height: 64px;

	width: 64px;

	line-height: 64px;

	text-align: center;

	margin-top: 0 !important;

	top: 55px;

	margin-left: 10px;

}



.video-play-button.relative::before,

.video-play-button.relative::after {

	height: 64px;

	width: 64px;

	line-height: 64px;

}



.video-play-button.relative i {

	line-height: 66px;

	font-size: 20px;

}





/* Nice Select CSS */



.nice-select {

	-webkit-tap-highlight-color: transparent;

	background-color: #fff;

	border: solid 1px #e8e8e8;

	box-sizing: border-box;

	clear: both;

	cursor: pointer;

	display: block;

	float: left;

	font-family: inherit;

	font-size: 16px;

	font-weight: normal;

	height: 50px;

	line-height: 50px;

	outline: none;

	padding-left: 18px;

	padding-right: 30px;

	position: relative;

	text-align: left !important;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	white-space: nowrap;

	width: 100%;

	margin-bottom: 15px;

}



.nice-select:hover {

	border-color: #dbdbdb;

}



.nice-select:active,

.nice-select.open,

.nice-select:focus {

	border-color: #999;

}



.nice-select:after {

	border-bottom: 2px solid #999;

	border-right: 2px solid #999;

	content: '';

	display: block;

	height: 5px;

	margin-top: -6px;

	pointer-events: none;

	position: absolute;

	right: 12px;

	top: 50%;

	-webkit-transform-origin: 66% 66%;

	-ms-transform-origin: 66% 66%;

	transform-origin: 66% 66%;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: all 0.15s ease-in-out;

	transition: all 0.15s ease-in-out;

	width: 5px;

}



.nice-select.open:after {

	-webkit-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	transform: rotate(-135deg);

}



.nice-select.open .list {

	opacity: 1;

	pointer-events: auto;

	-webkit-transform: scale(1) translateY(0);

	-ms-transform: scale(1) translateY(0);

	transform: scale(1) translateY(0);

	overflow-y: auto !important;

	height: auto;

}



.nice-select.disabled {

	border-color: #ededed;

	color: #999;

	pointer-events: none;

}



.nice-select.disabled:after {

	border-color: #96aac1;

}



.nice-select.wide {

	width: 100%;

}



.nice-select.wide .list {

	left: 0 !important;

	right: 0 !important;

}



.nice-select.right {

	float: right;

}



.nice-select.right .list {

	left: auto;

	right: 0;

}



.nice-select.small {

	font-size: 12px;

	height: 36px;

	line-height: 34px;

}



.nice-select.small:after {

	height: 4px;

	width: 4px;

}



.nice-select.small .option {

	line-height: 34px;

	min-height: 34px;

}



.nice-select .list {

	background-color: #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

	-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

	-o-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

	box-sizing: border-box;

	margin-top: 4px;

	opacity: 0;

	overflow: hidden;

	padding: 0;

	pointer-events: none;

	position: absolute;

	top: 100%;

	left: 0;

	-webkit-transform-origin: 50% 0;

	-ms-transform-origin: 50% 0;

	transform-origin: 50% 0;

	-webkit-transform: scale(0.75) translateY(-21px);

	-ms-transform: scale(0.75) translateY(-21px);

	transform: scale(0.75) translateY(-21px);

	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

	z-index: 9;

	width: 100%;

}



.nice-select .list:hover .option:not(:hover) {

	background-color: transparent !important;

}



.nice-select .option {

	cursor: pointer;

	font-weight: 400;

	line-height: 40px;

	list-style: none;

	min-height: 40px;

	outline: none;

	padding-left: 18px;

	padding-right: 29px;

	text-align: left;

	-webkit-transition: all 0.2s;

	transition: all 0.2s;

}



.nice-select .option:hover,

.nice-select .option.focus,

.nice-select .option.selected.focus {

	background-color: #f6f6f6;

}



.nice-select .option.selected {

	font-weight: bold;

}



.nice-select .option.disabled {

	background-color: transparent;

	color: #999;

	cursor: default;

}



.no-csspointerevents .nice-select .list {

	display: none;

}



.no-csspointerevents .nice-select.open .list {

	display: block;

}





/* ============================================================== 

     # About

=================================================================== */



.about-us-area .thumb {

	position: relative;

	z-index: 1;

	margin-bottom: 65px;

}



.about-us-area .thumb::before {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    height: 100px;

    width: 100%;

    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 130%) repeat scroll 0 0;

}



.about-us-area .thumb img {

	border-radius: 8px;

}



.about-us-area .thumb img:first-child {

	width: 85%;

}



.about-us-area .thumb img:nth-child(2) {

	position: absolute;

	right: 0;

	bottom: -65px;

	width: 50%;

	border-radius: 50%;

	border: 10px solid var(--color-secondary);

	box-shadow: none;

}



.about-us-area .thumb .experience {

	position: absolute;

	bottom: -70px;

	left: 30px;

}



.about-us-area .thumb h2 {

	font-size: 100px;

	font-weight: 900;

	margin: 0;

	line-height: 105px;

	text-shadow: -5px 5px 0px #eceefe;

	color: var(--color-primary)

}



.about-us-area .thumb h4 {

	margin: 0;

	font-weight: 600;

	font-size: 18px;

}



.about-us-area .about-items {

	position: relative;

}



.about-us-area .about-items .shape {

	position: absolute;

	right: -120px;

	top: 0;

	z-index: -1;

}



.about-us-area .about-items .shape img {

	height: 150px;

	transform: rotate(16deg);

	opacity: 0.2;

}



.about-us-area .info {

	padding-left: 35px;

}



.about-us-area .info h2 {

	font-weight: 600;

	margin-bottom: 25px;

}



.about-us-area .info .bottom-info {

	display: flex;

	align-items: center;

	margin-top: 25px;

}



.about-us-area .info .bottom-info .button {

	margin-right: 30px;

}



.about-us-area .info .bottom-info .contact {

	display: flex;

	align-items: center;

}



.about-us-area .info .bottom-info .contact i {

	display: inline-block;

	font-size: 40px;

	margin-right: 15px;

	color:var(--color-primary);

}



.about-us-area .info .bottom-info .contact .content {

	border-left: 1px solid #dddddd;

	padding-left: 28px;

}



.about-us-area .info .bottom-info .contact .content span {

	display: block;

	margin-bottom: 3px;

}



.about-us-area .info .bottom-info .contact .content h5 {

	margin: 0;

	font-weight: 600;

}



.about-us-area .about-items blockquote {

	background: var(--white);

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	padding: 30px;

	border-left: 5px solid var(--color-primary);

	margin-bottom: 30px;

	font-size: 20px;

	line-height: 32px;

	color:var(--color-heading);

	font-weight: 400;

	font-style: italic;

}





/* ============================================================== 

     # Services Types

=================================================================== */



.services-types-area {

	position: relative;

	z-index: 1;

}



.services-types-area .fixed-shape {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 50%;

	text-align: right;

}



.services-types-area .buble-shape {

	position: absolute;

	left: -100px;

	top: -50px;

}



.services-types-area .container>.row {

	position: relative;

}



.services-types-area .buble-shape img {

	height: 80px;

}



.services-types-area .item img {

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

}



.services-types-area .item h2,

.services-types-area .item h3,

.services-types-area .item h4 {

	font-weight: 600;

}



.services-types-area .item h2 {

	margin-bottom: 25px;

}



.services-types-area .item h5 {

	text-transform: uppercase;

	display: inline-block;

	color:var(--white);

	font-weight: 500;

	position: relative;

	z-index: 1;

	opacity: 0.8;

}



.services-types-area .item p {

	opacity: 0.8;

}



.services-types-area .item ul {

	display: inline-block;

	text-align: left;

	margin-top: 10px;

}



.services-types-area .item ul li {

    float: left;

    width: 50%;

    padding: 0 15px;

    position: relative;

    z-index: 1;

    padding-left: 26px;

    color: var(--white);

    font-weight: 500;

    line-height: 40px;

}



.services-types-area .item ul li::after {

    position: absolute;

    left: 0;

    top: 50%;

    content: "\f00c";

    font-family: "Font Awesome 5 Pro";

    font-size: 16px;

    color: var(--color-secondary);

    transform: translateY(-50%);

	font-weight: 400;

}



.callback-form .form-items {

	background: var(--white);

	padding: 80px 50px;

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	border-radius: 8px;

}



.services-type-items .content {

	position: relative;

	z-index: 1;

}



.services-type-items .content i {

	display: inline-block;

	color:var(--color-primary);

}



.services-type-items.services-type-carousel .owl-dots {

	margin: 0;

	position: absolute;

	right: -100px;

	top: 50%;

	transform: translateY(-50%);

}



.services-type-items.services-type-carousel .owl-dots .owl-dot {

	display: block;

	margin: 15px 0;

}



.services-type-items.services-type-carousel .owl-dots .owl-dot span {

	background: transparent;

	border: 5px solid var(--white);

	height: 30px;

	width: 30px;

	opacity: 0.4;

	position: relative;

	z-index: 1;

}



.services-type-items.services-type-carousel .owl-dots .owl-dot.active span {

	opacity: 1;

}



.services-type-items.services-type-carousel .owl-dots .owl-dot span::after {

	position: absolute;

	left: 50%;

	top: 50%;

	content: "";

	height: 5px;

	width: 5px;

	background:var(--white);

	z-index: -1;

	transform: translate(-50%, -50%);

	border-radius: 50%;

}



.services-type-items .thumb {

	position: relative;

	z-index: 1;

	margin-left: 70px;

}



.services-type-items .thumb h4 {

    position: absolute;

    left: -70px;

    top: 80px;

    display: inline-block;

    padding: 20px 30px;

    margin: 0;

    font-weight: 400;

    font-size: 15px;

    z-index: 1;

    border-radius: 5px;

}



.services-type-items .thumb h4::before {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    height: 100%;

    width: 100%;

    background: var(--dark);

    z-index: -1;

    transform: skewX(-10deg);

    box-shadow: 0 0 25px rgb(0 0 0 / 8%);

    border-left: 3px solid var(--color-secondary);

    border-radius: 8px;

}



.services-type-items .thumb h4 strong {

	display: block;

	font-size: 40px;

	font-weight: 600;

	margin-bottom: 2px;

	text-align: right;

	position: relative;

	letter-spacing: -1px;

}



.services-type-items .thumb h4 strong span {

    color:var(--color-secondary);

}



.services-type-items .thumb h4::after {

    position: absolute;

    left: 20px;

    bottom: -17px;

    content: "";

    border-left: 27px solid transparent;

    border-right: 2px solid transparent;

    border-top: 20px solid var(--dark);

}



.services-types-area .item a {

	margin-top: 25px;

}





/* ============================================================== 

     # Services Details Area

=================================================================== */



.services-details-items h2,

.services-details-items h3,

.services-details-items h4,

.services-details-items h5,

.services-details-items h6 {

	font-weight: 600;

}



.services-details-items .services-sidebar .single-widget {

	margin-top: 50px;

}



.services-details-items .services-sidebar .single-widget:first-child {

	margin-top: 0;

}



.services-details-items .services-sidebar .widget-title {

	font-weight: 500;

	margin-bottom: 20px;

	margin-top: -5px;

	position: relative;

	text-transform: capitalize;

	z-index: 1;

	font-size: 22px;

	display: inline-block;

	padding-bottom: 15px;

}



.services-details-items .services-sidebar .widget-title::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 2px;

	width: 50px;

	border-bottom: 2px solid var(--color-primary);

}



.services-details-items .services-sidebar .services-list a {

	display: block;

	padding: 18px 25px;

	background: rgba(237, 245, 255, 1);

	margin-top: 15px;

	position: relative;

	z-index: 1;

	font-weight: 500;

	overflow: hidden;

	border-radius: 5px;

}



.services-details-items .services-sidebar .services-list a::after {

	position: absolute;

	right: 50px;

	top: 50%;

	content: "\f105";

	transform: translateY(-50%);

	transition: all 0.25s ease-in-out;

	font-family: "Font Awesome 5 Pro";

	height: 30px;

	width: 50px;

	text-align: right;

	opacity: 0;

	visibility: hidden;

	font-size: 26px;

	margin-top: 1px;

	font-weight: 100;

}



.services-details-items .services-sidebar .services-list .current-item a::after,

.services-details-items .services-sidebar .services-list a:hover::after {

	right: 20px;

	opacity: 1;

	visibility: visible;

	color: var(--white);

}



.services-details-items .services-sidebar .services-list a::before {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 60%;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

	opacity: 0;

	visibility: hidden;

}



.services-details-items .services-sidebar .services-list li.current-item a::before {

	width: 100%;

}



.services-details-items .services-sidebar .services-list li.current-item a,

.services-details-items .services-sidebar .services-list li a:hover {

	color: var(--white);

}



.services-details-items .services-sidebar .services-list a:hover::before,

.services-details-items .services-sidebar .services-list li.current-item a::before {

	width: 100%;

	opacity: 1;

	visibility: visible;

}



.services-details-items .services-sidebar {

	padding-left: 35px;

}



.services-details-items .services-sidebar .single-widget.quick-contact {

	position: relative;

	z-index: 1;

	background-size: cover;

	background-position: center;

}



.services-details-items .services-sidebar .single-widget.quick-contact::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background: #1d2746;

	opacity: 0.7;

}



.services-details-items .services-sidebar .single-widget.quick-contact .content {

	padding: 50px 30px;

	position: relative;

	z-index: 1;

}



.services-details-items .services-sidebar .single-widget.quick-contact .content i {

	display: inline-block;

	font-size: 25px;

	color: var(--white);

	margin-bottom: 35px;

	height: 70px;

	width: 70px;

	line-height: 70px;

	background:var(--color-primary);

	border-radius: 50%;

	position: relative;

	z-index: 1;

	text-align: center;

	font-weight: 100;

}



.services-details-items .services-sidebar .single-widget.quick-contact .content i.fas.fa-phone {

	transform: rotate(90deg);

}



.services-details-items .services-sidebar .single-widget.quick-contact .content i::after {

	position: absolute;

	left: -10%;

	top: -10%;

	content: "";

	height: 120%;

	width: 120%;

	background:var(--color-primary);

	z-index: -1;

	border-radius: 50%;

	opacity: 0.3;

}



.services-details-items .services-sidebar .single-widget.quick-contact .content p {

	color: var(--white)D1;

}



.services-details-items .services-sidebar .single-widget.quick-contact .content h2 {

	font-size: 16px;

	font-weight: 600;

	color: var(--white);

	margin: 0;

	margin-top: 25px;

}



.services-details-items .services-sidebar .single-widget.brochure ul {

	margin-top: 15px;

}



.services-details-items .services-sidebar .single-widget.brochure a {

	display: flex;

	align-items: center;

	margin-top: 15px;

	background: var(--white);

	padding: 18px 25px;

	border-radius: 5px;

	border: 2px solid rgb(205 223 247);

}



.services-details-items .services-sidebar .single-widget.brochure a i {

	font-size: 30px;

	font-weight: 100;

	margin-right: 16px;

}



.services-details-items .services-sidebar .single-widget.brochure li:first-child a {

	margin-top: 0;

}



.services-details-items .services-sidebar .single-widget.brochure a:hover {

	color:var(--color-primary);

}



.services-details-items .services-single-content h2 {

	font-weight: 600;

	margin-bottom: 20px;

}



.services-details-items .services-single-content>.row {

	margin-top: 35px;

	margin-bottom: 35px;

}



.services-details-area .features .col-lg-6 {

	display: flex;

}



.services-details-area .thumb {

	margin-bottom: 30px;

}



.services-details-area .features i {

	display: inline-block;

	font-size: 50px;

	color:var(--color-primary);

	margin-right: 25px;

}



.services-details-area .features h4 {

	font-weight: 600;

}



.services-details-area .features p {

	margin: 0;

}



.services-details-area .features {

	margin: 25px 0;

}



.services-details-area .services-single-content ul {

	list-style: disc;

	margin-left: 20px;

}



.services-details-area .services-single-content ul li {

	line-height: 32px;

}



.services-details-items .services-single-content .list-item h2 {

	margin-bottom: 20px;

}



.services-details-items .services-single-content .list-item {

	margin-top: 20px;

}



.services-more .item {

	padding: 30px;

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	background: var(--white);

	margin-top: 30px;

}



.services-more .item i {

	display: inline-block;

	font-size: 50px;

	color:var(--color-primary);

	margin-bottom: 30px;

}



.services-more .item p {

	margin: 0;

}



.services-more .item h4 {

	font-size: 20px;

}



.services-more .item a {

	font-weight: 500;

}



.services-more h2 {

	margin: 0 !important;

	margin-top: 25px !important;

}





/* ============================================================== 

     # Process Area

=================================================================== */



.work-process-area {

	position: relative;

}



.work-process-area.shadow-less::after {

	display: none;

}



.work-process-area .shape {

	position: absolute;

	height: 300px;

	width: 300px;

	left: -50px;

	top: -120px;

	opacity: 0.07;

}



.work-process-area .process-items .item span {

	display: inline-block;

	height: 60px;

	width: 60px;

	line-height: 60px;

	background:var(--color-primary);

	color: var(--white);

	font-weight: 900;

	border-radius: 50%;

	font-size: 20px;

	position: absolute;

	z-index: 1;

	margin-bottom: 19px;

	transition: all 0.35s ease-in-out;

	bottom: 20px;

	right: -5px;

	-wekit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);

	clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);

}





.work-process-area .process-items .single-item:nth-child(2) .item span {

	bottom: auto;

}



.work-process-area .process-items .item h5 {

	margin: 0;

	font-weight: 600;

	text-transform: capitalize;

}



.work-process-area .process-items .item .thumb {

	position: relative;

	display: inline-block;

}



.work-process-area .process-items .item img {

	height: 170px;

	width: 170px;

	border-radius: 50%;

	border: 1px solid #ffffff;

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	margin-bottom: 25px;

	transition: all 0.35s ease-in-out;

}



.process-items {

	position: relative;

	z-index: 1;

	margin-top: 33px;

}



.process-items::after {

	position: absolute;

	left: 0;

	top: 25px;

	content: "";

	height: 100%;

	width: 100%;

	background: url(assets/img/shape/12.png);

	background-repeat: no-repeat;

	z-index: -1;

	background-size: contain;

	transform: rotate(-3deg);

}



.work-process-area .process-items .item:hover span, .work-process-area .process-items .single-item:nth-child(2n) .item span {

	transform: scale(1.2);

	background: var(--color-secondary);

	color: var(--white);

	right: -45px;

}



.work-process-area .process-items .single-item:nth-child(2n) .item img, 

.work-process-area .process-items .single-item .item:hover img {

    transform: scale(1.4);

    margin-bottom: 60px;

}



/* Animation Rotation */



@keyframes infinite-rotate {

	0% {

		transform: rotate(0deg);

	}

	50% {

		transform: rotate(180deg);

	}

	100% {

		transform: rotate(360deg);

	}

}



@-webkit-keyframes infinite-rotate {

	0% {

		transform: rotate(0deg);

	}

	50% {

		transform: rotate(180deg);

	}

	100% {

		transform: rotate(360deg);

	}

}







/* ============================================================== 

     # Appoinment

=================================================================== */



.appoinment-area {

	overflow: hidden;

	position: relative;

	z-index: 1;

	width: 92%;

	margin: auto;

	border-radius: 8px;

}



.appoinment-area .fixed-shape {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background-size: cover;

	background-position: center;

}



.appoinment-area .thumb {

	text-align: center;

	margin-top: 120px;

	position: relative;

	z-index: 1;

}



.appoinment-area .thumb::after {

	position: absolute;

	left: 50%;

	top: 50%;

	content: "";

	height: 100%;

	width: 100%;

	background: url(assets/img/shape/16.png);

	background-size: contain;

	background-repeat: no-repeat;

	z-index: -1;

	transform: translate(-50%, -50%);

}



.appoinment-area img {

	margin: auto;

}



.appoinment-area .form-items {

	padding: 60px 50px;

	background: var(--white);

	border-radius: 8px;

	position: relative;

}



.appoinment-area .form-items::after {

	position: absolute;

	left: 5%;

	bottom: -15px;

	content: "";

	height: 100%;

	width: 90%;

	background: var(--white);

	z-index: -1;

	border-radius: 8px;

	opacity: 0.5;

}



.appoinment-area .form-items h2 {

	font-weight: 600;

	margin-bottom: 3px;

}



.appoinment-area .form-items p {

	margin-bottom: 30px;

}



.appoinment-area .form-items form input,

.appoinment-area .form-items form textarea,

.appoinment-area .form-items .nice-select {

	background: rgba(237, 245, 255, 1);

	border: 1px dashed rgba(255, 255, 255, 0.7);

	font-size: 16px;

	padding: 25px;

	min-height: 55px;

}



.appoinment-area .form-items form textarea {

	height: 180px;

}



.appoinment-area .form-items form button {

	padding: 13px 40px;

	font-size: 16px;

	transition: all 0.35s ease-in-out;

	overflow: hidden;

	border-radius: 5px;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	display: block;

	font-weight: 600;

	position: relative;

	border: none !important;

	color: var(--black);

	width: 100%;

}



.appoinment-area .form-items form button::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background-size: 200% auto;

	text-transform: uppercase;

	display: inline-block;

	background-color:var(--color-secondary);

	transition: all 0.35s ease-in-out;

}



.appoinment-area .form-items form button:hover::after {

	background-position: -100% 0;

	color: var(--white);

}



.appoinment-area .form-items form button span {

	position: relative;

	z-index: 1;

}



.appoinment-area .form-items .nice-select {

	padding: 0 25px;

	padding-top: 4px;

}





/* ============================================================== 

     # Fun Factor Area

=================================================================== */



.fun-factor-area {

    position: relative;

	z-index: 1;

}



.fun-factor-area .shape {

    position: absolute;

    left: 0;

    bottom: -120px;

}



.fun-factor-area .shape img {

    height: 600px;

	animation: fadeRightLeft 10s linear infinite;

}



.fun-factor-area .fun-fact-items {

	position: relative;

}



.fun-factor-area .fun-fact-items .fixed-bg {

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

}



.fun-factor-area .fixed-bg {

    background-size: cover;

    z-index: -1;

    height: 50%;

}



.bg-dark.fun-factor-area .fun-fact-items .fixed-bg {

	opacity: 0.5;

}



.fun-factor-area .counter {

	position: relative;

}



.fun-factor-area .counter {

	position: relative;

	display: flex;

	align-items: center;

	font-size: 68px;

	font-weight: 700;

	color:#fff;

	line-height: 1;

	margin-bottom: 5px;

	justify-content: center;

}



.bg-theme.fun-factor-area .counter,

.bg-dark.fun-factor-area .counter {

	color: var(--white);

}



.bg-dark.fun-factor-area .counter {

	color: var(--white);

}



.fun-factor-area .counter .operator {

	font-size: 35px;

	margin-left: 2px;

	position: relative;

	top: -20px;

	color:#fff;

}



.fun-factor-area.bg-dark .counter .operator,

.fun-factor-area.bg-theme .counter .operator {

	color:var(--color-secondary);

}



.fun-factor-area .medium {

	font-weight: 600;

}





/* ============================================================== 

     # Pricing Area

=================================================================== */



.pricing-area {

	z-index: inherit;

}



.pricing-area .fixed-sahpe-bottom {

	position: absolute;

	left: 0;

	bottom: 0;

	height: 40%;

	width: 100%;

	z-index: -1;

}



.pricing-area .single-item {

	margin-bottom: 30px;

	margin-top: 15px;

}



.pricing-area .single-item .pricing-item::after {

	position: absolute;

	right: 0;

	top: 0;

	content: "";

	height: 140px;

	width: 140px;

	background: url(assets/img/shape/bubble-right.png);

	background-size: contain;

	background-repeat: no-repeat;

	z-index: -1;

}



.pricing-item {

	background: var(--white);

	padding: 50px;

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	position: relative;

	z-index: 1;

}



.pricing-header h4 {

	font-weight: 700;

	text-transform: capitalize;

	margin-bottom: 3px;

}



.pricing-header p {

    margin: 0;

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 0.6px;

    font-weight: 500;

}



.pricing-header i {

	display: inline-block;

	font-size: 45px;

	margin-bottom: 20px;

	display: inline-block;

	height: 100px;

	width: 100px;

	line-height: 100px;

	border-radius: 50%;

	position: relative;

	z-index: 1;

}



.pricing-area .btn {

	margin-top: 40px;

}



.pricing-header {

	text-align: center;

}



.pricing-item.active .pricing-header {

	border-color: rgba(255, 255, 255, 0.3);

}



.pricing-area .single-item ul {

	text-align: left;

}



.pricing-item .footer {

	margin-top: 20px;

}



.pricing-item li {

	text-transform: capitalize;

	padding: 6px 25px;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.pricing-area .pricing-item li i {

	margin-left: 25px;

	color: var(--dark);

	font-size: 12px;

}



.pricing-area .pricing-item li i.fa-times-circle {

	color:var(--color-secondary);

}



.pricing-area .pricing-item li i.fa-times {

	color: red;

}



.pricing-item li:nth-child(odd) {

	background: #f9f9f9;

}



.pricing-item .price {

	text-align: center;

	margin-bottom: 30px;

}



.pricing-item .price sup {

	font-weight: 500;

	font-size: 22px;

	top: -15px;

}



.pricing-item .price h2 {

    margin: 0;

    font-weight: 600;

    display: inline-block;

    position: relative;

    font-size: 80px;

    line-height: 1;

    margin-top: 10px;

}



.pricing-item .price h2 sub {

	display: block;

	font-size: 15px;

	letter-spacing: 0;

	text-transform: uppercase;

	font-weight: 500;

	right: 0;

	left: auto;

}



.pricing-item.active {

    background: var(--color-primary);

}



.pricing-item.active h4, 

.pricing-item.active h2 {

    color: var(--white);

}



.pricing-item.active p {

    color: var(--white);

    text-transform: uppercase;

    font-weight: 500;

}



.pricing-item.active li {

    color: var(--white);

	opacity: 0.8;

}



.pricing-item.active li:nth-child(odd) {

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

}



.pricing-area .pricing-item.active li i {

    color: var(--white);

}



.pricing-area .pricing-item.active li i.fa-times-circle {

    color:var(--color-secondary);

}



.pricing-item .price p {

    text-transform: uppercase;

    font-weight: 500;

}









/* ============================================================== 

     # Projects Area

=================================================================== */



.project-area .fixed-sahpe-bottom {

    position: absolute;

    left: 0;

    top: -220px;

    z-index: -1;

}



.project-area .fixed-sahpe-bottom img {

    width: 80%;

}



.project-area #portfolio-grid {

	margin: -15px;

}



.project-area .gallery-items.colums-3 .pf-item {

	float: left;

	padding: 15px;

	width: 33.3333%;

}



.project-area .gallery-items.colums-2 .pf-item {

	float: left;

	padding: 15px;

	width: 50%;

}



.project-area .gallery-items.colums-4 .pf-item {

	float: left;

	padding: 15px;

	width: 25%;

}



.project-area .gallery-items.colums-6 .pf-item {

	float: left;

	padding: 15px;

	width: 16.6666%;

}



.project-area .gallery-items .pf-item.wide {

	width: 66.6667%;

}



.project-area .shape {

	position: absolute;

	left: 0;

	top: 0;

	height: 60%;

	width: 100%;

	background-size: cover;

	background-position: bottom;

}



@media only screen and (min-width: 1200px) {

	.project-area .container-fill {

		padding: 0;

	}

}



.project-area .fixed-shape {

	position: absolute;

	left: 0;

	top: -120px;

	height: 100%;

	width: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	z-index: -1;

}



.projects-area {

	position: relative;

	z-index: 1;

}



.project-style-one {

	position: relative;

}



.project-style-one .info {

	position: absolute;

	left: 50%;

	bottom: 0;

	z-index: 1;

	padding: 30px 60px;

	transition: all 0.35s ease-in-out;

	opacity: 0;

	transform: translateX(-50%);

}



.project-style-one .info::after {

    position: absolute;

    left: 0;

    top: -5%;

    content: "";

    height: 110%;

    width: 100%;

    background: url(../img/shape/26.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    z-index: -1;

}



.owl-item.center .project-style-one .info {

    bottom: 45px;

    opacity: 1;

}



.project-style-one .info h4,

.project-style-one .info a {

	color: var(--color-heading);

	font-weight: 500;

	margin-bottom: 0;

}



.project-style-one .info span {

	transition: all 0.35s ease-in-out;

	position: relative;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 600;

	display: inline-block;

	color: var(--color-heading);

}



.projects-area .project-items .owl-nav {

	margin: 0;

}



.projects-area .project-items .owl-nav .owl-prev,

.projects-area .project-items .owl-nav .owl-next {

	background: transparent none repeat scroll 0 0;

	color:var(--color-primary);

	font-size: 25px;

	height: 50px;

	left: 100px;

	line-height: 60px;

	margin: -20px 0 0;

	padding: 0;

	position: absolute;

	top: 50%;

	width: 50px;

	transition: all 0.35s ease-in-out;

	display: inline-block;

	text-align: center;

	background: var(--white);

	border-radius: 50%;

	box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);

	opacity: 0;

}



.projects-area .project-items .owl-nav .owl-next {

	left: auto;

	right: 100px;

}



.projects-area .project-items:hover .owl-nav .owl-prev {

	left: 30px;

	opacity: 1;

}



.projects-area .project-items:hover .owl-nav .owl-next {

	right: 30px;

	opacity: 1;

}



.project-style-two {

    position: relative;

    z-index: 1;

	overflow: hidden;

}



.project-style-two img {

	-webkit-transform: scale(1);

    transform: scale(1);

    transition: all 500ms ease;

}



.project-style-two:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05) rotate(1deg);

}



.project-style-two .info {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    padding: 30px;

    text-align: center;

    z-index: 1;

    transition: all 0.35s ease-in-out;

	transition-delay: 0.5s;

}



.project-style-two .info h4 {

    margin: 0;

	margin-bottom: 3px;

	transition: all 0.35s ease-in-out;

	opacity: 0;

	transition-delay: 200ms;

	margin-left: -50px;

}



.project-style-two:hover .info h4 {

	margin-left: 0;

	opacity: 1;

}



.project-style-two .info span {

    text-transform: uppercase;

    font-weight: 600;

	transition: all 0.35s ease-in-out;

	opacity: 0;

	transition-delay: 300ms;

	margin-right: -50px;

}



.project-style-two:hover .info span {

	margin: 0;

	opacity: 1;

}



.project-style-two::after {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    height: 100%;

    width: 100%;

    background: var(--dark);

    transition: all 0.35s ease-in-out;

    opacity: 0;

	transform: perspective(400px) rotateY(90deg) scaleX(0.5);

}



.project-style-two .info a {

    color: var(--white);

	position: relative;

}



.project-style-two .info span {

   	color: var(--color-secondary);

    font-size: 16px;

}



.project-style-two:hover::after {

    height: 100%;

    opacity: 0.8;

	-webkit-transform: perspective(400px) rotateY(0deg) scaleX(1.0);

    -ms-transform: perspective(400px) rotateY(0deg) scaleX(1.0);

    transform: perspective(400px) rotateY(0deg) scaleX(1.0);

}



.project-style-two .info a::after {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    height: 2px;

    width: 0;

    background: var(--white);

    transition: width .3s;

	transition-delay: 400ms;

}



.project-style-two:hover .info a::after {

    width: 100%;

}





/* ============================================================== 

     # Project Details

=================================================================== */



.project-details-area .top-info {

	position: relative;

	margin-top: 50px;

}



.project-details-area .top-info .left-info {

	padding-right: 35px;

}



.project-details-area .top-info p:last-child {

	margin-bottom: 0;

}



.project-details-area .project-info {

	padding-left: 50px;

	border-left: 1px solid #dfd8d8;

}



.project-details-area .project-info h2,

.project-details-area .project-info h3,

.project-details-area .project-info h4,

.project-details-area .project-info h5 {

	font-weight: 600;

	margin-bottom: 25px;

}



.project-details-area .project-info>ul li {

	font-weight: 600;

	font-size: 16px;

	color:var(--color-heading);

}



.project-details-area .project-info>ul li i {

	display: inline-block;

	margin-right: 14px;

	color: #086AD8;

	font-size: 16px;

}



.project-details-area .project-info>ul {

	display: inline-block;

	grid-template-columns: repeat(2, 1fr);

	display: grid;

	grid-gap: 30px 30px;

}



.project-details-area .project-info>ul li span {

	font-weight: 400;

	position: relative;

	display: block;

	color:var(--color-paragraph);

}



.project-details-area .project-info a {

	margin-top: 30px;

}



.project-details-area .main-content {

	margin-top: 30px;

}



.project-details-area .main-content h2,

.project-details-area .main-content h3,

.project-details-area .main-content h4,

.project-details-area .main-content h5 {

	font-weight: 600;

	margin-bottom: 25px;

}



.project-details-area .main-content .row img {

	margin-top: 30px;

}



.project-details-area .top-info h2 {

	font-weight: 600;

	margin-bottom: 20px;

}



@media (max-width: 1199px) {



	.project-style-one {

		overflow: hidden;

	}



	.project-style-one .info {

		left: -50px;

		transform: inherit;

		padding: 0;

		bottom: 30px;

	}



	.project-style-one .info h4 {

		background-color:var(--dark);

		padding: 10px 25px;

	}



	.project-style-one .info h4 a {

		display: inline-block;

		color:var(--white);

	}



	.project-style-one .info span {

		display: inline-block;

		padding: 6px 15px;

		background-color:var(--color-secondary);

		color: var(--black);

	}



	.project-style-one .info::after {

		display: none;

	}



	.project-style-one:hover .info {

		left: 30px;

		opacity: 1;

	}



	.projects-area .project-items .owl-nav {

		display: none;

	}



}



/* ============================================================== 

     # Testimonials

=================================================================== */



.testimonials-area.half-bg {

	position: relative;

	z-index: 1;

}



.testimonials-area.half-bg::after {

	position: absolute;

	left: 0;

	bottom: -100px;

	content: "";

	height: 250px;

	width: 100%;

	background: var(--bg-gray);

	z-index: -1;

	transform: skewY(-5deg);

}



.testimonial-carousel img {

	height: 150px;

	width: 150px;

}



.testimonial-carousel {

	position: relative;

	z-index: 1;

}



.testimonial-carousel .item {

	display: flex;

	align-items: center;

}



.testimonial-carousel .item>i {

	display: inline-block;

	font-size: 80px;

	margin-right: 30px;

}



.testimonial-carousel .item .content img {

	height: 47px;

  width: auto;

  clip-path: inherit;

  border-radius: inherit;

  position: absolute;

  left: 30px;

  top: 10px;

  opacity: 1;

}



.testimonial-carousel .item img {

	height: 200px;

	width: 200px;

	z-index: 9;

	clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);

}



.testimonial-carousel .item .provider {

	display: flex;

	align-items: center;

	margin-top: 30px;

}



.testimonial-carousel .item .provider h5 {

	margin: 0;

	font-weight: 600;

	margin-left: 25px;

	position: relative;

	z-index: 1;

	padding-left: 40px;

}



.testimonial-carousel .item .provider h5::after {

	position: absolute;

	left: 0;

	top: 50%;

	content: "";

	height: 2px;

	width: 30px;

	background: #1d2746;

	margin-top: -1px;

}



.testimonial-carousel .item .provider .rating i {

	color: #ffc000;

}



.testimonial-carousel .item .content {

	padding: 30px 40px;

	border-radius: 10px;

	position: relative;

	z-index: 1;

}



.testimonial-carousel .item .content::after {

	position: absolute;

	right: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 114%;

	background: var(--white);

	z-index: -1;

	border-radius: 10px;

	box-shadow: 0px 2px 12px 0px #e7e7e7;

	display: none;

}



.testimonial-carousel .item .content::before {

	content: "";

	position: absolute;

	left: 20px;

	bottom: -20px;

	width: calc(100% - 40px);

	height: 20px;

	-webkit-box-shadow: 0px 6px 12px 0px #00497628;

	box-shadow: 0px 6px 12px 0px #00497628;

	z-index: -1;

	border-radius: 0px 0px 15px 15px;

	display: none;

}



.testimonial-carousel .item .content>i {

	display: inline-block;

	font-size: 90px;

	margin-bottom: 30px;

	position: absolute;

	z-index: 1;

	opacity: 0.06;

	top: 70px;

	left: 50px;

}



.testimonials-area .testimonial-carousel.owl-carousel .owl-dots {

	display: inline-block;

	position: absolute;

	right: 30px;

	top: 50%;

	transform: translateY(-50%);

	margin: 0;

}



.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot {

	display: block;

	margin: 16px 0;

}



.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot span {

	background:var(--color-primary);

	height: 10px;

	width: 10px;

	padding: 0;

	margin: 0;

	opacity: 0.3;

	transition: all 0.35s ease-in-out;

}



.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot.active span {

	opacity: 1;

	transform: scale(1.5);

}





/* ============================================================== 

     # Estimate Form Area 

=================================================================== */



.estimate-area .estimate-form .shape {

	position: absolute;

	right: -80px;

	bottom: -90px;

	animation: rotate-animation 30s infinite linear;

	display: none;

}



@media (min-width: 1400px) {

	.estimate-area .estimate-form .shape {

		display: inline-block;

	}

}



.estimate-area .estimate-form {

	position: relative;

	z-index: 1;

	top: -80px;

	margin-bottom: -80px

}



.estimate-area .estimate-form::after {

	position: absolute;

	right: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 300%;

	background: var(--color-secondary);

	z-index: -1;

}



.estimate-area .estimate-form h2 {

	font-weight: 600;

	text-transform: capitalize;

	margin: 0;

	font-size: 30px;

}



.estimate-area .estimate-form>.row {

	align-items: center;

}



.estimate-area .estimate-form input,

.estimate-area .estimate-form .nice-select {

	min-height: 60px;

	padding: 20px;

	background: var(--white);

	color:var(--color-heading);

	border-radius: 5px;

	font-size: 16px;

	margin: 0;

	border: none;

}



.estimate-area .estimate-form input::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color:var(--color-heading);

}



.estimate-area .estimate-form input::-moz-placeholder {

	/* Firefox 19+ */

	color:var(--color-heading);

}



.estimate-area .estimate-form input:-ms-input-placeholder {

	/* IE 10+ */

	color:var(--color-heading);

}



.estimate-area .estimate-form input:-moz-placeholder {

	/* Firefox 18- */

	color:var(--color-heading);

}



.estimate-area .estimate-form .nice-select {

	padding: 0 20px;

	line-height: 60px;

}



.estimate-area .estimate-form button {

	display: inline-block;

	padding: 15px 30px;

	min-height: 60px;

	position: relative;

	z-index: 1;

	color: var(--white);

	border: none !important;

	font-weight: 600;

	text-transform: uppercase;

	background: transparent;

	border-radius: 5px;

}



.estimate-area .estimate-form button i {

    font-weight: 400;

    position: relative;

    top: 1px;

    margin-left: 3px;

}



.estimate-area .estimate-form button::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background-size: 200% auto;

	text-transform: uppercase;

	display: inline-block;

	background-color: var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

	border-radius: 5px;

}



.estimate-area .estimate-form .form-group {

	margin: 0;

}



.estimate-area .estimate-form .nice-select::after {

	border-color:var(--color-heading);

}





/* Animation Rotation */



@keyframes rotate-animation {

	0% {

		transform: rotate(0deg);

	}

	50% {

		transform: rotate(180deg);

	}

	100% {

		transform: rotate(360deg);

	}

}



.estimate-area .estimate-form .fixed-shape-left {

	position: absolute;

	left: -200px;

	bottom: -80px;

}



.estimate-area .estimate-form .fixed-shape-left img {

	width: 180px;

}





/* ============================================================== 

     # Features Area 

=================================================================== */



.feature-style-three {

	margin-bottom: 20px;

}



.feature-style-three .top h4 {

	font-weight: 600;

}



.feature-style-three p {

	margin: 0;

}



.feature-style-three .top i {

	display: inline-block;

	font-size: 60px;

	margin-bottom: 25px;

	color:var(--color-primary);

	position: relative;

	z-index: 1;

}



.feature-style-three .top i::after {

	position: absolute;

	left: -10px;

	top: -20px;

	content: "";

	height: 60px;

	width: 60px;

	background: linear-gradient(-62.5deg, transparent, rgba(237, 245, 255, 0.9));

	z-index: -1;

	border-radius: 50%;

}



.feature-style-three .item {

    margin-top: 30px;

    padding: 25px 25px;

    box-shadow: 0 0 25px rgb(0 0 0 / 8%);

    border-radius: 8px;

    height: 100%;

}



.feature-style-three .item:first-child {

	margin-top: 0;

}



.feature-style-three img {

	margin-bottom: 0px;

	width: 115px;

	padding: 20px;

	border-radius: 5px;

}







/* ============================================================== 

     # Features Area 

=================================================================== */



.experience .year {

	display: flex;

	align-items: flex-end;

	margin-bottom: 30px;

	position: relative;

	z-index: 1;

}



.experience .year h2 {

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	background-size: cover;

	background-position: left;

	font-size: 200px;

	font-weight: 900;

	-webkit-text-stroke: 1px #f9f9f9;

	margin: 0;

	line-height: 150px;

	margin-bottom: -10px;

}



.experience .year h4 {

	font-weight: 600;

	margin-left: 10px;

	margin-bottom: 0;

	position: relative;

	top: -33px;

}



.features-style-two .thumb {

	position: relative;

	z-index: 1;

}



.features-style-two .thumb::after {

	position: absolute;

	right: -50px;

	bottom: -50px;

	content: "";

	height: 100%;

	width: 100%;

	background: url(assets/img/shape/17.png);

	background-size: contain;

	background-repeat: no-repeat;

	z-index: -1;

	background-position: right;

}



.features-style-two .experience {

	padding-right: 20%;

}



.features-style-two-box {

	background: #1d2746;

	z-index: 9;

	position: relative;

}



.features-style-two img {

	max-width: 120%;

	margin-left: -20%;

}



.features-style-two-box {

	background: var(--color-primary);

	z-index: 9;

	position: relative;

	padding: 80px 50px;

	margin-top: 35px;

}



.features-style-two-box .item-carousel .item {

	display: flex;

}



.features-style-two-box .item-carousel .icon i {

	font-weight: 100;

	font-size: 100px;

	margin-right: 30px;

}



.features-style-two-box .item-carousel h4 {

	font-weight: 600;

	font-size: 24px;

}



.features-style-two-box .item-carousel p {

	margin: 0;

	color: var(--white);

}



.item-carousel.feature-service-carousel.owl-carousel.owl-theme .owl-dots {

	margin: 0;

	position: absolute;

	right: 0;

}



.item-carousel.feature-service-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {

	margin: 0 7px;

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

}



.item-carousel.feature-service-carousel.owl-carousel.owl-theme .owl-dots .owl-dot.active span {

	background: var(--color-secondary);

	height: 15px;

	width: 15px;

	position: relative;

	top: 2px;

}



a.btn-regular {

	text-transform: uppercase;

	font-size: 16px;

	margin-top: 15px;

	display: inline-block;

	font-weight: 600;

	color:var(--white);

}



a.btn-regular i {

	margin-left: 30px;

	position: relative;

	top: 3px;

	font-size: 21px;

	font-weight: 400;

}



a.btn-regular i::after {

	position: absolute;

	right: 3px;

	top: 9px;

	content: "";

	height: 2px;

	width: 30px;

	background:var(--white);

	opacity: 1;

	transition: all 0.35s ease-in-out;

}



a.btn-regular:hover {

	color: var(--white);

}



a.btn-regular:hover i::after {

	background: var(--white);

}





/* ============================================================== 

     # Choose Us Style Three

=================================================================== */



.choseus-style-one-area {

    overflow: hidden;

    position: relative;

    z-index: 1;

    background-size: 50% !important;

    padding-bottom: 170px;

    background-position: top left !important;

    background-repeat: no-repeat;

}



.choseus-style-one-area::after {

    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 17%, #eef0f6 38%);

    content: "";

    height: 100%;

    right: 0;

    position: absolute;

    top: 0;

    width: 87%;

    z-index: -1;

}



.choseus-style-one-area::before {

	position: absolute;

	right: 0;

	bottom: 0;

	content: "";

	height: 50px;

	width: 54%;

	background: var(--white);

}



.choseus-style-one-area .angle-shape {

	position: absolute;

	right: 54%;

	top: -50px;

	bottom: 0;

	content: "";

	border-left: 30px solid transparent;

	border-bottom: 50px solid #ffffff;

}



.choose-style-one .heading {

	margin-bottom: 40px;

}



.choose-style-one ul li h4 {

	font-weight: 600;

	font-size: 20px;

	position: relative;

	z-index: 1;

}



.choose-style-one ul li p {

	margin: 0;

}



.choose-style-one ul li {

	margin-top: 30px;

	display: flex;

}



.choose-style-one ul li i {

    display: inline-block;

    text-align: center;

    border-radius: 5px;

    margin-right: 25px;

    color:var(--color-secondary);

    font-size: 65px;

    position: relative;

    z-index: 1;

}



.choose-style-one ul li:first-child {

	margin-top: 0;

}





/* ============================================================== 

     # Services Area

=================================================================== */



.services-style-two-area .heading-left {

	position: relative;

	z-index: 1;

}



ul.achivement li {

	display: inline-block;

	margin-right: 40px;

	padding-right: 40px;

	float: left;

}



.text-light ul.achivement li {

	border-right: 1px solid rgba(255, 255, 255, 0.6);

}



ul.achivement li:last-child {

	padding: 0;

	margin: 0;

	border: none;

}



ul.achivement li .counter {

	position: relative;

}



ul.achivement li .counter {

	position: relative;

	display: flex;

	align-items: center;

	font-size: 100px;

	font-weight: 500;

	color:var(--color-heading);

	line-height: 1;

	margin-bottom: 5px;

}



.text-light ul.achivement li .counter {

	color: var(--white);

}



ul.achivement li .counter .operator {

	font-size: 90px;

	margin-left: 2px;

}



ul.achivement li h4 {

	font-weight: 500;

	margin-bottom: 10px;

}



ul.achivement li .medium {

	font-weight: 600;

	color:var(--color-heading);

	text-align: right;

	float: right;

}



.text-light ul.achivement li .medium {

	color: var(--white);

}



ul.achivement li .counter .timer {

	letter-spacing: -6px;

}



@media only screen and (min-width: 1367px) {

	.services-style-two-area .container-full {

		margin-left: calc((100% - 1200px)/ 2);

		width: auto;

		min-width: auto;

		max-width: inherit;

	}

}



@media only screen and (min-width: 1367px) {

	.services-style-two-area .services-4-col-carousel.owl-carousel .owl-stage {

		left: -100px;

	}

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item {

	opacity: .4;

	-webkit-transition: opacity 0.3s;

	transition: opacity 0.3s;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.active {

	opacity: 1;

}



.services-tyle-two-box {

	border-left: 1px solid #e7e7e7;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item {

	padding: 67px 37px;

	box-sizing: border-box;

	border: 1px solid #e7e7e7;

	border-left: 1px solid transparent;

	overflow: hidden;

	position: relative;

	z-index: 1;

	background: var(--white);

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item .thumb {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 70%;

	background-size: cover;

	background-position: center;

	transition: all 0.35s ease-in-out;

	z-index: -1;

	visibility: hidden;

	opacity: 0;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item .thumb::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background: var(--dark);

	z-index: -1;

	transition: all 0.35s ease-in-out;

	opacity: 0;

	visibility: hidden;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item .thumb::after {

	opacity: 0.7;

	visibility: visible;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item .thumb {

	opacity: 1;

	width: 100%;

	visibility: visible;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item h4 {

	font-weight: 500;

	margin-bottom: 30px;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item i {

	display: inline-block;

	font-size: 70px;

	text-align: center;

	border-radius: 50%;

	margin-bottom: 30px;

	color:var(--color-primary);

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item p {

	margin: 0;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item h4 a {

	font-weight: 500;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item h4,

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item i,

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item p {

	transition: all 0.35s ease-in-out;

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item h4,

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item i,

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item p,

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item a {

	color: var(--white);

}



.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item i {

    color: var(--color-secondary);

}



.services-style-two-area .services-4-col-carousel .owl-nav {

	margin: 0;

}



.services-style-two-area .services-4-col-carousel .owl-nav .owl-prev,

.services-style-two-area .services-4-col-carousel .owl-nav .owl-next {

	background: transparent none repeat scroll 0 0;

	font-size: 25px;

	height: 50px;

	left: 100px;

	line-height: 60px;

	margin: -20px 0 0;

	padding: 0;

	position: absolute;

	top: 50%;

	width: 50px;

	transition: all 0.35s ease-in-out;

	display: inline-block;

	text-align: center;

	background: var(--color-secondary);

	border-radius: 50%;

	box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);

	opacity: 0;

	color: var(--black);

}



.services-style-two-area .services-4-col-carousel .owl-nav .owl-next {

	left: auto;

	right: 100px;

}



.services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-prev {

	left: 30px;

	opacity: 1;

}



.services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-next {

	right: 30px;

	opacity: 1;

}



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

	.services-style-two-area .services-4-col-carousel .owl-nav .owl-prev,

	.services-style-two-area .services-4-col-carousel .owl-nav .owl-next {

		left: 0;

	}



	.services-style-two-area .services-4-col-carousel .owl-nav .owl-next {

		left: auto;

		right: 0;

	}



	.services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-prev {

		left: -80px;

		opacity: 1;

	}



	.services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-next {

		right: -80px;

		opacity: 1;

	}

}



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

	.services-style-two-area .services-4-col-carousel .owl-nav .owl-prev,

	.services-style-two-area .services-4-col-carousel .owl-nav .owl-next {

		display: none;

	}

}



/* ============================================================== 

     # Team Area 

=================================================================== */



.team-area.shape {

	position: relative;

}



.team-area.shape::after {

	position: absolute;

	left: 50%;

	top: 50%;

	content: "";

	height: 700px;

	width: 700px;

	background: linear-gradient(90deg, rgba(237, 245, 255, 1) 0%, rgba(204, 223, 247, 1) 100%);

	z-index: -1;

	transform: translate(-50%, -50%);

	border-radius: 50%;

	margin-top: -200px;

	filter: blur(80px);

}



.bg-gray.team-area.shape::after,

.shadow-less.team-area.shape::after {

	display: none;

}



.team-area .fixed-sahpe-bottom {

    position: absolute;

    left: 0;

    bottom: -200px;

}



.team-area .fixed-sahpe-bottom img {

    width: 80%;

}



.team-style-one .item .thumb {

	z-index: 1;

	position: relative;

}



/*.team-style-one .item .thumb::before {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 60%;

	width: 100%;

	transition: all 0.35s ease-in-out;

	background:var(--color-primary);

	opacity: 0;

	visibility: hidden;

}*/



.team-style-one .item:hover .thumb::before {

	visibility: visible;

	opacity: 0.3;

	height: 100%;

}



.team-style-one .item {

	overflow: hidden;

	background-color:var(--white);

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	border-radius: 8px;

	border: 1px solid #ccc;

}



/*.team-style-one .item .thumb::after {

	position: absolute;

	left: 50%;

	bottom: -1px;

	content: "";

	height: 500px;

	width: 1200px;

	background: url(../img/shape/22.png);

	background-size: contain;

	background-repeat: no-repeat;

	background-position: bottom;

	margin-top: -88px;

	transform: translateX(-50%);

}*/



.team-style-one .item .info {

	display: block;

	z-index: 1;

	position: relative;

	padding: 20px;

	overflow: hidden;

	padding-top: 0;

}



.team-style-one .item .info h4 {

	font-weight: 500;

	margin-bottom: 0;

}



.team-style-one .item .info p {

	margin: 0;

	font-size: 15px;

}



.team-style-one {

	margin-bottom: 15px;

}



.team-style-one .social {

	position: absolute;

	right: 30px;

	bottom: -15px;

	z-index: 9;

	transition: all 0.35s ease-in-out;

	visibility: hidden;

	opacity: 0;

}



.team-style-one .item:hover .social,

.team-style-one:first-child .item .social {

	visibility: visible;

	opacity: 1;

	bottom: 0;

}



.team-style-one .social label i {

	transform: rotate(45deg);

}



.share-button i {

	transition: .3s ease;

	font-size: 15px;

	font-weight: 900;

}



.share-toggle:checked~.share-button i {

	transform: rotate(-180deg) !important;

}



.share-toggle:checked~.share-icon:nth-child(3) {

	transform: translateY(-70px) rotate(0);

}



.share-toggle:checked~.share-icon:nth-child(4) {

	transform: translateY(-125px) rotate(0);

}



.share-toggle:checked~.share-icon:nth-child(5) {

	transform: translateY(-180px) rotate(0);

}



.share-toggle:checked~.share-icon:nth-child(6) {

	transform: translateY(-235px) rotate(0);

}



.share-button {

    position: relative;

    z-index: 2;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 45px;

    height: 45px;

    color: var(--white);

    background-color: var(--color-primary);

    border-radius: 10px;

    box-shadow: 0px 0px 0px 2px #ffffff;

    cursor: pointer;

    transition: .3s ease;

    transform: rotate(45deg);

}



.share-icon {

	position: absolute;

	top: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 40px;

	height: 40px;

	border-radius: 40px;

	transform: translateX(0) rotate(180deg);

	cursor: pointer;

	transition: .3s ease-in-out;

}



.team-style-one .social a {

	color: var(--white);

}



.team-style-one .social a.facebook {

	background: -webkit-linear-gradient(top, #3b5998, #2b4170);

}



.team-style-one .social a.twitter {

	background: #1DA1F2 none repeat scroll 0 0;

}



.team-style-one .social a.pinterest {

	background: #BD081C none repeat scroll 0 0;

}



.team-style-one .social a.g-plus {

	background: #DB4437 none repeat scroll 0 0;

}



.team-style-one .social a.linkedin {

	background: #0077B5 none repeat scroll 0 0;

}



.team-style-one .social a.instagram {

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);

}





/* ============================================================== 

     # Team Single  

=================================================================== */



.team-single-area .team-content-top {

	bottom: -50px;

	margin-top: -50px;

	position: relative;

	z-index: 1;

}



.team-single-area .team-content-top .right-info {

	padding-left: 35px;

	padding-right: 50px;

	margin-bottom: 50px;

}



.team-single-area .team-content-top .right-info h2 {

	font-weight: 500;

}



.team-single-area .team-content-top .right-info span {

	display: block;

	text-transform: uppercase;

	color:var(--color-primary);

	font-weight: 500;

	margin-bottom: 25px;

}



.team-single-area .right-info ul {

	margin-top: 25px;

	border-top: 1px solid #e7e7e7;

	padding-top: 17px;

}



.team-single-area .right-info ul li {

	margin-top: 10px;

	color:var(--color-heading);

}



.team-single-area .right-info ul li strong {

	font-weight: 600;

}



.team-single-area .right-info ul li a {

	font-weight: 400;

}



.team-single-area .right-info ul li a:hover {

	color:var(--color-primary);

}



.team-single-area .right-info .social {

	display: flex;

	margin-top: 25px;

	font-weight: 600;

	align-items: center;

}



.team-single-area .right-info .social h4 {

	font-weight: 600;

	margin-bottom: 0;

	margin-right: 25px;

}



.team-single-area .right-info .social ul {

	margin: 0;

	padding: 0;

	border: none;

}



.team-single-area .right-info .social .share-link {

	position: relative;

	z-index: 1;

	margin-left: 15px;

	padding-right: 20px;

}



.team-single-area .right-info .social .share-link>i {

	display: inline-block;

	height: 45px;

	background: var(--white);

	box-shadow: 0 0 10px #cccccc;

	line-height: 45px;

	width: 45px;

	text-align: center;

	border-radius: 50%;

	cursor: pointer;

	color:var(--color-primary);

}



.team-single-area .right-info .social ul {

	display: flex;

	list-style-type: none;

	grid-gap: 10px;

	padding: 0;

	margin: 0;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 0;

	opacity: 0;

	pointer-events: none;

	transition: all 0.3s ease-in-out 0s;

}



.team-single-area .right-info .social .share-link:hover ul {

	left: 58px;

	opacity: 1;

	pointer-events: auto;

}



.team-single-area .right-info .social ul li {

	display: inline-block;

	margin: 0;

}



.team-single-area .right-info .social ul li a {

	display: inline-block;

	height: 45px;

	width: 45px;

	line-height: 47px;

	background: #f1f1f1;

	text-align: center;

	border-radius: 50%;

}



.team-single-area .bottom-info h2 {

	font-weight: 600;

	margin-bottom: 25px;

}



.team-single-area .bottom-info p:last-child {

	margin-bottom: 0;

}



.team-single-area .bottom-info .skill-items {

	padding-left: 35px;

}



.skill-items .progress-box {

	margin-bottom: 40px;

}



.team-single-area .team-content-top img {

    border-radius: 30px;

}



.skill-items .progress-box:last-child {

	margin-bottom: 0;

}



.skill-items .progress-box h5 {

	text-transform: capitalize;

	font-weight: 500;

	margin-bottom: 5px;

	text-align: left;

	position: relative;

	z-index: 1;

	font-size: 18px;

}



.skill-items .progress-box h5 span {

	position: absolute;

	font-size: 50px;

	line-height: 1;

	top: -21px;

	left: 0;

	z-index: -1;

	opacity: 0.05;

	font-weight: 900;

}



.skill-items .skill-items {

	margin-top: 40px;

}



.skill-items .progress-box .progress {

	background: transparent;

	border-bottom: none;

	box-shadow: inherit;

	border-radius: inherit;

	overflow: inherit;

}



.skill-items .progress-box .progress .progress-bar {

	height: 6px;

	border-radius: 30px;

	background: var(--bg-gradient);

	top: 12px;

	position: relative;

	overflow: inherit;

	background-size: 289% auto;

}



.skill-items .progress-box .progress .progress-bar span {

	position: absolute;

	right: 0;

	top: -40px;

	display: block;

	font-size: 17px;

	color:var(--color-heading);

	font-weight: 600;

}





/* ============================================================== 

     # Search Availability

=================================================================== */



.search-service-box {

	position: relative;

	z-index: 1;

	padding: 120px 0;

	padding-right: 50px;

}



.search-service-box::after {

	position: absolute;

	right: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 200%;

	background: var(--color-primary);

	z-index: -1;

}



.search-service-area {

	position: relative;

	z-index: 1;

}



.search-service-box .text-left ul li {

	display: block;

	position: relative;

	z-index: 1;

	padding-left: 25px;

	line-height: 35px;

}



.search-service-box .text-left ul li::after {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	content: "\f00c";

	font-family: "Font Awesome 5 Pro";

	font-size: 15px;

	font-weight: 100;

}



.search-service-box h2 {

	font-weight: 600;

	font-size: 30px;

}



.search-service-box .input-box .nice-select::after {

	border-color:var(--color-primary);

	height: 10px;

	width: 10px;

}



.search-service-area .illustration {

	position: absolute;

	left: 0;

	top: -80px;

	z-index: 9;

}



.search-service-area .illustration img {

	width: 250px;

}



.input-button .button {

	display: inline-block;

	margin-right: 20px;

}



.input-button .button [type="radio"]:checked,

.input-button .button [type="radio"]:not(:checked) {

	left: -9999px;

	position: absolute;

}



.input-button .button [type="radio"]:checked+label,

.input-button .button [type="radio"]:not(:checked)+label {

	color: #fff;

	cursor: pointer;

	font-size: 18px;

	font-weight: 500;

	line-height: 20px;

}



.input-button .button [type=radio]:checked+label,

.input-button .button [type=radio]:not(:checked)+label {

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 18px;

	font-weight: 500;

	line-height: 20px;

	padding-left: 28px;

	position: relative;

}



.input-button .button [type="radio"]:checked+label::before,

.input-button .button [type="radio"]:not(:checked)+label::before {

	background: transparent;

	border: 2px solid #fff;

	border-radius: 100%;

	content: "";

	height: 18px;

	left: 1px;

	position: absolute;

	top: 1px;

	width: 18px;

}



.input-button .button [type="radio"]:checked+label::after,

.input-button .button [type="radio"]:not(:checked)+label::after {

	background: #fff;

	border-radius: 100%;

	content: "";

	height: 8px;

	left: 6px;

	position: absolute;

	top: 6px;

	transition: all .2s ease;

	width: 8px;

}



.input-button .button [type="radio"]:not(:checked)+label::after {

	opacity: 0;

	-webkit-transform: scale(0);

	transform: scale(0);

}



.search-service-box .input-box {

	background: var(--white);

	display: inline-block;

	width: 100%;

	margin-top: 20px;

}



.search-service-box .input-box input,

.search-service-box .input-box .nice-select {

	background: transparent;

	border: none;

	min-height: 65px;

	margin: 0;

	padding: 20px;

	border-radius: inherit;

}



.search-service-box .input-box .form-group {

	margin: 0;

	float: left;

	width: 36%;

}



.search-service-box .input-box button {

	float: right;

	line-height: 60px;

	min-height: 65px;

	padding: 0 30px;

	background:var(--color-secondary);

	color: var(--black);

	text-transform: uppercase;

	font-weight: 600;

}



.search-service-box .input-box button i {

	font-weight: 400;

	position: relative;

	top: 1px;

	margin-left: 5px;

}



.search-service-box .input-box .nice-select span.current {

	position: relative;

	top: -11px;

	font-size: 16px;

}



.search-service-box .input-box input {

	border-right: 1px solid #cccccc;

}





/* ============================================================== 

     # Blog Area 

=================================================================== */



.blog-area .single-item {

	margin-bottom: 30px;

}



.blog-area .info {

	overflow: hidden;

	padding: 30px;

	position: relative;

	z-index: 1;

}



.blog-area h1,

.blog-area h2,

.blog-area h3,

.blog-area h4,

.blog-area h5,

.blog-area h6 {

	font-weight: 500;

}



.btn-simple {

	text-transform: uppercase;

	font-weight: 600;

	display: inline-block;

	position: relative;

	z-index: 1;

	padding: 10px 35px;

	margin-top: 10px;

	font-size: 13px;

}



.btn-simple i {

	display: inline-block;

	font-size: 11px;

	margin-right: 4px;

}



.btn-simple::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 48px;

	background: var(--color-primary);

	z-index: -1;

	opacity: 0.1;

	border-radius: 50%;

	transition: all 0.35s ease-in-out;

}



.btn-simple:hover::after {

	width: 100%;

	border-radius: 30px;

	opacity: 1;

}



.blog-area.grid-colum .info p:last-child {

	margin: 0;

}



.btn-simple:hover {

	color: var(--white) !important;

}



.blog-area .item {

	background: var(--white);

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

}



.blog-area .item .thumb {

	position: relative;

	z-index: 1;

}



.blog-area .item .thumb .date {

	position: absolute;

	left: 30px;

	bottom: 0;

	background:var(--color-secondary);

	color: var(--black);

	padding: 10px 24px;

	text-align: center;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 600;

}



.blog-area .item .thumb .date {

	background:var(--color-primary);

	color: var(--white);

	font-weight: 600;

}



.blog-area .item .thumb .date strong {

	display: block;

	font-size: 30px;

	font-weight: 700;

}



.blog-area .item .thumb .date::after {

	position: absolute;

	left: 0;

	bottom: -10px;

	content: "";

	border-left: 0 solid transparent;

	border-right: 15px solid transparent;

	border-top: 15px solid var(--color-secondary);

}



.blog-area .item .thumb .date::after {

	border-top: 15px solid var(--color-primary);

}



.blog-area .meta {

	display: block;

	margin-bottom: 15px;

}



.blog-area .meta ul li {

	position: relative;

	z-index: 1;

	font-size: 13px;

	text-transform: uppercase;

	padding-right: 60px;

	display: flex;

	align-items: center;

}



.blog-area .meta ul li img {

	height: 35px;

	width: 35px !important;

	border-radius: 50%;

	margin-right: 10px;

}



.blog-area .meta ul li:last-child {

	padding-right: 0;

}



.blog-area .meta ul {

	display: flex;

	align-items: center;

}



.blog-area .meta ul li::after {

	position: absolute;

	right: 15px;

	top: 50%;

	content: "";

	height: 1px;

	width: 30px;

	background: #dddddd;

}



.blog-area .meta ul li:last-child::after {

	display: none;

}



.blog-area .meta ul li a {

	margin-left: 3px;

	display: inline-block;

	line-height: 1.4;

	letter-spacing: 0.4px;

}



.blog-area .meta ul li:first-child a {

	color:var(--color-secondary);

}



.blog-area .meta ul li a:hover {

	color:var(--color-primary);

}



.blog-area .info a:hover {

	color:var(--color-primary);

}





/* Sidebar */



.blog-area.left-sidebar .blog-content {

	float: right;

}



.blog-area.left-sidebar .sidebar {

	padding-right: 35px;

}



.blog-area.right-sidebar .sidebar {

	padding-left: 35px;

}



.blog-area .sidebar .title {

	display: block;

}



.blog-area .sidebar .title h4 {

	font-weight: 500;

	margin-bottom: 30px;

	margin-top: -5px;

	position: relative;

	text-transform: capitalize;

	z-index: 1;

	font-size: 22px;

	display: inline-block;

	padding-bottom: 15px;

}



.blog-area .sidebar .title h4::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	height: 2px;

	width: 50px;

	border-bottom: 2px solid var(--color-primary);

}



.blog-area .sidebar input[type="text"] {

	border: 1px solid #dddddd;

	box-shadow: inherit;

	min-height: 60px;

	background: #f9f9f9;

	border-radius: 5px;

}



.blog-area .sidebar form {

	position: relative;

}



.blog-area .sidebar button[type="submit"] {

	background: transparent;

	border: medium none;

	color:var(--color-heading);

	font-weight: 600;

	letter-spacing: 1px;

	min-height: 50px;

	width: 50px;

	position: absolute;

	right: 5px;

	text-transform: uppercase;

	top: 5px;

	-webkit-transition: all 0.35s ease-in-out;

	-moz-transition: all 0.35s ease-in-out;

	-ms-transition: all 0.35s ease-in-out;

	-o-transition: all 0.35s ease-in-out;

	transition: all 0.35s ease-in-out;

	border-radius: inherit;

	font-size: 18px;

	border-left: 1px solid #dddddd !important;

}



.blog-area .sidebar button[type="submit"] i {

	font-weight: 500;

	color:var(--color-heading);

}



.blog-area .sidebar input[type="submit"]:hover {

	background-color:var(--color-primary);

}



.blog-area .sidebar .sidebar-item {

	float: left;

	margin-bottom: 50px;

	width: 100%;

}



.blog-area .sidebar .sidebar-item:last-child {

	margin-bottom: 0;

}



.blog-area .sidebar .sidebar-item.category .sidebar-info,

.blog-area .sidebar .sidebar-item.archives .sidebar-info {

	margin-top: -5px;

}



.blog-area .sidebar .sidebar-item.category li {

	display: block;

	position: relative;

	margin-top: 13px;

}



.blog-area .sidebar .sidebar-item.category li a {

	display: flex;

	text-transform: capitalize;

	font-weight: 500;

	color:var(--color-paragraph);

	align-items: center;

	justify-content: space-between;

}



.blog-area .sidebar .sidebar-item li a:hover {

	color:var(--color-primary);

}



.blog-area .sidebar .sidebar-item.category li a span {

	font-size: 13px;

	margin-left: 5px;

	background: #f1f1f1;

	min-width: 40px;

	padding: 3px;

	text-align: center;

	color:var(--color-heading);

	border-radius: 30px;

}



.blog-area .sidebar .sidebar-item.category li:first-child a span {

	top: 0;

}



.blog-area .sidebar .sidebar-item.category li:first-child {

	margin-top: 0;

	padding-top: 0;

}



.blog-area .sidebar .sidebar-item.category li:first-child a::after {

	top: 0;

}



.blog-area .sidebar .sidebar-item.category li:last-child {

	border: medium none;

	margin-bottom: 0;

	padding-bottom: 0;

}



.sidebar-item.recent-post li a {

	color:var(--color-heading);

	display: block;

	font-weight: 700;

}



.sidebar-item.recent-post li a:last-child {

	display: inline-block;

}



.sidebar-item.recent-post .meta-title {

	margin-bottom: 8px;

	font-weight: 700;

	text-transform: capitalize;

	font-size: 13px;

}



.sidebar-item.recent-post .meta-title i {

	margin-right: 3px;

	font-weight: 600;

}



.sidebar-item.recent-post li a:hover {

	color:var(--color-primary);

}



.sidebar-item.recent-post li a span {

	display: inline-block;

	color: #002359;

}



.sidebar-item.recent-post li span {

	display: inline-block;

	font-size: 15px;

	color: #888888;

	font-weight: 400;

	text-transform: capitalize;

}



.sidebar-item.recent-post .meta-title a {

	color: #888888;

}



.sidebar-item.recent-post li {

	color: #cdd0d3;

}



.sidebar-item.recent-post li {

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 15px;

	padding-bottom: 15px;

}



.sidebar-item.recent-post li:last-child {

	border: medium none;

	margin: 0;

	padding: 0;

}



.sidebar-item.recent-post li:last-child {

	margin: 0;

}



.sidebar-item.recent-post li .thumb {

	display: table-cell;

	padding: 0;

	padding-top: 5px;

	vertical-align: top;

	width: 80px;

}



.sidebar-item.recent-post .thumb img {

	width: 100%;

	border-radius: inherit;

}



.sidebar-item.recent-post li .info {

	box-shadow: inherit;

	color: #837f7e;

	display: table-cell;

	line-height: 26px;

	padding: 0;

	padding-left: 25px;

	vertical-align: top;

	padding-top: 0 !important;

}



.sidebar-item.recent-post li .info a {

	text-decoration: inherit;

	font-weight: 500;

	font-size: 18px;

	margin-top: 0;

}



.blog-area .sidebar-item.gallery ul {

	margin: -7px;

	overflow: hidden;

}



.sidebar-item.gallery ul li {

	box-sizing: border-box;

	float: left;

	padding: 7px;

	width: 33.333%;

}



.sidebar-item.gallery ul li img {

	min-height: 70px;

	width: 100%;

}



.sidebar-item.archives ul li {

	display: block;

	margin-bottom: 20px;

	position: relative;

}



.sidebar-item.archives ul li:last-child {

	margin-bottom: 0;

}



.sidebar-item.archives ul li a {

	display: inline-block;

	font-weight: 500;

	text-transform: capitalize;

	z-index: 1;

	padding-left: 25px;

	color:var(--color-paragraph);

}



.sidebar-item.archives ul li a::after {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	content: "\f07b";

	font-family: "Font Awesome 5 Pro";

	height: 8px;

	left: 0;

	position: absolute;

	width: 8px;

	font-weight: 300;

}



.sidebar-item.social-sidebar ul {

	margin-bottom: -10px;

	overflow: hidden;

}



.sidebar-item.social-sidebar li {

	display: inline-block;

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}



.sidebar-item.social-sidebar li a {

	background: #002359 none repeat scroll 0 0;

	border: medium none;

	color: var(--white);

	display: inline-block;

	height: 50px;

	line-height: 54px;

	margin-bottom: 5px;

	text-align: center;

	width: 50px;

	font-size: 14px;

}



.sidebar-item.social-sidebar li a:hover {

	color: var(--white) !important;

}



.sidebar-item.social-sidebar li.facebook a {

	background: #3B5998 none repeat scroll 0 0;

}



.sidebar-item.social-sidebar li.twitter a {

	background: #1DA1F2 none repeat scroll 0 0;

}



.sidebar-item.social-sidebar li.pinterest a {

	background: #BD081C none repeat scroll 0 0;

}



.sidebar-item.social-sidebar li.g-plus a {

	background: #DB4437 none repeat scroll 0 0;

}



.sidebar-item.social-sidebar li.linkedin a {

	background: #0077B5 none repeat scroll 0 0;

}



.sidebar-item.tags ul {

	margin-top: -8px;

}



.sidebar-item.tags ul li {

	display: inline-block;

}



.sidebar-item.tags ul li a {

	border: 1px solid #e7e7e7;

	display: inline-block;

	font-weight: 500;

	margin-top: 8px;

	margin-right: 5px;

	padding: 6px 22px;

	text-transform: capitalize;

	font-size: 13px;

	border-radius: 30px;

	color:var(--color-paragraph);

	background: #fafafa;

}



.sidebar-item.tags ul li a:hover {

	color:var(--color-primary);

}



.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	padding: 80px 50px;

	text-align: center;

	position: relative;

	z-index: 1;

}



.blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background:var(--color-primary);

	z-index: -1;

	opacity: 0.7;

}



.blog-area .sidebar .sidebar-item.add-banner .sidebar-info h4 {

	color: var(--white);

	font-weight: 700;

}



.blog-area .sidebar .sidebar-item.add-banner .sidebar-info p {

	color: var(--white);

}



.blog-area .sidebar .sidebar-item.add-banner .sidebar-info a {

	display: inline-block;

	color: var(--white);

	border: 1px dashed rgba(255, 255, 255, 0.7);

	padding: 10px 25px;

	margin-top: 9px;

}



.blog-area .blog-items.content-less .item .info>a {

	margin-top: 10px;

}





/* Blog Single */



.blog-area.single .item .content-box span {

	background-color:var(--color-primary);

	color: var(--white);

	display: inline-block;

	font-weight: 700;

	letter-spacing: 1px;

	padding: 3px 20px;

	text-transform: uppercase;

}



.blog-area.single .item .content-box h2,

.blog-area.single .item .content-box h3,

.blog-area.single .item .content-box h4 {

	font-weight: 600;

}



.blog-area.single .content-box .cats {

	float: left;

	margin-right: 5px;

}



.blog-area.single .content-box .meta .date {

	float: right;

	letter-spacing: 1px;

	text-transform: uppercase;

}



.blog-area.single .content-box .meta {

	overflow: hidden;

	width: 100%;

	border: none;

	margin: 0;

	padding: 0;

}



.blog-area .blog-items .info>ul li {

	margin-bottom: 5px;

	position: relative;

	z-index: 1;

}



.blog-area .blog-items .info>ul {

	margin-bottom: 25px;

	margin-top: 25px;

	list-style-type: disc;

	padding-left: 20px;

}



.blog-area.single .item {

	margin-bottom: 0;

}



.blog-area .item blockquote {

	position: relative;

	z-index: 1;

	border: none;

	font-size: 20px;

	margin-top: 30px;

	margin-bottom: 30px;

	color:var(--color-heading);

	font-weight: 400;

	line-height: 32px;

	background: var(--bg-gray);

	padding: 50px;

	font-style: italic;

}



.blog-area .item blockquote cite {

	display: block;

	margin-top: 15px;

	color: #999999;

	font-weight: 600;

	font-style: normal;

}



.blog-area .item blockquote::before {

	position: absolute;

	left: 0;

	top: 5%;

	content: "";

	height: 90%;

	width: 3px;

	background:var(--color-primary);

}



.blog-area .item blockquote::after {

	position: absolute;

	right: 50px;

	content: "\f10d";

	font-family: "Font Awesome 5 Pro";

	color:var(--color-paragraph);

	bottom: 50px;

	font-weight: 100;

	opacity: 0.1;

	font-size: 80px;

	font-style: normal;

}



.blog-area .item blockquote p {

	margin: 0;

	position: relative;

	z-index: 1;

	line-height: 34px;

	font-size: 16px;

	font-style: italic;

	font-weight: 600;

}



.blog-area .blog-content .post-tags,

.blog-area .blog-content .share {

	margin-top: 40px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	border-top: 1px solid #e7e7e7;

	border-bottom: 1px solid #e7e7e7;

	padding: 10px 0;

	padding-bottom: 6px;

}



.blog-area .blog-content .share li {

	display: inline-block;

	margin-left: 15px;

}



.blog-area .blog-content .share li a {

	display: inline-block;

	color:var(--color-primary);

}



.blog-area .blog-content .share li.facebook a {

	color: #3B5998;

}



.blog-area .blog-content .share li.twitter a {

	color: #1DA1F2;

}



.blog-area .blog-content .share li.pinterest a {

	color: #BD081C;

}



.blog-area .blog-content .share li.g-plus a {

	color: #DB4437;

}



.blog-area .blog-content .share li.linkedin a {

	color: #0077B5;

}



.blog-area .blog-content .post-tags .tags a {

	background: var(--bg-gray);

	padding: 10px 15px;

	font-size: 14px;

	margin-right: 3px;

	margin-bottom: 5px;

	display: inline-block;

}



.blog-area .blog-content .post-tags .tags a:hover {

	color:var(--color-primary);

}



.blog-area.single .post-pagi-area {

	margin-top: 50px;

	overflow: hidden;

}



.blog-area.single .post-pagi-area a {

	display: inline-block;

	font-weight: 400;

	text-transform: uppercase;

	color:var(--color-paragraph);

	border-radius: 30px;

	font-size: 15px;

}



.blog-area.single .post-pagi-area a i {

	font-weight: 500;

}



.blog-area.single .post-pagi-area h5 {

	margin: 0;

	margin-top: 5px;

	font-weight: 500;

	transition: all 0.35s ease-in-out;

	font-size: 20px;

	text-transform: none;

}



.blog-area.single .post-pagi-area h5:hover {

	color:var(--color-primary);

}



.blog-area.single.color-yellow .post-pagi-area a:hover {

	color: #ff9800;

}



.blog-area.single .post-pagi-area a:last-child {

	float: right;

}



.blog-area.single .post-pagi-area a:first-child i {

	margin-right: 3px;

}



.blog-area.single .post-pagi-area a:last-child i {

	margin-left: 3px;

}



.comments-area .commen-item .comments-info p {

	display: block;

	margin: 0;

}



.blog-area .contact-comments .submit {

	margin-bottom: 0;

}



.responsive-video {

	position: relative;

	padding-bottom: 56.25%;

	/* 16:9 */

	padding-top: 25px;

	height: 0;

}



.responsive-video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





/* Comments */



.blog-area .comments-form {

	margin-top: 50px;

}



.blog-area .blog-comments .comments-list {

	margin-bottom: 50px;

	background: var(--bg-gray);

	padding: 50px;

}



.blog-area .blog-comments .comments-list:last-child {

	margin-bottom: 0;

}



.comments-list .commen-item .avatar {

	height: 120px;

	width: 120px;

	min-width: 120px;

}



.comments-list .commen-item .content {

	position: relative;

}



.comments-list .commen-item .avatar img {

	height: 90px;

	width: 90px;

	border-radius: 5px;

}



.comments-list .commen-item {

	margin-top: 30px;

	display: flex;

	border-top: 1px solid #dddddd;

	padding-top: 30px;

}



.comments-list .commen-item:first-child {

	border: none;

	margin: 0;

	padding: 0;

}



.comments-list .commen-item:last-child {

	margin-bottom: 0;

}



.comments-list .commen-item.reply {

	margin-left: 80px;

}



.comments-area {

	margin-top: 40px;

}



.comments-area .comments-title h2,

.comments-area .comments-title h3,

.comments-area .comments-title h4 {

	font-weight: 500;

	margin-bottom: 30px;

	text-transform: capitalize;

}



.comments-list .commen-item .content h3,

.comments-list .commen-item .content h4,

.comments-list .commen-item .content h5 {

	font-size: 18px;

	font-weight: 500;

	text-transform: capitalize;

	margin-bottom: 0;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.comments-list .commen-item .content .reply a {

	font-size: 14px;

	background: var(--dark);

	color: var(--white);

	display: inline-block;

	padding: 8px;

	font-weight: 500;

}



.comments-list .commen-item .content .reply a:hover {

	background:var(--color-primary);

}



.comments-list .commen-item .content .reply i {

	font-size: 12px;

}



.comments-list .commen-item .content p:last-child {

	margin-bottom: 0;

}



.comments-list .commen-item .content .title {

	align-items: center;

	margin-bottom: 15px;

	font-weight: 600;

}



.comments-list .commen-item .content .title span {

	font-weight: 400;

	color:var(--color-primary);

	display: block;

	margin-top: 0;

	font-size: 15px;

}



.comments-list .commen-item .content .title span i {

	font-weight: 600;

	margin-right: 5px;

}



.comments-list .commen-item .content .title span i.fa-reply {

	font-weight: 700;

	margin-right: 3px;

}



.comments-list .commen-item .content .title span a {

	margin-left: 10px;

}



.comments-info a {

	border: 1px solid #e7e7e7;

	color: #002359;

	display: inline-block;

	font-size: 12px;

	margin-top: 5px;

	padding: 1px 20px;

	background: var(--white);

	text-transform: uppercase;

	font-weight: 700;

	border-radius: 30px;

}



.comments-info a:hover {

	color:var(--color-primary);

}



.comments-info a i {

	margin-right: 10px;

}



.comments-form input,

.comments-form textarea {

	box-shadow: inherit;

	padding: 15px;

	background: transparent;

	font-size: 14px;

	min-height: 60px;

	border: 2px solid #e7e7e7;

}



.comments-form textarea {

	min-height: 180px;

	padding: 15px;

}



.blog-area.full-blog.single-blog .form-group.submit {

	margin-bottom: 0;

}



.comments-form button,

.comments-form button:focus {

	background: transparent;

	margin-top: 15px;

	border: 2px solid var(--color-primary) !important;

	overflow: hidden;

	position: relative;

	z-index: 1;

	color: var(--white);

	transition: all 0.35s ease-in-out;

	padding: 12px 40px;

	padding-top: 14px;

	font-size: 16px;

	border-radius: 30px;

	font-weight: 500;

	text-transform: uppercase;

}



.comments-form button::after {

	position: absolute;

	left: -10%;

	top: -10%;

	content: "";

	height: 120%;

	width: 120%;

	background:var(--color-primary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

}



.comments-form button:hover::after {

	width: 0;

}



.comments-form button:hover {

	color:var(--color-heading);

}



.comments-form .title h2,

.comments-form .title h3,

.comments-form .title h4 {

	font-weight: 500;

	margin-bottom: 30px;

	text-transform: capitalize;

}



.blog-area .contact-comments .comments {

	margin-top: 20px;

}



.blog-area.single .blog-items .item .contact-comments .col-md-6 {

	float: left;

	padding: 0 15px;

}





/* Pagination */



.pagination li {

	display: inline-block;

	margin-top: 7px;

}



ul.pagination {

	display: block;

	margin-top: 30px;

}



.pagination li a {

	display: inline-block;

	padding: 15px 20px;

	border-radius: 5px;

	margin: 0 2px;

	color:var(--color-heading);

	font-weight: 800;

	line-height: 19px;

}



.pagination li.page-item.active a {

	background:var(--color-primary);

	border-color:var(--color-primary);

}



.pagination i {

	position: relative;

	top: 1px;

}





/* ============================================================== 

     # Error Page

=================================================================== */



.error-box h1 {

	font-size: 200px;

	font-weight: 600;

	line-height: 140px;

}



.error-box h1 img {

	height: 140px;

	position: relative;

	top: -15px;

}



.error-box h1 span {

	line-height: 0;

}



.error-box h2 {

	font-weight: 500;

}



.error-box p {

	padding: 0 10%;

}



.error-box .search {

	text-align: center;

}



.error-box .search .input-group {

	display: block;

	width: auto;

	max-width: initial;

}



.error-box .search .input-group form {

	max-width: 70%;

	margin: 30px auto auto;

	position: relative;

}



.error-box .search .input-group form input {

	border: 1px solid #e7e7e7;

	background: transparent;

	box-shadow: inherit;

	padding: 20px;

}



.error-box .search .input-group form button {

	position: absolute;

	right: 0;

	top: 0;

	background: transparent;

	height: 50px;

	padding: 0 20px;

	border-left: 1px solid #e7e7e7 !important;

}



.error-box .search .input-group form button i {

	font-weight: 400;

}





/* ============================================================== 

     # Contact

=================================================================== */



.contact-content form input,

.contact-content form textarea {

	border: none;

	min-height: 60px;

	padding: 20px;

	background: #eef3fa;

	color:var(--color-heading);

}



.bg-theme .contact-content form input, 

.bg-theme .contact-content form textarea {

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

    border: 1px solid rgba(255, 255, 255, 0.2);

	color: var(--white);

}



.bg-theme .contact-content form input::-webkit-input-placeholder,

.bg-theme .contact-content form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */

	color: #ffffff	;

	opacity: 0.8;

  }

  .bg-theme .contact-content form input::-moz-placeholder,

  .bg-theme .contact-content form textarea::-moz-placeholder { /* Firefox 19+ */

	color:  #ffffff;

	opacity: 0.8;

  }

  .bg-theme .contact-content form input:-ms-input-placeholder,

  .bg-theme .contact-content form textarea:-ms-input-placeholder { /* IE 10+ */

	color: #ffffff;

	opacity: 0.8;

  }

  .bg-theme .contact-content form input:-moz-placeholder,

  .bg-theme .contact-content form textarea:-moz-placeholder { /* Firefox 18- */

	color: #ffffff;

	opacity: 0.8;

  }



.contact-content form textarea {

	min-height: 238px;

}



.contact-content form button {

	padding: 15px 42px;

	font-weight: 600;

	font-size: 16px;

	border-radius: 5px;

	background: transparent;

	position: relative;

	z-index: 1;

	transition: all 0.35s ease-in-out;

	color: var(--black);

	text-transform: uppercase;

}



.contact-content form button:focus {

	color: var(--black);

}



.contact-content form img.loader {

	margin-left: 15px;

}



.contact-content form button::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 100%;

	width: 100%;

	background-size: 220% 150%;

	text-transform: uppercase;

	display: inline-block;

	color: var(--black) !important;

	background-color:var(--color-secondary);

	z-index: -1;

	transition: all 0.35s ease-in-out;

	border-radius: 5px;

}



.bg-theme .contact-content form button::after {

	background-color: var(--white);

}



.contact-content form button:hover::after,

.contact-content form button:active {

	background-position: -70% 0;

	color: var(--white);

	background-color: var(--dark);

}



.contact-content form button:hover {

	color: var(--white);

}



.contact-content .content {

	position: relative;

	padding: 50px;

	border-radius: 10px;

	background: var(--color-primary);

}



.bg-theme .contact-content .content {

	padding: 0;

}



.contact-content .form-box h2 {

	font-weight: 600;

}



.contact-content .form-box p {

	margin-bottom: 30px;

	padding-right: 30%;

}



.contact-content .content img {

	padding: 0 30px;

	padding-top: 0;

	margin-bottom: 30px;

}



.contact-form-box {

	padding-left: 35px;

}



.contact-content .content i {

	display: inline-block;

	font-size: 45px;

	margin-bottom: 15px;

	color:var(--color-secondary);

	font-weight: 600;

}



.bg-theme .contact-content .content i {

    height: 70px;

    width: 70px;

    line-height: 70px;

    background: var(--dark);

    border-radius: 50%;

    font-size: 30px;

}



.contact-content .content li {

	margin-top: 30px;

}



.contact-content .content li:first-child {

	margin-top: 0;

}



@media (min-width: 1350px) {



	.contact-area.bg-theme {

		width: 92%;

		margin: auto;

		border-radius: 30px;

	}



}



/* Google maps */



.maps-area iframe {

	width: 100%;

	min-height: 600px;

	margin-bottom: -10px;

	border-radius: 5px;

	border: 2px solid rgba(18, 57, 172, 0.2);

}



.maps-area {

	position: relative;

	z-index: 1;

	overflow: hidden;

	padding: 30px;

	margin: -30px;

}



.maps-area::after {

	position: absolute;

	left: 0;

	bottom: -300px;

	content: "";

	height: 80%;

	width: 100%;

	background: var(--color-primary);

	z-index: -1;

	transform: skewY(-5deg);

}





/* ============================================================== 

     # Footer

=================================================================== */



footer {

	position: relative;

	z-index: 1;

	overflow: hidden;

}



footer .f-items {

	margin-top: -50px;

}



footer .f-items .item {

	margin-top: 50px;

}



footer .animate-illustration {

	position: absolute;

	right: 0;

	bottom: 0;

}



footer .animate-illustration img {

	height: 300px;

	animation: fadeRightLeft 10s linear infinite;

}



footer .fixed-shape-left {

	position: absolute;

	left: 20px;

	top: 100px;

	opacity: 0.5;

	z-index: -1;

}



footer .fixed-shape-left img {

	animation: zoomUpDown 5s linear infinite;

}



footer .widget-title,

footer img {

	margin-bottom: 30px;

	font-weight: 700;

}



footer img {

    height: 60px;

}



footer .f-items .f-item.about {

	border-right: 1px solid #e7e7e7;

	padding-right: 40px;

	margin-right: 10px;

}



footer.bg-dark .f-items .f-item.about,

footer.bg-theme .f-items .f-item.about {

	border-right: 1px solid rgba(255, 255, 255, 0.1);

}



footer .f-items .f-item form {

	position: relative;

	margin-top: 30px;

}



footer .f-items .f-item form input {

	background: #dae9fb;

	color:var(--color-heading);

	border: 1px dashed rgba(255, 255, 255, 0.1);

	font-size: 14px;

	border-radius: 6px;

}



footer.bg-dark .f-items .f-item form input,

footer.bg-theme .f-items .f-item form input {

	background: var(--white);

	border: 1px dashed rgba(255, 255, 255, 0.1);

}



footer .f-items .f-item form input::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color:var(--color-heading);

}



footer .f-items .f-item form input::-moz-placeholder {

	/* Firefox 19+ */

	color:var(--color-heading);

}



footer .f-items .f-item form input:-ms-input-placeholder {

	/* IE 10+ */

	color:var(--color-heading);

}



footer .f-items .f-item form input:-moz-placeholder {

	/* Firefox 18- */

	color:var(--color-heading);

}



footer .f-items .f-item form button {

	position: absolute;

	right: 0;

	top: 0;

	height: 50px;

	width: 50px;

	background:var(--color-secondary);

	color:var(--color-primary);

	font-size: 25px;

	border-radius: 0 5px 5px 0;

}



footer .f-items .f-item form button::after {

	position: absolute;

	left: 0;

	top: 50%;

	content: "";

	height: 30px;

	width: 1px;

	margin-top: -15px;

	opacity: 0.1;

	border-left: 1px solid #ffffff;

}



footer .f-items .f-item form button i {

	position: relative;

	top: 4px;

	color: var(--white);

}



footer.bg-dark p,

footer.bg-theme p {

	color: #b1c2f5;

}



footer a {

	font-weight: 500;

}



footer .f-items .f-item.link li {

	margin-bottom: 12px;

}



footer .f-items .f-item.link li:last-child {

	margin-bottom: 0;

}



footer .f-items .f-item.link li a:hover {

	color:var(--color-primary);

	margin-left: 10px;

}



footer.bg-dark .f-items .f-item.link li a:hover,

footer.bg-theme .f-items .f-item.link li a:hover {

	color: var(--white);

}



footer .f-items .f-item.link li a {

	font-weight: 400;

	color:#fff;

}



footer.bg-dark .f-items .f-item.link li a,

footer.bg-theme .f-items .f-item.link li a {

	color: #b1c2f5;

}



footer .f-items .f-item.link li a i {

	font-size: 12px;

	margin-right: 3px;

}



footer .f-items .f-item .address li {

	display: flex;

	margin-bottom: 25px;

}



footer.bg-dark .f-items .f-item .address li,

footer.bg-theme .f-items .f-item .address li {

	color: #b1c2f5;

}



footer .f-items .f-item .address li .content,

footer .f-items .f-item .address li .content a {

	color:#fff;

	font-weight: 400;

}



footer.bg-dark .f-items .f-item .address li .content,

footer.bg-dark .f-items .f-item .address li .content a,

footer.bg-theme .f-items .f-item .address li .content,

footer.bg-theme .f-items .f-item .address li .content a {

	color: #b1c2f5;

}



footer .f-items .f-item .address li i {

	display: inline-block;

	margin-right: 20px;

	color: var(--color-secondary);

	font-size: 24px;

	position: relative;

	top: 5px;

}



footer.bg-dark .f-items .f-item .address li i,

footer.bg-theme .f-items .f-item .address li i {

	color: var(--white);

}



footer .f-items .f-item .address li:last-child {

	margin-bottom: -8px;

}



footer .f-items .f-item .address li strong {

	display: block;

	font-family:var(--font-default);

	font-weight: 700;

	text-transform: uppercase;

	color:#fff;

}



footer.bg-dark .f-items .f-item .address li strong,

footer.bg-theme .f-items .f-item .address li strong {

	color: var(--white);

}





/* Footer Bottom */



footer .footer-bottom {

	overflow: hidden;

	background: #07396a;

}



footer .footer-bottom p {

	margin-bottom: 0;

}



footer .footer-bottom li {

	display: inline-block;

	margin-left: 15px;

	position: relative;

	z-index: 1;

	padding-left: 25px;

}



footer .footer-bottom li::before {

	position: absolute;

	left: -1px;

	top: 50%;

	content: "";

	height: 5px;

	width: 5px;

	background: #1d2746;

	border-radius: 50%;

	margin-top: -2px;

	opacity: 0.5;

}



footer.bg-dark .footer-bottom li::before,

footer.bg-theme .footer-bottom li::before {

	background: var(--white);

}



footer .footer-bottom li:first-child::before {

	display: none;

}



footer .footer-bottom-box {

	padding: 15px 0;

	position: relative;

	z-index: 1;

}



footer.bg-dark .footer-bottom,

footer.bg-theme .footer-bottom {

	background: var(--dark);

}





/* ============================================================== 

     # Preloader 

=================================================================== */



.no-js #loader {

	display: none;

}



.js #loader {

	display: block;

	position: absolute;

	left: 100px;

	top: 0;

}



.se-pre-con {

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 999999;

	background: url(assets/img/preloader.gif) center no-repeat #fff;

	text-align: center;

}



/* Home Three */

.shape-bottom-center {

    background-size: cover;

    background-position: center bottom;

    height: 100% !important;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background-repeat: no-repeat;

}



.appinment-forms {

	position: relative;

	z-index: 9;

	background: #ffffff;

	padding: 50px;

	box-shadow: 0 0 25px rgb(0 0 0 / 8%);

	border-radius: 30px;

	margin-left: 35px;

}



.appinment-forms h2 {

	color: var(--color-heading);

	font-weight: 600;

	margin-bottom: 5px;

}



.appinment-forms p {

	color: var(--color-paragraph);

	padding: 0;

	margin-bottom: 30px;

}



.appinment-forms input,

.appinment-forms .nice-select {

	border: none;

	background: #f9f9f9;

	color: #232323;

	border-radius: 5px;

}



.appinment-forms .nice-select .current {

    color: #666666;

}



.appinment-forms button {

	width: 100%;

	background: var(--color-primary);

	color: var(--white);

	font-weight: 600;

	border: none !important;

	padding: 13px 15px;

	border-radius: 5px;

}



.video-btn {

    text-transform: uppercase;

    font-size: 18px;

	margin-left: 15px;

}



.video-button {

	margin-top: 35px;

}



.video-btn i {

    display: inline-block;

    height: 55px;

    width: 55px;

    text-align: center;

    line-height: 55px;

    background: var(--color-primary);

    border-radius: 50%;

    position: relative;

    z-index: 1;

    margin-right: 20px;

    color: var(--white);

    font-weight: 500;

}



.video-btn.theme i {

	color: var(--color-primary);

	background: var(--white);

}



.video-btn i::after {

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 60px;

    height: 60px;

    background: var(--color-primary);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-animation: pulse-border 1500ms ease-out infinite;

    animation: pulse-border 1500ms ease-out infinite;

    z-index: -1;

}



.video-btn.theme i::after {

	background: var(--white);

}





/* Services */

.services-style-three .thumb {

    margin-bottom: 30px;

    background: #f9f9f9;

    padding: 25px;

    display: inline-block;

    border-radius: 50%;

    transition: all 0.35s ease-in-out;

}



.services-style-three img {

	height: 60px;

}



.services-style-three .item {

    padding: 60px 30px;

    border-radius: 20px;

	position: relative;

	z-index: 1;

	background: var(--white);

	border-radius: 10px;

	transition: all 0.35s ease-in-out;

}



.services-style-three .item .shape {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 60%;

    width: 100%;

    background-size: contain;

    background-position: right bottom;

    background-repeat: no-repeat;

	opacity: 0.5;

}



.services-style-three .item::after {

	position: absolute;

	left: 0;

	top: 0;

	content: "";

	height: 0;

	width: 100%;

	background: var(--color-primary);

	z-index: -1;

	transition: all 0.55s ease-in-out;

	border-radius: 10px;

}



.services-style-three:last-child {

	border: none;

}



.services-style-three .item:hover::after,

.services-style-three .item.active::after {

    height: 100%;

}



.services-style-three .item p {

	transition: all 0.35s ease-in-out;

	margin: 0;

}



.services-style-three .item a {

	z-index: 1;

	position: relative;

}



.services-style-three .item:hover p,

.services-style-three .item:hover a,

.services-style-three .item.active p,

.services-style-three .item.active a {

	color: var(--white);

}



.services-style-three .item:hover p {

	opacity: 0.8;

}



.services-style-three {

	margin-top: 60px;

}



.services-style-three:nth-child(2) {

	margin-top: 0;

}



.services-style-three-area .shape-bottom {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    background-size: contain;

    background-position: center bottom;

    background-repeat: no-repeat;

}



/* About */



.about-style-two .thumb {

	position: relative;

	padding: 0 50px;

	margin-right: 35px;

	max-width: 110%;

	margin-left: -10%;

}



.about-style-two .thumb img {

	border-radius: 50%;

}



.about-style-two .thumb img:nth-child(2) {

    position: absolute;

    height: 200px;

    right: 0;

    bottom: 30px;

    border: 5px solid var(--white);

    box-shadow: 0 0 25px rgb(0 0 0 / 8%);

}



.about-style-two .thumb .fun-fact {

	background: var(--color-secondary);

	display: inline-block;

	color: var(--color-heading);

	padding: 30px;

	position: absolute;

	left: 30px;

	top: 20px;

	height: 160px;

	width: 160px;

	text-align: center;

	border-radius: 50%;

	font-weight: 700;

	padding-top: 60px;

}



.about-style-two .thumb .fun-fact .counter {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 30px;

	font-weight: 900;

}



.about-style-three ul li {

	float: left;

	width: 50%;

	color: var(--color-heading);

	font-weight: 500;

	font-size: 18px;

	line-height: 36px;

	position: relative;

	padding-left: 25px;

}



.about-style-three ul {

	margin-top: 10px;

	margin-bottom: 30px;

	float: left;

	width: 100%;

}



.about-style-three ul li::after {

	position: absolute;

	left: 0;

	top: 50%;

	content: "\f00c";

	font-family: "Font Awesome 5 Pro";

	transform: translateY(-50%);

	color: var(--color-secondary);

	font-size: 16px;

}



/* Faq */



.faq-area .thumb img {

	margin-left: -20%;

	max-width: 120%;

  }

  .accordion .card-header h4:after {

	font-family: "Font Awesome 5 Pro";

	content: "\f107";

	position: absolute;

	right: 15px;

	top: 20px;

	font-weight: 700;

  }

  

  .accordion .card-header h4.collapsed:after {

	content: "\f105";

	font-weight: 700;

	color: #999999;

  }

  

  .faq-area .faq-content .card {

	border: none;

	margin-bottom: 31px;

	overflow: inherit;

	background: transparent;

	border-radius: 5px;

	padding: 0;

  }

  

  .faq-area .faq-content .card:last-child {

	margin-bottom: 0;

  }

  

  .faq-area .faq-content .card .card-header {

	border: none;

	background: transparent;

	padding: 0;

  }

  

  .faq-area .faq-content .card .card-header h4 {

	margin: 0;

	font-size: 16px;

	font-weight: 700;

	padding: 0;

	padding-right: 45px;

	cursor: pointer;

	position: relative;

	z-index: 1;

	display: flex;

	align-items: center;

	border-radius: 0 0 10px 0;

  }

  

  .blue .faq-area .faq-content .card .card-header h4 {

	background: var(--color-primary);

  }

  

  .faq-area .faq-content .card .card-body {

	background: var(--white);

	margin-top: 15px;

	border-radius: 0 10px 0 0;

	padding: 30px;

  }

  

  .faq-area .faq-content .card .card-body p:last-child {

	margin-bottom: 0;

  }

  

  .faq-area .faq-content .card .card-header h4 strong {

	display: inline-block;

	height: 40px;

	width: 40px;

	text-align: center;

	line-height: 40px;

	background: var(--color-primary);

	color: var(--white);

	border-radius: 50%;

	margin-right: 20px;

	position: relative;

	min-width: 40px;

  }

  

  .faq-area .faq-content .card .card-header h4 strong::after {

	position: absolute;

	left: -10%;

	top: -10%;

	content: "";

	height: 120%;

	width: 120%;

	background: var(--color-primary);

	z-index: -1;

	border-radius: 50%;

	opacity: 0.3;

  }

  

  .faq-area .faq-content .card .card-header h4 {

	background: var(--color-primary);

	color: var(--white);

	padding: 20px;

	padding-right: 45px;

	border-radius: 0 0 15px 0;

  }

  

  .faq-area .faq-content .card .card-header h4.collapsed {

	background: transparent;

	color: var(--color-heading);

	padding-right: 45px;

	border: 1px solid #e7e7e7;

	background-color: var(--white);

  }

  

  .faq-area.bg-gray .faq-content .card .card-header h4.collapsed {

	border: 1px solid #dddddd;

  }

  

  .faq-style-one ol {

	padding-left: 20px;

}



.faq-style-one h5 {

	font-weight: 600;

}





/* Pricing */



.pricing-style-two {

	margin-bottom: 30px;

}



.pricing-style-two .pricing-item {

	border-radius: 10px;

}



.pricing-style-two .pricing-item ul {

    overflow: hidden;

}



.pricing-style-two .pricing-item li {

    float: left;

    width: 50%;

	display: block;

	padding-left: 0;

}



.pricing-style-two .pricing-item li:nth-child(odd) {

	background: transparent;

}



.pricing-style-two .pricing-item li i {

	margin-right: 5px;

	margin-left: 0;

}



.pricing-style-two .pricing-header,

.pricing-style-two .pricing-item .price {

	text-align: left;

}



.pricing-style-two .pricing-item>i {

	display: inline-block;

	position: absolute;

	right: 50px;

	font-size: 60px;

	height: 100px;

	width: 100px;

	line-height: 120px;

	background: #f9f9f9;

	text-align: center;

	border-radius: 50%;

	color: var(--color-primary);

}



.pricing-style-two .pricing-item.active>i {

	background: var(--color-secondary);

	color: var(--white);

}



/* ============================================================== 

     # Home Style Four 

=================================================================== */

nav.navbar.bootsnav.navbar-transparent.white .attr-nav {

	border-left: none;

	min-height: auto;

	display: inline-block;

	float: right;

}



.banner-area.auto-height.banner-style-four .content {

    padding: 0;

	padding-bottom: 20px;

}



.banner-area.auto-height.banner-style-four .banner-items {

    padding-top: 250px;

	padding-bottom: 120px;

	position: relative;

}



.banner-area.auto-height.banner-style-four .banner-items .shape {

    position: absolute;

    left: 0;

    top: 200px;

    z-index: -1;

    opacity: 0.4;

}



.banner-area.auto-height.banner-style-four .banner-items .shape img {

	height: 200px;

}



.banner-area.banner-style-four .banner-items .thumb img {

    border-radius: 50%;

    background: #ffffff;

    padding: 10px;

}



.banner-area.banner-style-four .banner-items .thumb {

	position: relative;

}



.banner-area.banner-style-four .banner-items .thumb i {

	display: inline-block;

	position: absolute;

	height: 100px;

	width: 100px;

	line-height: 120px;

	background: #ffffff;

	text-align: center;

	font-size: 50px;

	border-radius: 50%;

	color: #1239ac;

}



.banner-area.banner-style-four .banner-items .thumb i:nth-child(2) {

	left: 31px;

	top: 50px;

}



.banner-area.banner-style-four .banner-items .thumb i:nth-child(3) {

	left: -60px;

	top: 50%;

	transform: translateY(-50%);

	height: 150px;

	width: 150px;

	line-height: 185px;

	font-size: 80px;

	margin-top: 38px;

	background: #ffb400;

	color: #000000;

}



.banner-area.banner-style-four .banner-items .thumb i:nth-child(4) {

	left: 73px;

	bottom: 0;

}



.banner-area.auto-height.banner-style-four .content li {

	font-size: 20px;

	line-height: 40px;

	padding-left: 35px;

	position: relative;

	z-index: 1;

}



.banner-area.auto-height.banner-style-four .content li::after {

	position: absolute;

	left: 0;

	top: 50%;

	content: "\f00c";

	font-family: "Font Awesome 5 Pro";

	font-weight: 400;

	height: 26px;

	width: 26px;

	line-height: 26px;

	background: #ffb400;

	text-align: center;

	font-size: 14px;

	border-radius: 50%;

	transform: translateY(-50%);

	color: #000000;

}



.banner-area.auto-height.banner-style-four .banner-items .shape-right-bottom {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 100%;

    width: 60%;

    background-size: contain;

    background-position: right bottom;

	background-repeat: no-repeat;

}



/* ============================================================== 

     # Features

=================================================================== */



/*.award .item {

    padding: 25px 10px;

    position: relative;

    z-index: 9;

    overflow: hidden;

    border: 1px solid #e7e7e7;

    border-radius: 30px;

    padding-bottom: 50px;

}*/



.award .item h4 {

    font-weight: 600;

    color: var(--white);

    display: block;

    padding: 10px 30px;

    background: var(--color-primary);

    border: 2px solid var(--white);

    border-radius: 10px;

    position: relative;

    font-size: 36px;

}



.award .item h4::after {

    height: 150px;

    width: 150px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background: var(--color-primary);

    content: "";

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    border: 2px solid #ffffff;

}



.award .item h2 {

    font-size: 34px;

    font-weight: 600;

    line-height: 1;

    margin-top: 80px;

}



.award .item h2 strong {

    display: block;

    text-transform: uppercase;

    margin-bottom: 5px;

    text-shadow: -1px 1px 0px #eceefe;

}



.award .item i {

	display: inline-block;

	font-size: 80px;

	margin-bottom: 25px;

	color: var(--white);

}



.award .item::before {

	position: absolute;

	right: 0;

	bottom: 0;

	content: "";

	height: 100%;

	width: 100%;

	background: url(assets/img/shape/bg.svg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	z-index: -1;

}



.features-area .item .top h4 {

	font-weight: 600;

	color: #000 !important;

}



.features-area .item p {

	margin: 0;

}



.features-area .item .top i {

	display: inline-block;

	font-size: 60px;

	margin-bottom: 25px;

	color:var(--color-primary);

	position: relative;

	z-index: 1;

}



.features-area .item .top i::after {

	position: absolute;

	left: -10px;

	top: -20px;

	content: "";

	height: 60px;

	width: 60px;

	background: linear-gradient(-62.5deg, transparent, rgba(237, 245, 255, 0.9));

	z-index: -1;

	border-radius: 50%;

}



.features-area .single-item:first-child {

	padding-right: 35px;

}



.features-area .single-item:last-child {

	padding-left: 35px;

}



.features-area .single-item .item {

	margin-top: 50px;

}



.features-area .single-item .item:first-child {

	margin-top: 0;

}



.features-area .single-item .item img {

	margin-bottom: 10px;

	width: 80px;

	background: var(--white);

/*	box-shadow: 0 10px 30px 0 rgb(44 130 237 / 40%);*/

	border-radius: 5px;

}



/* Twenty Twenty Plugin */

.twentytwenty-handle:before,

.twentytwenty-handle:after {

	content: " ";

	display: block;

	width: 3px;

	background: white;

	height: 9999px;

	position: absolute;

	left: 50%;

	margin-left: -1.5px;

	z-index: 30;

	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

}



.twentytwenty-before-label,

.twentytwenty-after-label,

.twentytwenty-overlay {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

}



.twentytwenty-before-label,

.twentytwenty-after-label,

.twentytwenty-overlay {

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	transition-duration: 0.5s;

}



.twentytwenty-before-label,

.twentytwenty-after-label {

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	transition-property: opacity;

}



.twentytwenty-before-label:before,

.twentytwenty-after-label:before {

	color: white;

	font-size: 13px;

	letter-spacing: 0.1em;

}



.twentytwenty-before-label:before,

.twentytwenty-after-label:before {

/*	background: rgba(255, 255, 255, 0.2);*/
background: #062686;

	position: absolute;

	top: 50%;

	margin-top: -19px;

	line-height: 38px;

	padding: 0 20px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}



.twentytwenty-left-arrow,

.twentytwenty-right-arrow {

	width: 0;

	height: 0;

	border: 6px inset transparent;

	position: absolute;

	top: 50%;

	margin-top: -6px;

}



.twentytwenty-container {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	overflow: hidden;

	position: relative;

	-webkit-user-select: none;

	-moz-user-select: none;

}



.twentytwenty-container img {

	position: absolute;

	top: 0;

	display: block;

}



.twentytwenty-container.active .twentytwenty-overlay,

.twentytwenty-container.active :hover.twentytwenty-overlay {

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

}



.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,

.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,

.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {

	opacity: 0;

}



.twentytwenty-container * {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



.twentytwenty-before-label {

	opacity: 0;

}



.twentytwenty-before-label:before {

	content: "Before";

	left: 10px;

}



.twentytwenty-after-label {

	opacity: 0;

}



.twentytwenty-after-label:before {

	content: "After";

	right: 10px;

}



.twentytwenty-overlay {

	-webkit-transition-property: background;

	-moz-transition-property: background;

	transition-property: background;

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

	z-index: 25;

}



.twentytwenty-overlay:hover {

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

}



.twentytwenty-overlay:hover .twentytwenty-after-label {

	opacity: 1;

}



.twentytwenty-overlay:hover .twentytwenty-before-label {

	opacity: 1;

}



.twentytwenty-before {

	z-index: 20;

}



.twentytwenty-after {

	z-index: 10;

}



.twentytwenty-handle {

	height: 38px;

	width: 38px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -22px;

	margin-top: -22px;

	border: 3px solid white;

	-webkit-border-radius: 1000px;

	-moz-border-radius: 1000px;

	border-radius: 1000px;

	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);

	z-index: 40;

}



.twentytwenty-handle:before {

	bottom: 50%;

	margin-bottom: 22px;

	-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

}



.twentytwenty-handle:after {

	top: 50%;

	margin-top: 22px;

	-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

	box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);

}



.twentytwenty-left-arrow {

	border-right: 6px solid white;

	left: 50%;

	margin-left: -17px;

}



.twentytwenty-right-arrow {

	border-left: 6px solid white;

	right: 50%;

	margin-right: -17px;

}



/* About */

.about-style-four .thumb {

	margin-right: 20px;

	border-radius: 10px;

	border: 1px solid #ccc;

	box-shadow: 2px 2px 5px #ccc;

	padding: 6px;

}



/* Tablet Layout: 768px.*/



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



	.banner-area.banner-style-four .banner-items .thumb {

		max-width: 80%;

		margin: auto;

		margin-top: 50px;

	}



	.about-style-four .thumb {

		margin-right: 0;

		margin-bottom: 50px;

	}



	.banner-area.auto-height.banner-style-four .banner-items {

		padding-top: 200px;

	}

	

}



/* Mobile Layout: 320px. */



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



	.banner-area.auto-height.banner-style-four .banner-items {

		padding-top: 150px;

		text-align: left;

		padding-bottom: 60px;

	}

	

	.banner-area.banner-style-four .banner-items .thumb i {

		display: none;

	}

	

	.banner-area.banner-style-four .banner-items .thumb img {

		max-width: 80%;

		margin: auto;

	}

	

	.banner-area.banner-style-four .banner-items .thumb {

		text-align: center;

		display: none;

	}



	.about-style-four .thumb {

		margin-right: 0;

		margin-bottom: 30px;

	}

}



/* ============================================================== 

     # Home Plumber

=================================================================== */



@media (min-width: 1024px) {

	nav.navbar.bootsnav.navbar-fixed.nav-box.navbar-default.bg-white ul.nav>li>a, 

	nav.navbar.bootsnav.navbar-fixed.nav-box.navbar-default.bg-white .attr-nav>ul>li>a {

		color: var(--color-heading);

	}



	nav.navbar.bootsnav.navbar-fixed.nav-box.navbar-default.bg-white.no-background {

		top: 80px

	}



}



@media (max-width: 1023px) {

	nav.navbar.bootsnav.navbar-fixed.nav-box.navbar-default.bg-white .right-bar {

		position: absolute;

		right: 30px;

		top: 10px;

		left: auto;

		width: auto;

	}



	nav.navbar.bootsnav.navbar-fixed.nav-box.navbar-default.bg-white .right-bar .search {

		display: none;

	}



}



.shape-top-right {

    position: absolute;

    right: 0;

    top: 0;

    height: 70% !important;

    width: 70%;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: right top;

	z-index: -1;

}



.top-bar-area.fixed {

	position: absolute;

	width: 100%;

	z-index: 9;

}



.banner-style-five {

    padding-top: 250px;

}



.banner-style-five.auto-height .content {

    padding-top: 60px;

}



.banner-area.banner-style-five.text-multi-weight .content p {

	color: var(--white);

	opacity: 0.8;

	padding-right: 10%;

}



.banner-style-five h4 {

    text-transform: uppercase;

    font-size: 22px;

    color: var(--color-secondary);

    font-weight: 600;

}



.top-bar-area.multi-content.fixed .social li a {

    background: var(--dark);

    border: 1px solid rgba(255, 255, 255, 0.2);

    line-height: 44px;

}



.top-bar-area.fixed .info li i {

    color: var(--white);

}





.about-style-four .appinment-forms {

    margin: 0;

    position: relative;

    top: -80px;

    z-index: 9;

    margin-bottom: -80px;

}



.appinment-forms.standard {

    padding: 0;

}



.appinment-forms.standard .top-heading {

    background: var(--color-secondary);

    border-radius: 10px 10px 0 0;

    padding: 40px 50px;

	position: relative;

}



.appinment-forms.standard .top-heading p {

    margin: 0;

    color: var(--color-heading);

}



.appinment-forms.standard form {

    padding: 50px;

}



.about-list-item {

    display: flex;

    margin-top: 70px;

}



.about-list-item .info {

    padding-left: 50px;

}



.about-list-item .services-list li {

    display: block;

    position: relative;

    padding-left: 40px;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 12px;

	transition: all 0.35s ease-in-out;

}



.about-list-item .services-list li::after {

    position: absolute;

    left: 0;

    top: 0;

    content: "\f00c";

    font-family: "Font Awesome 5 Pro";

    font-size: 12px;

    color: var(--color-primary);

    font-weight: 4;

    height: 26px;

    width: 26px;

    line-height: 23px;

    border: 2px solid #e7e7e7;

    text-align: center;

    border-radius: 50%;

    background: #f9f9f9;

    transition: all 0.35s ease-in-out;

}



.about-list-item .services-list {

    min-width: 280px;

    padding-left: 30px;

}



.about-list-item .services-list li:first-child::after,

.about-list-item .services-list li:hover::after {

    background: var(--color-primary);

    color: var(--white);

    border-color: transparent;

    font-weight: 500;

}



.about-list-item .services-list li:first-child,

.about-list-item .services-list li:hover {

    color: var(--color-primary);

}



.call-us {

    display: flex;

    border-top: 1px solid #e7e7e7;

    margin-top: 20px;

    padding-top: 25px;

}



.call-us i {

    display: inline-block;

    font-size: 25px;

    margin-right: 15px;

    height: 55px;

    width: 55px;

    line-height: 55px;

    text-align: center;

    background: var(--color-primary);

    color: var(--white);

    border-radius: 50%;

}



.call-us h5 {

    text-transform: uppercase;

    font-weight: 500;

    font-size: 16px;

    margin-bottom: 5px;

}



.call-us span {

    font-size: 24px;

    font-weight: 700;

    color: var(--color-secondary);

}



.about-list-item h2 {

    font-weight: 600;

    margin-bottom: 20px;

	margin-top: -8px;

}



.about-list-item .services-list h4 {

    font-weight: 600;

    font-size: 24px;

    margin-bottom: 25px;

    border-bottom: 1px solid;

	padding-bottom: 5px;

}



.process-style-four {

    width: 220px;

    height: 220px;

    margin: auto;

    background: #ffffff;

    box-shadow: 0 0 25px rgb(0 0 0 / 8%);

    border-radius: 50%;

}



.process-style-four .content {

    position: relative;

    top: 60px;

}



.process-style-four i {

    display: inline-block;

    font-size: 60px;

    margin-bottom: 15px;

    color: var(--color-primary);

}



.process-style-four h3 {

    font-size: 20px;

    font-weight: 600;

    margin: 0;

}



.process-style-four-box .single-item:nth-child(2) {

    margin-top: 180px;

    position: relative;

    z-index: 1;

}



.process-style-four-box {

    position: relative;

    z-index: 1;

}



.process-style-four-box .shape {

    position: absolute;

    left: 18%;

    top: 95px;

    height: 100%;

    width: 67%;

    background-size: contain;

    background-repeat: no-repeat;

}



.process-style-four-box .single-item:nth-child(2) .process-style-four {

    background: var(--color-secondary);

}



.process-style-four-box .single-item:nth-child(3) .process-style-four {

    background: var(--color-primary);

}



.process-style-four-box .single-item:nth-child(3) .process-style-four i, .process-style-four-box .single-item:nth-child(3) .process-style-four h3 {

    color: var(--white);

}



.services-style-four .thumb {

    position: relative;

    z-index: 1;

    padding: 5px;

}



.services-style-four .thumb i {

    display: inline-block;

    position: absolute;

    left: 40px;

    bottom: -20px;

    height: 80px;

    width: 80px;

    background: var(--color-primary);

    text-align: center;

    line-height: 80px;

    border-radius: 50%;

    color: var(--white);

    font-size: 35px;

    z-index: 1;

    box-shadow: 0 5px 30px 0 rgb(214 215 216 / 57%);

    font-weight: 100;

}



.services-style-four .content {

    background: var(--white);

    padding: 40px;

    padding-top: 50px;

    border-radius: 0 0 10px 10px;

}



.services-style-four p {

    margin: 0;

}



.services-style-four h4 a {

	font-weight: 700;

}



.services-style-four {

    border-radius: 20px;

    background: var(--white);

}



.services-style-four .thumb .shape {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    background-repeat: no-repeat;

    background-position: bottom center;

}



.services-style-four .thumb img {

	border-radius: 20px;

}



a.btn-common {

    border-bottom: 1px solid #cec7c7;

    color: var(--color-paragraph);

    margin-top: 20px;

    display: block;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

    padding-bottom: 3px;

	position: relative;

	z-index: 1;

}



a.btn-common::after {

	position: absolute;

	right: 0;

	bottom: 0;

	content: "";

	height: 1px;

	width: 0;

	background: var(--color-primary);

	transition: all 0.35s ease-in-out;

}



.services-style-four:hover a.btn-common::after {

	width: 100%;

}



a.btn-common:hover {

    color: var(--color-primary)

}



/* Tablet Layout: 768px.*/

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

	.banner-style-five {

		padding-top: 220px;

	}



	.banner-style-five .thumb {

		display: none;

	}

	

	.banner-style-five.auto-height .content {

		padding-bottom: 120px;

	}

	

	.about-style-four .appinment-forms {

		top: 0;

		margin: 0;

		margin-top: 120px;

	}

	

	.about-list-item {

		display: block;

	}

	

	.about-list-item .services-list {

		padding-left: 0;

	}

	

	.about-list-item {

		margin-top: 50px;

	}

	

	.about-list-item .info {

		padding: 0;

		margin-top: 40px;

	}

	

	.process-style-four-box .shape {

		display: none;

	}

	

	.process-style-four-box .single-item:nth-child(2) {

		margin-top: 50px;

	}

	

	.process-style-four-box .single-item {

		margin-top: 50px;

	}

	

	.process-style-four-box  {

		margin-top: -50px;

	}

}





/* Mobile Layout: 320px. */

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

	.banner-style-five {

		padding-top: 90px;

	}

	

	.banner-style-five.auto-height .content {

		padding-bottom: 50px;

	}

	

	.about-style-four .appinment-forms {

		top: 0;

		margin: 0;

		margin-top: 50px;

	}

	

	.about-list-item {

		display: block;

	}

	

	.about-list-item .services-list {

		padding-left: 0;

	}

	

	.about-list-item {

		margin-top: 50px;

	}

	

	.about-list-item .info {

		padding: 0;

		margin-top: 40px;

	}

	

	.process-style-four-box .shape {

		display: none;

	}

	

	.process-style-four-box .single-item:nth-child(2) {

		margin-top: 30px;

	}

	

	.process-style-four-box .single-item {

		margin-top: 30px;

	}

	

	.process-style-four-box .single-item:first-child {

		margin-top: 0;

	}

}



.os-re{

	position: relative;

}



.shape-bottom-dd{

	position: absolute;

  left: 0px;

  bottom: 0px;

  

}



.ns-bt{

padding: 10px 30px;

color: #000;

border: 1px solid #000 !important;

text-align: center;

margin-top: 15px;

font-size: 16px;

font-weight: 600;

width: 100%;

background: transparent;

}



.asd-g h4{

	font-size: 16px;

}



.more-paddng{

	padding-bottom: 25px;

}



.ls-paddimmd{

	padding-bottom: 70px;

}



.equal-paading{

	padding: 30px 0px;

}



.pd-bt{

	padding-bottom: 60px;

}



.new-bg-jj{

	background: #fff;

}



.mn-vd{

	width: 100%;

	height: 400px;

	object-fit: cover;

	background: #fff;

	padding: 10px;

}



.new-vid-hh{

	padding: 25px 0px;

	background: #e3f4f8;



}



.footer-wh{

	position: fixed;

	bottom: 10px;

	right: 10px;

	z-index: 99999;

}



.footer-wh img{

	width: 60px;

}



.s-bg-dhh{

	background-image: url(../img/bac-ut.jpg);

	background-repeat: no-repeat;

	background-size: cover;

}



.mr-c{

	margin: 0 auto;

}



.bg-theme-dr{

	background: #fff;

}



.text-light-df{

	color: #000 !important;

}



.nav-dyyr{

	position: relative;

}



.gfffd span{

color: #fff;

}





/*.nav-dyyr:before {

 background: #78b833 none repeat scroll 0 0;

  border: 10px solid #78b833;

  color: transparent;

  content: "hello";

  float: left;

  left: -25px;

  min-height: 50px;

  position: absolute;

  transform: skewX(-48deg);

  width: 100%;

	}*/



.djj-dii img{

	margin-bottom: 0px !important;

	padding: 10px;

	/*border: 1px solid #ccc;

	box-shadow: 2px 2px 5px #ccc;

	border-radius: 10px !important;*/

}



.ns-bg-jj{

	background: #f5f5f5 !important;

}



.hjd-ff{

	position: relative;

	overflow: hidden;

}



.hjd-ff img:hover{

	transform: scale(1.2);

	transition-duration: 0.8s;

}



.new-fjiig{

	background-image: url(../img/footer_bg.png);

	background-repeat: no-repeat;

	background-size: cover;

}



.default-padding-ne{

	padding: 20px 0px 25px 0px;

}





@media(max-width:768px){



.navbar.nav-full-width .navbar-header {

  position: relative !important;

  top: auto;

  padding: 8px 0;

}



.default-padding-ne {

  padding: 30px 0px 40px 0px;

}



.new-vid-hh {

  padding: 30px 0px;

  background: #e3f4f8;

}



.dekstop-banner{

	display: none;

}



.mobile-banner{

	display: block !important;

}



.equal-paading {

  padding: 30px 0px;

}



h2 {

  font-size: 27px;

}



 .site-heading h2 {

    font-size: 27px !important;

  }



 .banner-area .carousel-control {

    display: block !important;

  }



.banner-area .carousel-control.right {

  right: 0px;

}





.banner-area .carousel-control.left {

  left: 0px;

}



.banner-area .carousel-control {

  

  opacity: 1 !important;

}



.navbar.nav-full-width .navbar-header::after {

  display: none !important;

}

 .fun-fact-items .fun-fact {

    

    background: transparent !important;

  }



  .banner-area:hover .carousel-control.right {

  right: 0px !important;

  opacity: 1;

}



.banner-area:hover .carousel-control.left {

  right: 0px !important;

  opacity: 1;

}



   .fun-factor-area .medium {

    color: #fff !important;

  }

}



.jkhyy{

	border-radius: 10px;

	background: #fff;

}



.chhhf-r p{

	padding-top: 30px;

}



.anjjd-ruu{

	margin: -5px;

}



.anjjd-ruu .col-lg-3{

	padding: 5px;

}



.mobile-banner{

	display: none;

}



.feature-style-three .item .top{

  position: relative;

}



.feature-style-three .item .top::after {

  position: absolute;

  left: -10px;

  top: -20px;

  content: "";

  height: 60px;

  width: 60px;

  background: linear-gradient(-62.5deg, transparent, rgba(237, 245, 255, 0.9));

  z-index: -1;

  border-radius: 50%;

}



.ns-bg-d{

	background: #f6f6f6 !important;

}



.pro-detail-shhhd{

	padding: 50px 0px;

}



.ajjjdhyejj{

	border: 1px solid #ccc;

	padding: 10px;

	box-shadow: 2px 2px 5px #ccc;

}



.snjjjd-rikg h2{

	color: #000;

	font-weight: 600;

	font-size: 30px;

}



.snjjjd-rikg p{

	color: #333;

	font-size: 16px;

	line-height: 30px;

}



.am-link a{

	margin-right: 10px;

}



.am-link a img{

	width: 200px;

	border: 1px solid #ccc;

	padding: 6px;

	border-radius: 10px;

}



.am-link{

	margin-top: 20px;

}



.main-snjj{

	padding-left: 30px;

}





.tab {

  overflow: hidden;

  border: 1px solid #ccc;

  background-color: #f1f1f1;

  text-align: center;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: inherit;

 display: inline-block;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 10px 16px;

  transition: 0.3s;

  font-size: 16px;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ddd;

}



/* Create an active/current tablink class */

.tab button.active {

  background: #062991;

  color: #fff;

}



/* Style the tab content */

.tabcontent {

  display: none;

  border-top: none;

  width: 100%;

}



.new-spe-djj{

	background: #f9f9f9;

	padding: 50px 0px;

}



.bhhhf-rii table{

	width: 100%;

	border: 1px solid #ccc;

	border-collapse: collapse;

}



.bhhhf-rii table td{

	border: 1px solid #ccc;

	color: #333;

	font-size: 15px;

	padding: 10px;

}



.bhhhf-rii table tr:nth-of-type(2n){

	background: #e4e4e4;

}





.list-images ul{

	padding: 0;

	margin: 0;

}



.list-images ul li{

	list-style: none;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 5px;

	margin: 4px;

	cursor: pointer;

}



.list-images ul li img{

	width: 47px;

}



.list-images{

	text-align: center;

	margin-top: 10px;

}



.bhhhf-rii h3{

	color: #000;

	font-weight: 600;

	font-size: 26px;

	padding-bottom: 10px;

	position: relative;

}



.bhhhf-rii h3:after{

	background: #0f36aa;

	position: absolute;

	bottom: 0;

	left: 0;

	content: "";

	width: 60px;

	height: 2px;

}



.bhhhf-rii{

	padding-top: 20px;

}



.new-spe-djj .nav li{

	display: inline-block;

}



.new-spe-djj .nav-tabs .nav-link.active {

  color: #fff !important;

  background-color: #052586 !important;



}



.new-gallery{

	padding: 50px 0px;

	background: #f5f5f5;

}



.abbbb-dhh{

	background: #fff;

	padding: 10px;

	border-radius: 10px;

	border: 1px solid #ccc;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

	margin-bottom: 20px;

}



.overlayy-sjjj h3{

	color: #000;

	font-size: 24px;

	margin: 0;

}



.overlayy-sjjj{

	text-align: center;

	padding: 8px 0px;

}



.new-spe-djj .nav > li > a {

  padding: 10px 30px !important;

  font-weight: 600 !important;

}



.nav-tabs .nav-link {

  background: #ccc !important;

}



.tab-content{

	width: 100%;

}

.bhhhf-rii table th {
  border: 1px solid #ccc;
  color: #333;
  font-size: 15px;
  padding: 10px;
}


.bhhhf-rii ul {
  margin: 0;
  padding: 0;
}

.bhhhf-rii ul li {
  list-style: none;
  background: url(../img/arrow.png) no-repeat 0 9px;
  padding: 0 0 10px 25px;
  color: #000;
}




.njyuhhdfydghf{
	color: #000;
	font-size: 18px;
	font-weight: 600;
	padding-top: 10px;
	text-align: center;
}

 nav.navbar.bootsnav ul.nav > li > a.active {
    color: #fff !important;
  }


@media(min-width:1500px){

#navbar-menu {
  padding-left: 82px;
}

}

.new-heading-mnkkd{
	color: #333;
	font-size: 25px;
	font-weight: 600;
	padding-bottom: 10px;
}

.new-heading-mnkkd{
	text-align: center;
}

.testimonial-carousell .owl-nav{
	display: block !important;
}

.testimonial-carousell .owl-prev{
	position: absolute !important;
	top: 40% !important;
	left: 0 !important;
  font-size: 16px !important;
  background: #062686 !important;

}

.testimonial-carousell .owl-next{
	position: absolute !important;
	top: 40% !important;
	right: 0 !important;
  font-size: 16px !important;
  background: #062686 !important;

}

.testimonial-carousell .owl-prev i{
	line-height: 30px !important;
}

.testimonial-carousell .owl-next i{
	line-height: 30px !important;
}

/*.twentytwenty-container{
	height: 450px !important;
}*/