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

	Template Name: 

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

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

	Table of contents
	
	01. Common
	02. Header
	03. Slider
	04. Counter area
	05. About area
	06. Services area
	07. Call to action
	08. Portfolio
	09. Call us area
	10. Testimonial
	11. Team
	12. Subscribe area
	13. Blog
	14. Footer
	15. Inner page header
	16. Gallery
	17. Faq
	18. Pricing area
	19. Error page 404
	20. Contact us
			
----------------------------------*/

/* Theme Font Use */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; */



/* ===================================
	01. Common
=================================== */
::selection {
	background-color: #08b5f9;
	color: #fff;
}
::-moz-selection {
 background-color: #08b5f9;
 color: #fff;
}
img {
	max-width: 100%;
}
body {
	font-size: 12px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	color: #c5c5c5;
	letter-spacing: 1px;
}
p {
	line-height: 24px;
	font-size: 14px;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	color: #202020;
	padding: 0px;
	line-height: 1.2;
	letter-spacing: 1px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
h1 {
	font-size: 60px;
	font-weight: 700;
}
h2 {
	font-size: 36px;
	font-weight: 700;
}
h3 {
	font-size: 26px;
	font-weight: 700;
}
h4 {
	font-size: 24px;
	font-weight: 700;
}
h5 {
	font-size: 18px;
	font-weight: 700;
}
h6 {
	font-size: 16px;
	font-weight: 700;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
/* --- Top Scroll --- */
.scroll-top {
	display: none;
	position: fixed;
	bottom: 2px;
	text-align: center;
	right: 2%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	background-color: #333;
	text-decoration: none;
	border-radius: 100%;
	z-index: 9999;
}
.scroll-top:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #08b5f9;
}
/* --- Buttons --- */
.btn-style-1 {
	color: #fff;
	border: 1px solid #08b5f9;
	border-radius: 6px;
	position: relative;
	padding: 16px 30px;
	font-size: 14px;
	text-align: center;
	z-index: 0;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	background-color: #08b5f9;
}
.btn-style-1:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #151515;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-style-1:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.btn-style-1:hover {
	color: #fff;
}
.btn-style-1.btn-sm {
	font-size: 11px;
	padding: 8px 20px;
}
.btn-style-2 {
	color: #fff;
	border: 1px solid #000;
	border-radius: 6px;
	position: relative;
	padding: 16px 30px;
	font-size: 14px;
	text-align: center;
	z-index: 0;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	background-color: #000;
}
.btn-style-2:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #08b5f9;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-style-2:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.btn-style-2:hover {
	color: #fff;
}
.btn-style-2.btn-sm {
	font-size: 11px;
	padding: 8px 20px;
}
/* --- Loading --- */
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
	height: 100%;
	overflow: visible;
	background-color: #fff;
}
#preloader .spinner-grow {
	top: 50%;
	position: relative;
}
/* --- section title --- */
.section-title .small-title {
	font-size: 12px;
	color: #08b5f9;
}
.section-title h2 {
	position: relative;
	color: #000;
	font-size: 40px;
	text-decoration: underline;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/* .section-title h2::first-letter {
	color: #08b5f9;
} */
/* ===================================
	02. Header
=================================== */
.header-upper {
	position: relative;
	background-color: #f5f5f5;
	padding: 14px 0px;
}
/* header contact */
.header-contact li {
	margin-right: 16px !important;
}
.header-contact li:last-child {
	margin-right: 0px !important;
}
.header-contact li a {
	color: #000;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
}
.header-contact li a strong {
	color: #08b5f9;
}
.header-contact li a:hover {
	color: #08b5f9;
}
/* header hours */
.header-hours {
	color: #000;
	font-size: 12px;
	text-align: right;
	width: 100%;
	display: inline-block;
	position: relative;
}
.header-hours strong {
	color: #08b5f9;
}
.header-lover .navbar-brand {
	padding: 0px;
	margin: 0px;
}
.header-lover {
	padding: 14px 0px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header-lover .navbar {
	padding: 0px 0px;
}
.header-lover .navbar .nav-item .nav-link {
	font-size: 12px;
	color: #000;
	font-weight: 500;
	position: relative;
	padding: 6px 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header-lover .navbar .nav-item:last-child .nav-link {
	padding-right: 0px;
}
.header-lover .navbar .nav-item .nav-link:hover, .header-lover .navbar .nav-item.active .nav-link {
	color: #08b5f9;
}
.header-lover .navbar-toggler span {
	background: #000;
}
.header-lover .dropdown-menu {
	margin: 0px;
	padding: 10px;
	border-top: 2px solid #08b5f9 !important;
	border: 0px;
	border-radius: 0px;
	background-color: #fbfaf8;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.header-lover .dropdown-menu .dropdown-item {
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	position: relative;
	font-size: 11px;
	padding: 12px 12px;
	color: #333;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header-lover .dropdown-menu li:last-child .dropdown-item {
	border-bottom: 0px !important;
}
.header-lover .dropdown-menu .dropdown-item:hover {
	color: #000;
	padding-left: 20px;
	background-color: transparent;
}
/* Navbar Toogle */
.navbar-toggler {
	border: none;
	padding: 10px 6px;
	background-color: #f5f5f5;
	outline: none !important;
}
.navbar-toggler span {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background: #333;
}
.navbar-toggler span + span {
	margin-top: 4px;
	width: 18px;
}
.navbar-toggler span + span + span {
	width: 10px;
}
/* sticky */
.is-sticky {
	z-index: 9999;
}
.is-sticky .header-lover {
	z-index: 999 !important;
	background-color: white !important;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.is-sticky .header-lover .navbar .nav-item .nav-link {
	color: #000;
}
.is-sticky .nav-item.active .nav-link, .is-sticky .nav-pills .show > .nav-link {
	color: #08b5f9 !important;
}
@media screen and (min-width: 992px) {
/* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
	display: block !important;
}
}
/* ===================================
	03. Slider
=================================== */
.slider .carousel-caption {
	top: 0;
	bottom: auto;
	left: 0px;
	right: 0px;
	padding: 120px 0;
	z-index: 1;
	text-align: left;
	position: relative;
}
.slider .carousel-item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-color: rgba(0,0,0,0.2);
}
.slider .carousel-item {
	background-position: center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	background-image: url("../img/slider/blur.jpg"); /*edit image*/
}
.banner-img img {
	border-radius: 8px;
	border: 2px solid #08b5f9;
}
.slider .carousel-caption h5 {
	margin-bottom: 15px;
	font-size: 60px;
	color: #fff;
	position: relative;
	font-weight: 600;
	line-height: 65px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.slider .carousel-caption h6 {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
}
.slider .carousel-caption p {
	color: #fff;
	font-style: italic;
}
.slider .carousel-control-next, .slider .carousel-control-prev {
	border-radius: 6px;
	color: #fff;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	font-size: 14px;
	top: 50%;
	width: 44px;
	height: 44px;
	line-height: 44px;
	bottom: auto;
	display: inline-block;
	transform: translateY(-50%);
}
.slider .carousel-control-next {
	right: 10px;
}
.slider .carousel-control-prev {
	left: 10px;
}
/* ===================================
	04. Counter area
=================================== */
.counter-area .row .col {
	border-right: 1px solid rgba(0,0,0,0.1);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+2,f5f5f5+100 */
	background: rgb(232,232,232); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(232,232,232,1) 2%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(232,232,232,1) 2%, rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(232,232,232,1) 2%, rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f5f5f5', GradientType=1 ); /* IE6-9 */
}
.counter-c {
	position: relative;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 6px;
	overflow: hidden;
}
.counter-box {
	text-align: center;
	position: relative;
	padding: 50px 20px;
}
.counter-box h3 {
	font-size: 28px;
	color: #000;
	padding-bottom: 6px;
	font-weight: 600;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.counter-box span {
	color: #08b5f9;
	font-size: 24px;
	font-weight: 600;
}
/* ===================================
	05. About area
=================================== */
.about-text h4 {
	color: #08b5f9;
	display: inline-block;
	font-style: italic;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.about-text h2 {
	font-size: 55px;
	line-height: 65px;
	font-weight: 700;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.about-img {
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	z-index: 1;
}
.experience-div {
	position: absolute;
	top: 22px;
	right: 32px;
	background-color: #08b5f9;
	text-align: center;
	padding: 15px;
	z-index: 2;
	border-radius: 6px;
}
.experience-div strong {
	color: #fff;
	font-size: 50px;
	line-height: 55px;
	margin-bottom: 10px;
	display: inline-block;
}
.experience-div p {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
}
.about-text ul li {
	margin-bottom: 12px;
	color: #333;
	font-size: 14px;
	text-transform: capitalize;
}
.about-text ul li:last-child {
	margin-bottom: 0px;
}
.about-text ul li i {
	font-size: 14px;
	color: #08b5f9;
	padding-right: 4px;
}
/* ===================================
	06. Services area
=================================== */
.service-box .caption {
	border: 1px solid rgba(0,0,0,0.2);
	padding: 15px;
	border-radius: 6px;
}
.service-box .image {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.service-box .image:before {
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #08b5f9;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	opacity: 0;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-box .image:after {
	position: absolute;
	content: "";
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	border-radius: 6px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-box:hover .image:after, .service-box:hover .image:before {
	opacity: 1;
}
.service-box .image .btn-style-1 {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-box .image img {
	position: relative;
	border-radius: 6px;
	width: 100%;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-box h4 {
	font-weight: 500;
	margin-bottom: 8px;
	font-size: 26px;
	letter-spacing: 1px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	border-bottom: 1px dashed rgba(0,0,0,0.2);
	padding-bottom: 8px;
}
.service-box h4 a {
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-box h4 a:hover {
	color: #08b5f9;
}
.service-box p {
	margin-bottom: 0px;
}
/* single service content */
.single-service-img img {
	border-radius: 6px;
}
.single-service-content h3 {
	position: relative;
	color: #08b5f9;
	font-weight: 600;
	font-size: 34px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.single-service-content .p-quote {
	font-size: 30px;
	line-height: 70px;
	height: 70px;
	width: 70px;
	display: inline-block;
	border: 1px solid #08b5f9;
	text-align: center;
	border-radius: 100%;
	float: left;
	margin: 8px 20px 10px 0px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
/* s-sidebar-widget */
.s-sidebar-widget {
	background-image: url(../img/bg/sidebar-bg.jpg);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	padding: 20px;
	position: relative;
}
.s-sidebar-widget:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.s-sidebar-widget:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
/* s-sidebar-widget title */
.s-sidebar-widget h3 {
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/* service sidebar link */
.service-sidebar-link li a {
	color: #000;
	text-decoration: none;
	padding: 0px 10px 0px 15px;
	height: 50px;
	background-color: #fff;
	line-height: 50px;
	font-size: 12px;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	position: relative;
	width: 100%;
	align-items: center;
	display: flex;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-sidebar-link li.active a, .service-sidebar-link li a:hover {
	background-color: #fff;
	padding-left: 30px;
	color: #08b5f9;
	border-right: 2px solid #08b5f9;
}
.service-sidebar-link li:last-child a {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.service-sidebar-link li a i {
	opacity: 0;
	padding-left: 10px;
	padding-top: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service-sidebar-link li a:hover i, .service-sidebar-link li.active a i {
	opacity: 1;
}
/* sidebar contcat */
.sidebar-contcat {
	position: relative;
}
.sidebar-contcat form input {
	height: 50px;
	border: 0px;
	border-radius: 6px;
	font-size: 12px;
	color: #000;
	border: 1px solid rgba(0,0,0,0.1);
}
.sidebar-contcat form textarea {
	border: 0px;
	border-radius: 6px;
	color: #000;
	font-size: 12px;
	border: 1px solid rgba(0,0,0,0.1);
}
/* download brochures widget */
.download-brochure-bg {
	position: relative;
}
.download-brochure-bg h3 {
	color: #fff;
}
/* call us widget */
.call-us-widget {
	position: relative;
}
.call-us-widget ul li {
	padding-bottom: 6px;
	font-size: 14px;
	color: #000;
	font-style: italic;
}
.call-us-widget ul li.call {
	font-size: 20px;
	color: #08b5f9;
	font-weight: 600;
	font-style: normal;
}
.call-us-widget ul li:last-child {
	padding-bottom: 0px;
}
/* tab box */
.tab-box .nav-pills {
	margin-bottom: 0px;
}
.tab-box .nav-pills .nav-link {
	border: 1px solid #08b5f9;
	margin-right: 2px;
	color: #000;
	font-size: 12px;
	border-radius: 0px;
	font-weight: 600;
}
.tab-box .nav-pills .nav-item:last-child .nav-link {
	margin-right: 0px;
}
.tab-box .nav-pills .nav-link.active {
	background-color: #08b5f9;
	color: #fff;
}
.tab-box .tab-content .tab-pane {
	background-color: #e1f4fb;
	padding: 20px;
}
.tab-box .tab-content .tab-pane p {
	margin-bottom: 0px;
	color: #000;
}
/* ===================================
	07. Call to action
=================================== */
.call-to-action-area {
	z-index: 0;
	position: relative;
	background-image: url(../img/bg/call-to-action-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.call-to-action-area:after {
	position: absolute;
	content: "";
	background-color: rgba(8,181,249,0.8);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.cta-text {
	text-align: center;
}
.cta-text h2 {
	text-transform: capitalize;
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.8);
}
.cta-text p {
	font-style: italic;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
/* ===================================
	08. Portfolio
=================================== */
.portfolio-box {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-box:hover {
	border: 1px solid #08b5f9;
}
.portfolio-box .portfolio-box-img {
	position: relative;
	overflow: hidden;
	background-color: #f2efef;
}
.portfolio-box .portfolio-box-img:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0px;
	left: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#08b5f9+0,7db9e8+99&0.8+0,0+50 */
	background: -moz-linear-gradient(top, rgba(8,181,249,0.8) 0%, rgba(67,183,240,0) 50%, rgba(125,185,232,0) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(8,181,249,0.8) 0%, rgba(67,183,240,0) 50%, rgba(125,185,232,0) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(8,181,249,0.8) 0%, rgba(67,183,240,0) 50%, rgba(125,185,232,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc08b5f9', endColorstr='#007db9e8', GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-box:hover .portfolio-box-img:after {
	background-color: rgba(0,0,0,0.2);
}
.portfolio-box .des {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 5;
}
.portfolio-box .portfolio-box-img .readmore {
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: 0px;
	top: 50%;
	opacity: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 3;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-box:hover .readmore {
	opacity: 1;
}
.portfolio-box h5 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	text-transform: capitalize;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* portfolio single title */
.portfolio-single-title {
	position: relative;
	color: #08b5f9;
	font-weight: 600;
	font-size: 34px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/* portfolio img */
.portfolio-single-img img {
	border-radius: 6px;
}
/* project info */
.project-info {
	background-image: url(../img/bg/sidebar-bg.jpg);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	padding: 20px 30px;
	position: relative;
}
.project-info:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.project-info:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.project-info .table tr th, .project-info .table tr td {
	padding: 14px 0px 14px 0px;
	color: #000;
	font-size: 12px;
}
.project-info .table tr:last-child th, .project-info .table tr:last-child td {
	border-bottom: 0px;
}
.project-info .table > :not(caption) > * > * {
	border-bottom: 1px dashed rgba(0,0,0,0.1);
}
/* ===================================
	09. Call us area
=================================== */
.call-us-area {
	background-color: #08b5f9;
	padding: 50px 0;
}
.call-us-text {
	text-align: center;
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	text-transform: capitalize;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.call-us-text a {
	color: #000;
	display: inline-block;
}
.phone-icon-animate {
	animation: phone-icon-animate 1s ease-in-out infinite;
	display: inline-block;
}
@-webkit-keyframes phone-icon-animate {
 0%, 100% {
 transform: rotate(0)scale(1)skew(1deg);
}
 10% {
 transform: rotate(-25deg)scale(1)skew(1deg);
}
 20%, 40% {
 transform: rotate(25deg)scale(1)skew(1deg);
}
 30% {
 transform: rotate(-25deg)scale(1)skew(1deg);
}
 50% {
 transform: rotate(0)scale(1)skew(1deg);
}
}
@keyframes phone-icon-animate {
 0%, 100% {
 transform: rotate(0)scale(1)skew(1deg);
}
 10% {
 transform: rotate(-25deg)scale(1)skew(1deg);
}
 20%, 40% {
 transform: rotate(25deg)scale(1)skew(1deg);
}
 30% {
 transform: rotate(-25deg)scale(1)skew(1deg);
}
 50% {
 transform: rotate(0)scale(1)skew(1deg);
}
}
/* ===================================
	10. Testimonial
=================================== */
.testimonial-box {
	border-radius: 6px;
	background-color: #f5f5f5;
	padding: 25px;
	position: relative;
}
.testimonial-box .author-img {
	position: absolute;
	right: 1px;
	bottom: 0px;
	margin-left: 10px;
}
.testimonial-box .author-img img {
	max-width: 70px;
	border-radius: 100% 100% 0 100%;
	border: 1px solid #08b5f9;
}
.testimonial-box .profile-info {
	margin-top: 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.testimonial-box .profile-info h3 {
	color: #000;
	padding-bottom: 6px;
	font-size: 24px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.testimonial-box p {
	font-style: italic;
}
.testimonial-box .profile-info span {
	color: #333;
}
/* ===================================
	11. Team
=================================== */
.team-item {
	overflow: hidden;
	position: relative;
	/* border-radius: 6px; */
	text-align: center;
	background-color: #fff;
	padding: 30px;
	border: 1px solid rgba(0,0,0,0.1);
}
.team-item .image {
	position: relative;
	margin-bottom: 15px;
}
/* .team-item .image img {
	border-radius: 100% 100% 100% 0%;
	border: 2px solid rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} */
/* .team-item:hover .image img {
	border: 2px solid #08b5f9;
	border-radius: 100% 100% 0% 100%;
} */
.team-item .team-item-caption {
	text-align: center;
}
.team-item .team-item-caption p {
	color: #000;
	font-size: 12px;
}
.team-item .team-item-caption h4 {
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-weight: 500;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team-item .team-social {
	text-align: center;
	margin-top: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team-item .team-social li {
	display: inline-block;
}
.team-item .team-social li a {
	color: #000;
	padding: 0px 14px 0px 0px;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team-item .team-social li:last-child a {
	border-bottom: 0px;
	padding-right:0px;
}
.team-item .team-social li a:hover, .team-item:hover .team-item-caption h4 {
	color: #08b5f9;
}
.team-item:hover .overlay, .team-item:hover .team-social, .team-item:hover:after {
	opacity: 1;
}
/* ===================================
	12. Subscribe area
=================================== */
.subscribe-c {
	border-radius: 6px;
	overflow: hidden;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.subscribe-content {
	padding: 30px;
}
.subscribe-content h2 {
	font-weight: 300;
	font-size: 40px;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.subscribe-form input {
	height: 54px;
	border: 1px solid #e9e9e9;
	font-size: 14px;
}
/* ===================================
	13. Blog
=================================== */
.blog-item {
	border: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog-item:hover {
	border: 1px solid #08b5f9;
}
.blog-item .blog-item-img {
	position: relative;
}
.blog-item-content {
	padding: 20px;
	position: relative;
}
.blog-item-content h6 {
	margin-bottom: 10px;
}
.blog-item-content h6 a {
	color: #000;
	font-weight: 600;
	font-size: 28px;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog-item-content h6 a:hover {
	color: #08b5f9;
}
.blog-item ul {
	padding: 0px 0;
}
.blog-item ul li {
	font-style: italic;
}
.blog-item ul li a {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog-item ul li a:hover {
	color: #333;
}
.blog-item ul li a strong {
	color: #08b5f9;
}
.blog-item .read-more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 16px;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100% 100% 0 100%;
	background-color: #000;
	text-align: center;
	display: inline-block;
	z-index: 4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog-item:hover .read-more {
	background-color: #08b5f9;
}
/* sidebar search */
.sidebar-search {
	position: relative;
}
.sidebar-search input {
	position: relative;
	display: block;
	background-color: #fff;
	border: 1px solid #08b5f9;
	color: #333;
	font-size: 15px;
	font-weight: 400;
	height: 60px;
	width: 100%;
	border-radius: 6px;
	padding-left: 20px;
	padding-right: 65px;
}
.sidebar-search button {
	position: absolute;
	top: 50%;
	right: 0px;
	border: 0px;
	transform: translateY(-50%);
	font-size: 12px;
	height: 100%;
	width: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #08b5f9;
	color: #fff;
	border-radius: 0px 6px 6px 0px;
}
/* sidebar categories */
.sidebar-categories li a {
	color: #000;
	text-decoration: none;
	padding: 0px 10px 0px 15px;
	height: 50px;
	background-color: #fff;
	line-height: 50px;
	font-size: 12px;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	position: relative;
	width: 100%;
	align-items: center;
	display: flex;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.sidebar-categories li.active a, .sidebar-categories li a:hover {
	background-color: #fff;
	padding-left: 30px;
	color: #08b5f9;
	border-right: 2px solid #08b5f9;
}
.sidebar-categories li:last-child a {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.sidebar-categories li a i {
	opacity: 0;
	padding-left: 10px;
	padding-top: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.sidebar-categories li a:hover i, .sidebar-categories li.active a i {
	opacity: 1;
}
/* sidebar widget */
.sidebar-widget {
	background-image: url(../img/bg/sidebar-bg.jpg);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	padding: 20px;
	position: relative;
}
.sidebar-widget:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.sidebar-widget:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
/* widget title */
.sidebar-widget .sidebar-widget-title {
	font-size: 24px;
	margin-bottom: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/* recent post */
.sidebar-recent-post li {
	border-bottom: 1px dashed rgba(0,0,0,0.2);
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidebar-recent-post li .recent-post-img {
	margin-left: 12px;
	float: left;
}
.sidebar-recent-post li .recent-post-img img {
	border-radius: 6px;
	border: 2px solid #08b5f9;
}
.sidebar-recent-post li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.sidebar-recent-post li .post-date {
	color: #08b5f9;
	display: inline-block;
	font-size: 10px;
	font-style: italic;
}
.sidebar-recent-post li .post-date strong {
	color: #08b5f9;
}
.sidebar-recent-post li .post-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.sidebar-recent-post li .post-title a {
	color: #333;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.sidebar-recent-post li .post-title a:hover {
	color: #08b5f9;
}
/* popular tag */
.popular-tag li {
	display: inline-block;
	margin: 2px;
}
.popular-tag li a {
	display: inline-block;
	background-color: #333;
	border-radius: 4px;
	padding: 4px 10px;
	color: #fff;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.popular-tag li a:hover {
	color: #fff;
	background-color: #08b5f9;
}
/* blog post */
.blog-post-img {
	position: relative;
}
.blog-post-img img {
	border-radius: 6px;
}
.blog-post-content h6 {
	color: #000;
	font-size: 30px;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.blog-post-content .heightlight-text .p-quote {
	font-size: 30px;
	line-height: 70px;
	height: 70px;
	width: 70px;
	display: inline-block;
	border: 1px solid #08b5f9;
	text-align: center;
	border-radius: 100%;
	float: left;
	margin: 8px 20px 10px 0px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
/* blog post list */
.blog-post-list {
	margin-left: 15px;
}
.blog-post-list li {
	color: #333;
	font-size: 14px;
	list-style: disc;
	padding-bottom: 10px;
}
.blog-post-list li:last-child {
	padding-bottom: 0px;
}
/* blog post meta */
.blog-post-meta {
	position: absolute;
	left: 15px;
	bottom: 15px;
	background-color: #08b5f9;
	padding: 16px 20px;
	border-radius: 6px;
}
.blog-post-meta li {
	position: relative;
	margin-right: 20px !important;
}
.blog-post-meta li:last-child {
	margin-right: 0px !important;
}
.blog-post-meta li a {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}
.blog-post-meta li a i {
	color: #fff;
}
.blog-post-meta li a:hover {
	color: #000;
}
.blog-post-meta li:after {
	position: absolute;
	content: "-";
	border-radius: 100%;
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
	color: #fff;
	font-size: 10px;
}
.blog-post-meta li:last-child:after {
	display: none;
}
.blog-single-social li:first-child {
	font-weight: 600;
	font-size: 14px;
	color: #08b5f9;
}
.blog-single-social li a {
	color: #959595;
	font-size: 14px;
}
.blog-single-social li a:hover {
	color: #08b5f9;
}
/* comments title */
.blog-post-subtitle {
	color: #000;
	font-size: 28px;
	display: inline-block;
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.blog-post-subtitle:first-letter {
	color: #08b5f9;
}
/* Comments block */
.comments-block ul li {
	width: 100%;
	margin-bottom: 30px;
}
.comments-block ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}
.comments-block ul li ul {
	margin-top: 30px;
	margin-left: 30px;
}
.comments-block ul li .d-flex {
	position: relative;
}
.comments-block ul li .d-flex .flex-grow-1 {
	background-color: #f5f5f5;
	padding: 15px;
	border-radius: 6px;
}
.comments-block ul li .d-flex .flex-shrink-0 {
	position: relative;
	padding-right: 15px;
}
.comments-block ul li .d-flex .flex-shrink-0 img {
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.1);
}
.comments-block ul li ul li:last-child {
	margin-bottom: 0px !important;
}
.comments-block ul li h5 {
	font-size: 18px;
	color: #000;
	margin-bottom: 4px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.comments-block ul li h5 small {
	font-size: 12px;
	color: #08b5f9;
	width: 100%;
	font-weight: 500;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.comments-block ul li a.reply {
	color: #08b5f9;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 600;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #08b5f9;
	border-radius: 100%;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.comments-block ul li .d-flex:hover a.reply {
	background-color: #08b5f9;
	color: #fff;
}
/* leave a comments block */
.leave-reply-form input {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	height: 55px;
	border-radius: 6px;
	font-size: 14px;
	color: #000;
}
.leave-reply-form textarea {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 20px;
	border-radius: 6px;
	font-size: 14px;
	color: #000;
}
.leave-reply-form input:focus, .leave-reply-form textarea:focus {
	border: 1px solid #08b5f9 !important;
	color: #000;
	box-shadow: none;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
/* ===================================
	14. Footer
=================================== */
.footer-main {
	position: relative;
	background-color: #eee;
}
/* footer contact */
.footer-contact {
	text-align: center;
	margin-bottom: 15px;
}
.footer-contact li {
	margin-bottom: 10px;
}
.footer-contact li:last-child {
	margin-bottom: 0px;
}
.footer-contact li a {
	color: #000;
	padding: 0 8px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.footer-contact li a:hover {
	color: #08b5f9;
}
/* footer link */
.footer-link {
	text-align: center;
}
.footer-link li {
	margin-bottom: 10px;
}
.footer-link li:last-child {
	margin-bottom: 0px;
}
.footer-link li a {
	color: #000;
	padding: 0 8px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.footer-link li a:hover {
	color: #08b5f9;
}
/* footer copyright */
.footer-copyright {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 12px 0;
}
.footer-copyright p {
	color: #000;
	font-size: 12px;
}
/* ===================================
	15. Inner page header
=================================== */
.inner-page-header-bg {
	background-image: url(../img/bg/inner-page-header-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	background-size: cover;
	padding: 150px 0;
	/* width: 1920px;
	height:500px;
	margin: 0 auto;  水平居中 */
}
.inner-page-header-bg:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: -1;
	background-color: rgba(0,0,0,0.5);
}
.inner-page-title h1 {
	color: #fff;
	font-size: 50px;
	display: inline-block;
	position: relative;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	margin-bottom: 10px;
}
.inner-page-title-c {
	text-align: center;
}
/* breadcrumb */
.breadcrumb-box {
	padding: 0;
}
.breadcrumb-box .breadcrumb {
	margin: auto;
	display: inline-block;
}
.breadcrumb-box .breadcrumb li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
}
.breadcrumb-box .breadcrumb-item + .breadcrumb-item:before {
	content: ".";
	font-size: 40px;
	line-height: 1px;
	color: #fff;
}
.breadcrumb-box .breadcrumb li a {
	color: #000;
	font-weight: 600;
}
/* ===================================
	16. Gallery
=================================== */
.gallery-box {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(0,0,0,0.1)
}
.gallery-box:before {
	height: 0;
	width: 0;
	bottom: 0;
	right: 0;
	content: '';
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gallery-box:hover:before {
	height: 100%;
	width: 100%;
}
.gallery-box .zoom {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 16px;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100% 100% 0 100%;
	background-color: #000;
	text-align: center;
	display: inline-block;
	z-index: 4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gallery-box:hover .zoom {
	opacity: 1;
	background-color: #08b5f9;
}
/* ===================================
	17. Faq
=================================== */
.faq-box .accordion-item .accordion-header .accordion-button {
	color: #fff !important;
	padding: 20px 15px !important;
	border-bottom: 0;
	font-size: 20px;
	letter-spacing: 1px;
	border-radius: 6px;
	background-color: #08b5f9 !important;
	position: relative;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	box-shadow: none;
}
.faq-box .accordion-item .accordion-header .accordion-button.collapsed:after, .faq-box .accordion-item .accordion-header .accordion-button:after {
	display: none;
}
.faq-box .accordion-item .accordion-header .accordion-button {
	display: flex;
}
.faq-box .accordion-item .accordion-header .accordion-button i {
	font-size: 14px;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.faq-box .accordion-item .accordion-header .accordion-button[aria-expanded=true] i {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.faq-box .accordion-item .accordion-header .accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}
.faq-box .accordion-item .accordion-header {
	padding: 0px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	background-color: transparent;
}
.faq-box .accordion-item .accordion-header .accordion-button.collapsed {
	color: #000 !important;
	padding: 20px 15px !important;
	font-size: 20px;
	background-color: #fff !important;
	letter-spacing: 1px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.faq-box .accordion-item {
	background-color: transparent;
	border-radius: 0px !important;
	border-bottom: 0px;
	overflow: hidden;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	margin-bottom: 10px;
}
.faq-box .accordion-item:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}
.faq-box .accordion-item .accordion-body {
	line-height: 24px;
	padding: 20px;
	color: #333;
	background-color: #e1f4fb;
	margin-top: 1px;
	border-radius: 6px;
	border: 0px;
	position: relative;
}
.faq-box .accordion-item .accordion-body:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.faq-box .accordion-item .accordion-body:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.faq-box .accordion-item .accordion-body p {
	color: #000;
}
/* ===================================
	18. Pricing area
=================================== */
.single-pricing {
	background-image: url(../img/bg/sidebar-bg.jpg);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-pricing:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.single-pricing:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.single-pricing .pricing-head {
	position: relative;
	padding: 20px;
}
.single-pricing .pricing-head h3 {
	color: #000;
	font-size: 30px;
	margin-bottom: 4px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-pricing .pricing-head .plan {
	color: #333;
	margin-bottom: 20px;
}
.single-pricing .pricing-classic-price {
	font-weight: 400;
	letter-spacing: 0;
	color: #08b5f9;
	font-size: 30px;
	line-height: 25px;
}
.single-pricing .pricing-body {
	margin-top: 0px;
	padding: 10px 20px 20px 20px;
}
.single-pricing ul.feature {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-pricing ul.feature li {
	display: block;
	font-size: 14px;
	padding: 10px 0px;
	text-transform: capitalize;
	color: #000;
}
.single-pricing ul.feature li:last-child {
	padding-bottom: 0px;
}
.single-pricing ul.feature li i {
	color: #08b5f9;
	margin-right: 6px;
}
.single-pricing:hover, .single-pricing.active {
	border-color: #08b5f9;
}
.single-pricing:hover .pricing-head h3, .single-pricing.active .pricing-head h3 {
	background-color: #08b5f9;
	color: #fff;
	padding: 2px 4px;
}
/* ===================================
	19. Error page 404
=================================== */
.error-page-item h2 {
	margin-bottom: 12px;
	font-size: 30px;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/* ===================================
	20. Contact us
=================================== */
.contact-img img {
	border-radius: 6px;
}
.contact-box-main {
	background-image: url(../img/bg/sidebar-bg.jpg);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	padding: 30px;
	position: relative;
}
.contact-box-main:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.contact-box-main:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 80%;
	background-color: #08b5f9;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}
.contact-box {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.contact-box:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}
.contact-box .icon {
	font-size: 18px;
	margin-bottom: 6px;
	color: #08b5f9;
	position: relative;
	display: inline-block;
	text-align: center;
}
.contact-box h4 {
	line-height: 22px;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	display: inline-block;
	margin-left: 10px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.contact-box p {
	font-size: 14px;
	margin-bottom: 0px;
	color: #000;
	width: 100%;
	display: inline-block;
}
.contact-form-map {
	background-color: #111;
}
/* contact form */
.contact-form input {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	height: 55px;
	border-radius: 6px;
	font-size: 14px;
	color: #000;
}
.contact-form textarea {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 20px;
	border-radius: 6px;
	font-size: 14px;
	color: #000;
}
.contact-form input:focus, .contact-form textarea:focus {
	border: 1px solid #08b5f9 !important;
	color: #000;
	box-shadow: none;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.help-block ul {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
	padding: 10px;
	border-radius: 4px;
}
/* map */
.map-box iframe {
	width: 100%;
	border: 0px;
	height: 380px;
	border-radius: 6px;
	overflow: hidden;
}