﻿/*!
// Contents
// ------------------------------------------------>

	1.  Global Styles
	2.  Typography
	3.	Color
	4.	Align
	5.	Grid
	6.	Blockquotes
	7.	Background
	8.	Breadcrumbs
	9.	Buttons
	10. Forms
	11. Icons
	12. List
	13. Accordions
	14. Alerts
	15. Backtop
	16. Page Loader
	17. Header
	18. Menu
	19. Module
	20. TopBar
	21. Page Title
	22. Carousel
	23. Pagination
	24. Heading
	25. Hero
	26. Blog
	27. Shop
	28. Work
	29. Sidebar
	30. Features
	31. Pricing
	32. team
	33. Contact
	34. Faq
	35. Clients
	36. Testimonial
	37. Video
	38. Counters
	39. Services
	40. Action
	41. 404
	42. Company Data
	43. Image Hot Pointer
	44. Careers
	45. Awards
	46. About
	47. Processes
	48. Footer

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
.alert,
.alerts .alert-content p,
.header .navbar .navbar-nav>li>a,
.pagination li a,
.pagination li span,
a,
body,
p {
	font-family: var(--global--font-body)
}

a,
body {
	font-weight: 400
}

a,
a:hover {
	text-decoration: none
}

body,
hr {
	margin: 0
}

.blockquote .author,
.blockquote .quote-author,
blockquote .author,
blockquote .quote-author {
	margin-top: 18px;
	font-weight: 600;
	color: var(--global--color-heading);
	display: block;
	line-height: 1
}

.bg-section,
.btn,
.module-social a,
.preloader,
.processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer,
.processes .processes-holder .process-content-carousel .owl-stage-outer,
.processes.processes-2,
.projects.projects-grid .carousel .owl-stage-outer,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer,
.testimonial.testimonial-1 .owl-stage-outer,
.testimonial.testimonial-3 .owl-stage-outer,
.testimonial.testimonial-4 .owl-stage-outer,
.testimonial.testimonial-5 .owl-stage-outer,
section {
	overflow: hidden
}

:root {
	--global--color-primary: #32c36c;
	--global--color-primary-90: rgba(50, 195, 108, 0.9);
	--global--color-primary-70: rgba(50, 195, 108, 0.7);
	--global--color-heading: #000000db;
	--global--color-secondary: #232323;
	--global--color-body: #232323;
	--global--color-white: #ffffff;
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-gray: #f9f9f9;
	--global--font-body: 'NotoSansLight';
	--global--font-heading: 'NotoSansRegular';
	--global--font-secondary: 'Heebo', sans-serif
}

@font-face {
	font-family: NotoSansLight;
	src: url("../fonts/NotoSans-Light.ttf");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: NotoSansMedium;
	src: url("../fonts/NotoSans-Medium.ttf");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: NotoSansRegular;
	src: url("../fonts/NotoSans-Regular.ttf");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: NotoSansSemiBold;
	src: url("../fonts/NotoSans-SemiBold.ttf");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: NotoSansBold;
	src: url("../fonts/NotoSans-Bold.ttf");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: NotoSansDisplayExtraLight;
	src: url("../fonts/NotoSans-ExtraLight.ttf");
	font-weight: 400;
	font-style: normal
}

*,
a,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

*,
:active,
:focus {
	outline: 0 !important
}

::-webkit-selection {
	text-shadow: none
}

button {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	outline: 0;
	padding: 0
}

.bg-overlay-light:before,
.btn--primary.btn--inversed::before,
body,
section {
	background-color: var(--global--color-white)
}

body,
html {
	overflow-x: hidden
}

body {
	font-size: 14px;
	color: var(--global--color-body)
}

::-moz-selection {
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	text-shadow: none
}

::selection {
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	text-shadow: none
}

a {
	color: var(--global--color-primary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

textarea {
	resize: none
}

.fullscreen {
	height: 100vh !important
}

.login,
section {
	padding: 120px 0
}

hr {
	background-color: #eaeaea;
	border-color: #eaeaea
}

.blockquote,
.blockquote-1,
blockquote {
	border-left: 6px solid var(--global--color-heading)
}

body p {
	text-align: justify
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--global--color-heading);
	font-family: var(--global--font-heading);
	font-weight: 700;
	margin: 0 0 28px;
	line-height: 1
}

.accordion .card:last-of-type,
.awards .award .award-content .award-desc,
.blog-single .blog-entry:last-of-type,
.blog-standard .blog-entry .entry-content .entry-title h4,
.blog-standard .blog-entry:last-of-type,
.breadcrumb,
.contact-card .contact-body form,
.counter .counter-num p,
.counter.counter-2:last-child,
.counter.counter-2:last-child .counter-desc p,
.counter.counter-4 .counter-num,
.counter.counter-6 .counter-name,
.faqs .faqs-action,
.features.features-4 .owl-carousel .owl-dots,
.footer-copyright .copyright .social-icons,
.heading.heading-1 .heading-title,
.heading.heading-12 .heading-title,
.heading.heading-13 .heading-title,
.heading.heading-20,
.img-card .card-content .content-bottom .contact-infos .contact-info:last-child,
.module-language .lang-list ul,
.module-search-warp .form-search,
.page-title.page-title-9 .page-title-wrap .title .title-heading,
.project-panel .project-panel-holder .project-content .project-title h4,
.project-single .project-intro .project-img .project-panel .project-content .project-cat,
.project-single .project-overview .project-details .table,
.service-single .service-entry .entry-content .entry-infos .entry-desc:last-child,
.service-single .service-entry .entry-content .projects,
.shop-account .shop-account-content p:last-child,
.sidebar-blog .widget-recent-posts .entry:last-of-type,
.single-product .product-content .product-details .table,
.single-product .product-tabs .tab-content .review-comment .product-comment p,
.single-product .product-tabs .tab-content .review-comment .review-body h6,
.single-product .product-tabs .tab-content .review-comment .review-body p,
.skills .progressbar:last-of-type,
.widget-download ul li:last-of-type a,
.widget-opening-hours .widget-content ul,
.widget-recent-posts .post:last-child,
.widget-services .widget-content ul,
.widget-services .widget-content ul li:last-child,
address,
blockquote,
dd,
dl,
fieldset,
form,
ol,
p,
pre,
table,
ul {
	margin-bottom: 0
}

.h1,
h1 {
	font-size: 52px
}

.h2,
h2 {
	font-size: 42px
}

.h3,
h3 {
	font-size: 38px
}

.h4,
h4 {
	font-size: 28px
}

.font-18,
.h5,
h5 {
	font-size: 24px
}

.h6,
h6 {
	font-size: 18px
}

.alert,
.font-16,
.lead,
p {
	font-size: 16px
}

p {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-weight: 400;
	line-height: 28px
}

.blockquote,
.font-heading,
blockquote {
	font-family: var(--global--font-heading)
}

.lead {
	line-height: 1.8
}

.text--left {
	text-align: left !important
}

.text--right {
	text-align: right !important
}

.text--center {
	text-align: center !important
}

.text--just {
	text-align: justify !important
}

.align--top {
	vertical-align: top
}

.align--bottom {
	vertical-align: bottom
}

.align--middle {
	vertical-align: middle
}

.align--baseline {
	vertical-align: baseline
}

.bold {
	font-weight: 700 !important
}

.regular {
	font-weight: 400 !important
}

.medium {
	font-weight: 500 !important
}

.italic,
.module-cart .module-cart-warp span .total-price {
	font-style: normal
}

.break-word {
	word-wrap: break-word
}

.no-wrap {
	white-space: nowrap
}

.color-white,
.text-white {
	color: var(--global--color-white) !important
}

.color-gray,
.text-gray {
	color: var(--global--color-gray) !important
}

.text-black {
	color: var(--global--color-heading)
}

.color-theme,
.text-theme {
	color: var(--global--color-primary) !important
}

.higlighted-style1,
.higlighted-style2 {
	color: var(--global--color-white);
	padding: 5px 0
}

.text--capitalize {
	text-transform: capitalize !important
}

.text--uppercase {
	text-transform: uppercase !important
}

.bg-video h2,
.blog-entry .entry-content .entry-meta .entry-author,
.breadcrumb,
.btn,
.btn-video span,
.custom-radio-group .custom-control label,
.form-control.nice-select .current,
.form-control.nice-select .list li,
.shop-options .products-sort .nice-select .list li,
.your-order h5 {
	text-transform: capitalize
}

.font-20 {
	font-size: 20px
}

.font-40 {
	font-size: 40px
}

.higlighted-style1 {
	background-color: var(--global--color-primary)
}

.advantages-list.advantages-list-2 li::before,
.advantages-list.advantages-list-3 li::before,
.bg-overlay-theme4,
.blockquote-3,
.header.header-light .navbar .navbar-nav>li>a::before,
.higlighted-style2 {
	background-color: var(--global--color-heading)
}

.higlighted-style3 {
	background-color: var(--global--color-gray);
	color: var(--global--color-primary);
	padding: 5px 0
}

.color-heading {
	color: var(--global--color-heading) !important
}

.row-no-padding [class*=col-] {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-5ths {
	width: 20%;
	float: left
}

@media (min-width:768px) {
	.col-sm-5ths {
		width: 20%;
		float: left
	}
}

@media (min-width:992px) {
	.col-md-5ths {
		width: 20%;
		float: left
	}
}

@media (min-width:1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left
	}
}

.col-content {
	padding: 120px 100px 110px 120px
}

.pos-fixed {
	position: fixed
}

.about .signature-block .signature-body,
.bg-video,
.blog-single .blog-entry .entry-img,
.blog-standard .blog-entry .entry-img,
.carousel-dots,
.carousel-navs,
.cta .cta-img,
.form-select,
.header.header-topbar.header-topbar2 .navbar-brand,
.header.header-topbar.header-topbar3 .navbar-brand,
.module-cart .module-icon,
.page-title.page-title-10,
.page-title.page-title-11,
.pos-relative,
.pricing .price-table .pricing-panel.active,
.processes .processes-holder .images-holder .process-image-carousel,
.project-single .project-intro .project-img,
.team .member .member-img,
.testimonial.testimonial-1 .carousel-dots,
.widget-recent-posts .post .post-content,
form,
form .col-12 {
	position: relative
}

.carousel-navs .owl-next,
.carousel-navs .owl-prev,
.pos-absolute {
	position: absolute
}

.pos-static {
	position: static
}

.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after,
.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before,
.pos-top,
.ui-slider-vertical .ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.pos-bottom,
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.pos-right,
.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.pos-left,
.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.pos-vertical-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.height-700 {
	height: 700px !important
}

.height-500 {
	height: 500px !important
}

.height-800 {
	height: 800px !important
}

@media only screen and (min-width:768px) {
	.col-lg-5ths {
		-ms-flex: 0 0 20%;
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%
	}
}

.blockquote,
blockquote {
	font-size: 20px;
	color: var(--global--color-body);
	font-style: normal;
	line-height: 28px;
	font-weight: 500;
	padding: 30px 0 30px 30px;
	position: relative
}

.blockquote .quote-author,
blockquote .quote-author {
	font-family: var(--global--font-heading);
	font-size: 13px;
	font-style: normal
}

.blockquote .author,
blockquote .author {
	font-family: var(--global--font-body);
	font-size: 18px;
	font-style: italic
}

.bg-overlay:before,
.breadcrumb>li,
.counter-num .plus-icon,
.counter-num span,
.header.header-light .navbar .logo-dark,
.header.header-light .navbar .logo-mobile,
.projects-filter li {
	display: inline-block
}

.blockquote-2 {
	position: relative;
	border-left: none
}

.blockquote-2::after,
.blockquote-2::before {
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	position: absolute;
	color: var(--global--color-primary);
	line-height: 1.8;
	font-weight: 600
}

.btn,
.btn-video span,
.custom-radio-group .custom-control label,
.form-control,
.form-label,
.tabs .tab-content>.tab-pane,
ul.list-icons li {
	font-family: var(--global--font-body)
}

.blockquote-2::before {
	content: "\f10d";
	top: 0;
	left: 0
}

.blockquote-2::after {
	content: "\f10e";
	right: 0;
	bottom: 0
}

.blockquote-3 .author,
.careers .career-item .career-item-wrap .career-meta .career-place,
.contact .contact-quote.contact-quote-3 p,
.custom-radio-group .custom-control label,
.form-control,
.form-select i,
.form-select select,
.page-title .breadcrumb .active,
.page-title.page-title-blank .breadcrumb-wrap .breadcrumb .active,
.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb .active,
.processes .process-panel.process-panel-dark .process-body .process-content p,
.single-product .product-content .product-review span a,
ul.list-icons li {
	color: var(--global--color-body)
}

.accordion.accordion-light .card .card-body,
.accordion.accordion-light .card:first-of-type .card-body,
.accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-body,
.breadcrumb>li a,
.breadcrumb>li+li:before,
.clients.bg-grey,
.heading.heading-light .heading-desc,
.heading.heading-light .heading-subtitle,
.heading.heading-light .paragraph,
.heading.heading-light2 .heading-desc,
.heading.heading-light2 .paragraph {
	color: var(--global--color-gray)
}

.bg-theme {
	background-color: var(--global--color-primary) !important
}

.bg-theme2 {
	background-color: var(--global--color-heading) !important
}

.bg-gray {
	background-color: var(--global--color-gray) !important
}

.bg-grey {
	background-color: #f6f7f8 !important
}

.bg-dark-gray {
	background-color: #3a3a3a
}

.bg-dark {
	background-color: #222 !important
}

.bg-secondary {
	background-color: var(--global--color-secondary)
}

.bg-section {
	position: relative;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%
}

.bg-parallax {
	background-attachment: fixed
}

.bg-overlay:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

#back-to-top::before,
.btn::before {
	content: '';
	width: calc(100%);
	height: calc(100%)
}

.bg-overlay-light:before {
	opacity: .8
}

.bg-overlay-dark:before {
	background-color: rgba(29, 42, 77, .45)
}

.bg-overlay-dark-2:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1A1A80), to(#00000000));
	background-image: -o-linear-gradient(top, #1b1A1A80 0, #00000000 100%);
	background-image: linear-gradient(180deg, #1b1A1A80 0, #00000000 100%);
	opacity: .55
}

.bg-overlay-dark-3:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1A1A80), to(#00000000));
	background-image: -o-linear-gradient(top, #1b1A1A80 0, #00000000 100%);
	background-image: linear-gradient(180deg, #1b1A1A80 0, #00000000 100%)
}

.bg-overlay-dark-slider-2:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#14191c), color-stop(82%, rgba(20, 25, 28, 0)));
	background-image: -o-linear-gradient(top, #14191c 0, rgba(20, 25, 28, 0) 82%);
	background-image: linear-gradient(180deg, #14191c 0, rgba(20, 25, 28, 0) 82%)
}

.bg-overlay-theme:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#32c36CD9), color-stop(82%, #32c36c));
	background-image: -o-linear-gradient(top, #32c36CD9 0, #32c36c 82%);
	background-image: linear-gradient(180deg, #32c36CD9 0, #32c36c 82%)
}

.bg-overlay-theme2:before {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #253745), to(#253745E6));
	background-image: -o-linear-gradient(top, #253745 50%, #253745E6 100%);
	background-image: linear-gradient(180deg, #253745 50%, #253745E6 100%)
}

.bg-overlay-theme3:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#32c36CF2), color-stop(86%, #32c36c));
	background-image: -o-linear-gradient(top, #32c36CF2 0, #32c36c 86%);
	background-image: linear-gradient(180deg, #32c36CF2 0, #32c36c 86%)
}

.bg-overlay-theme4:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(70%, #1f313f));
	background-image: -o-linear-gradient(top, #00000000 0, #1f313f 70%);
	background-image: linear-gradient(180deg, #00000000 0, #1f313f 70%)
}

.bg-overlay-theme5:before {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #32c36c), color-stop(144%, #32c36c5c));
	background-image: -o-linear-gradient(top, #32c36c 46%, #32c36c5c 144%);
	background-image: linear-gradient(180deg, #32c36c 46%, #32c36c5c 144%)
}

.bg-overlay-video:before {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #1d2A4D03), color-stop(90%, #1d2a4d));
	background-image: -o-linear-gradient(top, #1d2A4D03 42%, #1d2a4d 90%);
	background-image: linear-gradient(180deg, #1d2A4D03 42%, #1d2a4d 90%);
	opacity: .8
}

.bg-overlay-white:before {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#ffffffd6));
	background-image: -o-linear-gradient(top, #fff 50%, #ffffffd6 100%);
	background-image: linear-gradient(180deg, #fff 50%, #ffffffd6 100%)
}

.bg-overlay-white2:before {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(34%, #fff), color-stop(44%, #ffffff00));
	background-image: -o-linear-gradient(bottom, #fff 34%, #ffffff00 44%);
	background-image: linear-gradient(0deg, #fff 34%, #ffffff00 44%)
}

.bg-overlay-white3:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00000000), color-stop(90%, #f6f7f8));
	background-image: -o-linear-gradient(top, #00000000 0, #f6f7f8 90%);
	background-image: linear-gradient(180deg, #00000000 0, #f6f7f8 90%)
}

.bg-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateZ(0);
	-ms-transform: rotate(0);
	transform: rotateZ(0)
}

.bg-video h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 5
}

.no-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.bg-animate {
	background-size: cover;
	background-position: 0 0;
	background-repeat: repeat-x;
	-webkit-animation: 30s linear infinite animatedBackground;
	animation: 30s linear infinite animatedBackground
}

@-webkit-keyframes animatedBackground {
	from {
		background-position: 0 0
	}

	to {
		background-position: 100% 0
	}
}

@keyframes animatedBackground {
	from {
		background-position: 0 0
	}

	to {
		background-position: 100% 0
	}
}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	color: #e5e4e4;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	display: block
}

.form-control,
.module-cart .module-cart-warp .cart-overview li:last-child {
	margin-bottom: 25px
}

.btn,
.btn-video {
	width: 170px;
	padding: 0 30px
}

.btn,
.btn-video.btn-video-2 i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	position: relative
}

.breadcrumb>li+li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding: 0 10px;
	content: "\f054"
}

.breadcrumb>li a:hover {
	color: var(--global--color-primary)
}

.breadcrumb>.active,
.counter.counter-6 .counter-name h6,
.header.header-light .navbar .module .module-icon i,
.processes .process-panel.process-panel-dark .process-body .process-content h5,
.testimonial.testimonial-3 .counters-holder .counter .counter-desc p,
.testimonial.testimonial-4 .counters-holder .counter .counter-desc p,
.testimonial.testimonial-5 .counters-holder .counter .counter-desc p {
	color: var(--global--color-secondary)
}

.btn--primary,
.btn--primary.btn--inversed i,
.btn--primary:active,
.btn--primary:focus,
.btn--primary:hover {
	color: var(--global--color-white)
}

.btn {
	display: inline-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
	font-size: 15px;
	font-weight: 700;
	border: 0;
	height: 65px;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
	-o-transition: background .3s ease-in-out, color .3s ease-in-out;
	transition: background .3s ease-in-out, color .3s ease-in-out;
	border-radius: 0
}

.custom-radio-group .custom-control label,
.form-control,
.form-label {
	font-size: 14px
}

.btn--transparent,
.hero .hero-panel-holder .hero-panel .panel-content .btn {
	-webkit-transition-property: background, color, border-color;
	-o-transition-property: background, color, border-color
}

.btn-new {
	height: 50px
}

.btn.no-shadow,
.module-holder.module-holder-phone .navbar-toggler:focus,
.projects.projects-gallery .project-panel:hover,
.projects.projects-grid .project-panel:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn.active,
.btn:active,
.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}

.btn i,
.features .feature-panel-holder,
.features .feature-panel-holder .feature-panel a i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.btn::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}

.btn-video,
.btn-video i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out
}

.btn:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.btn--primary {
	background-color: var(--global--color-primary)
}

.btn--primary::before {
	background-color: #23232352
}

.btn--primary.btn--inversed:active,
.btn--primary.btn--inversed:active i,
.btn--primary.btn--inversed:focus,
.btn--primary.btn--inversed:focus i,
.btn--primary.btn--inversed:hover,
.btn--primary.btn--inversed:hover i {
	color: var(--global--color-heading)
}

.btn--secondary,
.btn--secondary.btn--inversed:active,
.btn--secondary.btn--inversed:focus,
.btn--secondary.btn--inversed:hover,
.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover {
	color: var(--global--color-white)
}

.btn--secondary {
	background-color: var(--global--color-heading)
}

.btn--secondary::before {
	background-color: var(--global--color-primary)
}

.btn--secondary.btn--inversed::before,
.btn--transparent.btn--inversed::before,
.btn--white::before {
	background-color: var(--global--color-secondary)
}

.btn--bordered.btn--primary::before,
.btn--transparent::before,
.btn-video.btn-video-2:hover i {
	background-color: var(--global--color-primary)
}

.btn--white {
	background-color: var(--global--color-white);
	color: var(--global--color-secondary)
}

.btn--bordered,
.btn--transparent {
	border: 2px solid var(--global--color-primary);
	background-color: transparent
}

.btn--white:active,
.btn--white:focus,
.btn--white:hover {
	color: var(--global--color-white)
}

.btn--transparent {
	color: var(--global--color-white);
	transition-property: background, color, border-color
}

.btn-video,
.btn-video i {
	transition: .3s ease-in-out
}

.btn--transparent:active,
.btn--transparent:focus,
.btn--transparent:hover {
	color: var(--global--color-white);
	border-color: var(--global--color-primary)
}

.btn--transparent.btn--inversed:active,
.btn--transparent.btn--inversed:focus,
.btn--transparent.btn--inversed:hover {
	color: var(--global--color-white);
	border-color: var(--global--color-secondary)
}

.btn-shadow,
.btn-shadow-hover:active,
.btn-shadow-hover:focus,
.btn-shadow-hover:hover {
	-webkit-box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15);
	box-shadow: 0 9px 30px 0 rgba(40, 40, 40, .15)
}

.blog-standard .blog-entry .entry-content .entry-more a:hover,
.btn--bordered.btn--primary,
.tabs-1 .nav-pills .nav-link.active,
.tabs-1 .nav-pills .nav-link:hover,
.tabs-1 .nav-pills .show>.nav-link {
	color: var(--global--color-primary);
	border-color: var(--global--color-primary)
}

.btn--bordered.btn--primary:active,
.btn--bordered.btn--primary:focus,
.btn--bordered.btn--primary:hover {
	color: var(--global--color-white);
	border-color: var(--global--color-primary)
}

.btn--bordered.btn--secondary {
	color: var(--global--color-secondary);
	border-color: var(--global--color-secondary)
}

.advantages-list.advantages-list-2 li,
.advantages-list.advantages-list-white li,
.btn--bordered.btn--white,
.btn--bordered.btn--white i,
.btn-video {
	color: var(--global--color-white)
}

.btn--bordered.btn--secondary::before,
.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after,
.testimonial.testimonial-3 .counters-holder .counter .counter-desc p::after,
.testimonial.testimonial-4 .counters-holder .counter .counter-desc p::after,
.testimonial.testimonial-5 .counters-holder .counter .counter-desc p::after {
	background-color: var(--global--color-secondary)
}

.btn--bordered.btn--secondary:active,
.btn--bordered.btn--secondary:focus,
.btn--bordered.btn--secondary:hover {
	color: var(--global--color-white);
	border-color: var(--global--color-secondary)
}

.accordion.accordion-light,
.btn--bordered.btn--white {
	border-color: var(--global--color-white)
}

.about .about-wrapper .about-block-wrapper .about-block,
.btn--bordered.btn--white::before,
.btn-video i,
.btn-video.btn-video-2 i,
.contact-card,
.contact-card .contact-body .btn i,
.contact-panel.contact-panel-2,
.counters-bar,
.cta,
.features .feature-panel-holder:hover .feature-panel,
.form-control,
.header.header-light,
.header.header-light .navbar,
.img-card .card-content .content-top a i,
.module-fullscreen.fullscreen-light,
.services .service-panel,
.sidebar-blog .form-search {
	background-color: var(--global--color-white)
}

.accordion.accordion-light .card .card-heading .card-link:hover,
.accordion.accordion-light .card:first-of-type .card-heading .card-link:hover,
.accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover,
.blog-entry .entry-content .entry-img-wrap .entry-category a:hover,
.blog-single .blog-entry .entry-content .entry-holder .entry-tags a:hover,
.blog-single .blog-entry .entry-img .entry-meta .entry-category a:hover,
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply:hover,
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a:hover,
.btn-video i,
.btn-video.btn-video-2 i,
.contact .contact-action .btn:first-child i,
.contact .contact-quote.contact-quote-3 p a,
.contact.contact-4 .contact-action .btn:last-child i,
.header .navbar.navbar-fixed .navbar-nav>li>a,
.header.header-light .navbar .navbar-nav>li>a,
.img-card .card-content .content-bottom .contact-infos .contact-info a:hover,
.page-title.page-title-blank .breadcrumb-wrap .breadcrumb a,
.page-title.page-title-blank .breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before,
.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before,
.slider.slider-3 .slide-content .slide-action .btn-video:hover span,
.tabs-1 .nav-pills .nav-link,
.widget-filter .btn-filter:hover,
ul.list-icons li i {
	color: var(--global--color-heading)
}

.btn--bordered.btn--white:active,
.btn--bordered.btn--white:focus,
.btn--bordered.btn--white:hover {
	color: var(--global--color-primary);
	border-color: var(--global--color-white)
}

.accordion .card .card-heading .card-link:hover,
.accordion .card:first-of-type .card-heading .card-link:hover,
.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:hover,
.btn--bordered.btn--white:active i,
.btn--bordered.btn--white:focus i,
.btn--bordered.btn--white:hover i,
.tabs-2 .nav-pills .nav-link.active,
.tabs-2 .nav-pills .nav-link:hover,
.tabs-2 .nav-pills .show>.nav-link {
	color: var(--global--color-primary)
}

.btn-video span,
.btn-video.btn-video-2:hover i {
	color: var(--global--color-white)
}

.btn-video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 96px;
	border-radius: 32px 32px 0;
	background-color: #435ba1;
	cursor: pointer;
	position: relative
}

#back-to-top,
.btn-video i,
.company-data .panels-container,
.company-data .panels-container .panel-action,
.counter .counter-num,
.counters-bar,
.cta,
.cta .cta-body .cta-content,
.cta .cta-img .cta-icon i,
.custom-radio-group,
.form-control.nice-select,
.header .navbar .navbar-nav>li>a,
.preloader,
.services .service-panel .service-content,
.top-bar,
.top-bar .block-left,
.top-bar .block-right {
	display: -webkit-box;
	display: -ms-flexbox
}

.btn-video i {
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 54px;
	height: 36px;
	z-index: 5;
	font-size: 16px;
	-webkit-box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);
	box-shadow: 2.121px 2.121px 6px 0 rgba(3, 21, 50, .05);
	border-radius: 8px;
	margin-right: 15px
}

.blog-single .entry-add-comment .btn i,
.cta .cta-body .cta-content .btn,
.cta .cta-img .cta-icon i,
.form-control,
.module-language .lang-list,
.module-social a,
.product-item,
.tabs-1 .nav-pills .nav-link,
.widget-download ul li a,
.widget-reservation .widget-content a {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out
}

.btn-video span {
	font-weight: 700;
	font-size: 15px;
	line-height: 21px
}

.btn-video.btn-video-2 {
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	width: auto;
	height: auto
}

.btn-video.btn-video-2 i {
	display: inline-flex;
	width: 88px;
	height: 88px;
	padding: 0;
	border-radius: 50%;
	margin-right: 0
}

.btn-video.btn-video-2 i::after {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border: 2px solid rgba(255, 255, 255, .5);
	border-radius: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-animation: .8s ease-out infinite pulse;
	animation: .8s ease-out infinite pulse;
	z-index: -1
}

.form-control {
	font-weight: 400;
	height: 50px;
	line-height: 1px;
	border-radius: 4px;
	border: 1px solid #eaeaea;
	padding-left: 20px;
	position: relative;
	-webkit-box-shadow: none;
	box-shadow: none;
	transition: .3s ease-in-out
}

.form-control:focus {
	border-color: var(--global--color-heading);
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-control::-webkit-input-placeholder {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-size: 14px;
	text-transform: capitalize
}

.form-control::-moz-placeholder {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-size: 14px;
	text-transform: capitalize
}

.form-control:-ms-input-placeholder {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-size: 14px;
	text-transform: capitalize
}

.form-control.nice-select {
	width: 100%;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.form-control.nice-select::after {
	width: 6px;
	height: 6px;
	border-color: var(--global--color-body);
	right: 20px
}

.blog-single .nav-posts .next-post .post-img img,
.blog-single .nav-posts .prev-post .post-img img,
.checkout-widget .nice-select .list,
.clients .client:hover::before,
.form-control.nice-select.open .list,
.shop-options .products-sort .nice-select .list,
.single-product .product-tabs .tab-content .form-review .nice-select .list,
.your-order .table-order table {
	width: 100%
}

.form-control+.error {
	position: absolute;
	bottom: 3px;
	left: 16px;
	color: red
}

.form-control.error {
	border-color: red
}

.form-label {
	font-weight: 700;
	color: var(--global--color-secondary);
	margin-bottom: 9px
}

.custom-radio-group {
	display: flex;
	margin-bottom: 10px
}

.custom-radio-group .custom-control {
	position: relative;
	min-height: 0;
	margin-right: 30px;
	margin-bottom: 14px
}

.blog-grid .owl-carousel .owl-stage-outer .owl-item,
.custom-radio-group .custom-control .custom-control-input,
.owl-carousel .owl-stage-outer .owl-item {
	opacity: 0
}

.custom-radio-group .custom-control .custom-control-input:checked~label::after {
	background-color: var(--global--color-primary);
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.custom-radio-group .custom-control label {
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1.9;
	cursor: pointer;
	padding-left: 10px
}

.custom-radio-group .custom-control label::before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	border-radius: 4px;
	border: 3px solid #eaeaea;
	width: 17px;
	height: 17px
}

.custom-radio-group .custom-control label::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	left: 5px;
	top: 9px;
	background-color: transparent;
	-webkit-transition: .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: .3s cubic-bezier(.4, 0, .2, 1);
	transition: .3s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

textarea.form-control {
	height: auto
}

.form-select i {
	position: absolute;
	font-size: 19px;
	font-weight: 400;
	line-height: 49px;
	right: 20px;
	top: 0;
	z-index: 1;
	pointer-events: none;
	cursor: pointer
}

.form-select select {
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.awards .award,
.blog-grid.blog-grid-5 .blog-entry,
.input-checkbox,
.mb-30,
.processes .block-right-holder .heading,
.project-single .project-overview .project-details,
.projects.projects-gallery .project-panel,
.sidebar-blog .widget-recent-posts .entry,
.single-product .form-review .form-control,
.single-product .product-content .product-details,
.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .form-control {
	margin-bottom: 30px
}

.input-checkbox p {
	display: block;
	position: relative;
	font-size: 13px;
	padding-left: 30px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 0
}

.label-checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	line-height: 18px;
	z-index: 2
}

.label-checkbox input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.label-checkbox .check-indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 17px;
	width: 17px;
	background: 0 0;
	border: 1px solid #e1e3e3;
	border-radius: 2px
}

.label-checkbox .check-indicator:after {
	content: "";
	position: absolute;
	display: none;
	left: 4px;
	top: 1px;
	width: 6px;
	height: 12px;
	border: solid var(--global--color-primary);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.label-checkbox input:checked~.check-indicator {
	background: var(--global--color-white)
}

.footer .widget-links ul li,
.label-checkbox input:checked~.check-indicator:after {
	display: block
}

ul.list-icons {
	padding: 0;
	font-size: 14px;
	list-style-type: none
}

ul.list-icons li {
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
	position: relative
}

ul.list-icons li i {
	font-size: 14px;
	margin-right: 10px
}

.advantages-list {
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none
}

.advantages-list li,
.services .service-panel .service-content .advantages-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	line-height: 36px;
	color: var(--global--color-body);
	text-transform: capitalize
}

.advantages-list li::before,
.tabs-2 .nav-pills .nav-link.active i,
.tabs-2 .nav-pills .nav-link:hover i,
.tabs-2 .nav-pills .show>.nav-link i,
.widget-categories ul li span,
.widget-tags .widget-content a:hover {
	color: var(--global--color-white);
	background-color: var(--global--color-primary)
}

.advantages-list li::before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	width: 20px;
	height: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 15px;
	border-radius: 50%;
	font-size: 10px
}

.advantages-list.advantages-list-white li::before {
	color: var(--global--color-primary);
	background-color: var(--global--color-white)
}

.tabs .tab-content>.tab-pane {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px
}

.tabs-1 .nav-pills .nav-link,
.tabs-2 .nav-pills .nav-link {
	background-color: transparent;
	font-size: 18px;
	padding-top: 0;
	font-family: var(--global--font-heading);
	text-transform: capitalize
}

.tabs-1 .nav-pills,
.tabs-2 .nav-pills {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tabs-1 .nav-pills .nav-link {
	border-bottom: 2px solid transparent;
	font-weight: 700;
	border-radius: 0;
	transition: .3s ease-in-out
}

.tabs-2 .nav-pills .nav-link,
.tabs-2 .nav-pills .nav-link i {
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out
}

.tabs-2 .nav-pills .nav-link {
	border: 0;
	font-weight: 700;
	border-radius: 0;
	transition: .3s ease-in-out
}

.tabs-2 .nav-pills .nav-link i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	transition: .3s ease-in-out;
	font-size: 25px;
	margin-bottom: 15px
}

.accordion {
	border-top: 4px solid var(--global--color-primary)
}

.accordion .card,
.accordion .card:first-of-type,
.accordion .card:not(:first-of-type):not(:last-of-type) {
	padding: 15px 20px 15px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-bottom: 2px solid #eaeaea;
	margin-bottom: 0;
	border-radius: 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-align: left
}

.accordion .card.active-acc .card-heading .card-link::before,
.accordion .card:first-of-type.active-acc .card-heading .card-link::before,
.accordion .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link::before {
	color: var(--global--color-white)
}

.accordion .card .card-heading,
.accordion .card:first-of-type .card-heading,
.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading,
.header.header-topbar.header-topbar3 .navbar,
.top-bar.top-bar-3 {
	padding: 0
}

.accordion .card .card-heading .card-link,
.accordion .card:first-of-type .card-heading .card-link,
.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link {
	font-family: var(--global--font-heading);
	font-size: 19px;
	font-weight: 700;
	color: var(--global--color-heading);
	text-transform: capitalize;
	position: relative;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: block;
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#back-to-top,
.preloader {
	position: fixed;
	display: flex
}

.accordion .card .card-heading .card-link::before,
.accordion .card:first-of-type .card-heading .card-link::before,
.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link::before {
	content: "\f054";
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: var(--global--color-heading);
	color: var(--global--color-white);
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 11px;
	margin-right: 20px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.accordion .card .card-heading .card-link.collapsed::before,
.accordion .card:first-of-type .card-heading .card-link.collapsed::before,
.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed::before {
	background-color: var(--global--color-white);
	color: var(--global--color-heading);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.accordion .card .card-body,
.accordion .card:first-of-type .card-body,
.accordion .card:not(:first-of-type):not(:last-of-type) .card-body {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	padding: 16px 0 0 31px;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px
}

.accordion.accordion-light .card,
.accordion.accordion-light .card:first-of-type,
.accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) {
	border-color: #99dfb6;
	background-color: transparent
}

.accordion.accordion-light .card .card-heading .card-link,
.accordion.accordion-light .card:first-of-type .card-heading .card-link,
.accordion.accordion-light .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link,
.contact .contact-action .btn:first-child:hover i,
.contact.contact-4 .contact-action .btn:first-child i,
.contact.contact-4 .contact-action .btn:last-child:hover i,
.cta .cta-body .cta-content .btn:hover i,
.faqs .faqs-action .btn:first-child:hover i,
.features .feature-panel-holder:hover .feature-panel a i,
.heading.heading-light .heading-title,
.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content h5,
.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content i,
.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content p,
.img-card .card-content .content-bottom .btn:hover,
.img-card .card-content .content-bottom .btn:hover i,
.navbar.navbar-dark .module .module-icon i,
.navbar.navbar-dark.navbar-fixed .module-social a,
.page-title .breadcrumb.breadcrumb-light,
.page-title .breadcrumb.breadcrumb-light .active,
.page-title .breadcrumb.breadcrumb-light .breadcrumb-item+.breadcrumb-item::before,
.page-title .breadcrumb.breadcrumb-light a,
.page-title.page-title-3 .page-title-wrap .title .title-action .btn:hover i,
.page-title.page-title-4 .page-title-wrap .title .title-action .btn:hover i,
.projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-cat a,
.projects.projects-standard .project-panel:hover .project-panel-holder .project-content .project-title h4 a,
.slider.slider-3 .slide-content .slide-action .btn:first-child:hover i,
.team .member.member-2:hover .member-content .member-info a,
.team .member.member-2:hover .member-content .member-info h6,
.widget-services .widget-content ul li a:hover {
	color: var(--global--color-white)
}

.accordion.accordion-2,
.shop-cart .table-wrap .cart-table .table tr:first-child th {
	border-top: 0
}

.accordion.accordion-2 .card,
.accordion.accordion-2 .card:first-of-type,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) {
	padding-left: 30px;
	padding-right: 25px;
	border: 2px solid #eaeaea;
	border-radius: 4px
}

.accordion.accordion-2 .card.active-acc,
.accordion.accordion-2 .card:first-of-type.active-acc,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type).active-acc {
	border-color: var(--global--color-primary)
}

.accordion.accordion-2 .card.active-acc .card-heading .card-link,
.accordion.accordion-2 .card:first-of-type.active-acc .card-heading .card-link,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type).active-acc .card-heading .card-link {
	color: var(--global--color-primary)
}

.accordion.accordion-2 .card .card-heading .card-link,
.accordion.accordion-2 .card:first-of-type .card-heading .card-link,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link {
	font-size: 17px
}

.accordion.accordion-2 .card .card-heading .card-link::before,
.accordion.accordion-2 .card:first-of-type .card-heading .card-link::before,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link::before {
	position: absolute;
	right: 0;
	margin-right: 0;
	content: '\f077';
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-color: var(--global--color-primary)
}

.accordion.accordion-2 .card .card-heading .card-link.collapsed::before,
.accordion.accordion-2 .card:first-of-type .card-heading .card-link.collapsed::before,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed::before {
	background-color: var(--global--color-heading);
	color: var(--global--color-white);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.accordion.accordion-2 .card .card-body,
.accordion.accordion-2 .card:first-of-type .card-body,
.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) .card-body {
	padding-top: 12px;
	padding-left: 0
}

.accordion.accordion-2 .card:last-of-type {
	margin-bottom: 30px;
	margin-top: 25px;
	box-shadow: 0 2px 19px -4px rgb(171 166 166 / 75%)
}

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	border-radius: 0
}

.pagination li {
	margin-right: 10px;
	display: inline-block
}

.pagination li a,
.pagination li span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--global--color-white);
	color: var(--global--color-heading);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	border: 2px solid #929ba2;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.pagination li a.current,
.pagination li a:hover,
.pagination li span.current,
.pagination li span:hover {
	background-color: var(--global--color-heading);
	color: var(--global--color-white);
	border-color: var(--global--color-heading)
}

.careers .career-item .career-item-wrap .career-content .career-more i,
.pagination li a i,
.pagination li span i,
.projects #load-more i {
	font-size: 12px
}

.alerts {
	background-color: var(--global--color-gray);
	border-radius: 2px;
	padding: 20px;
	margin-bottom: 30px
}

.module-fullscreen,
.module-search-warp,
.preloader {
	background-color: var(--global--color-white);
	left: 0
}

.alerts .alert-icon {
	width: 46px;
	height: 46px;
	line-height: 46px;
	background-color: var(--global--color-primary);
	border-radius: 2px 1px 1px 2px;
	text-align: center;
	position: absolute
}

.alerts .alert-icon i {
	color: var(--global--color-white);
	font-size: 15px;
	font-weight: 400;
	line-height: 28px
}

.alerts .alert-content {
	padding-left: 68px
}

.alerts .alert-content h4 {
	color: var(--global--color-primary);
	font-size: 15px;
	font-weight: 800;
	line-height: 32px;
	text-transform: capitalize;
	margin-bottom: 0;
	margin-top: -6px
}

.alerts .alert-content p {
	color: var(--global--color-body);
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 0
}

.alerts.alert-warning .alert-icon i,
.alerts.alert-warning h4 {
	color: #8a6d3b
}

.alerts.alert-warning .alert-icon {
	background-color: #fcf8e3
}

.alerts.alert-danger .alert-icon i,
.alerts.alert-danger h4 {
	color: #a94442
}

.alerts.alert-danger .alert-icon {
	background-color: #f2dede
}

#contact-result .alert,
.subscribe-alert .alert {
	margin: 10px auto;
	font-size: 12px
}

#back-to-top {
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 90px;
	height: 80px;
	border-radius: 4px 0 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background-color: var(--global--color-primary)
}

#back-to-top::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	background-color: var(--global--color-heading);
	-webkit-transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}

#back-to-top:hover::before {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}

#back-to-top.show {
	z-index: 999;
	opacity: 1
}

#back-to-top i {
	color: var(--global--color-white);
	font-weight: 700;
	font-size: 15px
}

@media screen and (max-width:991.98px) {
	.advantages-list li {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-right: 20px
	}

	#back-to-top {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		bottom: 30px;
		right: 20px
	}
}

.preloader {
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 99999;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.preloader .dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px
}

.preloader .dual-ring::after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #32c36c;
	border-color: #32c36c transparent;
	-webkit-animation: 1.2s linear infinite dualring;
	animation: 1.2s linear infinite dualring
}

@-webkit-keyframes dualring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes dualring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.header {
	height: 80px;
	-webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);
	box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11)
}

.header .navbar-brand {
	padding: 0 0 0 20px;
	margin: 0
}

@media (min-width:1200px) and (max-width:1350px) {
	.header .navbar-brand {
		margin-right: 20px
	}
}

.header .navbar-brand .logo {
	max-width: 94%;
	width: auto;
	height: auto
}

.header .navbar.navbar-fixed .navbar-brand .logo-light,
.header.header-light .navbar .logo-light,
.module span.title,
.module-holder.module-holder-phone,
.module-holder.module-holder-phone .module-language .selected i,
.module-holder.module-holder-phone .module-language .selected span,
.owl-nav.disabled,
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next span,
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev span,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next span,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev span,
.services .service-panel.services-panel-2 .service-content .advantages-list,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {
	display: none
}

.awards .award .award-content .award-title a:hover,
.blog-entry .entry-content .entry-title h4 a:hover,
.blog-single .blog-entry .entry-img .entry-meta .entry-author a:hover,
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:hover,
.blog-single .nav-posts .next-post .post-body .post-link:hover,
.blog-single .nav-posts .prev-post .post-body .post-link:hover,
.carousel-navs .owl-next:hover::before,
.carousel-navs .owl-prev:hover::before,
.company-data .data .data-body a:hover,
.footer .widget-contact .widget-content .directions a:hover,
.footer .widget-contact .widget-content .directions a:hover i,
.footer .widget-contact .widget-content .phone a:hover,
.footer .widget-links ul li a:hover,
.footer-copyright .copyright .social-icons li a:hover,
.footer-copyright .copyright .social-icons li a:hover i,
.footer-copyright .copyright span a,
.header .navbar .navbar-nav>li#contact.active a,
.header .navbar .navbar-nav>li#contact:hover a,
.header .navbar .navbar-nav>li.active>.dropdown-toggle,
.header .navbar .navbar-nav>li.active>.dropdown-toggle::after,
.header .navbar .navbar-nav>li.has-dropdown.active>.dropdown-toggle,
.header .navbar .navbar-nav>li.has-dropdown.active>.dropdown-toggle::after,
.header .navbar .navbar-nav>li:hover .dropdown-toggle,
.header .navbar .navbar-nav>li:hover .dropdown-toggle::after,
.header.header-light .navbar .module .module-icon i:hover,
.heading.heading-light2 .heading-subtitle,
.img-card .card-content .content-bottom .btn i,
.login .login-body .forget:hover,
.module-call a:hover,
.module-language .lang-list ul li a:hover,
.module-search .module-icon i:hover,
.navbar.navbar-dark.navbar-fixed .module-social a:hover,
.page-title .breadcrumb a:hover,
.page-title.page-title-blank .breadcrumb-wrap .breadcrumb a:hover,
.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb a:hover,
.payment .payment-conditions label a,
.project-panel .project-panel-holder .project-content .project-cat a:hover,
.projects-filter li a.active-filter,
.projects-filter li a:hover,
.services .more-services.more-services-2 a,
.services .service-panel .service-content h4 a:hover,
.shop-account .shop-account-content p a,
.shop-account .shop-account-nav ul li a:hover,
.shop-account .shop-account-nav ul li.active a,
.shop-account .shop-account-nav ul li.active a i,
.shop-checkout .cart-coupon a,
.shop-checkout .cart-empty a,
.single-product .product-content .product-review .product-rating i.active,
.single-product .product-content .product-review span a:hover,
.single-product .product-tabs .nav-tabs li a:focus,
.single-product .product-tabs .nav-tabs li a:hover,
.single-product .product-tabs .nav-tabs li>.active,
.single-product .product-tabs .nav-tabs li>.active:focus,
.single-product .product-tabs .nav-tabs li>.active:hover,
.single-product .product-tabs .tab-content .review-comment .review-body .product-rating i.active,
.team .member .member-content .member-info a:hover,
.top-bar .top-contact .contact-infos a:hover,
.top-bar .topbar-links a:hover,
.widget-recent-posts .post .post-content .post-title a:hover,
.widget-recent-products .product .product-desc .product-title a:hover,
.widget-search .form-search .btn:hover i {
	color: var(--global--color-primary)
}

.header.header-topbar {
	height: 85px
}

.header.header-topbar.header-shadow .navbar {
	-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);
	box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);
	-webkit-box-shadow: 0 4px 13px 0 #636363;
	-moz-box-shadow: 0 4px 13px 0 #636363;
	box-shadow: 0 4px 13px 0 #636363
}

.header.header-topbar.header-topbar2 .navbar {
	padding-right: 40px
}

.header.header-topbar.header-topbar2 .module-holder .module-search,
.header.header-topbar.header-topbar3 .module-holder .module-search {
	padding-right: 30px
}

.header.header-topbar.header-topbar2 .module-holder-phone .module-cart,
.header.header-topbar.header-topbar3 .module-holder-phone .module-cart {
	margin-left: 0;
	margin-right: 30px
}

.counter,
.features .feature-panel-holder .feature-panel,
.features .feature-panel-holder .feature-panel .feature-content,
.features-bar .features-holder .feature-panel .feature-content,
.hero .hero-panel-holder.hero-panel-holder-2,
.processes .feature-panel-holder .feature-panel,
.slider .slide .slide-content,
.slider .slide .slider-panel-holder,
.slider .slide .slider-panel-holder .slider-panel {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.header .navbar {
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	z-index: 7777;
	padding: 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.header .navbar .navbar-nav>li {
	margin: 0 17px;
	position: relative
}

.blog-single .blog-entry .entry-content .entry-holder .entry-share a:last-child,
.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a:last-child,
.carousel-dots .owl-dots .owl-dot:last-child,
.footer-copyright .copyright .social-icons li:last-child,
.header .navbar .navbar-nav>li:last-child,
.hero .hero-content .hero-action .btn:last-child,
.module-holder.module-holder-phone .module-language .selected img,
.module-social.module-social-2:last-child,
.module-social:last-child,
.page-title .title .title-action .btn:last-child,
.page-title .title .title-list .icon:last-child,
.project-single .project-share .social-share a:last-child,
.projects-filter li:last-child a,
.services .more-services .rating i:last-child,
.shop-cart .table-wrap .cart-product-action .btn:last-child,
.single-product .product-content .product-review .product-rating i:last-child,
.single-product .product-content .product-share a:last-child,
.single-product .product-tabs .nav-tabs li:last-child,
.slider .slide .slide-content .slide-action .btn:last-child,
.slider .slide .slide-content .slide-list .icon:last-child,
.team .member .member-content .member-social a:last-child,
.testimonial .testimonial-thumbs .testimonial-thumb:last-child,
.top-bar .social-links a:last-child,
.top-bar .top-contact .contact-infos:last-child,
.top-bar .topbar-links a:last-child,
.top-bar.top-bar-2 .social-links,
.top-bar.top-bar-3 .social-links {
	margin-right: 0
}

.header .navbar .navbar-nav>li>a {
	font-size: 17px;
	text-transform: capitalize;
	font-weight: 700;
	line-height: 100px;
	color: var(--global--color-white);
	padding: 0;
	position: relative;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header .navbar .navbar-nav>li>a::before,
.mobile .navbar-nav>li>a::before {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 3px;
	background: var(--global--color-white);
	content: "";
	-webkit-transition: -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);
	transition: transform 1s cubic-bezier(.2, 1, .3, 1);
	-o-transition: transform 1s cubic-bezier(.2, 1, .3, 1);
	transition: transform 1s cubic-bezier(.2, 1, .3, 1), -webkit-transform 1s cubic-bezier(.2, 1, .3, 1);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1)
}

.header .navbar .navbar-nav>li.has-dropdown>a {
	position: relative;
	pointer-events: none !important
}

.header .navbar .navbar-nav>li.active>.dropdown-toggle::before,
.header .navbar .navbar-nav>li.has-dropdown.active>.dropdown-toggle::before,
.header .navbar .navbar-nav>li:hover .dropdown-toggle::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	background-color: var(--global--color-primary)
}

.header .navbar.navbar-fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background: var(--global--color-white);
	-webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, .1);
	box-shadow: 0 2px 4px rgba(3, 27, 78, .1)
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-200px);
		transform: translateY(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-200px);
		transform: translateY(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.blog-single .blog-entry,
.contact-panel.contact-panel-2 .contact-card .contact-result,
.navbar-nav>li.active>ul {
	margin-top: 0
}

li.has-dropdown>ul.dropdown-menu>li.dropdown-submenu>a:before,
ul.dropdown-menu>li.has-dropdown>a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content: "\f105";
	font-size: 13px;
	position: absolute;
	right: 25px
}

.dropdown-menu li:first-child a,
.mobile .dropdown-menu li a b {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	color: #32c36c;
	letter-spacing: .5px
}

a.drop-arrow::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content: ">";
	font-size: 13px;
	position: absolute;
	right: 25px
}

.dropdown-menu {
	position: relative;
	width: 100%;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

@media only screen and (max-width:991.98px) {
	.header .navbar {
		padding: 0 40px
	}

	.header .navbar .navbar-brand {
		margin-right: 0;
		height: 80px;
		line-height: 80px
	}

	.header .navbar .menu-item::before,
	.header .navbar .navbar-brand .logo-light,
	.header .navbar .navbar-nav>li.active>a::after,
	.header .navbar .navbar-nav>li.active>a::before,
	.header .navbar .navbar-nav>li>a::after,
	.header .navbar .navbar-nav>li>a::before {
		display: none
	}

	.header .navbar .navbar-brand .logo-phone {
		width: auto
	}

	.header .navbar .navbar-collapse {
		border-top: 1px solid #eaeaea;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background-color: var(--global--color-white);
		padding: 15px 30px;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: .3s linear;
		-o-transition: .3s linear;
		transition: .3s linear
	}

	.header .navbar .navbar-collapse.show {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	.header .navbar.navbar-bordered .navbar-collapse {
		top: calc(100% + 1px)
	}

	.header .navbar .navbar-nav>li {
		margin-right: 0
	}

	.header .navbar .navbar-nav>li.active>a,
	.header .navbar .navbar-nav>li>a {
		line-height: 36px;
		color: var(--global--color-heading);
		display: block;
		z-index: 5
	}

	.header .navbar .has-dropdown::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 700;
		content: "\f107";
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 14px;
		position: absolute;
		border-radius: 5px;
		right: 0;
		top: 5px;
		color: var(--global--color-heading);
		background-color: #e0f6e9;
		width: 25px;
		height: 25px;
		-webkit-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out
	}

	.header .navbar .has-dropdown.active::after,
	.header .navbar .has-dropdown:hover::after {
		color: var(--global--color-primary)
	}

	.header .navbar .has-dropdown.show::after {
		content: '\f106'
	}

	.header .navbar .dropdown-menu {
		padding: 0;
		-webkit-transition: max-height .3s ease-in-out;
		-o-transition: max-height .3s ease-in-out;
		transition: max-height .3s ease-in-out;
		max-height: 0;
		display: block;
		overflow: hidden
	}

	.header .navbar .dropdown-menu li {
		line-height: 26px
	}

	.header .navbar .dropdown-menu li a:hover,
	.header .navbar .dropdown-menu li.current a {
		background-color: #e0f6e9;
		color: var(--global--color-primary)
	}

	.header .navbar .dropdown-menu li a {
		margin-left: 15px;
		color: var(--global--color-heading);
		font-size: 15px;
		font-weight: 500;
		display: block;
		padding: 4px 15px;
		margin-bottom: 5px;
		text-transform: capitalize;
		border-radius: 8px 8px 0
	}

	.header .navbar .dropdown-submenu.show .dropdown-menu,
	.header .navbar .show>.dropdown-menu {
		max-height: 2000px
	}

	.header .navbar .dropdown-submenu .dropdown-menu {
		padding-left: 20px
	}

	.header .navbar li.has-dropdown.mega-dropdown>.dropdown-menu .row .menu-head {
		font-size: 14px;
		font-family: var(--global--font-heading);
		font-weight: 700;
		color: var(--global--font-heading);
		text-transform: capitalize;
		margin-bottom: 15px
	}
}

@media only screen and (max-width:991.98px) and (max-width:767.98px) {
	.header .navbar {
		padding: 0 15px
	}
}

.module-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 85px;
	-webkit-box-pack: end
}

.module-holder.module-holder-phone .navbar-toggler {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 30px;
	height: 30px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border: 0;
	padding: 0;
	outline: 0;
	cursor: pointer;
	border-radius: 0
}

.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
	background-color: transparent
}

.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.module-holder.module-holder-phone .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon {
	background-color: var(--global--color-heading);
	width: 100%;
	height: 2px;
	position: relative;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::after,
.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::before {
	content: '';
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::before {
	top: -10px
}

.module-holder.module-holder-phone .navbar-toggler .navbar-toggler-icon::after {
	top: 10px
}

.module-holder.module-holder-phone .module-language {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 20px;
	margin-right: 20px
}

.module-holder.module-holder-phone .module-language .selected .lang-list {
	left: -45px
}

.module-holder.module-holder-phone .module-search {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-bottom: 0;
	padding: 0 20px 0 0
}

.module-holder.module-holder-phone .module-cart {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 30px
}

.module {
	display: inline-block;
	position: relative
}

.module .module-label {
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 50%;
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	position: absolute;
	top: -6px;
	left: 10px
}

.module .module-box {
	position: absolute;
	display: block;
	-webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, .1);
	box-shadow: 0 2px 3px rgba(40, 40, 40, .1);
	background-color: #1b1a1a;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .1s linear;
	-o-transition: .1s linear;
	transition: .1s linear;
	right: 0;
	width: 290px;
	border-radius: 6px;
	padding: 30px;
	z-index: 99;
	-webkit-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%);
	height: 0;
	margin-top: 1px
}

.module-fullscreen,
.module-search-warp {
	top: 0;
	right: 0;
	z-index: 9999;
	display: block;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	position: fixed
}

.module-fullscreen .module-cancel,
.module-search-warp .module-cancel {
	top: 0;
	right: 0;
	border-radius: 0;
	position: absolute;
	width: 100px;
	height: 100px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--global--color-white);
	background-color: var(--global--color-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.module-cart,
.module-search {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center
}

.module-fullscreen.module-active,
.module-search-warp.search-warp-active {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out
}

.module-active .module-box {
	opacity: 1;
	visibility: visible;
	display: block;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	height: inherit
}

.module-search {
	position: relative;
	padding-right: 20px;
	height: 80px;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.module-search .module-icon i {
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer
}

.module-search-warp .form-search button::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "\e90b";
	color: var(--global--color-heading);
	font-family: energia;
	font-size: 24px;
	font-weight: 400;
	line-height: 70px;
	z-index: 999;
	cursor: pointer
}

.module-search-warp .form-control {
	position: relative;
	color: var(--global--color-white);
	font-family: var(--global--font-heading);
	font-size: 24px;
	font-weight: 400;
	line-height: 70px;
	height: 70px;
	color: var(--global--color-body);
	border: none;
	background-color: transparent;
	width: 100%;
	border-bottom: 2px solid #eaeaea;
	padding: 17px 30px 17px 46px;
	margin-bottom: 0;
	-webkit-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
	text-transform: capitalize;
	border-radius: 0
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover,
.module-search-warp .form-control:active,
.module-search-warp .form-control:focus,
.testimonial .testimonial-thumbs .testimonial-thumb.active .thumb-img,
.widget-tags .widget-content a:hover {
	border-color: var(--global--color-primary)
}

.module-search-warp .form-control::-webkit-input-placeholder {
	color: var(--global--color-body);
	font-family: var(--global--font-heading);
	font-size: 35px
}

.module-search-warp .form-control::-moz-placeholder {
	color: var(--global--color-body);
	font-family: var(--global--font-heading);
	font-size: 35px
}

.module-search-warp .form-control:-ms-input-placeholder {
	color: var(--global--color-body);
	font-family: var(--global--font-heading);
	font-size: 35px
}

.module-search-warp .btn {
	background-color: transparent;
	border-radius: 0;
	width: 35px;
	line-height: 57px;
	color: var(--global--color-white);
	font-size: 28px;
	font-weight: 400;
	text-align: right;
	margin-left: 0;
	padding: 0
}

.module-cart .module-cart-warp,
.module-language .lang-list {
	visibility: hidden;
	opacity: 0;
	border-radius: 0 0 8px 8px;
	position: absolute
}

.module-cart {
	margin-left: 40px;
	height: 80px;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.module-cart .module-icon i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 16px;
	position: relative;
	cursor: pointer
}

.module-cart .module-cart-warp {
	-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .15);
	box-shadow: 0 5px 41.5px rgba(9, 29, 62, .15);
	top: 100%;
	left: -150px;
	width: 290px;
	background-color: var(--global--color-white);
	padding: 40px;
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.module-cart .module-cart-warp .cart-overview {
	margin-bottom: 0;
	width: 100%
}

.module-cart .module-cart-warp .cart-overview li {
	margin-bottom: 30px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.module-cart .module-cart-warp .cart-overview li .cart-cancel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--global--color-white);
	font-size: 7px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: var(--global--color-heading);
	margin-left: 15px
}

.awards .award:hover .award-img,
.carousel-dots .owl-dots .owl-dot.active span,
.contact .contact-quote.contact-quote-3 p a::before,
.module-cart .module-cart-warp .cart-overview li .cart-cancel:hover,
.module-contact .btn,
.module-social a,
.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn:hover,
.pricing .price-table .pricing-panel.active .pricing-price .btn,
.product-item .product-img-wrap .product-img .badge.badge-new,
.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next:hover,
.project-single .project-intro .project-img .project-panel:hover .project-content .project-more .btn,
.projects.projects-grid .carousel .owl-nav .owl-next:hover,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:hover,
.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-remove:hover,
.single-product .product-content .product-share a.facebook-bg:hover,
.single-product .product-content .product-share a.instagram-bg:hover,
.single-product .product-content .product-share a.pinterest-bg:hover,
.single-product .product-content .product-share a.twitter-bg:hover,
.single-product .product-tabs .nav-tabs li>.active::after,
.single-product .product-tabs .nav-tabs li>.active:focus::after,
.single-product .product-tabs .nav-tabs li>.active:hover::after,
.team .member:hover .member-content .member-social a {
	background-color: var(--global--color-primary)
}

.module-cart .module-cart-warp .cart-overview li img {
	border-radius: 4px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	-webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .21);
	box-shadow: 0 5px 41.5px rgba(40, 40, 40, .21)
}

.module-cart .module-cart-warp .cart-overview li .product-meta {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.module-cart .module-cart-warp .cart-overview li .product-meta h5 {
	color: var(--global--color-body);
	font-family: var(--global--font-heading);
	font-size: 15px;
	text-transform: capitalize;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 8px
}

.module-cart .module-cart-warp .cart-overview li .product-meta p {
	font-family: var(--global--font-body);
	color: var(--global--color-primary);
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 0
}

.module-cart .module-cart-warp span {
	font-family: var(--global--font-heading);
	color: var(--global--color-heading);
	font-size: 17px;
	font-weight: 500;
	line-height: 22px;
	display: inline-block;
	text-transform: capitalize;
	margin-bottom: 24px
}

.module-contact .btn,
.module-language .selected span {
	font-family: var(--global--font-body);
	text-transform: capitalize
}

.module-cart .module-cart-warp .cart--control .btn {
	height: 65px;
	width: 100%;
	border-radius: 8px;
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.cta .cta-body .cta-content .btn::before,
.cta .cta-img .cta-icon:hover i,
.module-cart .module-cart-warp .cart--control .btn::before,
.pricing .price-table .pricing-panel.active .pricing-price .btn:hover,
.product-item .product-img-wrap .product-img .add-to-cart:hover,
.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev:hover,
.projects.projects-grid .carousel .owl-nav .owl-prev:hover,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:hover,
.services .actions-holder .btn:last-child::before,
.services .more-services.more-services-2 a::before,
.widget-categories ul li:hover span,
.widget-download ul li.inversed a {
	background-color: var(--global--color-heading)
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info,
.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info,
.module-cart.module-active .module-cart-warp,
.selected:hover .lang-list {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.module-call {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	position: relative
}

.module-call i {
	font-size: 50px;
	color: var(--global--color-primary);
	margin-right: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media screen and (min-width:992px) and (max-width:1060px) {
	.module-call i {
		display: none
	}
}

.module-call p {
	font-size: 13px;
	color: #929ba2;
	line-height: 21px;
	margin-bottom: 0;
	text-transform: capitalize
}

.module-call a {
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	color: var(--global--color-secondary);
	-webkit-transform: .3s ease-in-out;
	-ms-transform: .3s ease-in-out;
	transform: .3s ease-in-out
}

.about .signature-block,
.company-data .data,
.contact .contact-quote,
.counters .actions-holder,
.features .actions-holder,
.features-bar .actions-holder,
.hero .hero-rating,
.module-contact,
.module-language .lang-list ul li,
.module-language .selected,
.shop-cart .table-wrap .cart-product-action div,
.testimonial .testimonial-thumbs,
.top-bar .headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.module-language,
.module-social a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.module-contact .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--global--color-white);
	padding: 0 35px;
	width: auto;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);
	-o-transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);
	transition: background .3s cubic-bezier(.37, .31, .31, .9), color .3s cubic-bezier(.37, .31, .31, .9);
	overflow: hidden;
	height: 85px
}

.module-contact .btn i {
	color: var(--global--color-white);
	margin-left: 10px;
	margin-right: 0;
	-webkit-transition: .3s cubic-bezier(.37, .31, .31, .9);
	-o-transition: .3s cubic-bezier(.37, .31, .31, .9);
	transition: .3s cubic-bezier(.37, .31, .31, .9)
}

.counter.counter-4 .counter-num p,
.module-language .lang-list ul li img,
.module-language .selected img,
.module-social a {
	margin-right: 10px
}

.module-contact.module-contact-2 .btn {
	width: 174px;
	height: 55px;
	padding: 0 20px;
	border-radius: 4px
}

.module-language {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.module-language .selected span {
	font-size: 13px;
	font-weight: 400;
	color: #929ba2;
	margin-right: 5px;
	cursor: pointer
}

.module-language .selected i {
	font-size: 10px;
	color: #929ba2
}

.module-language .lang-list {
	background-color: var(--global--color-white);
	color: var(--global--color-heading);
	top: 70%;
	padding: 6px 22px;
	-webkit-box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);
	box-shadow: 0 5px 41.5px rgba(9, 29, 62, .11);
	z-index: 5555;
	left: -15px;
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	transition: .3s ease-in-out
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child .comment,
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .comment,
.module-language .lang-list ul li:last-of-type a,
.shop-account .shop-account-nav ul li:last-child a {
	border-bottom: none
}

.module-language .lang-list ul li:last-of-type a::after,
.project-panel .project-panel-holder .project-content .project-cat a:last-of-type::after {
	content: none
}

.module-language .lang-list ul li a {
	font-size: 14px;
	display: block;
	color: var(--global--color-body);
	text-transform: capitalize;
	border-bottom: 1px solid #eaeaea;
	padding: 8px 0;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: relative
}

.module-language .lang-list ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background-color: transparent
}

.module-language .lang-list ul li a:hover::after {
	width: 100%;
	background-color: var(--global--color-primary)
}

.module-social {
	line-height: 100px;
	height: 100px;
	margin-right: 20px;
	margin-bottom: 0
}

.module-social a {
	color: var(--global--color-white);
	font-size: 17px;
	font-weight: 400;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	transition: .3s ease-in-out;
	color: var(--global--color-heading);
	line-height: 36px
}

.counter.counter-3 .counter-holder .counter-img:hover i,
.module-social a:hover,
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon:hover i,
.top-bar .social-links a:hover i {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.module-social.module-social-2 {
	line-height: 70px;
	height: 70px;
	border-right: 2px solid #292929;
	margin-right: 0
}

.module-social.module-social-2 a {
	color: var(--global--color-white);
	background-color: transparent;
	margin-right: 20px;
	width: auto;
	height: auto;
	border-radius: 0
}

.module-social.module-social-2 a:hover {
	color: var(--global--color-primary);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.module-cart.active .module-cart-warp {
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.module.module-active .module-cart-warp,
.module.module-active .search-box,
.vision-mission-section li {
	display: block !important
}

.module-cart.module-active .module-cart-warp .cart-control {
	margin-right: auto;
	margin-left: auto;
	text-align: center
}

.module-cart.module-active .module-cart-warp .cart-control .pull-right {
	float: none !important
}

.module-consultation {
	padding: 10px 0
}

.module-consultation .btn {
	border-color: var(--global--color-heading);
	color: var(--global--color-heading);
	margin: 0
}

.module-sidearea .module-sidearea-wrap {
	width: 320px;
	padding: 40px
}

.top-bar {
	padding: 0 40px;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 50px;
	position: relative;
	z-index: 8888;
	background-color: var(--global--color-secondary)
}

.top-bar .block-left {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.top-bar .block-right {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.top-bar .block-right .module-language {
	margin-left: 30px
}

.top-bar .top-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.top-bar .social-links,
.top-bar .top-contact .contact-infos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 30px
}

.top-bar .top-contact .contact-infos i {
	color: #32c36c;
	font-size: 15px;
	margin-right: 10px
}

.top-bar .top-contact .contact-infos a,
.top-bar .top-contact .contact-infos p {
	font-family: var(--global--font-body);
	line-height: 22px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 0;
	color: #929ba2;
	text-transform: capitalize
}

.top-bar .social-links a {
	margin-right: 10px;
	color: #32c36c;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 20px;
	line-height: 1
}

.services .service-panel .service-icon i,
.top-bar .social-links a i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.top-bar .topbar-links a {
	font-size: 13px;
	color: var(--global--color-white);
	text-transform: capitalize;
	margin-right: 15px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.top-bar .headline,
.top-bar .headline a {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	color: var(--global--color-primary);
	margin-bottom: 0;
	text-transform: capitalize
}

.top-bar .headline a {
	margin-left: 4px;
	color: #929ba2
}

.top-bar .headline i {
	font-size: 16px;
	margin-right: 10px
}

.page-title .breadcrumb,
.page-title .breadcrumb a {
	font-size: 14px;
	font-weight: 400;
	background: 0 0;
	font-family: var(--global--font-body)
}

.counters .actions-holder .btn,
.features .actions-holder .btn,
.services .actions-holder .btn,
.single-product .product-tabs .nav-tabs li,
.top-bar.top-bar-2 .top-contact,
.top-bar.top-bar-3 .topbar-links {
	margin-right: 30px
}

.top-bar.top-bar-3 .blocks-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about.about-2,
.features-bar,
.features.features-3,
.page-title,
.processes,
.project-single,
.project-single .project-image-carousel,
.projects.projects-grid.projects-grid-2,
.single-product,
.slider {
	padding-top: 0;
	padding-bottom: 0
}

.page-title .page-title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 560px
}

.page-title .title .title-sub-heading {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	color: var(--global--color-gray);
	margin-bottom: 0
}

.page-title .title .title-heading {
	margin-bottom: 24px;
	font-family: var(--global--font-heading);
	color: var(--global--color-white);
	font-size: 75px;
	font-weight: 700;
	line-height: 75px;
	text-transform: capitalize
}

.page-title .title .title-desc {
	color: var(--global--color-gray);
	font-size: 18px;
	line-height: 29px;
	margin-bottom: 30px;
	font-weight: 700
}

.page-title .title .title-action,
.slider .slide .slide-content .slide-action {
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.page-title .title .title-action .btn {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 4px;
	padding: 0 30px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 200px;
	height: 65px;
	margin-right: 30px
}

.page-title .title .title-action .btn i,
.slider .slide .slide-content .slide-action .btn i {
	font-size: 12px;
	margin-right: 0
}

.page-title .title .title-action .btn-video i {
	width: 65px;
	height: 65px
}

.page-title .title .title-list {
	margin-bottom: 14px
}

.page-title .title .title-list .icon,
.slider .slide .slide-content .slide-list .icon {
	margin-right: 35px;
	display: inline-block
}

.page-title .title .title-list .icon:hover i,
.slider .slide .slide-content .slide-list .icon:hover i {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px)
}

.page-title .title .title-list .icon i,
.slider .slide .slide-content .slide-list .icon i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.page-title .title .title-list .icon i::before,
.slider .slide .slide-content .slide-list .icon i::before {
	margin-left: 0;
	font-size: 67px;
	color: var(--global--color-white)
}

.page-title .breadcrumb-wrap {
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #eaeaea
}

.page-title .breadcrumb {
	line-height: 1;
	color: var(--global--color-gray);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page-title .breadcrumb a {
	line-height: 1px;
	color: var(--global--color-heading)
}

.page-title .breadcrumb .breadcrumb-item+.breadcrumb-item {
	padding-left: 0
}

.page-title .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 11px;
	padding: 0 10px;
	color: var(--global--color-heading);
	content: "\f054"
}

.page-title.page-title-blank .breadcrumb-wrap,
.page-title.page-title-blank-2 .breadcrumb-wrap {
	min-height: 100px;
	border-bottom: 0
}

.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb a {
	color: var(--global--color-heading);
	margin-bottom: 5px
}

.page-title.page-title-1 .page-title-wrap,
.page-title.page-title-5 .page-title-wrap {
	background-position-y: bottom
}

.page-title.page-title-1 .page-title-wrap .title .title-action .btn,
.slider .slide .slide-content .slide-list,
.slider.slider-3 .slide-content .slide-action .btn:first-child {
	margin-right: 40px
}

.page-title.page-title-3 .page-title-wrap .title .title-action .btn {
	width: 234px;
	margin-right: 0
}

.page-title.page-title-3 .page-title-wrap .title .title-action .btn i,
.page-title.page-title-4 .page-title-wrap .title .title-action .btn i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: var(--global--color-heading)
}

.page-title.page-title-4 .page-title-wrap .title .title-action .btn {
	width: 170px;
	margin-right: 0
}

.features .actions-holder .btn:first-child,
.page-title.page-title-10 .page-title-wrap .title .title-action .btn:first-child,
.page-title.page-title-11 .page-title-wrap .title .title-action .btn:first-child,
.page-title.page-title-5 .page-title-wrap .title .title-action .btn:first-child,
.page-title.page-title-6 .page-title-wrap .title .title-action .btn {
	width: 170px
}

.page-title.page-title-10 .page-title-wrap .title .title-action .btn:last-child,
.page-title.page-title-11 .page-title-wrap .title .title-action .btn:last-child,
.page-title.page-title-5 .page-title-wrap .title .title-action .btn:last-child {
	width: 178px;
	padding: 0 27px
}

.page-title.page-title-7 .page-title-wrap .title .title-action .btn,
.page-title.page-title-8 .page-title-wrap .title .title-action .btn {
	padding: 0 27px;
	width: 170px
}

.page-title.page-title-9 .page-title-wrap {
	height: 350px
}

@media screen and (min-width:992px) {

	.header,
	.module-search {
		height: 85px
	}

	.header .navbar-brand {
		height: 85px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header.header-light .navbar .logo-mobile,
	.module-holder.module-holder-phone .module-language {
		display: none
	}

	.header.header-topbar .navbar {
		min-height: 85px;
		position: fixed;
		width: 100%;
		top: auto;
		bottom: auto;
		right: auto;
		left: auto
	}

	.header.header-topbar .navbar .navbar-nav>li>a {
		line-height: 85px
	}

	.header.header-topbar.header-topbar2 .navbar-brand {
		padding-right: 40px;
		margin-right: 40px
	}

	.header.header-topbar.header-topbar2 .module-holder .module-call::after,
	.header.header-topbar.header-topbar2 .navbar-brand::after {
		content: '';
		width: 2px;
		height: 41px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		background-color: #eaeaea
	}

	.header.header-topbar.header-topbar2 .module-holder .module-call {
		padding-right: 20px;
		margin-right: 20px
	}

	.header.header-topbar.header-topbar2 .module-holder .module-contact {
		margin-left: 0;
		margin-right: 30px;
		font-size: 0;
		width: auto
	}

	.header.header-topbar.header-topbar2 .module-holder .module-contact .btn i {
		font-size: 15px;
		margin-left: 0
	}

	.header.header-topbar.header-topbar2 .module-holder .module-cart,
	.header.header-topbar.header-topbar3 .module-holder .module-cart {
		margin-left: 0
	}

	.header.header-topbar.header-topbar2 .module-holder .module-cart .module-cart-warp,
	.header.header-topbar.header-topbar3 .module-holder .module-cart .module-cart-warp {
		left: -300px
	}

	.header.header-topbar.header-topbar3 .module-holder {
		margin-left: 30px
	}

	.header.header-topbar.header-topbar3 .module-holder .module-contact {
		margin-left: 0;
		margin-right: 30px
	}

	.header.header-topbar.header-topbar3 .module-holder .module-contact.module-contact-2 .btn {
		width: 174px
	}

	.header .navbar .navbar-nav>li#contact.active a::before,
	.header .navbar .navbar-nav>li#contact:hover a::before {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
		transform-origin: 0 50%;
		background-color: var(--global--color-primary)
	}

	.header .navbar.navbar-fixed .navbar-brand .logo-dark {
		display: inline-block
	}

	.navbar.navbar-dark {
		background-color: var(--global--color-heading)
	}

	.navbar.navbar-dark .navbar-nav>li.active>a,
	.navbar.navbar-dark .navbar-nav>li:hover>a,
	.navbar.navbar-dark .navbar-nav>li>a {
		color: var(--global--color-white)
	}

	.navbar.navbar-dark .navbar-nav>li>a:hover {
		color: var(--global--color-primary)
	}

	.module-cart {
		height: 100px
	}

	.module-contact .btn {
		font-size: 14px
	}

	.page-title .breadcrumb {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}

	.page-title.page-title-3 .page-title-wrap {
		background-position-y: -75px
	}

	.page-title.page-title-4 .page-title-wrap {
		background-position-y: 73%
	}

	.page-title.page-title-9 .page-title-wrap {
		background-position-y: 70%
	}

	.page-title.page-title-12 .breadcrumb-wrap .breadcrumb,
	.page-title.page-title-9 .breadcrumb-wrap .breadcrumb {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.page-title.page-title-10 .page-title-wrap,
.page-title.page-title-11 .page-title-wrap {
	height: 675px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.page-title.page-title-10 .page-title-wrap .title,
.page-title.page-title-11 .page-title-wrap .title {
	margin-bottom: 110px
}

.page-title.page-title-10 .page-title-wrap .breadcrumb-wrap,
.page-title.page-title-11 .page-title-wrap .breadcrumb-wrap {
	height: auto;
	border-bottom: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 28px
}

@media (min-width:992px) and (max-width:1200px) {
	.advantages-list li {
		font-size: 14px
	}

	.advantages-list li::before {
		margin-right: 8px
	}

	#back-to-top {
		width: 70px;
		height: 150px
	}

	.header.header-topbar .navbar {
		padding: 0 0 0 20px
	}

	.header.header-topbar.header-topbar2 .navbar {
		padding-right: 20px
	}

	.header.header-topbar.header-topbar2 .navbar .navbar-nav>li {
		margin-right: 15px
	}

	.header.header-topbar.header-topbar2 .navbar-brand {
		padding-right: 20px;
		margin-right: 20px
	}

	.header.header-topbar.header-topbar2 .module-holder .module-call {
		padding-right: 15px;
		margin-right: 15px
	}

	.header.header-topbar.header-topbar2 .module-holder .module-search,
	.header.header-topbar.header-topbar3 .module-holder .module-search {
		padding-right: 15px
	}

	.header.header-topbar.header-topbar2 .module-holder .module-contact,
	.header.header-topbar.header-topbar3 .module-holder .module-contact {
		margin-left: 0;
		margin-right: 15px
	}

	.header.header-topbar.header-topbar3 .navbar .navbar-nav>li {
		margin-right: 20px
	}

	.header.header-topbar.header-topbar3 .navbar .navbar-nav>li:last-child {
		margin-right: 0
	}

	.module-contact {
		margin-left: 20px
	}

	.module-contact .btn {
		padding: 0 20px
	}

	.module-contact.module-contact-2 .btn {
		width: 150px
	}

	.module-language .lang-list {
		top: 140%
	}

	.page-title.page-title-10 .page-title-wrap .title .title-action .btn:last-child,
	.page-title.page-title-11 .page-title-wrap .title .title-action .btn:last-child,
	.page-title.page-title-5 .page-title-wrap .title .title-action .btn:last-child,
	.page-title.page-title-7 .page-title-wrap .title .title-action .btn,
	.page-title.page-title-8 .page-title-wrap .title .title-action .btn {
		padding: 0 25px
	}
}

.page-title.page-title-12 .page-title-wrap {
	height: 470px;
	background-position-y: top
}

.blog-standard .blog-entry .entry-content .entry-title,
.heading.heading-14,
.page-title.page-title-12 .page-title-wrap .title .title-heading,
.slider .slide .slider-panel-holder .slider-panel .panel-icon {
	margin-bottom: 23px
}

.page-title.page-title-13 .page-title-wrap {
	height: 395px;
	background-position-y: bottom
}

.blog-single .entry-add-comment .custom-radio-group .custom-control,
.page-title.page-title-13 .page-title-wrap .title .title-heading {
	margin-bottom: 20px
}

.page-title.page-title-14 .page-title-wrap {
	height: 350px;
	background-position-y: bottom
}

.carousel-dots button.owl-dot,
.carousel-dots button.owl-dot:focus {
	padding: 0;
	background-color: transparent;
	border: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.carousel-dots .owl-dots {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	z-index: 5
}

.carousel-dots .owl-dots .owl-dot {
	margin-right: 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.carousel-dots .owl-dots .owl-dot.active span {
	height: 6px
}

.carousel-dots .owl-dots .owl-dot span {
	display: inline-block;
	width: 35px;
	height: 3px;
	border-top: 3px solid transparent;
	background-color: #6b7475;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-right: 0;
	position: relative
}

.about,
.blog-grid .owl-carousel .owl-stage-outer,
.clients,
.company-data,
.cta-holder,
.features,
.features-bar,
.owl-carousel .owl-stage-outer,
.processes {
	overflow: visible
}

.blog-grid .owl-carousel .owl-stage-outer .owl-item.active,
.owl-carousel .owl-stage-outer .owl-item.active,
.processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer .owl-item,
.processes .processes-holder .process-content-carousel .owl-stage-outer .owl-item,
.project-panel .project-panel-holder .project-content .project-cat a:hover::before,
.project-single .project-image-carousel .owl-carousel .owl-stage-outer .owl-item,
.projects.projects-grid .carousel .owl-stage-outer .owl-item,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-stage-outer .owl-item,
.testimonial .testimonial-thumbs .testimonial-thumb.active,
.testimonial.testimonial-1 .carousel-dots .owl-item,
.testimonial.testimonial-3 .owl-stage-outer .owl-item,
.testimonial.testimonial-4 .owl-stage-outer .owl-item,
.testimonial.testimonial-5 .owl-stage-outer .owl-item {
	opacity: 1
}

.carousel-navs .owl-nav span,
.slider .carousel-navs .owl-nav span,
.testimonial.testimonial-1 .carousel-dots .owl-nav span {
	font-size: 0
}

.carousel-navs .owl-next:before,
.carousel-navs .owl-prev:before {
	font-family: carousel;
	font-size: 43px;
	font-weight: 600;
	color: #687596;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.carousel-navs .owl-prev {
	left: 50px
}

.carousel-navs .owl-prev:before,
.slider .carousel-navs .owl-nav .owl-prev:before,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {
	content: "\e990"
}

.carousel-navs .owl-next {
	right: 50px
}

.carousel-navs .owl-next:before,
.slider .carousel-navs .owl-nav .owl-next:before,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before {
	content: "\e991"
}

.carousel-navs .owl-dots {
	position: absolute;
	bottom: 30px;
	width: 100%
}

.heading,
.heading.heading-13 {
	margin-bottom: 48px
}

.heading .heading-subtitle {
	font-family: var(--global--font-body);
	text-transform: capitalize;
	color: var(--global--color-primary);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 13px
}

.heading .heading-subtitle.heading-subtitle-bg {
	display: inline-block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 12px 20px;
	border-radius: 4px;
	background-color: #e0f6e9
}

@media screen and (max-width:991.98px) {
	.header .navbar-brand .logo {
		width: auto;
		height: 50px
	}

	.header.header-light .navbar .logo-dark,
	.header.header-topbar .top-bar,
	.module-holder .module-cart,
	.module-holder .module-language,
	.module-holder .module-search {
		display: none
	}

	.header.header-topbar {
		height: 80px
	}

	.header.header-topbar.header-topbar2 .module-holder,
	.header.header-topbar.header-topbar3 .module-holder {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.header.header-topbar.header-topbar2 .module-holder-phone,
	.header.header-topbar.header-topbar3 .module-holder-phone {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		height: 80px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.module-holder.module-holder-phone {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 80px;
		margin-top: 0
	}

	.module-cart .module-cart-warp {
		left: -250px
	}

	.module-call {
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 20px
	}

	.module-contact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}

	.module-contact .btn {
		height: 50px;
		width: 100%;
		border-radius: 8px
	}

	.module-contact .btn .btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%
	}

	.module-contact.module-contact-2 .btn {
		width: 100%
	}

	.module-social {
		border-bottom: 0
	}

	.page-title .page-title-wrap {
		height: 500px
	}

	.heading,
	.page-title .title {
		text-align: center
	}

	.page-title .title .title-sub-heading {
		line-height: 1.4
	}

	.page-title .breadcrumb,
	.page-title .title .title-action {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.page-title.page-title-blank-2 .breadcrumb-wrap .breadcrumb {
		line-height: 1.4;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.carousel-dots.dots-side .owl-dots {
		margin-bottom: 35px
	}

	.heading .heading-subtitle {
		line-height: 1.5
	}

	.heading .heading-subtitle.heading-subtitle-bg {
		width: auto
	}
}

.cta,
.cta .cta-body .cta-content,
.img-card.img-card-2,
.img-card.img-card-2 .card-content,
.pricing .price-table .pricing-panel {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.heading .heading-title {
	font-family: var(--global--font-heading);
	text-transform: capitalize;
	font-size: 30px;
	line-height: 54px;
	margin-top: -6px;
	font-weight: 700;
	color: var(--global--color-heading)
}

.abt-til {
	margin-bottom: -30px !important
}

.heading .heading-desc {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 25px
}

@media (min-width:992px) and (max-width:1200px) {
	.heading .heading-title {
		font-size: 35px;
		line-height: 1.4
	}

	.heading .heading-desc {
		font-size: 15px;
		line-height: 26px
	}
}

.heading .paragraph {
	font-weight: 700;
	font-size: 16px;
	line-height: 27px;
	color: #283b6a;
	margin-bottom: 0
}

.heading.heading-light2 .heading-title {
	color: #32c36c
}

.active-sidepanel,
.mission-vision-content {
	color: #fff !important
}

.heading.heading-1,
.heading.heading-12,
.mb-40,
.pricing .price-table .pricing-panel .pricing-body .pricing-heading,
.shop-cart .cart-total-amount .table {
	margin-bottom: 40px
}

.heading.heading-15,
.heading.heading-2,
.heading.heading-4 {
	margin-bottom: 70px
}

.heading.heading-2 .heading-title {
	letter-spacing: 2px;
	font-size: 37px;
	line-height: 54px
}

.heading.heading-2 .heading-desc:first-child {
	margin-top: 8px
}

.about .about-wrapper .about-block-wrapper .about-block .heading .heading-desc,
.blog-entry .entry-content .entry-title,
.blog-single .blog-entry .entry-content .entry-holder .entry-tags,
.blog-single .blog-entry .entry-content .entry-title,
.careers .career-item .career-item-wrap .career-content .career-desc,
.contact .advantages-list-holder,
.features.features-2 .feature-panel-holder .feature-panel,
.heading.heading-2 .heading-desc:nth-child(2),
.heading.heading-4 .heading-desc,
.service-single .service-entry .entry-content .entry-introduction .entry-desc:nth-child(3),
.service-single .service-entry .entry-content .entry-why .entry-desc {
	margin-bottom: 32px
}

.about .about-wrapper .about-block-wrapper .about-block .heading .signature-block,
.heading.heading-3 {
	margin-bottom: 63px
}

.heading.heading-11 .heading-title,
.heading.heading-15 .heading-title,
.heading.heading-16 .heading-title,
.heading.heading-17 .heading-title,
.heading.heading-18 .heading-title,
.heading.heading-19 .heading-title,
.heading.heading-20 .heading-title,
.heading.heading-3 .heading-title,
.heading.heading-4 .heading-title,
.heading.heading-5 .heading-title,
.heading.heading-9 .heading-title {
	font-size: 37px;
	line-height: 54px
}

.heading.heading-5 {
	margin-bottom: 58px
}

.heading.heading-6 .heading-title {
	font-size: 37px;
	line-height: 54px;
	margin-bottom: 31px
}

.heading.heading-7 {
	margin-bottom: 41px
}

.heading.heading-7 .heading-title {
	font-size: 24px;
	line-height: 1.5
}

.heading.heading-8 {
	margin-bottom: 56px
}

.heading.heading-8 .heading-title {
	margin-bottom: 0;
	font-size: 37px;
	line-height: 54px
}

.heading.heading-9 {
	margin-bottom: 96px
}

.heading.heading-10 .heading-title {
	font-size: 37px;
	line-height: 54px;
	margin-bottom: 21px
}

.heading.heading-10 .heading-desc {
	font-weight: 700;
	margin-bottom: 42px
}

.heading.heading-15 .heading-desc {
	margin-top: 8px;
	margin-bottom: 35px
}

@media screen and (max-width:767.98px) {
	.btn {
		height: 50px
	}

	.custom-radio-group {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.advantages-list li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: 0
	}

	.accordion.accordion-2 .card,
	.accordion.accordion-2 .card:first-of-type,
	.accordion.accordion-2 .card:not(:first-of-type):not(:last-of-type) {
		padding-left: 15px;
		padding-right: 15px
	}

	.module-holder.module-holder-phone .module-language,
	.page-title .title .title-list .icon:last-child {
		margin-right: 15px
	}

	.module-holder.module-holder-phone .module-search {
		padding-right: 15px
	}

	.module-holder.module-holder-phone .module-cart {
		margin-left: 20px
	}

	.module-fullscreen .module-cancel,
	.module-search-warp .module-cancel {
		font-size: 14px;
		width: 50px;
		height: 50px
	}

	.module-search-warp .form-control::-webkit-input-placeholder {
		font-size: 18px
	}

	.module-search-warp .form-control::-moz-placeholder {
		font-size: 18px
	}

	.module-search-warp .form-control:-ms-input-placeholder {
		font-size: 18px
	}

	.module-cart .module-cart-warp {
		left: -160px;
		padding: 30px
	}

	.heading .heading-title,
	.heading.heading-10 .heading-title,
	.heading.heading-11 .heading-title,
	.heading.heading-15 .heading-title,
	.heading.heading-16 .heading-title,
	.heading.heading-17 .heading-title,
	.heading.heading-18 .heading-title,
	.heading.heading-19 .heading-title,
	.heading.heading-2 .heading-title,
	.heading.heading-20 .heading-title,
	.heading.heading-3 .heading-title,
	.heading.heading-4 .heading-title,
	.heading.heading-5 .heading-title,
	.heading.heading-6 .heading-title,
	.heading.heading-8 .heading-title,
	.heading.heading-9 .heading-title,
	.page-title .title .title-heading {
		font-size: 32px;
		line-height: 1.4
	}

	.page-title .title .title-action {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.page-title .title .title-action .btn {
		width: 190px;
		height: 50px;
		margin-right: 0;
		margin-bottom: 20px
	}

	.page-title .title .title-action .btn:last-child {
		margin-bottom: 0
	}

	.page-title .title .title-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 0
	}

	.page-title .title .title-list .icon {
		margin: 0 15px 15px
	}

	.page-title.page-title-1 .page-title-wrap .title .title-action .btn {
		margin-right: 0
	}

	.page-title.page-title-13 .page-title-wrap,
	.page-title.page-title-14 .page-title-wrap {
		height: 230px
	}

	.carousel-dots .owl-dots .owl-dot span {
		width: 25px
	}
}

.heading.heading-21,
.pricing .price-table .pricing-panel .pricing-body .pricing-price,
.slider.slider-3 .slide-content .slide-headline {
	margin-bottom: 34px
}

.heading.heading-21 .heading-title {
	font-size: 24px;
	line-height: 48px;
	margin-bottom: 0
}

.skills .progressbar {
	margin-bottom: 29px
}

.skills .progressbar .progress-title {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 7px;
	line-height: 1
}

.skills .progressbar .progress-title .title {
	font-family: var(--global--font-body);
	color: var(--global--color-heading);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 2px;
	text-transform: capitalize
}

.skills .progressbar .progress-title .value {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-weight: 700;
	font-size: 15px;
	line-height: 1px;
	text-transform: uppercase;
	bottom: 7px;
	position: absolute;
	margin-left: -27px;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.skills .progressbar .progress {
	height: 12px;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	width: 100%;
	border-bottom: 2px solid #dcdee2;
	margin-bottom: 0;
	border-radius: 0
}

.skills .progressbar .progress .progress-bar {
	height: 7px;
	background-color: #435ba1;
	border-radius: 4px;
	width: 0
}

.slider .slide {
	padding-top: 0;
	height: 105vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.slider .slide .slide-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column
}

.slider .slide .slide-content .slide-subheadline {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: var(--global--color-gray);
	margin-bottom: 20px;
	text-transform: capitalize
}

.slider .slide .slide-content .slide-headline {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 75px;
	line-height: 75px;
	color: var(--global--color-white);
	margin-bottom: 24px;
	text-transform: capitalize
}

.hero .hero-content .hero-subtitle,
.slider .slide .slide-content .slide-desc {
	font-family: var(--global--font-body);
	color: var(--global--color-gray);
	font-weight: 700
}

@media (min-width:992px) and (max-width:1200px) {

	.heading.heading-10 .heading-title,
	.heading.heading-12 .heading-title,
	.heading.heading-13 .heading-title,
	.heading.heading-15 .heading-title,
	.heading.heading-16 .heading-title,
	.heading.heading-17 .heading-title,
	.heading.heading-18 .heading-title,
	.heading.heading-19 .heading-title,
	.heading.heading-2 .heading-title,
	.heading.heading-20 .heading-title,
	.heading.heading-4 .heading-title,
	.heading.heading-8 .heading-title {
		font-size: 30px;
		line-height: 1.4
	}

	.heading.heading-3 .heading-title,
	.heading.heading-6 .heading-title {
		font-size: 32px;
		line-height: 1.4
	}

	.heading.heading-11 .heading-title,
	.heading.heading-5 .heading-title,
	.heading.heading-9 .heading-title {
		font-size: 35px;
		line-height: 1.4
	}

	.slider .slide .slide-content .slide-headline {
		font-size: 60px;
		line-height: 1.3
	}
}

.slider .slide .slide-content .slide-desc {
	font-size: 18px;
	line-height: 29px;
	margin-bottom: 41px
}

.slider .slide .slide-content .slide-action .btn {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 4px;
	padding: 30px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 200px;
	height: 65px;
	margin-right: 30px
}

.slider .slide .slider-panel-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.slider .slide .slider-panel-holder .slider-panel {
	background-color: var(--global--color-white);
	position: relative;
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
	border-radius: 8px;
	max-width: 270px
}

.slider .slide .slider-panel-holder .slider-panel::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 4px;
	width: calc(100% - 80px);
	background-color: var(--global--color-primary)
}

.slider .slide .slider-panel-holder .slider-panel .panel-icon:before {
	font-size: 75px;
	margin-left: 0;
	color: var(--global--color-heading)
}

.slider .slide .slider-panel-holder .slider-panel .panel-title {
	font-size: 19px;
	line-height: 29px;
	color: var(--global--color-secondary);
	text-transform: capitalize;
	margin-bottom: 10px
}

.slider .slide .slider-panel-holder .slider-panel .panel-desc {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 17px
}

.slider .slide .slider-panel-holder .slider-panel a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background-color: var(--global--color-primary);
	border-radius: 50%;
	color: var(--global--color-white);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-entry .entry-content .entry-more a:hover i,
.project-panel .project-panel-holder .project-content .project-more .btn:hover i,
.slider .slide .slider-panel-holder .slider-panel a:hover {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)
}

.slider .carousel-navs .owl-nav .owl-next:before,
.slider .carousel-navs .owl-nav .owl-prev:before {
	color: #32c36c;
	font-family: carousel !important;
	font-size: 44px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.slider .carousel-navs .owl-nav .owl-next,
.slider .carousel-navs .owl-nav .owl-prev,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.slider .carousel-navs .owl-nav .owl-next:hover::before,
.slider .carousel-navs .owl-nav .owl-prev:hover::before,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:hover::before,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:hover::before {
	color: #fff
}

.slider .carousel-navs .owl-nav .owl-next,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next {
	right: 30px
}

.slider .carousel-navs .owl-nav .owl-prev {
	margin-right: 0;
	left: 30px
}

.slider.slider-3 .slide-content .slide-list {
	margin-right: 0;
	margin-bottom: 32px
}

.cta .cta-body .cta-content .btn i,
.slider.slider-3 .slide-content .slide-action .btn:first-child i {
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.contact.contact-4 .contact-action .btn:last-child:hover,
.slider.slider-3 .slide-content .slide-action .btn-video:hover i {
	background-color: var(--global--color-heading);
	color: var(--global--color-white)
}

.slider.slider-3 .slide-content .slide-action .btn-video i {
	width: 65px;
	height: 65px;
	margin-right: 30px
}

.slider.slider-3 .slide-content .slide-action .btn-video span {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	color: var(--global--color-white);
	text-transform: capitalize
}

.hero,
.testimonial.testimonial-2 {
	padding-bottom: 0
}

.hero .hero-content {
	padding-top: 185px;
	padding-bottom: 26px
}

.blog.blog-1,
.blog.blog-2 {
	padding-bottom: 105px
}

.hero .hero-content .hero-subtitle {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px
}

.hero .hero-content .hero-title {
	font-family: var(--global--font-heading);
	color: var(--global--color-white);
	font-weight: 500;
	font-size: 40px;
	line-height: 55px;
	margin-bottom: 19px;
	text-transform: capitalize
}

@media (min-width:992px) and (max-width:1199px) {
	.hero .hero-content .hero-title {
		font-size: 35px;
		line-height: 1.4
	}
}

.hero .hero-content .hero-desc {
	font-family: var(--global--font-body);
	color: var(--global--color-gray);
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 31px
}

.hero .hero-content .hero-action {
	margin-bottom: 105px
}

.hero .hero-content .hero-action .btn {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 210px;
	height: 60px;
	margin-right: 30px
}

@media screen and (max-width:767.98px) {

	.hero .hero-content .hero-title,
	.slider .slide .slide-content .slide-headline {
		font-size: 32px;
		line-height: 1.4
	}

	.slider .slide .slide-content .slide-action {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.slider .slide .slide-content .slide-action .btn {
		width: 190px;
		height: 50px;
		margin-right: 0;
		margin-bottom: 20px
	}

	.slider .slide .slide-content .slide-action .btn:last-child {
		margin-bottom: 0
	}

	.slider .slide .slide-content .slide-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 0
	}

	.slider .slide .slide-content .slide-list .icon {
		margin: 0 15px 15px
	}

	.slider .slide .slide-content .slide-list .icon:last-child {
		margin-right: 15px
	}

	.slider .slide .slider-panel-holder .slider-panel {
		padding: 30px
	}

	.slider .slide .slider-panel-holder .slider-panel::before {
		width: calc(100% - 60px)
	}

	.slider.slider-1 .slide .slide-content .slide-list {
		margin-bottom: 25px
	}

	.slider.slider-3 .slide-content .slide-list li::before {
		margin-right: 10px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.slider.slider-3 .slide-content .slide-action .btn:first-child {
		margin-right: 0
	}

	.hero .hero-content .hero-action {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 70px
	}

	.hero .hero-content .hero-action .btn {
		margin-right: 0;
		margin-bottom: 15px;
		height: 50px;
		width: 210px
	}

	.hero .hero-panel-holder .phone-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}
}

@media (min-width:992px) and (max-width:1250px) {
	.hero .hero-content .hero-action .btn {
		width: 170px;
		margin-bottom: 15px
	}
}

.hero .hero-content .hero-action .btn.btn--white {
	-webkit-box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, .05);
	box-shadow: 2.121px 2.121px 3px rgba(3, 21, 50, .05)
}

.hero .hero-content .breadcrumb .breadcrumb-item+.breadcrumb-item {
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hero .hero-content .breadcrumb .breadcrumb-item+.breadcrumb-item a {
	font-size: 14px;
	line-height: 1
}

.hero .hero-content .breadcrumb>li+li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 10px;
	padding: 0 10px;
	color: var(--global--color-white);
	content: "\f054"
}

.hero .hero-panel-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.hero .hero-panel-holder .hero-panel {
	background-color: var(--global--color-white);
	border-radius: 8px 0 8px 8px;
	padding: 26px 40px 39px;
	max-width: 290px
}

.hero .hero-panel-holder .hero-panel .panel-content,
.img-card-holder,
.pricing .price-table,
.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content,
.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span,
.single-product .product-content .product-action .product-quantity span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.hero .hero-panel-holder .hero-panel .panel-content i {
	color: #51668a;
	margin-bottom: 12px;
	display: inline-block
}

.hero .hero-panel-holder .hero-panel .panel-content i::before {
	margin-left: 0;
	font-size: 49px
}

.hero .hero-panel-holder .hero-panel .panel-content h5 {
	font-family: var(--global--font-heading);
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	color: var(--global--color-heading);
	margin-bottom: 14px;
	text-transform: capitalize
}

.hero .hero-panel-holder .hero-panel .panel-content p {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: var(--global--color-body);
	margin-bottom: 21px
}

.hero .hero-panel-holder .hero-panel .panel-content .btn {
	width: 155px;
	height: 42px;
	border-radius: 8px 8px 0;
	border: 2px solid #687596;
	transition-property: background, color, border-color
}

.hero .hero-panel-holder .hero-panel .panel-content .btn::before {
	background-color: var(--global--color-secondary);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	top: -2px;
	left: -2px
}

.hero .hero-panel-holder .hero-panel .panel-content .btn:hover {
	border-color: #213360
}

.hero .hero-panel-holder .hero-panel.hero-panel-dark {
	background-color: #435ba1
}

.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn {
	background-color: transparent;
	color: var(--global--color-white);
	border: 2px solid;
	-webkit-transition-property: background, color, border-color;
	-o-transition-property: background, color, border-color;
	transition-property: background, color, border-color
}

.blog-entry::after,
.blog-entry::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	border-radius: 8px 0 0
}

.features-bar .actions-holder .btn:last-child::before,
.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn::before {
	background-color: var(--global--color-primary);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	top: -2px;
	left: -2px
}

.hero .hero-panel-holder .hero-panel.hero-panel-dark .panel-content .btn:hover {
	border-color: var(--global--color-primary);
	color: var(--global--color-white)
}

.hero .hero-panel-holder .phone-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #435ba1;
	padding: 35px 40px 31px;
	border-radius: 0 32px 0 0;
	max-width: 470px
}

.hero .hero-panel-holder .phone-card .card-icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 30px
}

.hero .hero-panel-holder .phone-card .card-icon i::before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
	font-size: 50px;
	margin-left: 0;
	color: var(--global--color-white)
}

.hero .hero-panel-holder .phone-card .card-content h5 {
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	color: var(--global--color-white);
	text-transform: capitalize;
	margin-bottom: 16px
}

.hero .hero-panel-holder .phone-card .card-content p {
	font-size: 14px;
	color: var(--global--color-gray);
	line-height: 24px;
	margin-bottom: 15px
}

.hero .hero-panel-holder .phone-card .card-content a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: var(--global--color-white)
}

.hero .hero-panel-holder .phone-card .card-content a span {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-family: var(--global--font-heading);
	font-weight: 400;
	font-size: 24px
}

.hero .hero-panel-holder .phone-card .card-content a i {
	margin-bottom: 4px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 19px;
	margin-right: 15px
}

.hero .hero-panel-holder.hero-panel-holder-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.hero .hero-rating .num {
	font-family: var(--global--font-heading);
	font-weight: 500;
	font-size: 37px;
	line-height: 22px;
	color: var(--global--color-white);
	margin-right: 18px
}

.hero .hero-rating .rating-body p {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 23px;
	color: var(--global--color-gray);
	margin-bottom: 0
}

.hero .hero-rating .rating-body p a {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 14px;
	line-height: 23px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.blog {
	padding: 127px 0 70px
}

.blog.blog-2 {
	padding-top: 129px
}

.blog .more-blog,
.cta-holder .more-actions,
.footer .footer-widget,
.more-features.more-features-3,
.projects .projects-load-more,
.services .more-services {
	text-align: center
}

.blog .more-blog a {
	position: relative;
	font-size: 15px;
	font-family: var(--global--font-body);
	font-weight: 700;
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-transform: capitalize;
	padding-bottom: 6px
}

.blog .more-blog a:hover::before,
.contact .contact-quote p a:hover::before,
.cta-holder .more-actions p a:hover::before,
.faqs .more-faqs p a:hover::before,
.more-features.more-features-3 p a:hover::before,
.pricing .more-prices p a:hover::before,
.services .more-services p a:hover::before {
	width: calc(100% - 20%)
}

.blog .more-blog a::before,
.cta-holder .more-actions p a::before,
.faqs .more-faqs p a::before,
.more-features.more-features-3 p a::before,
.pricing .more-prices p a::before,
.services .more-services p a::before {
	content: '';
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	background-color: var(--global--color-primary)
}

.blog-entry,
.widget-reservation::before {
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out
}

.blog-entry {
	position: relative;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
	border-radius: 8px;
	background-color: var(--global--color-white);
	transition: .5s ease-in-out;
	margin-bottom: 36px
}

.blog-entry::before {
	width: calc(100% - 40px);
	background-color: #eaeaea;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-entry::after {
	width: calc(100% - 40px);
	background-color: var(--global--color-primary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

@media screen and (max-width:767.98px) {
	.hero .hero-panel-holder .phone-card .card-icon {
		margin-right: 0
	}

	.blog-entry::after,
	.blog-entry::before {
		width: calc(100% - 20px)
	}
}

.blog-entry:hover,
.features .feature-panel-holder .feature-panel.feature-panel-2,
.product-item:hover {
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)
}

.blog-entry:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.blog-entry:hover .entry-content .entry-img-wrap .entry-img img {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.blog-entry:hover .entry-content .entry-more .btn,
.project-panel:hover .project-panel-holder .project-content .project-more .btn {
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	color: var(--global--color-white);
	background-color: var(--global--color-heading);
	border-color: var(--global--color-heading)
}

.blog-entry:hover .entry-content .entry-more .btn i {
	background-color: var(--global--color-white);
	color: var(--global--color-heading)
}

.blog-entry .entry-content {
	padding: 36px 40px 40px
}

.blog-entry .entry-content .entry-img-wrap {
	-webkit-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	transform: translateX(-40px);
	width: calc(100% + 40px);
	position: relative;
	margin-bottom: 32px
}

.blog-entry .entry-content .entry-img-wrap .entry-img {
	position: relative;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
	max-width: 100%
}

.blog-entry .entry-content .entry-img-wrap .entry-img img {
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-o-transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s;
	max-width: 100%;
	height: auto;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1)
}

.blog-entry .entry-content .entry-img-wrap .entry-category {
	position: absolute;
	left: 40px;
	bottom: -15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0;
	text-transform: capitalize;
	height: 30px;
	padding: 0 10px;
	background-color: #4aab3d;
	border-radius: 6px
}

.blog-entry .entry-content .entry-img-wrap .entry-category a {
	position: relative;
	color: var(--global--color-white);
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 400;
	line-height: 26px;
	text-transform: capitalize;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-entry .entry-content .entry-img-wrap .entry-category a::after {
	content: ", ";
	position: relative;
	margin-right: 4px
}

.blog-entry .entry-content .entry-img-wrap .entry-category a:last-of-type::after {
	content: ""
}

.blog-entry .entry-content .entry-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 6px
}

.blog-entry .entry-content .entry-meta .entry-date,
.blog-single .blog-entry .entry-img .entry-meta .entry-author,
.blog-single .blog-entry .entry-img .entry-meta .entry-date,
.company-data .data .data-icon {
	margin-right: 20px
}

.blog-entry .entry-content .entry-meta .entry-date .day,
.blog-entry .entry-content .entry-meta .entry-date .year {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #616161;
	text-transform: capitalize
}

.blog-entry .entry-content .entry-meta .entry-date .day:after,
.blog-single .blog-entry .entry-img .entry-meta .entry-date span::after,
.blog-standard .blog-entry .entry-content .entry-meta .entry-date span::after {
	content: ',';
	margin-right: 3px
}

.blog-entry .entry-content .entry-meta .entry-author p {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: var(--global--color-heading);
	margin-bottom: 0
}

.blog-entry .entry-content .entry-title h4 a {
	font-family: var(--global--font-heading);
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 0;
	text-transform: capitalize;
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-entry .entry-content .entry-bio p {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 22px
}

.blog-entry .entry-content .entry-more a {
	width: 142px;
	height: 45px;
	padding: 0 20px;
	border: 2px solid rgba(37, 55, 69, .5);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-entry .entry-content .entry-more a::before,
.blog-single .blog-entry .entry-content .entry-holder .entry-tags a:last-child::after,
.blog-single .blog-entry .entry-img .entry-meta .entry-category a:last-child::after,
.blog-single .blog-entry .entry-img .entry-meta .entry-date span:last-child::after,
.blog-single .blog-entry::before,
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a:last-child::after,
.blog-standard .blog-entry .entry-content .entry-meta .entry-date span:last-child::after,
.blog-standard .blog-entry::before,
.contact.contact-4 .contact-action .btn:last-child::before,
.counter.counter-2:last-child::before,
.counter.counter-5:first-child::before,
.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn::before,
.pricing .price-table .pricing-panel .pricing-body .pricing-price p span:first-of-type::before,
.project-panel .project-panel-holder .project-content .project-more .btn::before,
.project-single .project-share .tags a:last-child::after,
.projects.projects-gallery .project-panel .project-panel-holder .project-img::after,
.sidebar-shop .widget::after,
.single-product .product-content .product-review span:last-child::after,
.team .member.member-2 .member-content::after,
.widget-recent-posts .post .post-content .post-date span:last-child:after {
	content: unset
}

.blog-entry .entry-content .entry-more a i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--global--color-heading);
	color: var(--global--color-white);
	font-size: 12px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-grid {
	padding: 70px 0 110px
}

.blog-grid .owl-carousel .owl-dots {
	position: relative;
	right: auto;
	bottom: auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.blog-grid .owl-carousel .owl-dots .owl-dot {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.blog-grid.blog-grid-2 {
	padding-top: 510px
}

.blog-grid.blog-grid-3 {
	padding-top: 130px
}

.blog-grid.blog-grid-4 {
	padding-top: 218px
}

.blog-grid.blog-grid-5,
.blog-standard,
.contact.contact-4 {
	padding-top: 110px;
	padding-bottom: 110px
}

.blog-grid.blog-grid-5 .pagination,
.projects.projects-standard #load-more {
	margin-top: 20px
}

.blog-standard .blog-entry {
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0
}

.blog-single .blog-entry .entry-img img,
.blog-standard .blog-entry .entry-img img,
.project-single .project-intro .project-img img {
	max-width: 100%;
	border-radius: 12px
}

.blog-standard .blog-entry .entry-content,
.features-bar .features-holder .feature-panel {
	padding: 34px 40px 40px
}

.blog-standard .blog-entry .entry-content .entry-meta {
	background-color: var(--global--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 23px
}

.blog-standard .blog-entry .entry-content .entry-meta .entry-date,
.contact .contact-quote img {
	margin-right: 15px
}

.blog-single .blog-entry .entry-img .entry-meta .entry-comments span,
.blog-single .blog-entry .entry-img .entry-meta .entry-date span,
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a,
.blog-standard .blog-entry .entry-content .entry-meta .entry-date span {
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 400;
	color: #616161;
	text-transform: capitalize
}

.blog-standard .blog-entry .entry-content .entry-meta .entry-comments span {
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 400;
	color: var(--global--color-primary);
	text-transform: capitalize
}

.blog-single .blog-entry .entry-img .entry-meta .entry-comments span.num,
.blog-standard .blog-entry .entry-content .entry-meta .entry-comments span.num {
	color: var(--global--color-primary);
	margin-left: 3px
}

.blog-standard .blog-entry .entry-content .entry-meta .entry-category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 15px
}

.blog-single .blog-entry .entry-content .entry-holder .entry-tags a::after,
.blog-single .blog-entry .entry-img .entry-meta .entry-category a::after,
.blog-standard .blog-entry .entry-content .entry-meta .entry-category a::after {
	content: ',';
	margin-right: 5px
}

.blog-single .blog-entry .entry-content .entry-title h4,
.blog-standard .blog-entry .entry-content .entry-title h4 a {
	font-size: 40px;
	line-height: 49px;
	font-weight: 700
}

.blog-standard .blog-entry .entry-content .entry-bio p {
	font-size: 16px;
	line-height: 27px
}

.blog-standard .blog-entry .entry-content .entry-more a {
	border: 0;
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: 700;
	color: var(--global--color-heading);
	border-bottom: 2px solid var(--global--color-heading);
	text-transform: capitalize;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content
}

.blog-single {
	padding-top: 0;
	padding-bottom: 110px
}

.blog-single .blog-entry .entry-img .entry-meta {
	position: absolute;
	background-color: var(--global--color-white);
	border-radius: 0 12px 0 0;
	bottom: -6px;
	left: 0;
	padding: 25px 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.blog-single .blog-entry .entry-img .entry-meta .entry-author a {
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 400;
	color: var(--global--color-heading);
	text-transform: capitalize
}

.blog-single .blog-entry .entry-img .entry-meta .entry-category {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #4aab3d;
	height: 30px;
	padding: 0 10px;
	top: -15px;
	left: 40px;
	border-radius: 6px
}

.blog-single .blog-entry .entry-img .entry-meta .entry-category a {
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 400;
	color: var(--global--color-white);
	text-transform: capitalize
}

.blog-single .blog-entry .entry-content {
	padding: 39px 40px 40px;
	border-bottom: 1px solid #eaeaea
}

@media (min-width:992px) and (max-width:1200px) {
	.slider .slide .slider-panel-holder .slider-panel {
		padding: 20px
	}

	.slider .slide .slider-panel-holder .slider-panel::before {
		width: calc(100% - 40px)
	}

	.blog-entry::after,
	.blog-entry::before {
		width: calc(100% - 25px)
	}

	.blog-entry .entry-content,
	.blog-single .blog-entry .entry-content,
	.blog-single .blog-entry .entry-img .entry-meta,
	.blog-standard .blog-entry .entry-content {
		padding-left: 25px;
		padding-right: 25px
	}

	.blog-entry .entry-content .entry-img-wrap {
		-webkit-transform: translateX(-25px);
		-ms-transform: translateX(-25px);
		transform: translateX(-25px);
		width: calc(100% + 25px)
	}

	.blog-entry .entry-content .entry-img-wrap .entry-category,
	.blog-single .blog-entry .entry-img .entry-meta .entry-category {
		left: 25px
	}

	.blog-entry .entry-content .entry-title h4 a {
		font-size: 18px
	}

	.blog-single .blog-entry .entry-content .entry-title h4,
	.blog-standard .blog-entry .entry-content .entry-title h4 a {
		font-size: 35px
	}
}

.blog-single .blog-entry .entry-content .entry-bio p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 27px
}

.blog-single .blog-entry .entry-content .entry-bio p:last-child,
.counter.counter-6 .counter-num {
	margin-bottom: 24px
}

.blog-single .blog-entry .entry-content .entry-holder .entry-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: var(--global--color-white);
	border-radius: 8px;
	padding: 25px 25px 25px 40px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)
}

.blog-single .blog-entry .entry-content .entry-holder .entry-share span,
.project-single .project-overview .project-details .table .name {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.blog-single .blog-entry .entry-content .entry-holder .entry-share a,
.project-single .project-share .social-share a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #929ba2;
	margin-right: 10px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-single .blog-entry .entry-content .entry-holder .entry-share a:hover i,
.project-single .project-share .social-share a:hover i {
	width: 40px;
	height: 40px;
	background-color: var(--global--color-primary)
}

.blog-single .blog-entry .entry-content .entry-holder .entry-share a i,
.project-single .project-share .social-share a i {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 11px;
	background-color: var(--global--color-heading);
	color: var(--global--color-white);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-single .blog-entry .entry-content .entry-holder .entry-tags span {
	font-family: var(--global--font-body);
	font-weight: 700;
	color: #282828;
	text-transform: capitalize;
	font-size: 15px;
	margin-right: 5px
}

.blog-single .blog-entry .entry-content .entry-holder .entry-tags a {
	display: inline-block;
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-transform: capitalize;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: var(--global--color-primary)
}

.blog-single .nav-posts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
	text-transform: capitalize;
	border-bottom: 1px solid #eaeaea
}

.blog-single .nav-posts .next-post,
.blog-single .nav-posts .prev-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 8px;
	padding: 20px;
	background-color: var(--global--color-white);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-single .nav-posts .next-post:hover,
.blog-single .nav-posts .prev-post:hover {
	background-color: #e0f6e9
}

.blog-single .nav-posts .next-post:hover .post-img .overlay,
.blog-single .nav-posts .prev-post:hover .post-img .overlay,
.projects.projects-gallery .project-panel:hover .project-panel-holder .project-img img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.blog-single .nav-posts .next-post .post-img,
.blog-single .nav-posts .prev-post .post-img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 90px;
	height: 67px;
	border-radius: 8px;
	margin-right: 20px;
	position: relative;
	overflow: hidden
}

.blog-single .nav-posts .next-post .post-img .overlay,
.blog-single .nav-posts .prev-post .post-img .overlay {
	content: '\e905';
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--global--color-primary-90);
	color: var(--global--color-white);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.blog-single .nav-posts .next-post .post-body span,
.blog-single .nav-posts .prev-post .post-body span {
	display: block;
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	color: var(--global--color-body)
}

.blog-single .nav-posts .next-post .post-body .post-link,
.blog-single .nav-posts .prev-post .post-body .post-link {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-single .nav-posts .prev-post .post-img .overlay i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.blog-single .nav-posts .next-post {
	text-align: right
}

.blog-single .nav-posts .next-post .post-img {
	margin-right: 0;
	margin-left: 20px
}

.blog-single .entry-widget {
	padding-top: 62px
}

.blog-single .entry-widget .entry-widget-title {
	position: relative;
	margin-bottom: 21px
}

.blog-single .entry-widget .entry-widget-title h4 {
	font-family: var(--global--font-heading);
	font-size: 21px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 0;
	position: relative;
	text-transform: capitalize;
	color: var(--global--color-secondary)
}

.blog-single .entry-widget-bio {
	margin-top: 40px;
	padding: 40px 40px 35px;
	border-radius: 8px;
	background-color: #f4f4f4;
	position: relative
}

.blog-single .entry-widget-bio::before,
.widget::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	height: 4px;
	width: calc(100% - 40px);
	background-color: var(--global--color-primary);
	border-radius: 0 0 8px
}

.blog-single .entry-widget-bio .entry-widget-content,
.testimonial .testimonial-panel .testimonial-body {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.blog-single .entry-widget-bio .entry-widget-content img {
	width: 70px;
	height: 70px;
	border-radius: 8px;
	margin-right: 30px
}

.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc h4 {
	font-family: var(--global--font-heading);
	color: var(--global--color-heading);
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 10px
}

.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc p {
	color: var(--global--color-body);
	font-size: 15px;
	font-family: var(--global--font-body);
	font-weight: 400;
	line-height: 23px;
	margin-bottom: 22px
}

.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc a {
	color: var(--global--color-heading);
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin-right: 18px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.blog-single .entry-comments .entry-widget-content .comments-list {
	width: 100%;
	list-style: none;
	overflow: hidden;
	padding-left: 0;
	margin-bottom: 0
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body {
	position: relative;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li:last-child,
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list,
.blog-single .entry-comments .entry-widget-content .comments-list .comment-body:last-child .replies-list {
	margin-top: 25px;
	padding-top: 30px;
	border-top: 2px solid #eaeaea
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list li {
	position: relative;
	margin-bottom: 30px
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body .comment {
	border-bottom: 2px solid #eaeaea
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .replies-list .comment-body:last-child .comment {
	border: 0
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 4px
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment {
	margin-left: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #eaeaea
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment h6 {
	font-family: var(--global--font-heading);
	color: var(--global--color-heading);
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 5px;
	line-height: 16px
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment .date {
	color: #616161;
	font-family: var(--global--font-body);
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 6px
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment p {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 7px
}

.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment a.reply {
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
	color: var(--global--color-primary);
	line-height: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: relative
}

.blog-single .entry-add-comment {
	padding-top: 36px
}

.blog-single .entry-add-comment input.form-control {
	height: 60px;
	margin-bottom: 30px;
	padding-left: 25px
}

.blog-single .entry-add-comment textarea.form-control {
	margin-bottom: 30px;
	padding-left: 25px;
	padding-top: 25px;
	height: 120px
}

@media screen and (max-width:991.98px) {

	.hero .hero-panel-holder .hero-panel .panel-content,
	.hero .hero-panel-holder.hero-panel-holder-2,
	.slider .slide .slide-content,
	.slider .slide .slider-panel-holder {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.slider .slide .slide-content .slide-subheadline {
		text-align: center;
		line-height: 1.5
	}

	.slider .slide .slide-content .slide-desc,
	.slider .slide .slide-content .slide-headline {
		text-align: center
	}

	.blog-single .entry-add-comment .custom-radio-group .custom-control input,
	.slider .carousel-navs .owl-nav {
		display: none
	}

	.slider.slider-1 .slide {
		height: auto;
		padding-top: 70px;
		padding-bottom: 110px
	}

	.slider.slider-1 .slide .slide-content {
		margin-bottom: 50px
	}

	.hero .hero-content .breadcrumb,
	.hero .hero-panel-holder .phone-card .card-content a,
	.slider.slider-3 .slide-content .slide-action {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.hero .hero-content {
		text-align: center;
		padding-top: 120px
	}

	.hero .hero-content .hero-subtitle {
		line-height: 1.5
	}

	.hero .hero-panel-holder {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 30px
	}

	.blog-grid.blog-grid-3,
	.blog-grid.blog-grid-4,
	.blog-grid.blog-grid-5,
	.blog-standard,
	.blog.blog-1,
	.blog.blog-2 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.blog-entry {
		max-width: 370px;
		margin: 0 auto 30px
	}

	.blog-grid .owl-carousel .owl-dots {
		margin-top: 0
	}

	.blog-single .blog-entry,
	.blog-standard .blog-entry {
		max-width: initial
	}

	.blog-single .blog-entry .entry-content,
	.blog-standard .blog-entry .entry-content {
		padding: 39px 0 40px
	}

	.blog-single {
		padding-bottom: 40px
	}

	.blog-single .nav-posts {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.blog-single .nav-posts .prev-post {
		margin-bottom: 38px
	}

	.blog-single .entry-add-comment .custom-radio-group .custom-control label {
		padding-left: 25px
	}

	.blog-single .entry-add-comment .custom-radio-group .custom-control label::after {
		top: 22px
	}
}

@media (max-width:344px) {
	.blog-single .entry-add-comment .custom-radio-group .custom-control label::after {
		top: 35px
	}
}

.blog-single .entry-add-comment .btn {
	width: 270px
}

.blog-single .entry-add-comment .btn:hover i,
.img-card .card-content .content-top a:hover i,
.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn:hover i {
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px)
}

.blog-single .entry-add-comment .btn i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	background-color: var(--global--color-white);
	border-radius: 50%;
	color: var(--global--color-primary);
	margin-left: 10px;
	transition: .3s ease-in-out
}

.careers .carousel-dots .owl-dots,
.shop .sidebar-shop {
	margin-top: 40px
}

.shop.shop-2 {
	padding-top: 47px;
	padding-bottom: 61px
}

.shop.shop-2 h5 {
	font-family: var(--global--font-heading);
	font-weight: 600;
	font-size: 21px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.awards,
.shop.shop-3 {
	padding-top: 130px;
	padding-bottom: 80px
}

.product-item {
	margin-bottom: 10px;
	transition: .3s ease-in-out;
	border-radius: 8px
}

.product-item:hover .product-img-wrap {
	border-radius: 8px 8px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.product-item:hover .product-img-wrap .product-img,
.projects.projects-standard .project-panel .project-panel-holder .project-img {
	border-radius: 8px 8px 0 0
}

.product-item:hover .product-img-wrap .product-img img {
	border-radius: 8px 8px 0 0;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.product-item:hover .product-img-wrap .product-img .add-to-cart {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(0);
	-ms-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
	visibility: visible
}

.product-item:hover .product-content {
	background-color: var(--global--color-white);
	border-radius: 0 0 8px 8px
}

.product-item .product-img-wrap {
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.product-item .product-img-wrap .product-img {
	position: relative;
	overflow: hidden
}

.product-item .product-img-wrap .product-img img {
	border-radius: 8px;
	max-width: 100%;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.product-item .product-img-wrap .product-img .badge {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	border-radius: 4px;
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	padding: 8px 15px;
	text-transform: capitalize
}

.product-item .product-img-wrap .product-img .badge.badge-sale {
	background-color: red
}

.product-item .product-img-wrap .product-img .add-to-cart {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(20px);
	-ms-transform: translateX(-50%) translateY(20px);
	transform: translateX(-50%) translateY(20px);
	bottom: 0;
	width: 190px;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--global--color-white);
	background-color: var(--global--color-primary);
	text-transform: capitalize;
	border-radius: 4px 4px 0 0;
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
	visibility: hidden
}

.shop-options,
.shop-options .products-sort .nice-select,
.single-product .checkout-banner {
	-webkit-box-align: center;
	display: -webkit-box;
	display: -ms-flexbox
}

.product-item .product-img-wrap .product-img .add-to-cart i {
	font-size: 15px;
	margin-right: 10px
}

.product-item .product-content {
	padding: 31px 35px 32px;
	text-align: center;
	background-color: transparent;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.product-item .product-content .product-title a {
	text-transform: capitalize;
	font-family: var(--global--font-heading);
	font-size: 21px;
	line-height: 32px;
	font-weight: 700;
	color: var(--global--color-heading);
	margin-bottom: 10px
}

.product-item .product-content .product-price span {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 19px;
	color: var(--global--color-primary);
	line-height: 28px
}

.shop-options {
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px
}

.shop-options .products-show p {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 0
}

.shop-options .products-sort .nice-select {
	padding-left: 25px;
	border-radius: 4px;
	border-color: #eaeaea;
	height: 60px;
	width: 250px;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.shop-options .products-sort .nice-select::after {
	width: 7px;
	height: 7px;
	border-color: var(--global--color-heading);
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	right: 28px
}

.shop-options .products-sort .nice-select .current {
	font-family: var(--global--font-body);
	font-size: 14px;
	color: var(--global--color-heading);
	text-transform: capitalize
}

.single-product .checkout-banner {
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 25px;
	background-color: #e0f6e9;
	border-radius: 8px;
	margin-bottom: 40px
}

.single-product .checkout-banner p {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 19px;
	color: var(--global--color-secondary);
	margin-bottom: 0
}

.single-product .checkout-banner .btn {
	height: 60px;
	width: 180px
}

.single-product .product-img {
	position: relative;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	border-radius: 12px
}

.about .about-img .about-img-holder,
.cta,
.single-product .product-img img,
.video {
	border-radius: 12px
}

.single-product .product-img a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.single-product .product-content {
	padding-top: 15px
}

.single-product .product-content .product-title h3 {
	font-family: var(--global--font-heading);
	font-weight: 700;
	color: var(--global--color-heading);
	font-size: 29px;
	line-height: 1;
	text-transform: capitalize;
	margin-bottom: 13px
}

.single-product .product-content .product-price {
	font-family: var(--global--font-body);
	color: #4aab3d;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 26px
}

.about .about-wrapper .about-block-wrapper .about-block .heading .heading-title,
.services .service-panel.services-panel-3 .service-content p,
.single-product .product-content .product-review {
	margin-bottom: 21px
}

.single-product .product-content .product-review span {
	color: var(--global--color-body);
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	font-family: var(--global--font-body);
	text-transform: capitalize
}

.single-product .product-content .product-review span::after {
	content: '/';
	margin: 0 6px
}

.single-product .product-content .product-review .product-rating {
	margin-right: 30px;
	display: inline-block
}

.single-product .product-content .product-review .product-rating i {
	color: var(--global--color-body);
	font-size: 15px;
	line-height: 1;
	margin-right: 5px
}

.single-product .product-content .product-desc p {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 32px;
	color: var(--global--color-body)
}

.project-single .project-overview .project-details .table td,
.single-product .product-content .product-details .table td {
	border-top: 0;
	border-bottom: 0;
	padding-bottom: 5px
}

.single-product .product-content .product-details .table .name {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 16px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.project-single .project-overview .project-details .table .value,
.single-product .product-content .product-details .table .value {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 15px;
	color: var(--global--color-body);
	text-transform: capitalize
}

.single-product .product-content .product-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.single-product .product-content .product-share a {
	color: var(--global--color-white);
	background-color: var(--global--color-heading);
	border-radius: 4px;
	margin-right: 15px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 52px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.single-product .product-content .product-share a:hover {
	background-color: var(--global--color-primary);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

.single-product .product-content .product-share a.facebook-bg {
	background-color: #3b5999
}

.single-product .product-content .product-share a.twitter-bg {
	background-color: #55acee
}

.single-product .product-content .product-share a.instagram-bg {
	background-color: #0092ff
}

.single-product .product-content .product-share a.pinterest-bg {
	background-color: #ca1f27
}

.single-product .product-content .product-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 35px
}

.single-product .product-content .product-action .product-quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #929ba2;
	border-radius: 4px;
	width: 80px;
	margin-right: 15px
}

.single-product .product-content .product-action .product-quantity span a {
	border-left: 2px solid #929ba2
}

.single-product .product-content .product-action .product-quantity span a:first-child {
	border-bottom: 2px solid #929ba2
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a i,
.single-product .product-content .product-action .product-quantity span a i {
	width: 24px;
	height: 24px;
	font-size: 10px;
	line-height: 25px;
	color: var(--global--color-heading);
	text-align: center
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity input,
.single-product .product-content .product-action .product-quantity input {
	width: 50px;
	height: 50px;
	color: var(--global--color-heading);
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	font-family: var(--global--font-body);
	text-align: center;
	background-color: transparent;
	border-color: transparent
}

.single-product .product-content .product-action .btn {
	height: 54px
}

.single-product .product-tabs {
	background-color: var(--global--color-white);
	margin-top: 95px;
	margin-bottom: 40px
}

.single-product .product-tabs .nav-tabs {
	background-color: var(--global--color-white);
	border: 0
}

.single-product .product-tabs .nav-tabs li a {
	color: var(--global--color-heading);
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: var(--global--font-body);
	text-transform: capitalize;
	border-radius: 0;
	margin-right: 0;
	padding-bottom: 14px;
	display: block;
	border-right: 0;
	position: relative
}

.single-product .product-tabs .nav-tabs li a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: transparent;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

@media (max-width:420px) {
	.single-product .product-tabs .nav-tabs li a::after {
		content: unset
	}
}

.single-product .product-tabs .tab-content {
	border-top: 2px solid #e6e8eb;
	padding-top: 25px
}

.single-product .product-tabs .tab-content p {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	color: var(--global--color-body)
}

.single-product .product-tabs .tab-content h5 {
	font-size: 13px
}

.single-product .product-tabs .tab-content .review-comment .review-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

.single-product .product-tabs .tab-content .review-comment .review-body img {
	width: 60px;
	height: 60px;
	border-radius: 8px;
	margin-right: 30px
}

.service-single .service-entry .entry-content .entry-video .heading-desc,
.sidebar-shop .widget-categories,
.single-product .product-tabs .tab-content .review-comment .product-comment {
	margin-bottom: 35px
}

.pt-0,
.shop-cart {
	padding-top: 0
}

.shop-cart .table-wrap {
	margin-bottom: 50px;
	overflow: hidden
}

.shop-cart .table-wrap .cart-table.table-responsive {
	min-height: .01%;
	overflow-x: auto
}

.shop-cart .table-wrap .cart-table .table {
	background-color: var(--global--color-white);
	margin-bottom: 0;
	color: var(--global--color-body);
	border: 1px solid #253745;
	border-radius: 0
}

.shop-cart .table-wrap .cart-table .table tr:first-child th:first-child {
	border-left: 0
}

.shop-cart .table-wrap .cart-table .table tbody tr td:last-child,
.shop-cart .table-wrap .cart-table .table tr:first-child th:last-child {
	border-right: 0
}

.shop-cart .table-wrap .cart-table .table tr th {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
	color: var(--global--color-body);
	font-family: var(--global--font-body);
	padding: 10px 30px;
	border-right: 1px solid #253745;
	border-bottom: 1px solid #253745
}

.shop-cart .table-wrap .cart-table .table tbody tr td {
	padding: 20px;
	border-right: 1px solid #253745;
	border-bottom: 1px solid #253745;
	border-top: 0;
	border-left: 0
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-price,
.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-total {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: var(--global--color-primary);
	font-family: var(--global--font-body);
	vertical-align: middle
}

.shop-cart .table-wrap .cart-table .table tbody tr td:first-child {
	width: 40% !important
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item,
.widget-categories ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-remove {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 19px;
	height: 19px;
	background-color: var(--global--color-heading);
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	margin-right: 20px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	margin-right: 20px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	border-radius: 4px
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-img img,
.widget-recent-products .product .product-img img {
	border-radius: 4px;
	max-width: 100%
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-item .cart-product-name h6 {
	font-family: var(--global--font-heading);
	color: var(--global--color-heading);
	font-size: 16px;
	font-weight: 700;
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 0
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #e6e8eb;
	border-radius: 8px 8px 0;
	width: 80px;
	margin: 0 auto
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a {
	border-left: 2px solid #e6e8eb
}

.shop-cart .table-wrap .cart-table .table tbody tr td.cart-product-quantity .product-quantity span a:first-child {
	border-bottom: 2px solid #e6e8eb
}

.shop-cart .table-wrap .cart-product-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px
}

.shop-cart .table-wrap .cart-product-action form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0
}

.shop-cart .table-wrap .cart-product-action form .form-control {
	border-radius: 4px;
	border: 1px solid #eaeaea;
	background-color: var(--global--color-white);
	margin-right: 10px;
	height: 42px;
	width: 250px;
	line-height: 42px;
	margin-bottom: 0
}

.shop-cart .table-wrap .cart-product-action form .btn {
	margin-top: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.shop-cart .table-wrap .cart-product-action .btn {
	width: 134px;
	height: 42px;
	line-height: 39px;
	margin-right: 10px;
	padding: 0 18px
}

@media screen and (max-width:575.98px) {
	.shop-cart .table-wrap .cart-product-action .btn {
		margin-top: 20px
	}
}

.shop-cart .cart-total-amount h5 {
	color: var(--global--color-heading);
	font-size: 21px;
	font-weight: 700;
	line-height: 30px;
	font-family: var(--global--font-heading);
	margin-bottom: 13px;
	position: relative
}

.shop-cart .cart-total-amount .table tbody .head {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 17px;
	color: var(--global--color-body);
	text-transform: capitalize
}

.shop-cart .cart-total-amount .table tbody td {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 17px;
	color: var(--global--color-body);
	border-top: 0;
	border-bottom: 1px solid #eaeaea;
	padding-left: 0
}

.shop-cart .cart-total-amount .table tbody td.amount,
.sidebar-blog .widget-recent-posts .entry-title a {
	font-weight: 700
}

.shop-cart .cart-total-amount .btn {
	width: 270px;
	height: 50px
}

.contact .contact-quote p a::before,
.payment,
.your-order .table-order {
	background-color: var(--global--color-gray)
}

.shop-checkout {
	padding-bottom: 120px;
	padding-top: 0
}

.shop-checkout .cart-coupon,
.shop-checkout .cart-empty {
	padding: 30px;
	background-color: #f5f5f5;
	border-top: 3px solid #1e85be;
	font-size: 18px;
	font-weight: 400;
	font-family: var(--global--font-body);
	line-height: 1;
	color: #515151;
	margin-bottom: 35px
}

.checkout-widget {
	padding: 20px;
	margin-bottom: 45px;
	background-color: #f5f5f5;
	border-radius: 4px
}

.checkout-widget .widget-title {
	text-transform: capitalize;
	margin-bottom: 15px
}

.checkout-widget .widget-title h2 {
	color: var(--global--color-heading);
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	font-family: var(--global--font-heading);
	margin-bottom: 0;
	text-transform: capitalize
}

.checkout-widget label {
	font-family: var(--global--font-heading);
	font-weight: 500;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: var(--global--color-heading);
	display: block
}

.checkout-widget label .required,
.login .login-body label .required {
	margin-left: 3px;
	color: red
}

.checkout-widget .form-control,
.footer .widget-contact .widget-content .address {
	margin-bottom: 12px
}

.checkout-widget textarea.form-control {
	padding-top: 17px;
	height: 170px
}

.checkout-widget .nice-select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.your-order {
	margin-bottom: 53px;
	border-radius: 8px 8px 0;
	overflow: hidden
}

.your-order .table-order {
	padding: 30px 30px 12px
}

.your-order .table-order table tbody tr,
.your-order .table-order table thead .order-heading {
	border-bottom: 1px solid #eaeaea
}

.your-order .table-order table thead .order-heading th {
	font-family: var(--global--font-body);
	font-size: 16px;
	color: var(--global--color-heading);
	font-weight: 700;
	text-transform: capitalize;
	padding-bottom: 3px
}

.your-order .table-order table tbody tr:last-child {
	border-bottom: 0
}

.your-order .table-order table tbody tr td {
	font-family: var(--global--font-body);
	font-size: 14px;
	color: var(--global--color-heading);
	text-transform: capitalize;
	font-weight: 700;
	padding-top: 13px;
	padding-bottom: 13px
}

.your-order .table-order table tbody tr td:last-of-type {
	font-weight: 400;
	color: var(--global--color-body)
}

.contact .contact-quote.contact-quote-2 .quote-body a:hover,
.your-order .table-order table tbody tr td.product-name {
	padding-left: 10px
}

.your-order .table-order table tbody tr.cart-total td:last-of-type {
	font-weight: 700;
	color: var(--global--color-heading)
}

.payment {
	padding: 33px 15px;
	border-radius: 4px
}

.payment .payment-method {
	margin: 0 15px;
	border-bottom: 2px solid #eaeaea
}

.payment .payment-method .no-payment {
	border-top: 3px solid #1e85be;
	padding: 27px 0
}

.payment .payment-method .no-payment p {
	font-family: var(--global--font-body);
	padding: 0 30px;
	font-size: 18px;
	line-height: 2;
	font-weight: 500;
	color: var(--global--color-heading)
}

.payment .payment-conditions {
	margin: 0 15px
}

.payment .payment-conditions .message {
	padding-top: 10px;
	font-family: var(--global--font-body);
	font-size: 17px;
	line-height: 2;
	color: var(--global--color-body);
	font-weight: 400;
	margin-bottom: 30px
}

.login .login-body .forget,
.shop-account .shop-account-nav ul li a,
.widget-categories ul li a {
	font-size: 15px;
	color: var(--global--color-heading)
}

.payment .payment-conditions label {
	text-transform: capitalize;
	font-weight: 500;
	color: var(--global--color-heading);
	font-size: 16px;
	margin-bottom: 30px
}

.payment .payment-conditions .btn {
	width: 170px;
	height: 50px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.login .login-body {
	background-color: #e6f8fb;
	border-radius: 4px;
	padding: 40px
}

.login .login-body label {
	font-family: var(--global--font-heading);
	font-weight: 500;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 5px;
	text-transform: capitalize;
	color: #222
}

.login .login-body .form-control {
	background-color: var(--global--color-white);
	margin-bottom: 8px
}

.login .login-body .check {
	margin-top: 10px;
	margin-bottom: 5px
}

.login .login-body .check label {
	margin-left: 5px
}

.login .login-body .btn {
	width: 170px;
	height: 50px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px
}

.login .login-body .forget {
	margin-top: 13px;
	font-family: var(--global--font-body);
	font-weight: 700
}

.shop-account {
	padding-top: 60px
}

.shop-account .shop-account-nav {
	background-color: #f4f4f4;
	padding: 0 30px;
	border: 1px solid #eaeaea
}

@media screen and (max-width:991px) {
	.shop-account .shop-account-nav {
		margin-bottom: 30px
	}
}

.shop-account .shop-account-nav ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	font-family: var(--global--font-body);
	font-weight: 700;
	line-height: 36px;
	text-transform: capitalize;
	position: relative;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-bottom: 1px solid #eaeaea
}

.shop-account .shop-account-nav ul li a:hover i {
	color: var(--global--color-primary);
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px)
}

.shop-account .shop-account-nav ul li a i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-left: 10px;
	font-size: 15px
}

@media screen and (max-width:500px) {
	.shop-account .shop-account-nav ul li a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.shop-account .shop-account-nav ul li a span {
		display: none
	}

	.shop-account .shop-account-nav ul li a i {
		margin-left: 0;
		font-size: 20px
	}
}

.shop-account .shop-account-nav ul li:first-child a {
	border-top: none
}

.shop-account .shop-account-nav ul li.active:hover a i {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.shop-account .shop-account-content {
	background-color: #f4f4f4;
	padding: 50px 30px;
	border: 1px solid #eaeaea
}

.shop-account .shop-account-content p {
	font-family: var(--global--font-heading);
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 0;
	text-transform: capitalize;
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.team {
	padding-top: 110px;
	padding-bottom: 10px
}

.team .member {
	-webkit-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
	max-width: 370px;
	margin: 0 auto 70px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08)
}

.team .member:hover .member-content::after {
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%)
}

.team .member .member-img img {
	border-radius: 8px;
	max-width: 100%
}

.team .member .member-content {
	background-color: var(--global--color-white);
	padding: 32px 40px 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.team .member .member-content::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--global--color-primary);
	height: 4px;
	width: calc(100% - 80px);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);
	transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1), -webkit-clip-path .3s, -webkit-transform .3s cubic-bezier(.2, 1, .8, 1);
	-o-transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1);
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%)
}

.team .member .member-content .member-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.team .member .member-content .member-social a {
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--global--color-heading);
	width: 20px;
	height: 20px;
	color: var(--global--color-white);
	font-size: 11px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-right: 10px
}

.team .member .member-content .member-info a,
.widget .widget-title h5 {
	font-size: 19px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.service-single .service-entry .entry-content .entry-introduction img:hover,
.team .member .member-content .member-social a:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

.team .member .member-content .member-info a {
	display: inline-block;
	font-family: var(--global--font-heading);
	font-weight: 700;
	margin-bottom: 11px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.team .member .member-content .member-info h6,
.widget-categories ul li a {
	font-family: var(--global--font-body);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	text-transform: capitalize
}

.team .member .member-content .member-info h6 {
	color: var(--global--color-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	transition: .3s ease-in-out;
	margin-bottom: 0
}

.team .member.member-2 {
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: none;
	box-shadow: none
}

.projects.projects-gallery .project-panel:hover .project-panel-holder .project-img .project-hover,
.team .member.member-2:hover .member-content .member-social {
	opacity: 1;
	visibility: visible
}

.team .member.member-2 .member-content {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 22px;
	padding-bottom: 26px
}

.team .member.member-2 .member-content .member-social {
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	width: 100%;
	height: calc(100% + 40px);
	padding-top: 30px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-color: var(--global--color-primary);
	z-index: 1;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	visibility: hidden;
	opacity: 0
}

.team .member.member-2 .member-content .member-social a,
.widget-services .widget-content ul li a:hover i {
	background-color: var(--global--color-white);
	color: var(--global--color-primary)
}

.team .member.member-2 .member-content .member-info {
	text-align: center;
	position: relative;
	z-index: 2
}

.widget {
	background-color: #e0f6e9;
	padding: 33px 40px 40px;
	margin-bottom: 40px;
	border-radius: 8px;
	position: relative
}

.widget .widget-title {
	text-align: center;
	margin-bottom: 23px
}

.widget .widget-title h5 {
	line-height: 30px;
	font-weight: 700;
	font-family: var(--global--font-heading);
	margin-bottom: 0;
	position: relative
}

.widget-categories {
	padding-bottom: 28px
}

.counter.counter-5 .counter-name,
.widget-categories .widget-title {
	margin-bottom: 8px
}

.widget-categories ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0
}

.widget-categories ul li:hover a {
	padding-left: 15px;
	color: var(--global--color-primary)
}

.widget-categories ul li a {
	font-weight: 700;
	line-height: 36px;
	position: relative;
	transition: .3s ease-in-out;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.widget-categories ul li span,
.widget-tags .widget-content a {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	font-weight: 400;
	font-family: var(--global--font-body)
}

.widget-categories ul li span {
	margin-left: 15px;
	font-size: 13px;
	padding: 1px 7px;
	border-radius: 50%;
	transition: .3s ease-in-out
}

.widget-tags .widget-title {
	margin-bottom: 22px
}

.widget-tags .widget-content {
	text-align: left
}

.widget-tags .widget-content a {
	display: inline-block;
	background-color: transparent;
	font-size: 12px;
	line-height: 28px;
	color: var(--global--color-primary);
	margin-right: 10px;
	margin-bottom: 10px;
	text-transform: capitalize;
	padding: 0 9px;
	border: 1px solid var(--global--color-primary);
	border-radius: 4px;
	transition: .3s ease-in-out
}

.widget-recent-posts {
	padding-bottom: 35px
}

.counter .counter-icon,
.widget-recent-posts .widget-title {
	margin-bottom: 18px
}

.widget-recent-posts .post {
	position: relative;
	margin-bottom: 19px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.widget-reservation img,
.widget-reservation::after,
.widget-reservation::before {
	position: absolute;
	right: 0;
	height: 100%;
	left: 0;
	top: 0
}

.widget-recent-posts .post .post-img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 100%;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 4px;
	width: 80px;
	height: 80px
}

.widget-recent-posts .post .post-img img {
	width: 100%;
	height: 100%
}

.widget-recent-posts .post .post-content .post-date {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #616161;
	text-transform: capitalize;
	margin-bottom: 4px
}

.widget-recent-posts .post .post-content .post-date span:after {
	position: relative;
	content: ',';
	margin-right: 4px
}

.widget-recent-posts .post .post-content .post-title a {
	font-family: var(--global--font-heading);
	color: var(--global--color-heading);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-transform: capitalize
}

.widget-recent-posts .carousel-dots .owl-dots {
	text-align: center;
	margin-top: 26px
}

.widget-recent-posts .carousel-dots .owl-dots .owl-dot.active span {
	background-color: var(--global--color-primary);
	border-color: var(--global--color-primary)
}

.widget-recent-posts .carousel-dots .owl-dots .owl-dot span {
	width: 16px;
	height: 6px;
	border-radius: 2px;
	border-width: 3px;
	background-color: var(--global--color-heading);
	border-color: var(--global--color-heading);
	margin-right: 12px
}

.widget-search .form-search {
	border: 1px solid #eaeaea;
	margin-bottom: 0;
	border-radius: 4px;
	background-color: var(--global--color-white)
}

.widget-search .form-search .form-control {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--global--color-body);
	font-size: 14px;
	font-family: var(--global--font-body);
	font-weight: 400;
	line-height: 5px;
	height: 55px;
	text-transform: capitalize;
	padding-left: 20px;
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0
}

.widget-search .form-search .form-control::-webkit-input-placeholder {
	font-size: 14px;
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	text-transform: capitalize
}

.widget-search .form-search .form-control:-moz-placeholder {
	font-size: 14px;
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	text-transform: capitalize
}

.widget-search .form-search .btn {
	background-color: transparent;
	border-radius: 0;
	border: 0;
	width: 45px;
	height: 55px;
	line-height: 29px;
	font-size: 16px;
	padding: 0 15px
}

.widget-search .form-search .btn i {
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-right: 0
}

.widget-reservation {
	position: relative;
	overflow: hidden;
	padding: 50px 40px 30px;
	border-radius: 8px
}

.widget-reservation:hover::before {
	opacity: 0;
	visibility: hidden
}

.widget-reservation::before,
.widget-reservation:hover::after {
	opacity: .9;
	visibility: visible
}

.widget-reservation img {
	width: 100%;
	z-index: 1
}

.widget-reservation::before {
	content: '';
	width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #32c36CE6), to(#32c36c));
	background-image: -o-linear-gradient(top, #32c36CE6 20%, #32c36c 100%);
	background-image: linear-gradient(180deg, #32c36CE6 20%, #32c36c 100%);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	z-index: 2;
	transition: .5s ease-in-out
}

.widget-reservation::after {
	content: '';
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 189, 213, 0)), color-stop(0, var(--global--color-heading)));
	background-image: -o-linear-gradient(top, rgba(19, 189, 213, 0) 0, var(--global--color-heading) 0);
	background-image: linear-gradient(180deg, rgba(19, 189, 213, 0) 0, var(--global--color-heading) 0);
	width: 100%;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	z-index: 2;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	opacity: 0;
	visibility: hidden
}

.widget-opening-hours .widget-content,
.widget-reservation .widget-content {
	position: relative;
	z-index: 3
}

.widget-reservation .widget-content i {
	display: block;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
	margin-bottom: -25px
}

.widget-reservation .widget-content i:before {
	font-size: 65px;
	color: var(--global--color-white)
}

.widget-reservation .widget-content p {
	margin-top: 7px;
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 17px;
	line-height: 28px;
	color: var(--global--color-white);
	margin-bottom: 52px
}

.widget-reservation .widget-content a {
	font-family: var(--global--font-body);
	font-weight: 400;
	color: var(--global--color-white);
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	transition: .3s ease-in-out
}

.widget-reservation .widget-content a span {
	font-size: 18px;
	margin-right: 15px
}

.widget-reservation .widget-content .btn {
	width: 100%;
	height: 60px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	padding: 0 26px;
	margin-bottom: 22px
}

.widget-opening-hours {
	position: relative;
	overflow: hidden;
	padding: 50px 40px 60px;
	border-radius: 8px 8px 0;
	background-color: #f6f6f6
}

.features,
.sidebar-blog .widget-tags {
	padding-bottom: 40px
}

.widget-opening-hours::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #435ba1;
	height: 3px;
	width: calc(100% - 80px)
}

.widget-opening-hours .widget-content i {
	display: block;
	margin-bottom: 11px
}

.widget-opening-hours .widget-content i:before {
	font-size: 50px;
	color: #51668a;
	margin-left: 0
}

.widget-opening-hours .widget-content h5 {
	text-transform: capitalize;
	font-family: var(--global--font-heading);
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	color: var(--global--color-heading);
	margin-bottom: 8px
}

.widget-opening-hours .widget-content ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	text-transform: capitalize;
	border-bottom: 1px solid #dcdee2;
	padding: 9px 0
}

.widget-download ul {
	margin: 0
}

.widget-download ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 25px;
	height: 70px;
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	transition: .3s ease-in-out;
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative
}

.widget-download ul li a svg {
	margin-left: 5px;
	fill: var(--global--color-white)
}

.widget-download ul li a span {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize
}

.widget-recent-products .product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.widget-recent-products .product .product-img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	overflow: hidden;
	border-radius: 4px
}

.widget-recent-products .product .product-desc .product-title a {
	text-transform: capitalize;
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 16px;
	line-height: 23px;
	color: var(--global--color-heading);
	margin-bottom: 4px;
	display: inline-block
}

.widget-recent-products .product .product-desc .product-meta span {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	color: var(--global--color-primary)
}

.widget-services .widget-content ul li {
	margin-bottom: 5px
}

.widget-services .widget-content ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	color: var(--global--color-heading);
	text-transform: capitalize;
	background-color: var(--global--color-white);
	border-radius: 4px;
	z-index: 1;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 20px 0 rgba(40, 40, 40, .11);
	height: 65px;
	padding: 0 30px;
	position: relative
}

.widget-services .widget-content ul li a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	background-color: var(--global--color-primary);
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}

.project-single .project-intro .project-img .project-panel:hover .project-content .project-more .btn::before,
.services .service-panel:hover .service-content .btn::before,
.widget-services .widget-content ul li a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.widget-services .widget-content ul li a i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: transparent;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 13px
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	-webkit-filter: inherit;
	filter: inherit
}

.ui-slider-horizontal .ui-slider-handle {
	position: absolute;
	top: -4px;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	position: absolute;
	top: -1px;
	height: 100%
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.clients .client a,
.map iframe,
.ui-slider-vertical .ui-slider-range {
	width: 100%;
	left: 0
}

.widget-filter .ui-slider {
	position: relative;
	height: 2px;
	background-color: #eaeaea;
	border-radius: 0;
	margin-bottom: 20px;
	margin-top: 5px
}

.widget-filter .ui-slider-handle {
	width: 10px;
	height: 10px;
	margin-left: 0;
	background-color: var(--global--color-primary);
	border-radius: 2px
}

.widget-filter .ui-slider-range {
	height: 4px;
	background-color: var(--global--color-primary);
	margin-bottom: 20px
}

.widget-filter .slider-mount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1
}

.widget-filter label {
	color: var(--global--color-body);
	margin: 0
}

.widget-filter input {
	color: var(--global--color-body);
	border: none;
	background-color: transparent
}

.widget-filter .btn-filter {
	float: right;
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
	color: var(--global--color-primary);
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	text-align: right
}

.sidebar-blog .widget {
	background-color: #f4f4f4
}

.sidebar-blog .widget-recent-posts .entry-date {
	font-family: var(--global--font-body);
	font-size: 13px;
	font-weight: 600;
	color: #616161
}

.sidebar-shop .widget {
	padding: 0;
	background-color: var(--global--color-white)
}

@media only screen and (min-width:320px) and (max-width:767px) {
	text-center-xs {
		text-align: center !important
	}

	.col-content {
		padding: 125px 18px 0 !important
	}

	.skills .heading,
	.widget {
		margin-bottom: 30px
	}

	.product-item {
		max-width: 270px;
		margin: 0 auto 30px
	}

	.product-options2 span {
		display: inline-block;
		min-width: 50px;
		margin-bottom: 10px
	}

	.sidebar {
		margin-top: 40px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	text-center-sm {
		text-align: center !important
	}

	.skills .heading {
		margin-bottom: 30px
	}

	.sidebar {
		margin-top: 40px
	}

	.widget-recent .entry .entry-desc {
		margin-left: 70px
	}
}

.features {
	padding-top: 85px
}

.features .feature-panel-holder:hover .feature-panel .feature-icon {
	-webkit-animation: .5s ease-in-out bounce;
	animation: .5s ease-in-out bounce
}

.features .feature-panel-holder:hover .feature-panel a {
	background-color: var(--global--color-primary);
	padding-left: 15px;
	padding-right: 15px
}

.features .feature-panel-holder:hover .feature-panel a span {
	font-size: 14px;
	opacity: 1;
	margin-left: 10px
}

.features .feature-panel-holder:hover .feature-panel.feature-panel-2 {
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21)
}

.features .feature-panel-holder .feature-panel {
	position: relative;
	padding: 39px 35px 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	overflow: hidden;
	background-color: var(--global--color-white);
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	cursor: pointer;
	margin-bottom: 30px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	min-height: 386px
}

.custome-box-height {
	min-height: initial !important
}

.custom-icon-position {
	align-items: flex-start !important
}

.awards .award .award-content .award-title,
.features .feature-panel-holder .feature-panel .feature-icon {
	margin-bottom: 17px
}

.features .feature-panel-holder .feature-panel .feature-icon i::before {
	color: var(--global--color-primary);
	margin-left: 0;
	font-size: 65px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.custom-h4 h4,
.features .feature-panel-holder .feature-panel .feature-content h4 {
	font-family: var(--global--font-heading);
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 25px;
	color: var(--global--color-secondary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	font-weight: 700
}

.features .feature-panel-holder .feature-panel .feature-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center
}

.features .feature-panel-holder .feature-panel .feature-content h4 {
	font-size: 19px;
	transition: .3s ease-in-out
}

.custom-h4 h4 {
	font-size: 40px !important;
	transition: .3s ease-in-out
}

.features .feature-panel-holder .feature-panel .feature-content p {
	font-family: var(--global--font-body);
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 20px;
	color: var(--global--color-body);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.features .feature-panel-holder .feature-panel a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	height: 32px;
	border-radius: 16px;
	background-color: var(--global--color-heading);
	font-size: 12px;
	color: var(--global--color-white);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}

.features .feature-panel-holder .feature-panel a span,
.more-features p a {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	text-transform: capitalize
}

.features .feature-panel-holder .feature-panel a span {
	opacity: 0;
	transition: .3s ease-in-out;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 0px;
	color: var(--global--color-white)
}

.features .actions-holder .btn:last-child {
	width: 180px;
	margin-right: 0;
	padding: 0 28px
}

.features .carousel-dots .owl-dots {
	margin-top: 10px;
	margin-bottom: 70px
}

.features.features-2 {
	padding-bottom: 0;
	position: relative;
	z-index: 2
}

.features.features-4 {
	padding-top: 130px;
	padding-bottom: 110px;
	position: relative
}

.features.features-4 .features-overlay {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
	width: calc(100% - 7%);
	border-radius: 12px
}

.about .about-wrapper .video-wrapper,
.features.features-4 .heading,
.testimonial.testimonial-4 .counters-holder,
.testimonial.testimonial-4 .testimonial-thumbs {
	position: relative;
	z-index: 1
}

.more-features p {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 16px;
	color: var(--global--color-gray);
	margin-bottom: 30px
}

.more-features p a {
	position: relative;
	color: var(--global--color-primary);
	transition: .3s ease-in-out
}

.footer .widget-contact .widget-content .email a:hover,
.footer-copyright .copyright span a:hover,
.more-features p a:hover {
	color: var(--global--color-primary-70)
}

.more-features .btn {
	width: 185px
}

.more-features.more-features-2 {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px
}

.more-features.more-features-2 p {
	margin-right: 30px;
	margin-bottom: 0;
	font-size: 15px
}

.more-features.more-features-2 .btn {
	width: 178px;
	height: 45px;
	padding: 0 23px;
	color: var(--global--color-heading)
}

.more-features.more-features-3 p {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--global--color-white);
	margin-bottom: 70px
}

.more-features.more-features-3 p a {
	position: relative;
	font-weight: 700;
	color: var(--global--color-primary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-transform: capitalize;
	padding-bottom: 6px
}

.features-bar .features-holder {
	position: relative;
	z-index: 55;
	-webkit-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	transform: translateY(-80px);
	margin-bottom: -80px;
	background-color: var(--global--color-white);
	border-radius: 4px;
	overflow: hidden
}

@media screen and (max-width:767px) {
	.features-bar .features-holder {
		padding-bottom: 40px
	}

	.features-bar .features-holder .feature-panel {
		padding-bottom: 0
	}
}

.cta,
.pricing .price-table .pricing-panel {
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11)
}

.features-bar .features-holder .feature-panel:hover .feature-content i {
	color: var(--global--color-white);
	background-color: var(--global--color-primary);
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.features-bar .features-holder .feature-panel .feature-content {
	position: relative;
	z-index: 3;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.features-bar .features-holder .feature-panel .feature-content i {
	margin-bottom: 7px;
	width: 94px;
	height: 94px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--global--color-white);
	color: var(--global--color-primary);
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.features-bar .features-holder .feature-panel .feature-content i::before {
	font-size: 65px;
	z-index: 2
}

.features-bar .features-holder .feature-panel .feature-content h5 {
	text-transform: capitalize;
	font-family: var(--global--font-heading);
	font-weight: 600;
	font-size: 19px;
	line-height: 28px;
	color: var(--global--color-secondary);
	margin-bottom: 0
}

.img-card.img-card-2,
.pricing .price-table .pricing-panel {
	-ms-flex-direction: column
}

.features-bar .actions-holder .btn {
	width: 170px;
	height: 60px;
	margin-right: 30px
}

.features-bar .actions-holder .btn:last-child {
	border: 2px solid;
	-webkit-transition-property: background, color, border-color;
	-o-transition-property: background, color, border-color;
	transition-property: background, color, border-color
}

.features-bar .actions-holder .btn:last-child:hover,
.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon {
	border-color: var(--global--color-secondary)
}

.pricing .price-table .pricing-panel {
	background-color: var(--global--color-white);
	padding: 44px 50px 42px;
	border-radius: 8px;
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.pricing .price-table .pricing-panel .pricing-body .pricing-heading .pricing-title {
	font-family: var(--global--font-heading);
	font-size: 18px;
	font-weight: 700px;
	line-height: 26px;
	color: var(--global--color-secondary);
	margin-bottom: 0;
	position: relative;
	text-transform: capitalize;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.pricing .price-table .pricing-panel .pricing-body .pricing-heading .pricing-desc {
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 400;
	color: var(--global--color-body);
	line-height: 26px;
	margin-bottom: 0
}

.pricing .price-table .pricing-panel .pricing-body .pricing-list p {
	font-size: 14px;
	line-height: 24px;
	color: var(--global--color-body);
	margin-bottom: 20px
}

.pricing .price-table .pricing-panel .pricing-body .pricing-price p {
	padding-top: 55px;
	margin-bottom: 29px;
	font-family: var(--global--font-heading);
	font-weight: 400;
	color: var(--global--color-secondary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	line-height: 30px;
	position: relative
}

.pricing .price-table .pricing-panel .pricing-body .pricing-price p::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #eaeaea
}

.pricing .price-table .pricing-panel .pricing-body .pricing-price p span::before {
	content: '/'
}

.counter.counter-3 .counter-holder .counter-img i::before,
.pricing .price-table .pricing-panel .pricing-body .pricing-price p .currency,
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i::before {
	font-size: 50px
}

.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn i::before,
.pricing .price-table .pricing-panel .pricing-body .pricing-price p .time {
	font-size: 14px
}

.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn {
	width: 100%;
	height: 65px;
	color: var(--global--color-white);
	padding-right: 20px;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.pricing .price-table .pricing-panel .pricing-body .pricing-price .btn i,
.project-panel .project-panel-holder .project-content .project-more .btn i {
	width: 28px;
	height: 28px;
	background-color: var(--global--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--global--color-heading);
	border-radius: 50%;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.pricing .price-table .pricing-panel.active::before {
	content: '';
	display: block;
	width: 46px;
	height: 20px;
	background-image: url("../images/icons/high-light.png");
	position: absolute;
	top: 30px;
	right: -2px
}

.pricing .price-table .pricing-panel.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	background-color: var(--global--color-primary);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 4px;
	width: calc(100% - 100px)
}

.clients .client::before,
.contact .contact-quote p a::before {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	left: 50%;
	position: absolute;
	content: ''
}

.pricing .more-prices {
	text-align: center;
	margin-top: 0
}

.cta-holder .more-actions p,
.faqs .more-faqs p,
.pricing .more-prices p,
.services .more-services p {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--global--color-body)
}

.cta-holder .more-actions p a,
.faqs .more-faqs p a,
.pricing .more-prices p a,
.services .more-services p a {
	position: relative;
	font-weight: 700;
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-transform: capitalize;
	padding-bottom: 6px
}

.contact .contact-quote p,
.contact .contact-quote p a {
	color: var(--global--color-gray);
	font-size: 15px;
	line-height: 25px;
	font-weight: 700
}

.faqs.faqs-2,
.pricing.pricing-1 {
	padding-top: 130px;
	padding-bottom: 100px
}

.contact.contact-1,
.contact.contact-2 {
	padding-top: 108px;
	padding-bottom: 108px
}

.contact .contact-action,
.mb-80 {
	margin-bottom: 80px
}

.contact .contact-action .btn,
.faqs .faqs-action .btn {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 170px;
	height: 65px;
	margin-right: 30px
}

.contact .contact-action .btn:last-child,
.faqs .faqs-action .btn:last-child {
	padding: 0 28px
}

.about .about-block .block-left .btn,
.contact .contact-action .btn.btn--white,
.faqs .faqs-action .btn.btn--white,
.project-single .project-overview.project-overview-3 .btn,
.projects #load-more {
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}

.contact .contact-action.contact-action-2 {
	margin-bottom: 131px
}

.contact .contact-quote p a {
	position: relative;
	padding-bottom: 6px
}

.contact .contact-quote p a::before {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 2px
}

.contact .contact-quote.contact-quote-2,
.service-single .service-entry .entry-content .entry-processes .entry-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.contact .contact-quote.contact-quote-2 i {
	color: var(--global--color-white);
	margin-right: 40px
}

.contact .contact-quote.contact-quote-2 i::before {
	font-size: 65px
}

.contact .contact-quote.contact-quote-2 .quote-body p {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 22px;
	color: var(--global--color-white)
}

.contact .contact-quote.contact-quote-2 .quote-body a {
	color: var(--global--color-white);
	text-transform: capitalize;
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.contact .contact-quote.contact-quote-2 .quote-body a i {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--global--color-white);
	border-radius: 50%
}

.contact .contact-quote.contact-quote-2 .quote-body a i::before,
.img-card .card-content .content-top a i::before {
	color: var(--global--color-primary);
	font-size: 15px
}

.contact.contact-2 {
	position: relative;
	background-position-x: -750px
}

.contact.contact-2 .contact-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 5%);
	border-radius: 12px;
	height: 100%;
	z-index: 1
}

.contact.contact-4 .contact-action .btn:last-child {
	border: 2px solid rgba(37, 55, 69, .5);
	color: var(--global--color-heading)
}

.contact.contact-4 .contact-panel-3 textarea {
	padding-top: 25px;
	height: 150px
}

.contact-panel {
	padding: 50px 55px
}

.contact-panel.contact-panel-2 {
	-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
	box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
	border-radius: 12px;
	-webkit-transform: translateY(370px);
	-ms-transform: translateY(370px);
	transform: translateY(370px);
	margin-top: -370px;
	z-index: 5
}

.contact-panel.contact-panel-2 .contact-card {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.contact-panel.contact-panel-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	position: relative
}

.contact-panel.contact-panel-3 .contact-card,
.contact-panel.contact-panel-3 .heading {
	z-index: 4
}

.contact-card {
	border-radius: 12px;
	padding: 47px 50px 40px;
	-webkit-box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);
	box-shadow: 0 1px 73px 0 rgba(40, 40, 40, .15);
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	position: relative
}

.contact-card .contact-body .card-heading {
	color: var(--global--color-heading);
	font-family: var(--global--font-heading);
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 20px
}

.contact-card .contact-body .card-desc {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: var(--global--color-body);
	margin-bottom: 28px
}

.contact-card .contact-body .btn i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	color: var(--global--color-heading);
	font-size: 12px
}

.img-card,
.img-card .card-content .content-top a,
.img-card .card-content .content-top a i,
.img-card.img-card-2,
.img-card.img-card-2 .card-content {
	display: -webkit-box;
	display: -ms-flexbox
}

.contact-card .contact-body .contact-result {
	margin-top: 10px;
	text-align: center
}

.img-card {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: auto;
	padding: 33px 40px 50px;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	text-align: center
}

.awards .award .award-img img,
.cta .cta-img img,
.img-card .card-content,
.img-hotspot .img-hotspot-wrap .img-hotspot-bg img {
	max-width: 100%
}

.img-card .card-content .content-top p {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 22px;
	font-weight: 700;
	color: var(--global--color-white)
}

.img-card .card-content .content-top a {
	color: var(--global--color-white);
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.img-card .card-content .content-top a i {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.img-card .card-content .content-bottom .contact-infos {
	margin-bottom: 26px
}

.img-card .card-content .content-bottom .contact-infos .contact-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 14px
}

.img-card .card-content .content-bottom .contact-infos .contact-info i {
	color: #f4f4f4;
	font-size: 16px;
	margin-right: 10px
}

.img-card .card-content .content-bottom .contact-infos .contact-info a,
.img-card .card-content .content-bottom .contact-infos .contact-info p {
	font-family: var(--global--font-body);
	line-height: 22px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	color: #f4f4f4
}

.img-card .card-content .content-bottom .btn {
	width: 150px;
	height: 55px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	padding: 0 20px;
	color: var(--global--color-primary)
}

.img-card.img-card-2 {
	display: flex;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-radius: 12px;
	background-position-x: 81%
}

.img-card.img-card-2 .card-content {
	-ms-flex-direction: column;
	flex-direction: column;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.map {
	position: relative;
	height: 470px
}

.map iframe {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.map iframe.map-gray {
	-webkit-filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg);
	filter: brightness(104%) contrast(99%) saturate(0%) blur(0px) hue-rotate(0deg)
}

.mb-20 {
	margin-bottom: 20px !important
}

.clients {
	padding-top: 0;
	padding-bottom: 0;
	border-top: 1px solid #eaeaea
}

.clients .client {
	padding-top: 60px;
	padding-bottom: 60px;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

.clients .client::before {
	top: -1px;
	transform: translateX(-50%);
	width: 0%;
	height: 1px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background-color: var(--global--color-primary)
}

.clients .client a {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 2
}

.clients .client img {
	max-width: 100%;
	width: auto;
	display: block;
	margin-right: auto;
	margin-left: auto
}

.certificate img {
	display: block;
	margin: 0 auto
}

.testimonial {
	padding-top: 90px;
	padding-bottom: 85px
}

.testimonial .testimonial-panel .testimonial-body .testimonial-img {
	margin-right: 40px;
	width: 63px;
	height: 63px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 5px;
	border: 2px solid var(--global--color-primary);
	border-radius: 50%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer img,
.testimonial .testimonial-panel .testimonial-body .testimonial-img img,
.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img img {
	max-width: 100%;
	border-radius: 50%
}

.testimonial .testimonial-panel .testimonial-body .testimonial-content p {
	font-family: var(--global--font-heading);
	color: var(--global--color-white);
	font-size: 24px;
	font-weight: 500;
	line-height: 39px;
	margin-bottom: 21px;
	font-style: italic
}

.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6 {
	font-family: var(--global--font-body);
	font-size: 14px;
	line-height: 28px;
	font-weight: 700;
	color: var(--global--color-white);
	text-transform: capitalize;
	margin-bottom: 0
}

.project-single .project-share .tags a::after,
.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta h6:after {
	content: ',';
	margin-right: 4px
}

.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta p {
	font-family: var(--global--font-body);
	color: var(--global--color-gray);
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	text-transform: capitalize;
	margin-bottom: 0
}

.testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
	font-weight: 600;
	font-size: 25px;
	line-height: 41px;
	margin-bottom: 39px;
	font-style: normal;
	color: var(--global--color-secondary)
}

.testimonial .testimonial-thumbs .testimonial-thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: .5;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-right: 40px;
	cursor: pointer
}

.testimonial .testimonial-thumbs .testimonial-thumb .thumb-img {
	margin-right: 15px;
	width: 63px;
	height: 63px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 5px;
	border: 2px solid transparent;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 50%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body h6 {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: var(--global--color-secondary);
	text-transform: capitalize;
	margin-bottom: 0
}

.testimonial .testimonial-thumbs .testimonial-thumb .thumb-body p {
	text-transform: capitalize;
	font-size: 14px;
	line-height: 23px;
	color: var(--global--color-body)
}

.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-next:before,
.testimonial.testimonial-1 .carousel-dots .owl-nav .owl-prev:before {
	color: rgba(255, 255, 255, .5);
	font-family: carousel !important;
	font-size: 44px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.testimonial.testimonial-1 .carousel-dots .owl-dots {
	margin-top: 16px
}

.testimonial.testimonial-3 {
	padding-bottom: 110px;
	background-position: top center
}

.testimonial.testimonial-4 {
	position: relative;
	padding-top: 80px;
	padding-bottom: 110px
}

.testimonial.testimonial-4 .testimonial-overlay {
	background-color: #f6f7f8;
	background-position: top center;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
	width: calc(100% - 7%);
	border-radius: 12px;
	z-index: 0
}

.testimonial.testimonial-5 {
	padding-top: 150px;
	padding-bottom: 30px;
	background-position: top center;
	overflow: visible
}

.testimonial.testimonial-5 .contact-panel {
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	margin-top: -60px;
	margin-bottom: 30px
}

.testimonial.testimonial-5 .contact-panel .contact-card .contact-body .btn {
	width: auto
}

.testimonial.testimonial-5 .contact-panel .contact-card .contact-body textarea {
	height: 127px;
	padding-top: 20px
}

.video {
	position: relative;
	height: 375px;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	margin-top: -100px
}

.video.video-1 {
	position: relative;
	margin-bottom: 0
}

.video.video-1 .btn-video {
	position: absolute;
	bottom: 30px;
	left: 30px;
	background-color: transparent;
	height: auto;
	padding: 0
}

.video.video-2 {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin-top: 0
}

.video.video-2 .btn-video,
.video.video-3 .btn-video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.video.video-3 {
	height: 525px;
	border-radius: 8px;
	margin-top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.mfp-bg {
	z-index: 1543
}

.mfp-wrap {
	z-index: 1642
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0
	}
}

.cta {
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	overflow: hidden;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

.cta .cta-img .cta-icon {
	border: 9px solid var(--global--color-white);
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%)
}

.cta .cta-img .cta-icon i {
	border-radius: 50%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 80px;
	height: 80px;
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	font-size: 30px;
	transition: .3s ease-in-out
}

.cta .cta-body {
	padding: 38px 50px 35px 80px
}

.cta .cta-body h5 {
	font-size: 23px;
	margin-bottom: 20px;
	line-height: 1;
	text-transform: capitalize
}

.cta .cta-body .cta-content {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column
}

.cta .cta-body .cta-content p {
	font-size: 15px;
	line-height: 25px
}

.cta .cta-body .cta-content .btn {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 185px;
	height: 55px;
	padding: 0 27px;
	border-color: rgba(37, 55, 69, .5);
	color: var(--global--color-heading);
	transition: .3s ease-in-out;
	margin-left: 0
}

.cta .cta-body .cta-content .btn:hover,
.services .actions-holder .btn:last-child:hover {
	border-color: var(--global--color-heading);
	color: var(--global--color-white)
}

.cta-holder {
	padding-bottom: 70px;
	background-position: bottom center
}

.cta-holder .cta {
	margin-bottom: 33px
}

.page-404 h3 {
	font-size: 280px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 0
}

.page-404 p,
.services .more-services.more-services-2 p {
	font-weight: 400
}

.page-404 p {
	color: #a5a5a5;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 20px
}

@media only screen and (max-width:767px) {
	section {
		padding: 70px 0
	}

	.page-404 h3 {
		font-size: 150px
	}

	.page-404 .btn {
		width: 125px
	}
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.navbar-nav>li {
		margin-right: 16px
	}

	.module .module-icon,
	.module-consultation .btn {
		margin-right: 0
	}

	.page-404 h3 {
		font-size: 180px
	}
}

.services {
	padding-top: 210px;
	padding-bottom: 100px;
	background-color: #f6f7f8
}

.services .service-panel {
	position: relative;
	padding: 66px 40px 40px;
	cursor: pointer;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	border-radius: 8px
}

.services .service-panel::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	height: 4px;
	width: calc(100% - 40px);
	background-color: var(--global--color-primary);
	border-radius: 0 0 8px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.services .service-panel:hover:after {
	height: 10px
}

.services .service-panel:hover .service-icon i {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
}

.services .service-panel .service-icon {
	position: absolute;
	top: -40px;
	left: 40px;
	z-index: 2;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1300px;
	perspective: 1300px
}

.services .service-panel .service-icon i::before {
	margin-left: 0;
	font-size: 75px;
	color: var(--global--color-primary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.services .service-panel .service-content {
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.services .service-panel .service-content h4 {
	width: 100%;
	margin-bottom: 0
}

.services .service-panel .service-content h4 a {
	display: block;
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 23px;
	line-height: 29px;
	text-transform: capitalize;
	padding-bottom: 36px;
	margin-bottom: 35px;
	border-bottom: 2px solid #eaeaea;
	color: var(--global--color-heading);
	width: 100%;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.services .service-panel .service-content p {
	font-family: var(--global--font-body);
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 24px;
	color: var(--global--color-body)
}

.services .service-panel .service-content .advantages-list {
	text-align: left;
	margin: 0 0 32px;
	padding: 0;
	list-style: none
}

.services .service-panel .service-content .advantages-list li::before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	width: 20px;
	height: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--global--color-secondary);
	color: var(--global--color-white);
	margin-right: 18px;
	border-radius: 50%;
	font-size: 10px
}

.services .service-panel .service-content .btn {
	position: relative;
	text-transform: capitalize;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	width: 165px;
	height: 55px
}

.services .service-panel .service-content .btn i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: var(--global--color-white);
	font-size: 12px
}

.services .service-panel.services-panel-2 {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 37px
}

.services .service-panel.services-panel-2 .service-icon {
	position: relative;
	top: auto;
	left: auto;
	margin-bottom: 32px
}

.services .service-panel.services-panel-2 .service-content h4 a {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 29px
}

.services .service-panel.services-panel-2 .service-content p {
	margin-bottom: 31px
}

.services .service-panel.services-panel-3 {
	padding: 0;
	margin-bottom: 40px
}

.services .service-panel.services-panel-3:hover::after {
	height: 4px;
	width: calc(100% - 80px)
}

.services .service-panel.services-panel-3::after {
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	border-radius: 0
}

.services .service-panel.services-panel-3 .service-img {
	border-radius: 8px;
	overflow: hidden
}

.services .service-panel.services-panel-3 .service-content {
	padding: 33px 40px 40px
}

.services .service-panel.services-panel-3 .service-content h4 a {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 19px
}

.services .actions-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 8px
}

.services .actions-holder .btn:first-child {
	width: 170px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}

.services .actions-holder .btn:last-child {
	width: 182px;
	margin-right: 0;
	padding: 0 27px;
	border-color: rgba(37, 55, 69, .5);
	color: var(--global--color-heading);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.services .more-services .rating i {
	color: var(--global--color-primary);
	margin-right: 5px
}

.services .more-services.more-services-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left
}

.services .more-services.more-services-2 .rating {
	margin-top: 4px;
	margin-right: 40px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.services.services-2 {
	padding-top: 114px;
	padding-bottom: 65px
}

.project-single .project-overview.project-overview-3 .heading,
.services.services-2 .owl-dots {
	margin-bottom: 62px
}

.services.services-3 {
	padding-top: 130px;
	padding-bottom: 110px;
	background-position: top center
}

.services.services-4 {
	padding-top: 130px;
	padding-bottom: 40px
}

.services.services-4 .service-panel {
	margin-bottom: 90px
}

.service-single {
	padding-top: 110px;
	padding-bottom: 20px
}

.service-single .sidebar {
	margin-left: 0;
	margin-right: auto
}

.service-single .service-entry .entry-content .entry-infos {
	margin-bottom: 66px
}

.service-single .service-entry .entry-content .entry-infos .entry-heading {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 21px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.service-single .service-entry .entry-content .entry-infos .entry-desc {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 28px
}

.service-single .service-entry .entry-content .entry-introduction .entry-heading {
	margin-bottom: 17px;
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px)
}

.service-single .service-entry .entry-content .entry-introduction img {
	max-width: 100%;
	border-radius: 8px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.service-single .service-entry .entry-content .entry-stats {
	margin-bottom: 57px
}

.service-single .service-entry .entry-content .entry-stats img {
	max-width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.service-single .service-entry .entry-content .entry-processes {
	margin-bottom: 66px;
	background-color: #e0f6e9;
	border-radius: 12px;
	padding: 45px 40px 40px
}

.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 170px;
	height: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%
}

.counter.counter-3 .counter-holder .counter-img i,
.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	border-radius: 50%
}

.service-single .service-entry .entry-content .entry-processes .images-holder {
	overflow: hidden;
	border-radius: 8px
}

.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next,
.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev,
.projects.projects-grid .carousel .owl-nav .owl-next,
.projects.projects-grid .carousel .owl-nav .owl-prev,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 110px;
	height: 110px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next::before,
.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev::before,
.projects.projects-grid .carousel .owl-nav .owl-next::before,
.projects.projects-grid .carousel .owl-nav .owl-prev::before,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next::before,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev::before {
	color: var(--global--color-white);
	content: '\e906';
	font-family: energia;
	font-size: 20px
}

.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev,
.projects.projects-grid .carousel .owl-nav .owl-prev,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev {
	left: 0;
	border-radius: 0 8px 8px 0;
	background-color: var(--global--color-primary)
}

.project-single .project-image-carousel .owl-carousel .owl-nav .owl-prev:before,
.projects.projects-grid .carousel .owl-nav .owl-prev:before,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-prev:before {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next,
.projects.projects-grid .carousel .owl-nav .owl-next,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next {
	right: 0;
	border-radius: 8px 0 0 8px;
	background-color: var(--global--color-heading)
}

.project-single .project-image-carousel .owl-carousel .owl-nav .owl-next:before,
.projects.projects-grid .carousel .owl-nav .owl-next:before,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav .owl-next:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.projects.projects-grid .carousel .owl-dots,
.projects.projects-standard.projects-standard-2 .owl-carousel .owl-dots,
.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-dots {
	position: absolute;
	width: 100%;
	bottom: -100px
}

.service-single .service-entry .entry-content .entry-topics {
	padding-top: 40px
}

.service-single .service-entry .entry-content .entry-topics .entry-topic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 16px
}

.service-single .service-entry .entry-content .entry-topics .entry-topic:last-of-type {
	margin-bottom: 7px
}

.service-single .service-entry .entry-content .entry-benefits,
.service-single .service-entry .entry-content .entry-why {
	margin-bottom: 36px
}

.service-single .service-entry .entry-content .entry-benefits .entry-heading,
.service-single .service-entry .entry-content .projects .entry-heading {
	margin-bottom: 37px
}

.company-data {
	padding-top: 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid #eaeaea
}

.company-data .data .data-icon i::before {
	margin-left: 0;
	color: var(--global--color-primary);
	font-size: 50px
}

.company-data .data .data-body h6 {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #282828;
	text-transform: capitalize;
	margin-bottom: 7px
}

.company-data .data .data-body a,
.company-data .data .data-body p {
	color: var(--global--color-body);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-transform: capitalize
}

.company-data .panels-container {
	display: flex;
	margin-top: 40px;
	border-radius: 8px;
	overflow: hidden
}

.company-data .panels-container .panel-action {
	background-color: var(--global--color-primary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	padding: 37px 30px 39px 45px;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	cursor: pointer
}

.company-data .panels-container .panel-action .panel-icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 20px
}

@media screen and (min-width:768px) {
	.module-cart .module-cart-warp {
		width: 330px
	}

	.cta .cta-body .cta-content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.cta .cta-body .cta-content .btn {
		margin-left: 30px
	}

	.services .service-panel .service-content {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {
		margin-right: 40px;
		margin-top: 15px
	}

	.company-data .panels-container .panel-action .panel-icon {
		margin-right: 30px;
		margin-bottom: 0
	}

	.footer .footer-widget {
		text-align: left
	}
}

.company-data .panels-container .panel-action .panel-icon i::before {
	color: var(--global--color-white);
	font-size: 65px;
	margin-left: 0
}

.company-data .panels-container .panel-action .panel-content .panel-heading {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 16px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: var(--global--color-white)
}

.company-data .panels-container .panel-action .panel-content .panel-desc {
	font-size: 15px;
	line-height: 24px;
	color: var(--global--color-gray)
}

.counters {
	padding-top: 130px;
	padding-bottom: 90px;
	position: relative
}

.counters .actions-holder .btn:last-child {
	width: 235px;
	margin-right: 0
}

.counters-bar {
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 32px;
	padding-bottom: 26px
}

.counter {
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	border-radius: 8px;
	padding: 24px 40px 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start
}

.counter .counter-icon i::before {
	font-size: 65px;
	margin-left: 0
}

.counter .counter-num {
	margin-bottom: 12px;
	display: flex
}

.counter .counter-num p,
.counter .counter-num span {
	font-size: 37px;
	font-family: var(--global--font-heading);
	font-weight: 700;
	line-height: 29px;
	display: inline-block;
	color: var(--global--color-white)
}

.counter .counter-name h6 {
	margin-bottom: 0;
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 16px;
	line-height: 29px;
	color: var(--global--color-white);
	text-transform: capitalize
}

.counter.counter-2 {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-bottom: 40px
}

.counter.counter-2::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 170px;
	height: 2px;
	background-color: #4c5b66
}

.counter.counter-2 .counter-num {
	display: block;
	text-align: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-bottom: 17px
}

.counter.counter-2 .counter-num .counting {
	font-family: var(--global--font-body);
	font-weight: 500;
	font-size: 50px;
	color: var(--global--color-primary);
	line-height: 29px;
	margin-right: 10px
}

.counter.counter-2 .counter-num h6 {
	text-transform: capitalize;
	font-size: 25px;
	font-weight: 700;
	font-style: italic;
	line-height: 29px;
	color: var(--global--color-white);
	margin-bottom: 0
}

.counter.counter-2 .counter-desc p {
	margin-bottom: 34px;
	font-size: 15px;
	line-height: 25px;
	color: var(--global--color-gray)
}

.counter.counter-3,
.counter.counter-6 {
	background-color: transparent;
	border-radius: 0;
	padding: 0
}

.counter.counter-3 .counter-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 35px
}

.counter.counter-3 .counter-holder .counter-num {
	margin-right: 32px;
	-webkit-transform: translateY(-14px);
	-ms-transform: translateY(-14px);
	transform: translateY(-14px);
	margin-top: -14px
}

.counter.counter-3 .counter-holder .counter-num span {
	font-family: var(--global--font-body);
	font-weight: 300;
	color: var(--global--color-primary);
	font-size: 120px;
	margin-bottom: 0
}

.counter.counter-3 .counter-holder .counter-img {
	width: 170px;
	height: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%
}

.counter.counter-3 .counter-desc {
	position: relative;
	padding-bottom: 24px
}

.counter.counter-3 .counter-desc::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 2px;
	background-color: #4c5b66
}

.counter.counter-3 .counter-desc p {
	margin-bottom: 0;
	font-family: var(--global--font-body);
	color: var(--global--color-white);
	font-weight: 700;
	font-size: 16px;
	line-height: 26px
}

.counter.counter-4 {
	padding: 32px 40px 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.counter.counter-4 .counter-num h6,
.counter.counter-4 .counter-num p,
.counter.counter-4 .counter-num span {
	font-style: italic;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 29px;
	text-transform: capitalize;
	color: var(--global--color-white)
}

.counter.counter-5 {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	position: relative;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.counter.counter-5::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 53px;
	width: 2px;
	background-color: #eaeaea
}

.counter.counter-5 .counter-name h6 {
	color: #282828
}

.counter.counter-5 .counter-num span {
	font-family: var(--global--font-body);
	font-weight: 600;
	font-size: 30px;
	color: #4aab3d
}

.counter.counter-5 .counter-num span:last-of-type {
	margin-left: 10px
}

.counter.counter-6 .counter-num span {
	font-weight: 400;
	font-family: var(--global--font-body);
	font-size: 50px;
	color: var(--global--color-primary)
}

@-webkit-keyframes Bounce {

	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,
	75% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes Bounce {

	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,
	75% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

.projects.projects-modern {
	padding-top: 130px;
	padding-bottom: 70px
}

.projects.projects-modern.projects-modern-2 {
	padding-top: 210px
}

.projects.projects-grid.projects-grid-3,
.projects.projects-modern.projects-modern-3,
.projects.projects-standard {
	padding-top: 86px;
	padding-bottom: 110px
}

.projects.projects-grid {
	padding-top: 114px;
	padding-bottom: 130px
}

.about,
.careers {
	padding-top: 130px
}

.project-single .project-image-carousel .owl-carousel .owl-nav,
.projects.projects-grid .carousel .owl-nav {
	top: 167px
}

.projects.projects-grid .project-panel .project-panel-holder .project-content {
	padding: 30px 38px 17px
}

.projects.projects-grid .project-panel .project-panel-holder .project-content .project-title,
.projects.projects-standard .project-panel .project-panel-holder .project-content .project-title {
	margin-bottom: 6px
}

@media (max-width:400px) {
	.projects.projects-grid .carousel {
		padding: 0 5%
	}

	.projects.projects-grid.projects-grid-2 .carousel {
		padding: 0
	}
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav {
	position: absolute;
	top: 125px;
	left: -58px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next,
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next::before,
.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev::before {
	color: var(--global--color-white);
	font-family: carousel;
	font-size: 40px
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev {
	left: auto;
	border-radius: 0;
	background-color: transparent
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-prev:before {
	content: '\e990';
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	color: var(--global--color-heading)
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next {
	right: auto;
	margin-bottom: 25px;
	border-radius: 0;
	background-color: transparent
}

.projects.projects-grid.projects-grid-2 .carousel .owl-nav .owl-next:before {
	content: '\e991';
	color: var(--global--color-primary);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-title {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.projects.projects-grid.projects-grid-2 .project-panel .project-panel-holder .project-content .project-cat {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-bottom: 0
}

.mb-10,
.projects.projects-grid.projects-grid-3 .project-panel {
	margin-bottom: 10px
}

.mt-10,
.projects.projects-grid.projects-grid-3 #load-more {
	margin-top: 10px
}

.projects.projects-standard .project-panel {
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .11);
	margin-bottom: 30px
}

.projects.projects-standard .project-panel:hover .project-panel-holder .project-content {
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background-color: var(--global--color-primary)
}

.projects.projects-standard .project-panel .project-panel-holder .project-content {
	background-color: var(--global--color-white);
	padding: 30px 38px 27px;
	border-radius: 0 0 8px 8px
}

.projects.projects-standard.projects-standard-2 {
	padding-top: 36px;
	padding-bottom: 145px
}

.projects.projects-standard.projects-standard-2 .project-panel {
	margin-bottom: 50px
}

.projects .projects-load-more .btn {
	width: 222px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}

.faqs,
.projects.projects-gallery {
	padding-top: 130px;
	padding-bottom: 110px
}

.projects.projects-gallery .project-panel .project-panel-holder .project-img {
	border-radius: 8px
}

.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--global--color-primary-70);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover .project-zoom {
	color: var(--global--color-white);
	font-size: 20px
}

.project-panel .project-panel-holder .project-img a,
.projects.projects-gallery .project-panel .project-panel-holder .project-img .project-hover a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.projects.projects-gallery .btn {
	margin-top: 10px;
	border: 2px solid var(--global--color-heading)
}

.projects.projects-gallery .btn:focus .projects.projects-gallery .btn::active {
	color: var(--global--color-heading)
}

.project-panel {
	margin-bottom: 20px;
	background-color: var(--global--color-white);
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	border-radius: 8px
}

.project-panel:hover {
	-webkit-box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13);
	box-shadow: 0 3px 20px 0 rgba(40, 40, 40, .13)
}

.project-panel:hover .project-panel-holder .project-img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.project-panel:hover .project-panel-holder .project-img::after {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.faqs .faqs-action .btn:first-child i,
.project-panel .project-panel-holder .project-content .project-title h4 a:hover,
.project-panel:hover .project-panel-holder .project-content .project-more .btn i {
	color: var(--global--color-heading)
}

.project-panel .project-panel-holder .project-img {
	position: relative;
	overflow: hidden;
	border-radius: 8px
}

.project-panel .project-panel-holder .project-img::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .5);
	content: '';
	z-index: 1;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}

.project-panel .project-panel-holder .project-img img {
	max-width: 100%;
	height: auto;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.project-panel .project-panel-holder .project-content {
	padding: 33px 40px 40px;
	text-align: center
}

.project-panel .project-panel-holder .project-content .project-title h4 a {
	font-family: var(--global--font-heading);
	font-size: 20px;
	font-weight: 600;
	line-height: 27px;
	text-transform: capitalize;
	color: #32c36c
}

.project-panel .project-panel-holder .project-content .project-cat {
	margin-bottom: 3px
}

.project-panel .project-panel-holder .project-content .project-cat a {
	color: var(--global--color-primary);
	font-family: var(--global--font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	position: relative;
	text-transform: capitalize
}

.project-panel .project-panel-holder .project-content .project-cat a::before {
	content: '';
	height: 1px;
	width: 100%;
	background-color: var(--global--color-primary);
	position: absolute;
	bottom: -2px;
	left: 0;
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.project-panel .project-panel-holder .project-content .project-cat a::after {
	content: ",";
	margin-right: 5px
}

.project-panel .project-panel-holder .project-content .project-desc {
	margin-bottom: 32px;
	margin-top: 10px
}

.project-panel .project-panel-holder .project-content .project-desc p {
	font-family: var(--global--font-body);
	color: var(--global--color-body);
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 0
}

.cutome-height p {
	min-height: 175px
}

.project-panel .project-panel-holder .project-content .project-more .btn {
	border: 2px solid rgba(37, 55, 69, .5);
	width: 100%;
	height: 55px;
	color: var(--global--color-heading);
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.projects-filter {
	text-align: center;
	margin-bottom: 33px
}

.projects-filter li a {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	margin-right: 35px;
	text-transform: capitalize;
	font-family: var(--global--font-body);
	color: var(--global--color-heading)
}

.project-single .project-intro .project-img .project-panel {
	position: absolute;
	left: 65px;
	bottom: -40px;
	max-width: 400px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .16);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .35);
	margin-bottom: 0
}

.project-single .project-intro .project-img .project-panel .project-content {
	padding: 30px
}

.project-single .project-intro .project-img .project-panel .project-content .project-more {
	position: absolute;
	bottom: 0;
	left: 0
}

.project-single .project-intro .project-img .project-panel .project-content .project-more .btn {
	width: 204px;
	height: 65px;
	color: var(--global--color-white);
	border: 0;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	border-radius: 0 8px
}

.project-single .project-intro .project-img .project-panel .project-content .project-more .btn::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}

.project-single .project-intro .project-img .project-panel .project-content .project-more .btn i {
	color: var(--global--color-white);
	background-color: transparent
}

.project-single .project-overview {
	padding-top: 110px;
	padding-bottom: 80px
}

.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder,
.project-single .project-overview .advantages-list-holder {
	padding: 32px 40px;
	background-color: #e0f6e9;
	border-radius: 12px
}

.project-single .project-overview .advantages-list-holder p {
	font-size: 17px;
	font-weight: 700;
	line-height: 27px;
	color: var(--global--color-secondary);
	margin-bottom: 25px
}

.project-single .project-overview.project-overview-1 .btn {
	width: 270px;
	height: 60px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}

.project-single .project-overview.project-overview-3 {
	padding-top: 120px;
	padding-bottom: 130px
}

.project-single .project-overview.project-overview-4 {
	padding-top: 110px;
	padding-bottom: 90px
}

.mt-30,
.project-single .project-overview.project-overview-4 .counters-holder {
	margin-top: 30px
}

.project-single .project-image-carousel .owl-carousel .owl-dots {
	margin-top: 10px;
	position: relative;
	bottom: auto
}

.project-single .project-share {
	padding-top: 33px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eaeaea
}

.project-single .project-share .tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px
}

.project-single .project-share .tags a {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: var(--global--color-primary);
	text-transform: capitalize
}

.project-single .project-share .social-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.faqs .more-faqs {
	text-align: center;
	margin-top: 3px
}

.img-hotspot .img-hotspot-wrap {
	position: relative;
	max-width: 100%
}

@media screen and (max-width:567px) {
	.features-bar .features-holder {
		max-width: 370px
	}

	.img-hotspot .img-hotspot-wrap {
		max-width: 470px
	}
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon {
	width: 22px;
	height: 22px;
	cursor: pointer;
	border: 2px solid var(--global--color-primary);
	border-radius: 50%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .pointer-icon::after {
	content: '';
	background-color: var(--global--color-primary);
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover .info {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	visibility: visible
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer {
	width: 96px;
	height: 96px;
	cursor: pointer;
	border: 2px solid var(--global--color-primary);
	border-radius: 50%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner {
	width: 82px;
	height: 82px;
	cursor: pointer;
	border: 2px solid var(--global--color-primary);
	border-radius: 50%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 68px;
	height: 68px;
	background-color: var(--global--color-primary);
	border-radius: 50%
}

.img-hotspot .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info .border-outer .border-inner i::before {
	color: var(--global--color-white);
	font-size: 50px;
	margin-left: 0
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 42px;
	height: 42px;
	padding: 4px;
	border: 2px solid var(--global--color-heading);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer::after {
	position: absolute;
	content: '';
	width: 56px;
	height: 56px;
	border: 2px solid var(--global--color-primary);
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer:hover::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {
	background-color: var(--global--color-white);
	-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
	box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
	border-radius: 8px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: absolute;
	max-width: 330px;
	z-index: 2;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	padding: 23px 28px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px)
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before,
.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info::before {
	content: '';
	bottom: -9px;
	width: 10px;
	height: 10px;
	background-color: var(--global--color-white);
	position: absolute
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%);
	left: auto;
	right: 30px
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	left: 30px
}

.img-hotspot.img-hotspot-2 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span {
	font-family: var(--global--font-body);
	font-size: 15px;
	font-weight: 700;
	line-height: 26px;
	color: var(--global--color-secondary);
	text-transform: capitalize
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer {
	position: absolute;
	width: 28px;
	height: 28px;
	cursor: pointer
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info {
	background-color: var(--global--color-white);
	-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
	box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
	border-radius: 10px 10px 10px 0;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: absolute;
	max-width: 170px;
	z-index: 2;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	padding: 15px 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px)
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left {
	border-radius: 10px 10px 0
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.left::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	left: auto;
	right: 0
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right {
	border-radius: 10px 10px 10px 0
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info.right::before {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%);
	left: 0
}

.img-hotspot.img-hotspot-3 .img-hotspot-wrap .img-hotspot-pointers .img-hotspot-pointer .info span {
	font-family: var(--global--font-body);
	font-size: 14px;
	line-height: 24px;
	color: var(--global--color-body);
	text-transform: capitalize
}

.careers {
	padding-bottom: 220px
}

.careers .career-item .career-item-wrap {
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .06);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .06);
	border-radius: 8px;
	background-color: var(--global--color-white);
	padding: 39px 40px 40px;
	position: relative
}

.careers .career-item .career-item-wrap .career-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 33px
}

.careers .career-item .career-item-wrap .career-meta .career-place,
.careers .career-item .career-item-wrap .career-meta .career-type {
	font-size: 13px;
	line-height: 28px;
	font-family: var(--global--font-body);
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 0
}

.careers .career-item .career-item-wrap .career-meta .career-type {
	color: var(--global--color-primary);
	border: 2px solid var(--global--color-primary);
	padding: 0 9px;
	border-radius: 4px;
	margin-right: 15px
}

.careers .career-item .career-item-wrap .career-content .career-title {
	font-family: var(--global--font-heading);
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	color: var(--global--color-heading);
	margin-bottom: 17px;
	text-transform: capitalize
}

.awards .award .award-content .award-desc,
.careers .career-item .career-item-wrap .career-content .career-desc {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: var(--global--color-body)
}

.careers .career-item .career-item-wrap .career-content .career-more {
	width: 140px;
	height: 42px;
	padding: 0 20px
}

.awards .award .award-img {
	padding: 42px 65px;
	background-color: #f3f3f3;
	border-radius: 8px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.awards .award .award-content {
	padding: 29px 30px 12px
}

@media (min-width:992px) and (max-width:1200px) {
	.product-item .product-content {
		padding-left: 15px;
		padding-right: 15px
	}

	.features-bar .features-holder .feature-panel,
	.team .member .member-content {
		padding-left: 30px;
		padding-right: 30px
	}

	.team .member.member-2 .member-content {
		padding-left: 25px;
		padding-right: 25px
	}

	.features .feature-panel-holder .feature-panel {
		padding: 39px 19px 40px
	}

	.careers .career-item .career-item-wrap,
	.pricing .price-table .pricing-panel,
	.project-panel .project-panel-holder .project-content,
	.services .service-panel.services-panel-3 .service-content {
		padding-right: 25px;
		padding-left: 25px
	}

	.pricing .price-table .pricing-panel.active::after,
	.services .service-panel.services-panel-3:hover::after {
		width: calc(100% - 50px)
	}

	.company-data .data .data-icon,
	.contact .contact-action .btn,
	.faqs .faqs-action .btn {
		margin-right: 10px
	}

	.contact-panel.contact-panel-2 {
		padding-left: 40px;
		padding-right: 40px
	}

	.clients .client {
		width: 130px
	}

	.testimonial .testimonial-panel .testimonial-body .testimonial-img {
		margin-right: 25px
	}

	.testimonial .testimonial-panel .testimonial-body .testimonial-content p {
		font-size: 22px;
		line-height: 1.5
	}

	.testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
		font-size: 20px;
		line-height: 35px
	}

	.awards .award .award-content,
	.company-data .panels-container .panel-action,
	.services .service-panel {
		padding-left: 20px;
		padding-right: 20px
	}

	.services .service-panel::after {
		width: calc(100% - 20px)
	}

	.services .service-panel .service-icon {
		left: 25px
	}

	.services .service-panel .service-content .advantages-list li {
		font-size: 14px
	}

	.services .service-panel .service-content .advantages-list li::before {
		margin-right: 8px
	}

	.company-data .data .data-icon i::before {
		font-size: 35px
	}

	.company-data .panels-container .panel-action .panel-icon {
		margin-right: 20px
	}

	.company-data .panels-container .panel-action .panel-icon i::before {
		font-size: 50px
	}

	.company-data .panels-container .panel-action .panel-content .panel-heading,
	.project-panel .project-panel-holder .project-content .project-title h4 a {
		font-size: 18px
	}

	.projects.projects-grid .project-panel .project-panel-holder .project-content,
	.projects.projects-standard .project-panel .project-panel-holder .project-content {
		padding-left: 10px;
		padding-right: 10px
	}

	.awards .award .award-img {
		padding-left: 45px;
		padding-right: 45px
	}
}

.awards .award .award-content .award-title a {
	font-family: var(--global--font-heading);
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: var(--global--color-secondary);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-transform: capitalize
}

.about {
	padding-bottom: 80px
}

.about .about-img {
	position: relative;
	height: 570px
}

.about .about-img .counter {
	min-width: 200px;
	position: absolute;
	top: 70px;
	left: -40px;
	z-index: 2
}

.about .prief-set p {
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
	margin-bottom: 24px
}

.about .signature-block .signature-body img {
	position: absolute;
	top: -18px;
	left: 2px;
	right: 0
}

.about .signature-block .signature-body h6 {
	font-family: var(--global--font-heading);
	font-weight: 600;
	font-style: italic;
	color: var(--global--color-secondary);
	font-size: 19px;
	line-height: 29px;
	text-transform: capitalize;
	margin-bottom: 0
}

.about .signature-block .signature-body p {
	font-family: var(--global--font-body);
	font-weight: 400;
	color: var(--global--color-primary);
	font-size: 14px;
	line-height: 26px;
	text-transform: capitalize;
	margin-bottom: 0
}

.about .signature-block .btn {
	margin-right: 30px;
	width: 170px;
	-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
	box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
}

.about .about-block .block-left .paragraph {
	font-size: 17px;
	line-height: 27px;
	color: var(--global--color-secondary);
	font-weight: 500;
	margin-bottom: 19px
}

.about .about-block .block-left p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 32px
}

.about .about-wrapper .about-block-wrapper {
	position: relative;
	z-index: 2
}

.about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
	background-color: var(--global--color-primary);
	color: var(--global--color-white);
	border-radius: 0 0 12px 12px;
	margin-bottom: 55px
}

.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p {
	font-size: 17px;
	font-weight: 700;
	line-height: 27px;
	color: var(--global--color-secondary);
	margin-bottom: 0
}

.about .about-wrapper .video-wrapper .video {
	background-position-x: right
}

.about.about-3 {
	padding-top: 110px;
	padding-bottom: 130px
}

.about.about-3 .about-block .block-left p {
	margin-bottom: 42px
}

.about.about-3 .about-block .block-left .paragraph {
	border-left: 4px solid var(--global--color-primary);
	margin-bottom: 25px
}

.about.about-3 .about-block .block-left .signature-block .signature-body p {
	margin-bottom: 0;
	padding-left: 0
}

.about.about-3 .about-img .counter {
	top: auto;
	bottom: 0;
	left: 99px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	min-width: 0;
	border-radius: 12px 0;
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.processes .process-panel {
	padding: 0 50px 32px 0;
	position: relative
}

.processes .process-panel .process-number {
	font-family: var(--global--font-body);
	font-size: 37px;
	font-weight: 500;
	line-height: 29px;
	color: var(--global--color-primary);
	margin-bottom: 32px
}

.processes .process-panel .process-body .process-content h5 {
	font-weight: 700;
	font-style: italic;
	font-size: 24px;
	color: var(--global--color-white);
	line-height: 48px;
	margin-bottom: 18px;
	text-transform: capitalize
}

.processes .process-panel .process-body .process-content p {
	font-size: 16px;
	line-height: 27px;
	color: var(--global--color-white);
	margin-bottom: 0
}

@media screen and (max-width:991.98px) {

	.about .about-block,
	.awards .award .award-content,
	.contact-card .contact-body .card-desc,
	.contact-card .contact-body .card-heading,
	.more-features,
	.service-single .service-entry .entry-content .entry-infos,
	.services .service-panel.services-panel-3 .service-content,
	.shop.shop-2 h5,
	.single-product .product-content,
	.testimonial .testimonial-panel .testimonial-body .testimonial-content,
	.widget-opening-hours,
	.widget-reservation {
		text-align: center
	}

	.blog-single .entry-add-comment .btn {
		width: 100%
	}

	.about.about-3,
	.contact.contact-1,
	.contact.contact-2,
	.contact.contact-4,
	.counters,
	.faqs,
	.faqs.faqs-2,
	.features.features-4,
	.pricing.pricing-1,
	.project-single .project-overview.project-overview-2,
	.project-single .project-overview.project-overview-4,
	.projects.projects-gallery,
	.services.services-3,
	.shop,
	.shop.shop-3 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.single-product .product-img {
		margin-bottom: 25px
	}

	.single-product .product-content .product-share {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.about .signature-block,
	.contact .contact-quote.contact-quote-2 .quote-body a,
	.counters .actions-holder,
	.features .actions-holder,
	.features-bar .actions-holder,
	.img-card .card-content .content-top a,
	.pricing .price-table .pricing-panel .pricing-body .pricing-price p,
	.services .actions-holder,
	.single-product .product-content .product-action,
	.testimonial .testimonial-panel .testimonial-body .testimonial-content .testimonial-meta,
	.testimonial .testimonial-thumbs,
	.widget-reservation .widget-content a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.contact .contact-quote.contact-quote-2,
	.more-features.more-features-2 {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}

	.shop-cart .table-wrap .cart-product-action form .form-control {
		width: 200px
	}

	.services,
	.services.services-2,
	.shop-checkout,
	.testimonial.testimonial-3,
	.testimonial.testimonial-4,
	.testimonial.testimonial-5 {
		padding-bottom: 70px
	}

	.login {
		padding: 70px 0
	}

	.team {
		padding-top: 70px;
		padding-bottom: 30px
	}

	.about .about-img,
	.img-hotspot .img-hotspot-wrap,
	.team .member {
		margin: 0 auto 40px
	}

	.features .feature-panel-holder .feature-panel {
		margin: 0 auto 30px
	}

	.features.features-4 .features-overlay,
	.testimonial.testimonial-4 .testimonial-overlay {
		width: calc(100% - 4%)
	}

	.about .about-block .block-left,
	.more-features {
		margin-bottom: 40px
	}

	.more-features.more-features-2 {
		flex-direction: column;
		margin-bottom: 0
	}

	.contact .contact-quote.contact-quote-2 i,
	.more-features.more-features-2 p {
		margin-right: 0;
		margin-bottom: 30px
	}

	.careers .career-item,
	.features-bar .features-holder .feature-panel,
	.pricing .price-table {
		max-width: 370px;
		margin: 0 auto
	}

	.pricing .price-table .pricing-panel {
		text-align: center;
		max-width: 370px;
		margin: 0 auto 30px
	}

	.contact .contact-action .btn,
	.faqs .faqs-action .btn {
		margin: 0 30px 0 0
	}

	.contact .contact-action.contact-action-2,
	.img-card .card-content .content-top {
		margin-bottom: 30px
	}

	.contact .contact-action.contact-action-2 .btn {
		margin-right: 0
	}

	.contact .contact-quote.contact-quote-2 {
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 370px;
		margin: 0 auto
	}

	.contact .contact-quote.contact-quote-2 .quote-body a i,
	.img-card .card-content .content-top a i {
		margin-bottom: 0
	}

	.contact-panel.contact-panel-2 .contact-card {
		padding-left: 0
	}

	.contact-panel.contact-panel-3 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.company-data .panels-container .panel-action,
	.counters-bar,
	.project-single .project-intro .project-img .project-panel .project-content {
		padding-left: 25px;
		padding-right: 25px
	}

	.counter.counter-2,
	.services .more-services.more-services-2,
	.testimonial .testimonial-panel .testimonial-body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}

	.img-card .card-content .content-bottom .btn {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}

	.img-card.img-card-2,
	.processes .block-right-holder .heading {
		margin-bottom: 50px
	}

	.testimonial .testimonial-panel .testimonial-body {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.testimonial .testimonial-panel .testimonial-body .testimonial-img {
		margin-bottom: 30px;
		margin-right: 0
	}

	.testimonial .testimonial-thumbs .testimonial-thumb {
		margin-right: 20px
	}

	.project-single .project-image-carousel .owl-carousel .owl-nav,
	.projects.projects-grid .carousel .owl-nav,
	.projects.projects-grid.projects-grid-2 .carousel .owl-nav,
	.testimonial.testimonial-1 .carousel-dots .owl-nav {
		display: none
	}

	.testimonial.testimonial-2 {
		padding-top: 190px
	}

	.testimonial.testimonial-3 .counters-holder,
	.testimonial.testimonial-4 .counters-holder,
	.testimonial.testimonial-5 .counters-holder {
		margin-bottom: 30px;
		text-align: center
	}

	.testimonial.testimonial-4 {
		padding-top: 40px
	}

	.cta .cta-body {
		padding-top: 70px;
		padding-left: 50px
	}

	.cta .cta-body h5 {
		text-align: center;
		line-height: 1.4
	}

	.services {
		padding-top: 150px
	}

	.project-panel,
	.services .service-panel {
		margin: 0 auto 30px;
		max-width: 370px
	}

	.services .service-panel.services-panel-3 .service-content .btn {
		margin: 0 auto
	}

	.services .more-services.more-services-2 {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}

	.services .more-services.more-services-2 .rating {
		margin-right: 0;
		margin-bottom: 10px
	}

	.services.services-2 {
		padding-top: 60px
	}

	.services.services-4 {
		padding-top: 70px;
		padding-bottom: 0
	}

	.service-single {
		padding-top: 70px;
		padding-bottom: 20px
	}

	.service-single .service-entry .entry-content .entry-stats img {
		margin-top: 30px
	}

	.company-data .panels-container {
		max-width: 370px;
		margin-left: auto;
		margin-right: auto
	}

	.counters-bar {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly
	}

	.counter.counter-2 {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		max-width: 370px;
		margin: 0 auto 30px
	}

	.counter.counter-2::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.counter.counter-5::before {
		content: unset
	}

	.counter.counter-5 .counter-num span {
		font-size: 25px
	}

	.counter.counter-6 {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 auto 30px
	}

	.awards,
	.careers,
	.projects.projects-modern {
		padding-top: 70px
	}

	.projects.projects-modern.projects-modern-2 {
		padding-top: 170px
	}

	.projects.projects-grid.projects-grid-3,
	.projects.projects-modern.projects-modern-3,
	.projects.projects-standard {
		padding-top: 66px;
		padding-bottom: 70px
	}

	.projects.projects-grid {
		padding-top: 54px;
		padding-bottom: 105px
	}

	.project-single .project-intro .project-img .project-panel {
		left: 40px;
		bottom: 20px
	}

	.project-single .project-overview {
		padding-top: 70px;
		padding-bottom: 60px
	}

	.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder,
	.project-single .project-overview .advantages-list-holder {
		padding-left: 30px;
		padding-right: 30px
	}

	.project-single .project-overview.project-overview-1 {
		padding-top: 100px
	}

	.project-single .project-overview.project-overview-3 {
		padding-top: 200px;
		padding-bottom: 70px
	}

	.careers {
		padding-bottom: 180px
	}

	.awards {
		padding-bottom: 30px
	}

	.awards .award .award-img {
		padding-left: 40px;
		padding-right: 40px
	}

	.about .about-wrapper .about-block-wrapper .about-block .heading {
		max-width: 90%;
		margin: 0 auto
	}

	.about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
		border-radius: 12px;
		margin-bottom: 40px
	}

	.about .about-wrapper .about-block-wrapper .about-block .heading .advantages-list-holder p {
		margin-bottom: 10px
	}

	.about .about-wrapper .video-wrapper {
		max-width: 90%;
		margin: 0 auto 40px
	}

	.about.about-3 .about-img .about-img-holder {
		max-width: 370px
	}

	.processes .process-panel {
		padding-right: 0
	}

	.processes .block-right-holder {
		padding: 70px 5% 0;
		text-align: center;
		margin-bottom: 50px
	}

	.processes .processes-holder .process-content-carousel {
		text-align: center;
		padding: 0 5%;
		margin-bottom: 60px
	}
}

@media screen and (min-width:992px) {

	.img-card,
	.project-panel .project-panel-holder .project-content,
	.widget .widget-title,
	.widget-recent-posts .carousel-dots .owl-dots {
		text-align: left
	}

	.about .about-wrapper .about-block-wrapper .about-block .heading,
	.processes .processes-holder .process-content-carousel {
		margin-right: auto;
		padding-right: var(--bs-gutter-x, .75rem);
		max-width: calc(960px / 2)
	}

	.page-title.page-title-13 .page-title-wrap,
	.page-title.page-title-14 .page-title-wrap {
		background-position-y: 75%
	}

	.carousel-dots.dots-side .owl-dots {
		position: absolute;
		bottom: -17px;
		right: 0
	}

	.carousel-navs .owl-nav {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		left: 0
	}

	.heading.heading-20 .heading-desc:last-child {
		margin-bottom: 0
	}

	.slider.slider-2 .carousel-dots {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.slider.slider-2 .carousel-dots .owl-dots {
		padding-right: var(--bs-gutter-x, .75rem);
		padding-left: var(--bs-gutter-x, .75rem);
		margin-right: auto;
		margin-left: auto;
		position: relative;
		max-width: 960px;
		bottom: auto;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-transform: translateY(80px);
		-ms-transform: translateY(80px);
		transform: translateY(80px);
		margin-top: -6px
	}

	.hero .hero-panel-holder .phone-card {
		-webkit-transform: translateY(80px);
		-ms-transform: translateY(80px);
		transform: translateY(80px)
	}

	.blog-single .nav-posts .next-post,
	.blog-single .nav-posts .prev-post {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%
	}

	.shop .sidebar-shop {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
		margin-top: 0
	}

	.single-product .product-content .product-details .table {
		width: 60%
	}

	.project-single .project-overview .project-details .table .name,
	.single-product .product-content .product-details .table .name {
		padding-left: 0
	}

	.single-product .product-content .product-share a {
		margin-right: 10px
	}

	.sidebar {
		max-width: 330px;
		margin-left: auto
	}

	.features-bar .features-holder {
		-webkit-box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15);
		box-shadow: 0 5px 83px 0 rgba(9, 29, 62, .15)
	}

	.features-bar .features-holder .feature-panel {
		-webkit-box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11);
		box-shadow: 0 3px 63px 0 rgba(40, 40, 40, .11)
	}

	.pricing .more-prices {
		margin-top: 32px
	}

	.contact .contact-quote.contact-quote-2 .quote-body {
		padding-top: 10px
	}

	.contact-panel.contact-panel-3 {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.contact-panel.contact-panel-3 .heading {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-bottom: 0
	}

	.contact-panel.contact-panel-3 .contact-card {
		-ms-flex-preferred-size: 54%;
		flex-basis: 54%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.img-card {
		-ms-flex-preferred-size: 46%;
		flex-basis: 46%
	}

	.testimonial.testimonial-1 .owl-stage-outer::before {
		content: '';
		height: 100%;
		width: 40%;
		top: 0;
		right: 0;
		position: absolute;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #00000000), color-stop(22%, var(--global--color-heading)));
		background-image: -o-linear-gradient(left, #00000000 2%, var(--global--color-heading) 22%);
		background-image: linear-gradient(90deg, #00000000 2%, var(--global--color-heading) 22%);
		opacity: .96;
		z-index: 5
	}

	.testimonial.testimonial-3 .counters-holder .counter,
	.testimonial.testimonial-4 .counters-holder .counter,
	.testimonial.testimonial-5 .counters-holder .counter {
		padding-top: 30px
	}

	.cta {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		height: 250px
	}

	.cta .cta-img {
		-ms-flex-preferred-size: 38%;
		flex-basis: 38%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.cta .cta-img .cta-icon {
		top: 50%;
		left: auto;
		bottom: auto;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
		right: 0
	}

	.cta .cta-body .cta-content .btn {
		margin-left: 50px
	}

	.cta-holder {
		-webkit-transform: translateY(-160px);
		-ms-transform: translateY(-160px);
		transform: translateY(-160px);
		margin-bottom: -160px;
		padding-bottom: 100px;
		background-position-y: -200px
	}

	.services .service-panel {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.service-single .service-entry .entry-content .entry-topics .entry-topic {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.service-single .service-entry .entry-content .entry-topics .entry-topic h5 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		margin-right: 5%
	}

	.service-single .service-entry .entry-content .entry-topics .entry-topic p {
		-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	.company-data .panels-container {
		margin-top: 0;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-bottom: -126px;
		-webkit-transform: translateY(-126px);
		-ms-transform: translateY(-126px);
		transform: translateY(-126px);
		position: relative;
		z-index: 1000
	}

	.counter.counter-3 .counter-desc {
		margin-left: 40px;
		width: 50%
	}

	.counter.counter-5 {
		padding-left: 40px;
		text-align: left;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.counter.counter-5:last-child {
		padding-right: 40px
	}

	.project-single .project-overview .project-details {
		-webkit-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		transform: translateY(-6px);
		margin-bottom: 23px
	}

	.project-single .project-overview .project-details .table {
		width: 80%
	}

	.project-single .project-overview .advantages-list-holder {
		margin-top: 6px
	}

	.project-single .project-overview.project-overview-4 .counters-holder {
		margin-top: 11px
	}

	.about .about-img {
		max-width: calc(100% - 40px)
	}

	.about .about-wrapper {
		display: grid;
		grid-template-columns: 40% 60%;
		height: 635px
	}

	.about .about-wrapper .about-block-wrapper .about-block {
		border-radius: 12px 0 0;
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 60px;
		width: calc(100% + 60px)
	}

	.about .about-wrapper .video-wrapper .video {
		border-radius: 0 12px 12px 0;
		position: absolute;
		top: -110px;
		left: 0;
		width: calc(100% + 60px);
		height: calc(100% + 110px)
	}

	.about.about-3 .about-block .block-left .paragraph,
	.about.about-3 .about-block .block-left .signature-block,
	.about.about-3 .about-block .block-left p {
		padding-left: 50px
	}

	.processes .block-right-holder {
		padding-left: var(--bs-gutter-x, .75rem);
		margin: 0 auto;
		max-width: calc(960px / 2);
		padding-top: 80px;
		padding-bottom: 80px
	}

	.processes .processes-holder .process-content-carousel {
		padding-left: 75px;
		margin-bottom: 110px
	}
}

@media screen and (min-width:1200px) {
	.module-holder.module-holder-phone .navbar-toggler {
		display: none
	}

	.slider.slider-2 .carousel-dots .owl-dots {
		max-width: 1140px
	}

	.cta {
		height: 200px
	}

	.cta-holder {
		background-position-y: -400px;
		-webkit-transform: translateY(-180px);
		-ms-transform: translateY(-180px);
		transform: translateY(-180px);
		margin-bottom: -180px
	}

	.about .about-wrapper .about-block-wrapper .about-block {
		left: 0;
		padding-left: 120px;
		width: calc(100% + 120px)
	}

	.about .about-wrapper .about-block-wrapper .about-block .heading,
	.processes .block-right-holder {
		max-width: calc(1140px / 2)
	}

	.about .about-wrapper .video-wrapper .video {
		width: calc(100% + 120px)
	}

	.about.about-3 .about-block .block-left .paragraph,
	.about.about-3 .about-block .block-left .signature-block,
	.about.about-3 .about-block .block-left p {
		padding-left: 95px
	}

	.processes .processes-holder .process-content-carousel {
		padding-left: 115px;
		max-width: calc(1140px / 2)
	}
}

.processes .processes-holder .process-content-carousel .owl-dots {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.processes .processes-holder .images-holder {
	border-radius: 0 0 0 12px;
	overflow: hidden;
	-webkit-transform: translateY(130px);
	-ms-transform: translateY(130px);
	transform: translateY(130px);
	margin-top: -130px;
	position: relative
}

.processes .processes-holder .images-holder .process-image-carousel .owl-stage-outer .owl-item img {
	-o-object-fit: scale-down;
	object-fit: scale-down;
	width: auto
}

.processes .processes-holder .images-holder .processes-panel {
	padding: 42px 49px 40px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 12px 0 0;
	background-color: var(--global--color-primary);
	max-width: 400px;
	z-index: 10
}

@media screen and (max-width:767.98px) {

	.blog-entry .entry-content,
	.img-card,
	.shop-account .shop-account-content {
		padding-left: 20px;
		padding-right: 20px
	}

	.blog-entry .entry-content .entry-img-wrap {
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
		width: calc(100% + 20px)
	}

	.blog-entry .entry-content .entry-img-wrap .entry-category {
		left: 20px
	}

	.blog-entry .entry-content .entry-more,
	.blog-single .entry-widget-bio .entry-widget-content .entry-bio-desc,
	.processes .process-panel .process-number {
		text-align: center
	}

	.blog-single .blog-entry .entry-content .entry-title h4,
	.blog-standard .blog-entry .entry-content .entry-title h4 a {
		font-size: 32px;
		line-height: 1.4
	}

	.blog-single .blog-entry .entry-img .entry-meta,
	.contact-panel.contact-panel-2,
	.contact-panel.contact-panel-3 .contact-card,
	.pricing .price-table .pricing-panel,
	.services .service-panel,
	.widget {
		padding-left: 25px;
		padding-right: 25px
	}

	.blog-single .blog-entry .entry-img .entry-meta .entry-category,
	.services .service-panel .service-icon {
		left: 25px
	}

	.blog-single .blog-entry .entry-content .entry-holder .entry-share {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px
	}

	.blog-single .blog-entry .entry-content .entry-holder .entry-share span,
	.single-product .checkout-banner p {
		margin-bottom: 20px
	}

	.blog-single .blog-entry .entry-content .entry-holder .entry-tags,
	.service-single .service-entry .entry-content .entry-introduction img {
		margin-bottom: 30px
	}

	.blog-single .entry-widget-bio {
		padding-right: 20px;
		padding-left: 20px
	}

	.blog-single .entry-widget-bio::before,
	.services .service-panel::after {
		width: calc(100% - 20px)
	}

	.blog-single .entry-widget-bio .entry-widget-content,
	.service-single .service-entry .entry-content .entry-processes .entry-body,
	.shop-cart .table-wrap .cart-product-action,
	.shop-options {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.blog-single .entry-widget-bio .entry-widget-content img {
		margin-right: 0;
		margin-bottom: 25px
	}

	.blog-single .entry-comments .entry-widget-content .comments-list .comment-body,
	.counters .actions-holder,
	.features .actions-holder,
	.features-bar .actions-holder,
	.services .actions-holder,
	.team .member .member-content,
	.testimonial .testimonial-thumbs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .avatar {
		margin-left: 20px;
		margin-bottom: 30px
	}

	.blog-single .entry-comments .entry-widget-content .comments-list .comment-body .comment {
		margin-left: 20px
	}

	.shop-options .products-show,
	.team .member .member-content .member-info {
		margin-bottom: 25px
	}

	.company-data .panels-container .panel-action,
	.single-product .checkout-banner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}

	.payment .payment-conditions .btn,
	.shop-cart .cart-total-amount .btn,
	.single-product .checkout-banner .btn {
		width: 100%
	}

	.shop-cart .table-wrap .cart-product-action form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 20px
	}

	.shop-cart .table-wrap .cart-product-action form .form-control {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0
	}

	.login .login-body {
		padding: 40px 20px
	}

	.cta .cta-body,
	.services .service-panel.services-panel-3 .service-content {
		padding-left: 30px;
		padding-right: 30px
	}

	.widget::after {
		width: calc(100% - 25px)
	}

	.widget-download ul li a {
		padding: 0 20px;
		height: 50px
	}

	.features,
	.testimonial {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.counters .actions-holder .btn,
	.features .actions-holder .btn,
	.features-bar .actions-holder .btn,
	.services .actions-holder .btn,
	.testimonial .testimonial-thumbs .testimonial-thumb {
		margin-right: 0;
		margin-bottom: 20px
	}

	.features-bar .features-holder {
		margin: 0 auto -80px
	}

	.contact .contact-action {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 40px
	}

	.faqs .faqs-action,
	.projects-filter ul {
		display: -webkit-box;
		display: -ms-flexbox
	}

	.contact .contact-action .btn,
	.faqs .faqs-action .btn {
		margin-right: 0;
		margin-bottom: 15px;
		height: 50px
	}

	.contact-panel {
		padding: 40px 25px
	}

	.contact-card {
		padding: 37px 25px 30px
	}

	.testimonial .testimonial-panel {
		max-width: 370px;
		margin-right: auto;
		margin-left: auto
	}

	.testimonial .testimonial-panel.testimonial-panel-2 .testimonial-body .testimonial-content p {
		font-size: 20px;
		line-height: 35px
	}

	.cta .cta-img .cta-icon i {
		width: 50px;
		height: 50px;
		font-size: 25px
	}

	.cta .cta-body {
		padding-top: 50px
	}

	.cta .cta-body .cta-content p {
		text-align: center;
		margin-bottom: 20px
	}

	.services .service-panel.services-panel-3:hover::after {
		width: calc(100% - 60px)
	}

	.service-single .service-entry .entry-content .entry-processes {
		padding: 60px 25px 40px
	}

	.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon {
		width: 150px;
		height: 150px;
		margin-bottom: 20px
	}

	.counter.counter-3 .counter-holder .counter-img i,
	.service-single .service-entry .entry-content .entry-processes .entry-body .process-icon i {
		width: 90px;
		height: 90px
	}

	.service-single .service-entry .entry-content .entry-processes .images-holder .carousel .owl-nav {
		display: none
	}

	.company-data .data,
	.projects-filter li {
		margin-bottom: 15px
	}

	.counter.counter-3 .counter-holder .counter-num span {
		font-size: 60px
	}

	.counter.counter-3 .counter-holder .counter-img {
		width: 150px;
		height: 150px
	}

	.counter.counter-3 .counter-desc::after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.projects.projects-standard.projects-standard-2 {
		padding-bottom: 105px
	}

	.projects-filter ul {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly
	}

	.projects-filter li a {
		margin-right: 0
	}

	.project-single .project-intro .project-img img {
		height: 200px;
		border-radius: 8px 8px 0 0
	}

	.project-single .project-intro .project-img .project-panel {
		position: relative;
		left: auto;
		bottom: auto;
		border-radius: 0 0 8px 8px;
		min-width: 100%;
		margin-bottom: 0;
		box-shadow: 0 0 83px 0 rgba(40, 40, 40, .35)
	}

	.project-single .project-intro .project-img .project-panel.mobile {
		min-width: 50%
	}

	.project-single .project-intro .project-img .project-panel.mobile .project-content {
		padding: 20px
	}

	.faqs .faqs-action {
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.about .signature-block .signature-body img {
		top: 0;
		left: -20px;
		max-width: 130%
	}

	.about.about-3 .about-block .block-left .paragraph {
		padding-left: 15px
	}

	.processes .processes-holder .images-holder .processes-panel {
		padding-left: 30px;
		padding-right: 30px;
		position: relative;
		right: auto;
		bottom: auto;
		border-radius: 0 0 12px 12px;
		text-align: center;
		max-width: 100%
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.processes .processes-holder .images-holder .processes-panel {
		max-width: 330px;
		padding: 25px
	}
}

.processes .processes-holder .images-holder .processes-panel .panel-title {
	font-size: 20px;
	line-height: 30px;
	color: var(--global--color-white);
	margin-bottom: 17px
}

.processes .processes-holder .images-holder .processes-panel .panel-desc {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 23px;
	color: var(--global--color-gray)
}

.processes .processes-holder .images-holder .processes-panel a {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	color: var(--global--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: capitalize
}

.processes .processes-holder .images-holder .processes-panel a:hover i {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px)
}

.processes .processes-holder .images-holder .processes-panel a i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background-color: var(--global--color-white);
	border-radius: 50%;
	color: var(--global--color-primary);
	margin-left: 10px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.processes.processes-1 {
	background-position: top center;
	padding-bottom: 0
}

.processes.processes-2 .processes-holder {
	padding-top: 0;
	border-left: 0;
	padding-left: 0
}

.processes.processes-2 .processes-holder .process-content-carousel {
	padding-left: 0;
	max-width: unset;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: -8px
}

#wrapperParallax {
	position: relative;
	z-index: 1060;
	min-height: 100vh
}

#footerParallax {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0
}

@media only screen and (max-width:991px) {
	.module-search .module-icon i {
		border-left: none;
		padding-left: 0;
		padding-right: 5px
	}

	.module-content {
		margin-bottom: 10px
	}

	.module-cart-warp .cart-overview h5 {
		color: var(--global--color-white)
	}

	#wrapperParallax {
		margin-bottom: 0 !important
	}

	#footerParallax {
		position: static;
		text-align: center
	}
}

.footer {
	background-color: #1a2a36;
	padding-top: 0;
	padding-bottom: 0;
	position: relative
}

.footer .footer-top {
	padding-top: 68px;
	padding-bottom: 68px
}

.footer .footer-widget .footer-widget-title h5 {
	font-family: var(--global--font-heading);
	color: var(--global--color-gray);
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	text-transform: capitalize;
	margin-bottom: 30px;
	letter-spacing: 1px
}

.footer .footer-widget .widget-content p {
	font-family: var(--global--font-body);
	color: #929ba2;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 25px
}

.footer .widget-links ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	overflow: hidden;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

.footer .widget-links ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 33px;
	text-transform: capitalize;
	font-family: var(--global--font-body)
}

.footer .widget-contact {
	-webkit-transform: translateY(12px);
	-ms-transform: translateY(12px);
	transform: translateY(12px)
}

.footer .widget-contact .widget-content p {
	color: var(--global--color-white);
	margin-bottom: 15px
}

.footer .widget-contact .widget-content .phone {
	margin-bottom: 18px;
	font-family: var(--global--font-body);
	font-weight: 300;
	font-size: 34px;
	line-height: 22px;
	color: #929ba2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.footer .widget-contact .widget-content .email a {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	line-height: 21px;
	color: #929ba2
}

.footer .widget-contact .widget-content .address p {
	font-family: var(--global--font-body);
	color: #929ba2;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0
}

.footer .widget-contact .widget-content .directions a,
.footer .widget-contact .widget-content .phone a {
	font-family: var(--global--font-body);
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	color: #929ba2;
	text-transform: capitalize;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.footer .widget-contact .widget-content .directions a i,
.footer .widget-contact .widget-content .email a i,
.footer .widget-contact .widget-content .phone a i {
	color: var(--global--color-white);
	margin-right: 10px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.footer-copyright {
	padding: 15px 0 10px
}

.footer-copyright .copyright {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.footer-copyright .copyright span {
	font-family: var(--global--font-body);
	font-weight: 400;
	font-size: 14px;
	color: var(--global--color-white);
	text-transform: capitalize
}

@media screen and (max-width:991.98px) {
	.processes .processes-holder .process-content-carousel .owl-dots {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.processes.processes-2 .processes-holder .process-content-carousel {
		padding: 0
	}

	.footer .footer-top {
		padding-top: 70px;
		padding-bottom: 20px
	}

	.footer .footer-widget {
		margin-bottom: 30px
	}

	.footer-copyright .copyright {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.footer-copyright .copyright span {
		margin-bottom: 40px;
		text-align: center
	}
}

.footer-copyright .copyright .social-icons li {
	display: inline-block;
	margin-right: 30px
}

@media screen and (max-width:767.98px) {

	.footer .widget-contact .widget-content .directions a,
	.footer .widget-contact .widget-content .phone,
	.processes .processes-holder .images-holder .processes-panel a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.processes.processes-2 .processes-holder .process-content-carousel {
		max-width: 370px
	}

	.footer-copyright .copyright .social-icons li {
		margin-right: 15px
	}
}

.footer-copyright .copyright .social-icons li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	text-transform: capitalize;
	font-family: var(--global--font-body);
	font-weight: 700;
	color: #929ba2;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.footer-copyright .copyright .social-icons li a i {
	font-size: 20px;
	margin-right: 10px;
	color: var(--global--color-white);
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.dropdown-menu {
	box-shadow: 0 3px 6px rgba (255, 255, 255, 23%);
	min-width: fit-content !important;
	background-color: #fff !important;
	left: -375%;
	border-radius: 0;
	border: none;
	padding: .5em;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .23)
}

@media only screen and (min-width:992px) {

	.hidden-lg,
	.hidden-md {
		display: none
	}

	.navbar-collapse,
	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu li {
		padding-left: 0;
		padding-right: 0
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu {
		-webkit-box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);
		box-shadow: 0 5px 41.5px rgba(40, 40, 40, .11);
		-webkit-transition: .3s linear;
		-o-transition: .3s linear;
		transition: .3s linear;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: -40px;
		right: auto;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		display: block;
		width: 235px;
		padding: 24px 40px 25px;
		background-color: var(--global--color-white);
		border-radius: 0 0 8px 8px
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu>li {
		padding-right: 0;
		position: relative;
		vertical-align: top
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a {
		-webkit-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		color: #253745;
		font-family: Noto Sans, sans-serif !important;
		padding: 10px 0 9px;
		display: block;
		font-size: 14px;
		font-weight: 400;
		text-transform: capitalize;
		border-radius: 0;
		border-bottom: 1px solid #eaeaea;
		position: relative
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a::before {
		content: '\e905';
		color: var(--global--color-primary);
		font-family: energia;
		position: absolute;
		top: 50%;
		left: -22px;
		font-size: 12px;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate(-5px, -50%);
		-ms-transform: translate(-5px, -50%);
		transform: translate(-5px, -50%);
		-webkit-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a::after {
		content: '';
		position: absolute;
		bottom: -1px;
		left: 0;
		height: 1px;
		width: 0;
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		background-color: var(--global--color-primary)
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:active,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:focus,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:hover {
		color: var(--global--color-primary)
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:active::before,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:focus::before,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:hover::before,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li.current>a::before {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:active::after,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:focus::after,
	.navbar-nav>li.has-dropdown>ul.dropdown-menu li a:hover::after {
		width: 100%
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li:last-child a {
		border-bottom: 0
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li:last-child a::after {
		content: unset
	}

	.navbar-nav>li.has-dropdown>ul.dropdown-menu li.current>a {
		border-color: var(--global--color-primary);
		color: var(--global--color-primary)
	}

	.navbar-nav>li.has-dropdown:hover>ul.dropdown-menu {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		z-index: 100;
		display: block
	}

	.navbar-nav li ul.dropdown-menu.left {
		left: -650px !important;
		margin-left: 0 !important
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu {
		background-color: var(--global--color-white);
		padding: 0;
		width: 510px
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row {
		background-color: var(--global--color-white);
		margin-right: 0;
		margin-left: 0;
		padding: 35px 23px
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row .menu-head {
		font-size: 14px;
		font-family: var(--global--font-heading);
		font-weight: 700;
		color: var(--global--font-heading);
		text-transform: capitalize;
		margin-bottom: 15px
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul {
		margin: 0;
		padding: 0
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul li {
		line-height: 2.5
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul li.title {
		color: var(--global--color-heading);
		font-size: 13px;
		font-weight: 600;
		text-transform: capitalize
	}

	.navbar-nav li.has-dropdown.mega-dropdown>.dropdown-menu .row ul li a {
		margin: 0
	}

	.navbar-nav.ml-auto.mr-auto li.has-dropdown.mega-dropdown {
		position: absolute
	}

	.navbar-nav.ml-auto:not(.mr-auto) li.has-dropdown.mega-dropdown {
		position: relative
	}

	.dropdown-menu.show,
	.dropdown:hover .dropdown-menu {
		display: flex
	}
}

.dropdown-menu li .dropdown-item {
	color: var(--global--color-heading);
	font-size: 13px;
	padding: .5em 1em;
	font-weight: 700
}

.dropdown-menu li .dropdown-item:hover {
	background-color: #f1f1f1
}

.active-sidepanel,
.processes .feature-panel-holder .feature-panel a {
	background-color: #32c36c !important
}

@media only screen and (max-width:992px) {
	.fullscreen {
		height: auto !important
	}

	.dropdown-menu.show {
		flex-wrap: wrap;
		max-height: 350px;
		overflow-y: scroll
	}
}

@media only screen and (min-width:992px) and (max-width:1140px) {
	.dropdown:hover .dropdown-menu {
		width: 100% !important
	}
}

.dropdown-menu ul {
	list-style: none;
	padding: 0
}

.dropdown-menu li a {
	color: gray;
	padding: .5em 1em
}

@media screen and (min-width:993px) {

	.dropdown-menu.show,
	.dropdown:hover .dropdown-menu {
		display: flex
	}
}

@media screen and (max-width:992px) {
	.dropdown-menu.show {
		max-height: 60vh;
		overflow-y: scroll
	}
}

.col-new-5 {
	flex: 0 0 auto;
	width: 20%
}

.has-search .form-control {
	padding-left: 2.375rem
}

.top-header-search-btn button {
	width: auto !important;
	height: 50px !important
}

.pt-90 {
	padding-top: 90px
}

.shadow-box-content {
	-webkit-box-shadow: -1px 2px 14px -4px rgba(0, 0, 0, .75);
	-moz-box-shadow: -1px 2px 14px -4px rgba(0, 0, 0, .75);
	padding: 20px;
	border-radius: 20px;
	box-shadow: -1px 2px 14px -4px rgba(0, 0, 0, .75)
}

.navbar-expand-lg .navbar-collapse {
	display: block !important;
	flex-basis: auto
}

.header.header-topbar.header-topbar1 .module-holder .module-search .input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	min-width: 510px
}

.table-wrap h6 {
	font-family: Noto Sans, sans-serif !important;
	line-height: 2 !important;
	font-weight: 500;
	margin: 0 !important;
	font-size: 14px !important
}

.counter .small-tag {
	font-size: 15px !important;
	color: #32c36c !important
}

.mt-80 {
	margin-top: 80px
}

@media (min-width:1600px) {
	.header .navbar .navbar-nav>li>a {
		font-size: 15px !important
	}

	.header .navbar .navbar-nav>li {
		margin: 0 22px !important
	}
}

@media (min-width:1440px) {
	.header .navbar .navbar-nav>li {
		margin: 0 16px
	}
}

@media (min-width:1366px) {
	.header .navbar .navbar-nav>li>a {
		letter-spacing: .5px
	}

	.header .navbar .navbar-nav>li {
		margin: 0 17px
	}

	.header .navbar-brand .logo {
		max-width: 94%
	}
}

.processes .feature-panel-holder .feature-panel {
	position: relative;
	padding: 39px 35px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .21);
	cursor: pointer;
	margin-bottom: 0;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	min-height: 294px
}

.processes .feature-panel-holder .feature-panel h3 {
	color: #32c36c;
	font-size: 30px
}

.processes .feature-panel-holder .feature-panel .feature-content p {
	font-family: var(--global--font-body);
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #1a2a36;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-align: justify
}

.processes .feature-panel-holder:hover .feature-panel {
	background-color: #fff
}

.footer-widget-title img {
	width: auto;
	height: 85px
}

.plus-icon img {
	width: auto;
	height: 40px;
	margin-bottom: 25px
}

.about-img .counter-num span {
	display: inline-block;
	margin-right: 10px
}

.about-img .plus-icon img {
	width: auto;
	height: 30px;
	margin-bottom: 25px
}

.navbar-nav {
	padding-left: 50px !important
}

.verticle-align {
	vertical-align: middle !important
}

input[type=file] {
	width: 300px;
	max-width: 100%;
	color: #444;
	padding: 5px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #eaeaea
}

input[type=file]::file-selector-button {
	margin-right: 20px;
	border: none;
	height: 100%;
	min-height: 50px;
	background: #32c36c;
	padding: 10px 20px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out
}

input[type=file]::file-selector-button:hover {
	background: #0d45a5
}

.contact-page h5 {
	font-size: 14px;
	line-height: 1.5;
	color: #32c36c;
	font-weight: 500
}

.project-desc.cutome-height {
	min-height: 275px !important
}

.text-align-paragraph p {
	text-align: justify
}

.mb-15 {
	margin-bottom: 15px !important
}

.footer-logo-position {
	position: absolute;
	top: 40px
}

.mt-90 {
	margin-top: 90px
}

.custom-post {
	letter-spacing: 5px !important
}

@media (max-width:320px) {
	.nav {
		display: flex;
		justify-content: space-between
	}

	.features .feature-panel-holder .feature-panel {
		margin-bottom: 40px
	}

	.about,
	.projects.projects-modern {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.footer-logo-position {
		left: 115px
	}

	.heading.heading-5 {
		margin-bottom: 0
	}
}

@media only screen and (min-width:321px) and (max-width:375.98px) {
	.nav {
		display: flex;
		justify-content: space-between
	}

	.about,
	.projects.projects-modern {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.features .feature-panel-holder .feature-panel {
		margin-bottom: 40px
	}

	.footer-logo-position {
		left: 150px
	}

	.processes.processes-1 {
		margin-bottom: 40px;
		margin-top: 40px
	}
}

@media (min-width:376px) and (max-width:480px) {
	.nav {
		display: flex;
		justify-content: space-between
	}

	.about,
	.projects.projects-modern {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.features .feature-panel-holder .feature-panel {
		margin-bottom: 40px
	}

	.footer-logo-position {
		left: 165px
	}

	.processes.processes-1 {
		margin-bottom: 40px;
		margin-top: 0
	}
}

@media only screen and (min-width:481px) and (max-width:767.98px) {
	.nav {
		display: flex;
		justify-content: space-between
	}

	.projects.projects-modern {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.features .feature-panel-holder .feature-panel {
		margin-bottom: 40px
	}

	.about {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.footer-logo-position {
		position: absolute;
		top: 40px;
		left: 209px
	}
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
	.nav {
		display: flex;
		justify-content: space-between
	}

	.features .feature-panel-holder .feature-panel {
		min-height: fit-content;
		margin-bottom: 40px
	}

	.about {
		padding-top: 70px;
		padding-bottom: 70px
	}
}

@media (min-width:992px) and (max-width:1100px) {
	.header .navbar-brand {
		margin-right: 20px
	}

	.module-search {
		padding-right: 20px
	}

	.module-cart {
		margin-left: 20px
	}

	.top-bar {
		padding: 0 20px
	}

	.top-bar .block-right .module-language {
		margin-left: 15px
	}

	.top-bar .social-links,
	.top-bar .top-contact .contact-infos {
		margin-right: 15px
	}

	.header .navbar-brand .logo {
		max-width: 140%
	}
}

@media only screen and (min-width:767px) and (max-width:991px) {
	.project-single .project-intro .project-img .project-panel {
		left: -32px;
		bottom: -61px
	}

	.about-1 {
		text-align: center
	}
}

@media only screen and (max-width:766px) {
	.about-1 {
		text-align: center
	}
}

@media only screen and (min-width:320px) and (max-width:405px) {
	.about-1 img {
		width: 300px
	}

	.process-body {
		text-align: -webkit-center;
		width: 80%;
		margin-left: 38px
	}
}

.entry-heading {
	letter-spacing: 1px
}

.ser-des {
	margin-top: -6px
}

.mb-12 {
	margin-bottom: 12px !important
}

.pb-80 {
	padding-bottom: 80px
}

.abt-img {
	border: 2px solid #32c36c;
	border-radius: 23px
}

.contact-sec {
	padding: 0 !important
}

@media only screen and (max-width:576px) {
	.counter.counter-2 .counter-num {
		display: block;
		text-align: center;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		margin-top: 18px;
		align-items: baseline;
		margin-bottom: 17px
	}

	.project-panel-holder {
		box-shadow: none
	}

	.project-single .project-intro .project-img img {
		height: auto;
		border-radius: 8px 8px 0 0
	}

	.abt-img .project-panel {
		width: 203px;
		top: 32px
	}

	.footer-logo-position {
		left: 142px
	}

	.heading.heading-1,
	.heading.heading-12,
	.mb-40,
	.pricing .price-table .pricing-panel .pricing-body .pricing-heading,
	.shop-cart .cart-total-amount .table {
		margin-bottom: 40px;
		margin-top: 32px
	}

	.heading .heading-title,
	.heading.heading-2 .heading-title,
	.page-title .title .title-heading {
		font-size: 30px;
		line-height: 1.4
	}

	.mb-10 {
		margin-bottom: 10px;
		margin-top: 10px;
		text-align: left;
		font-size: 20px
	}

	.about .about-block .block-left {
		margin-bottom: 30px
	}

	.pb-80 {
		padding-bottom: 10px
	}

	.features .feature-panel-holder .feature-panel {
		margin-bottom: 20px
	}

	.processes.processes-2 .processes-holder .process-content-carousel {
		max-width: 332px !important
	}
}