/*

Theme name: co-workspace

Author: Yin

Version: 1.0

*/

/*main*/
body {
	margin: 0px;
	font-weight: 500;
}
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	display: table;
	font-family: 'Noto Sans TC', sans-serif;
}
a {
	color: #000;
	text-decoration: none;
}
.theme-color {
	background-color: #fff;
}
.active, .nav-item:hover > a {
	background-color: #fff;
	color: #5B7FBA !important;
}
#short-hr {
	width: 25px;
	position: relative;
	z-index: -1;
}
.title {
	margin: 1.5rem 0px;
}
.post-contact-btn {
	margin: 1.5rem 0px;
}
img:not(.wtsapp-btn > img) {
 object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
 object-position: center;
}
.inquire-btn {
	width: 100%;
	background-color: #00355B;
	color: #fff;
	font-weight: lighter;
}
.inquire-btn:hover {
	color: #fff;
}
.wtsapp-btn {
	width: 100%;
	background-color: #5BB64F;
	color: #fff;
	font-weight: lighter;
}
.button_area .inquire-btn, .button_area .wtsapp-btn {
	width: auto;
	background-color: transparent;
	color: #000;
	font-weight: normal;
	outline: 0!important;
}
.button_area .inquire-btn:focus, .button_area .wtsapp-btn:focus {
	outline: 0!important;
}
.all_btn button {
	border: none;
	border-radius: 4px;
	background-color: #1455FE;
	color: #fff;
	width: 100%;
	padding: 8px 20px;
	width: auto;
}
/*.wtsapp-btn:hover {
	color: #fff;
}*/
.wtsapp-btn > img {
/*margin-bottom: 2px;
	margin-right: 2px;*/
}
hr {
	position: relative;
	z-index: -1;
}
.three-workspaces {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 45px;
}
.round-thumbnail {
	position: relative;
	width: 50%; /* The size you want */
}
.round-thumbnail:after {
	content: "";
	display: block;
	padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}
.round-thumbnail > img {
	position: absolute; /* Take your picture out of the flow */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; /* Make the picture taking the size of it's parent */
	width: 100%; /* This if for the object-fit */
	height: 100%; /* This if for the object-fit */
	border-radius: 50%;
	z-index: -1;
}
.small-post-title {
	margin-top: 8px;
}
.light-grey-word {
	color: rgba(109, 109, 109, 0.5);
}
.grey-word {
	color: rgba(109, 109, 109, 0.9);
}
.list-item-r-border {
	padding-right: 8px;
	margin-right: 8px;
	border-right: rgba(109, 109, 109, 0.5) 1.5px solid;
}
/*gform*/
.home-search-bar { /* For search bar in home */
	/*padding-top: 4%;
	padding-bottom: 4%;*/
	z-index: 1;
}
.top-search-bar { /* For search bar in search */
/*padding-top: 4%;*/
}
.bottom-search-bar { /* For search bar in about-us / blog / blog post / workspace post */
	padding-bottom: 4%;
}
.home-search-bar .gform-search {
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 6px;
	color: #000;
 	max-width: calc(100% - .75rem);
	width: 950px;
	margin: 0 auto;
}
@media only screen and (max-width: 950px){
.home-search-bar .gform-search {
	width: 100%;
}
}
.top-search-bar .gform-search {
	background-color: #fff;
	border-radius: 12px;
	color: #000;
	padding: var(--bs-gutter-x, 0.75rem);
	border: 1px solid #ccc;
}
.bottom-search-bar .gform-search {
	background-color: #00355B;
	border-radius: 4px;
	color: #fff;
 padding: var(--bs-gutter-x, .75rem); /* Making padding in bootstrap style */
}
.gform-search .label {
	background-color: #18ACEC;
	border-radius: 50px;
}
.gform-search h2 {
	color: #022170;
}

@media only screen and (max-width: 767px) {
	.gform-search h2 {
		text-align: center;
	}
.gform-search h2 span {
	display: block;
}
}

