/*
 * Page layouts that used to come from the theme templates (default-template pages, posts, archives, search, 404).
 * The markup in templates/ keeps the old class names so the site's Additional CSS keeps applying; values are measured on live.
 */

/* container + minimal grid (gutter 24px) */
.container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 12px; padding-left: 12px; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1200px; } }
.row { display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 12px; padding-left: 12px; }
@media (min-width: 576px) { .row > .col-sm-6 { flex: 0 0 auto; width: 50%; } }
@media (min-width: 768px) { .row > .col-md-6 { flex: 0 0 auto; width: 50%; } }
@media (min-width: 992px) {
	.row > .col-lg-3 { flex: 0 0 auto; width: 25%; }
	.row > .col-lg-4 { flex: 0 0 auto; width: 33.333333%; }
	.row > .col-lg-6 { flex: 0 0 auto; width: 50%; }
	.row > .col-lg-8 { flex: 0 0 auto; width: 66.666667%; }
	.row > .col-lg-12 { flex: 0 0 auto; width: 100%; }
}
.img-fluid { max-width: 100%; height: auto; }
.list-unstyled { padding-left: 0; list-style: none; }
.text-center { text-align: center; }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }
.d-inline-block { display: inline-block; }
.text-uppercase { text-transform: uppercase; }
.position-relative { position: relative; }

/* page title banner (default-template pages with "Banner" on) */
.breadcrumb_area_two {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 220px 0 100px;
	background-image: linear-gradient(to left, #00a1c9 0%, #0069ba 100%);
}
.breadcrumb_area_two .bubble { margin: 0 0 16px; padding: 0; list-style: none; }
.breadcrumb_area_two .bubble li { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #1e73be; opacity: .1; }
.breadcrumb_area_two .bubble li:nth-child(1) { left: 220px; bottom: 50px; }
.breadcrumb_area_two .bubble li:nth-child(2) { left: 35%; top: 100px; }
.breadcrumb_area_two .bubble li:nth-child(3) { left: 40%; bottom: 50px; width: 51px; height: 51px; }
.breadcrumb_area_two .bubble li:nth-child(4) { left: 42%; bottom: 50px; width: 20px; height: 20px; }
.breadcrumb_area_two .bubble li:nth-child(5) { left: 76%; top: 160px; width: 51px; height: 51px; }
.breadcrumb_area_two .bubble li:nth-child(6) { left: 75%; top: 186px; width: 30px; height: 30px; }
.breadcrumb_area_two .bubble li:nth-child(7) { left: 52%; top: 150px; width: 20px; height: 20px; }
.breadcrumb_area_two .bubble li:nth-child(8) { left: 90%; top: 250px; width: 20px; height: 20px; }
.breadcrumb_area_two .breadcrumb_shap { position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: auto; max-width: none; }
.breadcrumb_content_two { text-align: center; }
.breadcrumb_content_two h1 { margin: 0 0 5px; color: #fff; font-size: 50px; font-weight: 400; line-height: 65px; }
.breadcrumb_content_two p { margin: 0 0 16px; color: #fff; font-size: 16px; font-weight: 300; line-height: 1.6; }
.breadcrumb_content_two .breadcrumb { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 16px; padding: 0; list-style: none; }
.breadcrumb_content_two .breadcrumb li { position: relative; color: #fff; font-size: 16px; line-height: 1.6; text-transform: capitalize; }
.breadcrumb_content_two .breadcrumb li a { color: #fff; }
.breadcrumb_content_two .breadcrumb li + li { padding-left: 32px; }
.breadcrumb_content_two .breadcrumb li + li::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	width: 7px;
	height: 7px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}

/* default-template page body */
.sec_pad { padding-top: 120px; padding-bottom: 120px; }

/* old utility classes still used inside page content */
.f_300 { font-weight: 300; }
.f_size_15 { font-size: 15px; }
.mb_70 { margin-bottom: 70px; }
.fw_500 { font-weight: 500; }
.fw_600 { font-weight: 600; }
.f_p { font-family: Poppins, sans-serif; }
.f_500 { font-weight: 500; }
.f_size_22 { font-size: 22px; }
.t_color3 { color: #222d39; }
.mb_20 { margin-bottom: 20px; }
.mb-0 { margin-bottom: 0 !important; }
.pr_50 { padding-right: 50px; }
.bg_color { background: #fbfbfd; }