.gform-search input[type="text"] {
	border-radius: 6px;
	border:none;
}
.gform_wrapper.gravity-theme input.large, .gform_wrapper.gravity-theme select.large {
	width: 310px;
	max-width: 100%;
	border: none;
	border-radius: 6px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
.gform_wrapper.gravity-theme input.large, .gform_wrapper.gravity-theme select.large {
	width: 100%;
}
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
	max-width: unset!important;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio label {
	display: contents;
	font-weight: 400;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio input[type=radio] {
	width: 15px;
	height: 15px;
}
body #gform_wrapper_1 .gform_footer {
	padding: 0;
	max-width: 636px;
	margin: 0 auto;
}
@media only screen and (max-width: 636px) {
body #gform_wrapper_1 .gform_footer {
	max-width: 100%;
}
}
body .home-search-bar #gform_wrapper_1 .gform_footer input[type=submit] {
	border: none;
	border-radius: 4px;
	background-color: #1455FE;
	color: #fff;
	width: 100%;
	padding: 8px;
}
body .top-search-bar #gform_wrapper_1 .gform_footer input[type=submit] {
	border: #fff solid 1px;
	border-radius: 4px;
	background-color: #1455FE;
	color: #fff;
	width: 100%;
	padding: 8px;
}
body .bottom-search-bar #gform_wrapper_1 .gform_footer input[type=submit] {
	border: #fff solid 1px;
	border-radius: 4px;
	background-color: #00355B;
	color: #fff;
	width: 100%;
	padding: 8px;
}
.form-hidden {
	display: none;
}
.booking-form:after {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 100vh;
	position: fixed;
	content: "";
	display: block;
	z-index: 1;
}
.booking-form > div.container {
	position: fixed;
	padding: 3rem;
	background-color: #fff;
	z-index: 3;
	width: 70vw;
	height: 80vh;
	left: 15vw;
	top: 12vh;
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
}
button.form-close-btn {
	flex-shrink: 0;
	position: absolute;
	box-shadow: none;
	border: none;
	background-color: #000;
	width: 26px;
	height: 26px;
	top: 0;
	right: 0;
	color: #fff;
}
button.form-close-btn:hover {
	border: rgba(255, 255, 255, 0.7) 1px solid;
}
body #gform_wrapper_2 .gform_footer input[type=submit] {
	border: #fff solid 1px;
	border-radius: 4px;
	background-color: #1455fe;
	color: #fff;
	width: 100%;
	padding: 8px;
	margin-bottom: 0;
}
body #gform_wrapper_3 .gform_footer input[type=submit] {
	border: #fff solid 1px;
	border-radius: 4px;
	background-color: #1455FE;
	color: #fff;
	width: 100%;
	padding: 8px;
}
/*header*/
#navbar {
	background-color: #fff;
	position: sticky;
	top: 0px;
	z-index: 2;
}
#navbarToggle {
	font-weight: 300;
	justify-content: flex-end;
}
.navbar-brand {
	margin-right: 0;
}
#global-icon {
	display: flex;
	align-items: center;
	justify-self: center;
}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-link {
	color: #000;
	margin: 0 0.5rem;
}
.contact.nav-item .nav-link {
	background-color: #1455FE;
	color: #fff;
	border-radius: 6px;
	padding-right: 1.5rem!important;
	padding-left: 1.5rem!important;
	border: 1px solid #1455FE;
	display: flex;
	align-items: center;
}
.contact.nav-item .nav-link:before {
	content: "";
	width: 24px;
	height: 24px;
	background: url(/wp-content/uploads/2024/02/icon_header_contact.svg) no-repeat;
	background-size: cover;
	margin-right: 3px;
}
.contact.nav-item .nav-link:hover:before {
	background: url(/wp-content/uploads/2024/02/icon_header_contact_blue.svg) no-repeat;
	background-size: cover;
}
.contact.nav-item:hover > a {
	background-color: #fff!important;
	color: #1455FE!important;
	border: 1px solid #1455FE;
}
#toggler {
	border: none;
}
.btn-close {
	padding: 4px 12px;
}
 @media (max-width: 992px) {
.navbar-collapse {
 position: fixed;
}
.navbar-nav .nav-link {
 padding-left: 30px;
 padding-right: 30px;
}
.show button.navbarToggler {
 display: block;
}
#navbarToggle.show::after {
 background-color: rgba(0, 0, 0, 0.5);
 width: 100vw;
 height: 100vh;
 position: fixed;
 content: " ";
 display: block;
 top: 0;
 left: 0;
}
#navbarToggle > .theme-color {
 z-index: 1;
 position: fixed;
 top: 0; /* adjust to height of navbar */
 left: 0;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 15px;
 width: 80%;
 height: 100%;
}
#navbarToggle.navbar-collapse.collapsing > .theme-color {
 left: -75%;
 transition: height 0s ease;
}
#navbarToggle.navbar-collapse.show > .theme-color {
 left: 0;
 transition: left 300ms ease-in-out;
}
.navbar-toggler.collapsed ~ .navbar-collapse {
 transition: left 500ms ease-in-out;
}
}
button.navbarToggler {
	margin: 5% 0 5% 5%;
}
/*index*/
.home-search-bar-bg-img {
	position: relative;
	width: 100%; /* The size you want */
}
.home-search-bar-bg-img:after {
	content: "";
	display: relative; /* Make the picture size depends to the element size */
}
.home-search-bar-bg-img > img {
	position: absolute; /* Take your picture out of the flow */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; /* Make the picture taking the size of it's parent */
	width: 100%; /* This if for the object-fit */
	height: 100%; /* This if for the object-fit */
	z-index: -1;
}
.section-title {
	margin: 0 0 3rem 0;
	width: 35%;
	text-align: right;
	font-size: 40px;
	color: #000;
	display: flex;
	text-wrap: nowrap;
	align-items: center;
}
.section-title.box_style {
	margin-bottom: calc(3rem + 1.5rem);
}
.section-title:before {
	content: "";
	height: 12px;
	background: url(/wp-content/uploads/2024/02/tl_bg_line.svg) no-repeat right;
	width: 100%;
	display: inline-block;
	margin-right: 15px;
}
.section-title.text-white:before {
	content: "";
	height: 12px;
	background: url(/wp-content/uploads/2024/02/tl_bg_line_white.svg) no-repeat right;
	width: 100%;
	display: inline-block;
	margin-right: 15px;
}
.small-section {
	color: #00355B;
	margin: 30px 0px;
	font-size: 1rem;
}
.thumbnail > img {
	width: 100%;
	height: 240px;
}
.posts-content .box .thumbnail .ratio img {
	margin-top: -1.5rem;
}
 @media (max-width: 992px) {
.thumbnail > img {
 height: 180px;
}
}
 @media (max-width: 576px) {
.thumbnail > img {
 height: 100px;
}
}
.posts-content {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
}
.posts-content .box {
	background: #fff;
	padding: 0 1.5rem 1.5rem 1.5rem;
}
.home-address-area {
	flex: 1;
}
.address-tc {
	padding-right: 8px;
}
.address {
/*padding-right: 12px;
	color: rgba(109, 109, 109, 0.9);
	border-right: rgba(109, 109, 109, 0.5) 1.5px solid;*/
}
.area {
/*padding-left: 8px;
	color: rgba(109, 109, 109, 0.9);*/
}
.box .area {
	padding-left: 0;
}
.box .price_area {
	bottom: 1.5rem;
}
.price-tag {
/*color: #00355B;*/
}
.price {
/*color: #00355B;
	font-size: 22px;*/
}
/*single*/
.detail-thumbnail {
	border-bottom: 5px solid #17AFF0;
}
.detail-thumbnail > img {
	width: 100%;
	height: 100%;
	max-height: 240px!important;
}
.detail-thumbnail:before {
	content:"";
	background: rgb(11,16,32);
	background: linear-gradient(180deg, rgba(11, 16, 32, 0.4) 20%, rgba(67, 75, 114, 0.9) 90%);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.post-title {
	color: rgba(0, 0, 0, 0.6);
}
.post-small-title {
	font-weight: bold;
}
.price-list-table {
	/*border: rgba(109, 109, 109, 0.5) solid 1px;
	border-radius: 4px;*/
	margin: 14px 0 0;
}
.tab-switch {
	border-bottom: none;
}
.tab-switch a.nav-link {
	display: flex;
	justify-content: center;
}
.tab-switch a.nav-link:hover {
	cursor: pointer;
}
.tab-active > a.nav-link { /*for tab-switch a.nav-link */
	color: #00355B;
}
.tab-hidden > a.nav-link { /*for tab-switch a.nav-link */
	background-color: #00355B;
	color: #fff;
}
.tab-hidden > a.nav-link > img {
	filter: invert(92%) sepia(100%) saturate(0%) hue-rotate(28deg) brightness(105%) contrast(101%);
}
.tab-hide {
	display: none;
}
.tab-show {
	display: block;
}
.facility-list {
}
.facilities {
}
.search-section-title {
	margin-bottom: 16px;
}
/*search*/
.search-row {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 16px;
}
.search-thumbnail {
	position: relative;
	height: 240px;
}
@media (max-width: 992px) {
.search-thumbnail {
 position: relative;
 height: 240px;
}
}
 @media (max-width: 576px) {
.search-thumbnail {
 position: relative;
 height: 240px;
}
}
.search-thumbnail:after {
	content: "";
	display: block;
}
.search-thumbnail > img {
	position: absolute; /* Take your picture out of the flow */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; /* Make the picture taking the size of it's parent */
	width: 100%; /* This if for the object-fit */
	height: 100%; /* This if for the object-fit */
	/*border-radius: 3px;
	border: rgb(133, 133, 133) solid 1px;*/
	z-index: -1;
}
.price-per-month {
/*float: right;*/
}
/*contact-us*/
.contact-information {
	color: #00355B;
}
.follow-us {
	color: #00355B;
}
/*blog*/
.blog-thumbnail > img {
	width: 100%;
	height: 20vh;
	border-radius: 5px;
	border: rgb(133, 133, 133) solid 1px;
}
.blog-detail {
	margin-top: 8px;
}
.blog-date {
	float: right;
}
.blog-post-title {
	margin-top: 16px;
	font-size: larger;
	font-weight: 700;
}
.blog-post-title > a {
	color: rgba(0, 0, 0, 0.7);
}
/*blog-single*/
.blog-small-text {
	font-size: 12px;
}
.blog {
	text-align: center;
	color: rgba(0, 0, 0, 0.6);
	margin: 3.5vh 0;
}
.blog-title {
	color: rgba(0, 0, 0, 0.6);
	margin: 8px 0;
}
.blog-single-date {
	margin-top: 16px;
}
.blog-large-thumbnail > img {
	width: 100%;
	height: 100%;
	max-height: 460px;
	/*border-radius: 5px;
	border: rgb(133, 133, 133) solid 1px;*/
}
.blog-content {
	margin-top: 16px;
}
.blog-workspace-thumbnail {
	position: relative;
	width: 100%;
}
.blog-workspace-thumbnail:after {
	content: "";
	display: block;
	padding-bottom: 40%;
}
.blog-workspace-thumbnail > img {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	border: rgb(133, 133, 133) solid 1px;
}
.blog-workspace-title {
	color: rgba(0, 0, 0, 0.6);
}
.blog-other-blog {
	margin: 16px 0;
	color: rgba(0, 0, 0, 0.6);
}
.blog-other-posts {
	margin-bottom: 16px;
}
.blog-other-post-thumbnail {
	position: relative;
	width: 100%;
}
/*.blog-other-post-thumbnail:after {
	content: "";
	display: block;
	padding-bottom: 40%;
}*/
.blog-other-post-thumbnail > img {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;/*border-radius: 5px;
	border: rgb(133, 133, 133) solid 1px;*/
}
.other-post-title {
	color: rgba(0, 0, 0, 0.6);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/*footer*/
footer {
	background-color: #242530;
	display: block;
}
footer .row {
}
.footer-icon {
	display: flex;
	justify-content: left;
	align-items: center;
}
@media only screen and (max-width: 767px) {
.footer-icon {
	justify-content: center;
	margin-bottom: 1rem;
}
}

.footer-icon img {
	width: 100%;
	max-width: 220px;
	height: auto;
}
.footer-btn-group {
	font-weight: 300;
}
.footer-btn-group .nav-link {
	padding: 8px 4px
}
footer a.nav-link {
	color:#fff;
}
.thumbnails-preview {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.thumbnails-preview li {
	margin-right: 5px;
	margin-bottom: 5px;
}
.text-box {
	min-height: 160px;
}
@media (max-width: 992px) {
.text-box {
 min-height: 0;
}
}

.carousel .carousel-item img {
	max-height: 460px;
	min-height: 460px;
}
.carousel-indicators {
	z-index: 1;
}
.carousel-indicators [data-bs-target] {
	width: 10px;
	height: 10px;
	opacity: 1;
	border: none;
	border-radius: 50px;
}
.carousel-indicators .active {
	background: #6DB0F4;
}
.bg_style {
	background:url(/wp-content/uploads/2024/02/urban-scene-skyline-morning-view-metropolis-concept.png) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.bg_style:before {
	content:"";
	background: rgb(11,16,32);
	background: linear-gradient(180deg, rgba(11, 16, 32, 0.4) 20%, rgba(67, 75, 114, 0.9) 90%);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg_style .section-title, .bg_style .txt {
	position: relative;
	z-index: 1;
}
.bg_style .number {
	font-size: 64px;
}
.img_style .txt {
	font-size: 24px;
}
.tip1 {
	background: url(/wp-content/uploads/2024/02/bg_tipimg1.png) no-repeat center;
	background-size: 100% auto;
	color: #fff;
	width: 403px;
	height: 55px;
	padding: 7px 25px 0 25px;
	line-height: 48px;
}
.tip2 {
	background: url(/wp-content/uploads/2024/02/bg_tipimg2.png) no-repeat center;
	background-size: 100% auto;
	color: #fff;
	width: 403px;
	height: 55px;
	padding: 7px 25px 0 25px;
	line-height: 48px;
}
.tip3 {
	background: url(/wp-content/uploads/2024/02/bg_tipimg3.png) no-repeat center;
	background-size: 100% auto;
	color: #fff;
	width: 403px;
	height: 55px;
	padding: 7px 25px 0 25px;
	line-height: 48px;
}
.bg_blue {
	background: url("/wp-content/uploads/2024/02/bg_blue_img.png") no-repeat right 5% bottom #1455FE;
}
.bg_blue .section-title {
 margin-bottom: .5rem;
}
.bg_blue .section-text {
	width: calc(35% + 432px - 160px);
	text-align: right;
}
.bg_blue .sub_box {
	margin-left: calc(35% - 160px);
}
@media (max-width: 767px) {
.bg_blue .section-text {
	width: 100%;
	text-align: left;
	padding: 0 1rem;
}
.bg_blue .sub_box {
	margin-left: 0;
}
.tip1, .tip2, .tip3 {
	width: 100%;
}
}
#sfba-form2-container {
	width: auto!important;
	padding: 0!important;
	border: none!important;
	display: flex!important;
	font-family: inherit!important;
	background: none!important;
}
.sfba_subscribe_form__fields .sfba-form2-fields {
	width: 365px!important;
	margin-top: 0!important;
	margin-right: 10px;
	border-radius: 6px!important;
	height: 42px!important;
	line-height: 42px;
	font-size: 15px!important;
}
#sfba-form2-button {
	width: auto!important;
	margin-top: 0!important;
	border-radius: 6px!important;
	background-color: #00477D!important;
	color: #fff!important;
	font-size: 15px!important;
	padding: 10px 40px!important;
}
.sfba_subscribe_form__fields_wrap {
	max-width: 65%!important;
	width: 100%!important;
	display: flex;
	margin: 0!important;
}
@media (max-width: 767px) {
#sfba-form2-container {
	width: 100%!important;
}
.sfba_subscribe_form__fields_wrap{
	max-width: 100%!important;
	justify-content: center;
}
.sfba_subscribe_form__fields .sfba-form2-fields {	
	width: 100%!important;
}
}
.sfba-main-form-container .sfba-email-field-error, .sfba-main-form-container .sfba-conset-field-error {
	position: absolute;
	bottom: -20px;
	line-height: 20px;
	margin: 0;
}
.banner_style {
	background:url(/wp-content/uploads/2024/02/urban-scene-skyline-morning-view-metropolis-concept.png) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.banner_style:before {
	content:"";
	background: rgb(11,16,32);
	background: linear-gradient(180deg, rgba(11, 16, 32, 0.4) 20%, rgba(67, 75, 114, 0.9) 90%);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner_style .section-title {
	position: relative;
	z-index: 1;
}
/* The radio-container */
.radio-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.radio-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 27px;
	width: 27px;
	background-color: #eee;
	border-radius: 50%;
	border: 1px solid #ccc;
}
.radio-container:hover input ~ .checkmark {
 background-color: #ccc;
}
.radio-container input:checked ~ .checkmark {
 background-color: #18acec;
}
.radio-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.radio-container input:checked ~ .checkmark:after {
 display: block;
}
.radio-container .checkmark:after {
	top: 8px;
	left: 8px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: white;
}
.sticky {
	top: 100px;
	position: sticky;
}
.search-row .detail {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.inside_bar {
	border-bottom: 1px solid #B4B4B4;
}
.inside_bar a {
	color: #4B9EF1;
}
.inside_detail .detail_box {
	background-color: #fff;
	border-radius: 12px;
	color: #000;
	padding: var(--bs-gutter-x, 0.75rem);
}
.inside_detail .gform-search {
	background-color: #fff;
	border-radius: 12px;
	color: #000;
	padding: var(--bs-gutter-x, 0.75rem);
}
.inside_detail #gform_wrapper_1 .gform_footer input[type=submit] {
	border: #fff solid 1px;
	border-radius: 4px;
	background-color: #1455FE;
	color: #fff;
	width: 100%;
	padding: 8px;
}
.bg-light-blue {
	background:#4B9EF1;
}
.contact_box {
	background:#fff;
	border-radius: 12px;
}
.contact_box .gform_wrapper.gravity-theme .gform_fields {
	display:block;
}
.contact_detail hr {
	z-index:0;
}
.contact_detail span.img {
	width: 19px;
	text-align: center;
	display: flex;
	justify-content: center;
}
.blog-post-title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blog_landing_content {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.pagination {
	justify-content: center;
}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
.page-numbers.current, a.page-numbers:hover {
	background: #f8f9fa;
	color: #0d6efd;
}
.swiper-container {
	overflow:hidden;
	width: 100%;
	position: relative;
}
.swiper-slide {
	cursor:pointer;
	max-width: 100%!important;
}
.photo-gallery .swiper-slide {
	width: 100%!important;	
}

.gallery-preview .swiper-slide {
	width: 20%!important;	
}

.equipment_area {
	background: #EBEBEB;
}
.gform_wrapper.gravity-theme .slider_bar {
	width: 310px;
}
@media only screen and (max-width: 767px) {
.gform_wrapper.gravity-theme .gform-search-input-box, .gform_wrapper.gravity-theme .ginput_container, .gform_wrapper.gravity-theme .slider_bar {
	width: 100%;
}
}

.gform_wrapper.gravity-theme .straight_area .slider_bar {
	width: 100%;
}
.gform_wrapper.gravity-theme .ui-slider {
    width: 100%;
    height: 4px;
    margin: 8px 0;
	border: none;
}
.gform_wrapper.gravity-theme .straight_area .ui-slider {
	background: #eee;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -9px!important;
}
.ui-slider .ui-slider-handle{ 
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #ccc;
    background: #fff !important;
    border: none !important;
}
.ui-widget-header {
    background: #1455FE!important;
}
.gform_wrapper.gravity-theme .gform_footer, 
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: 20px 0 0 0;
    padding: 0;
}
.iframe_map {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.iframe_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}