/* CSS Document */

@media only screen and (min-width: 1000px) and (max-width: 1500px) {
	.basic-width {
		width: 100%;
		max-width: 1490px;
	}
	.the-banner {
		padding-left: 10rem !important;
		padding-right: 10rem !important;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
	.basic-width {
		width: 100%;
		max-width: 1400px;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1700px) {
	footer .tag-line {
		width: 31rem;
	}
}

@media only screen and (min-width: 1000px) {
	.page-template-home .video-background {
		background: url("http://xfloat.co/wp-content/uploads/2022/04/Xfloat-floating-solar-system-moment-1.jpg")
			no-repeat center;
		background-size: cover;
	}
	.case-studies-list li {
		flex: 0 0 47%;
	}
	.cs-featured-holder {
		height: 0;
		padding-bottom: 45%;
		position: relative;
	}
	.cs-featured {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.prodct-hero {
		min-height: 100rem;
	}

	.icon-blts-list h3 {
		white-space: pre-line;
	}
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.u-y-t-r h2 {
		max-width: 70rem;
		margin-bottom: 2rem;
	}
	.u-y-t-r {
		max-width: 80rem;
		margin: 0;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1399px) {
	.advantages-list li h3,
	.advantages-list li p {
		padding-left: 4.5rem;
	}

	.header-content {
		width: 100% !important;
	}
	html,
	.font-sizer {
		font-size: 7px;
	}

	.ph-prlx-img {
		transform: translateY(9rem);
	}
	.the-map {
		transform: translateY(10rem);
	}
	.advantages-list {
		column-gap: 0;
		justify-content: space-between;
	}
	.advantages-list li {
		flex: 0 0 31%;
	}

	.nums {
		font-size: 35px;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
	html,
	.font-sizer {
		font-size: 9px;
	}
}

@media only screen and (min-width: 1700px) {
	html,
	.font-sizer {
		font-size: 10px;
	}
}

@media only screen and (min-width: 2000px) {
	html,
	.font-sizer {
		font-size: 12px;
	}
}

/*mobile/tablet header*/
@media only screen and (min-width: 800px) and (max-width: 1000px) {
	.basic-width,
	.ma {
		max-width: 70%;
	}
	.expanded-img {
		width: 100%;
	}
	.expanded-img img,
	.expanded-img div {
		width: 100%;
	}
	.header-content {
		max-width: 100%;
	}
}
@media only screen and (max-width: 1000px) {
	.benchmark-area .basic-width {
		width: 100vw;
		overflow: hidden;
	}
	.ph-prlx-img {
		position: static !important;
		transform: none !important;
		max-width: 100vw;
	}

	.c-l-i {
		display: block;
	}
	.c-l-i li {
		margin-top: 3rem;
	}

	.c-l-i li:nth-child(1n + 4) {
		display: none;
	}
	.c-l-i li h3 {
		font-size: 20px;
	}
	.c-l-i li p {
		font-size: 14px;
	}
	.go-to-contact:hover:hover {
		background-color: transparent !important;
	}
	.desktop {
		display: none;
	}
	.expanded-item.grey-bg {
		padding: 4rem 2.3rem;
	}
	.show-more-m {
		border: none;
		color: #dc4b13;
		background: none;
		text-decoration: underline;
		font-size: 14px;
		text-align: left;
		padding: 0;
		margin-top: 2rem;
	}
	.c-b-h-r {
		padding: 4rem 0;
	}
	header.white .go-to-contact:hover {
		color: #112211 !important;
	}
	.mobile {
		display: block;
	}
	.contact-ways {
		display: block;
	}
	.basic-width {
		width: 100%;
		padding: 0 2.3rem;
	}
	.hp-hero-content h1 {
		width: 100%;
		font-size: 30px;
		line-height: 1.2;
		letter-spacing: -0.035em;
		margin: 0 0 2rem 0;
	}
	.video-foreground:after {
		background: linear-gradient(
			18.21deg,
			rgba(31, 54, 67, 0.73) 18.84%,
			rgba(0, 0, 0, 0) 65.45%
		);
	}
	.video-foreground {
		display: flex !important;
		justify-content: center;
		align-items: center;
		width: 300%;
		left: -100%;
		position: absolute;
		top: 0;

		height: 100%;
	}

	.faq-list.basic-width {
		width: 100%;
	}
	article h2 {
		margin-bottom: 2rem;
	}
	.home-hero {
		height: 50rem;
	}
	.soon-t,
	.contact-ways h2 {
		font-size: 26px;
	}
	.contact-ways h3 {
		font-size: 20px;
		margin-top: 3rem;
	}
	.form {
		margin-top: 6rem;
	}
	.form input[type="submit"] {
		font-size: 12px;
	}
	.footer-upper {
		display: block;
	}
	.footer-upper a img {
		height: 2.3rem;
		width: auto;
	}
	.fu-2 {
		padding-left: 0;
	}
	.social-menu {
		margin-top: 6.5rem;
	}
	.footer-bottom {
		flex-direction: column;
		align-items: center;
		margin-top: 0;
	}
	.fu-2 a,
	.fu-3 a,
	.fu-4 a {
		display: block;
		margin-bottom: 1.5rem;
	}
	.fu-4 {
		flex: 0 0 100%;
	}

	.fu-4 {
		margin-bottom: 5rem;
		margin-top: 5rem;
	}
	.footer-upper h2,
	.fu-2 li,
	.fu-3 li,
	.fu-4 li {
		margin-bottom: 1.5rem;
	}
	.fu-2,
	.fu-3 {
		flex: 0 0 50%;
	}
	.mr {
		flex-wrap: wrap;
	}
	.copyright {
		margin-bottom: 0;
	}
	header {
		height: 5.7rem;
	}
	header .logo img {
		height: 2.3rem;
		width: auto;
	}

	.u-h-t {
		display: block;
	}
	.map-area h2 {
		width: 100%;
	}
	.icon-blts-list,
	.num-blts-list {
		display: block;
	}
	.u-h-t p {
		padding-left: 0;
	}
	.hp-hero-content {
		align-items: flex-end;
		padding-bottom: 8rem;
		box-sizing: border-box;
	}

	h2,
	.gen-post-content h2 {
		font-size: 26px;
		line-height: 1.38;
		letter-spacing: -0.03em;
	}
	p.body-1 {
		font-size: 15px;
		line-height: 1.87;
		letter-spacing: 0.015em;
	}

	p.body-2 {
		font-size: 14px;
		line-height: 2;
		letter-spacing: 0.015em;
	}
	.u-h-t {
		padding-top: 4.3rem;
		padding-bottom: 3rem;
	}
	.u-h-t h2 {
		margin-bottom: 2rem;
	}
	.prlx-img {
		height: 20rem;
		background-size: 100%;
		background-position: bottom center;
		margin-bottom: 4.2rem;
	}
	.icon-blts-list img {
		height: 3.2rem;
	}
	.icon-blts-list li .icon {
		width: 5.3rem;
		height: 4rem;
		background-size: 2.3rem;
	}
	.icon-blts-list li {
		margin-bottom: 6rem;
	}

	.mobile-hp-img {
		height: 30rem;
		position: relative;
		background-size: cover;
		margin-bottom: 5rem;
	}

	.mobile-hp-img:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 17.5rem 12.6rem 0;
		border-color: transparent #ffffff transparent transparent;
	}
	.mobile-hp-img:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		display: inline-block;

		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10rem 0 0 13.3rem;
		border-color: transparent transparent transparent #ffffff;
	}
	.benchmark-area h2 {
		width: 100%;
	}
	.nums {
		padding-bottom: 1rem;
	}
	.nums {
		padding-bottom: 0.75rem;
	}
	.num-blts-list li {
		margin-bottom: 10rem;
	}
	.num-blts-list li:last-child {
		margin-bottom: 0;
	}
	.benchmark-area {
		padding: 6rem 0;
	}

	.b-a-c {
		flex-direction: column;
		padding: 0;
	}
	.bm-right img {
		width: 100%;
	}
	.p-c {
		display: block;
	}
	#login h2 {
		font-size: 20px;
	}
	.bm-right {
		flex: auto;
		padding: 4rem 0;
	}
	.form-line {
		width: 100%;
	}
	#login {
		padding: 0 2rem;
		box-sizing: border-box;
	}
	.login-frame {
		margin: auto;
		height: 70vh;
	}
	#login input {
		width: 100%;
	}
	.ajax-auth {
		width: 90vw;
		margin: auto;
	}

	#show-more {
		color: #dc4b13;
		text-decoration: underline;
		background: none;
		border: none;
		font-size: 14px;
	}
	.bm-left {
		flex: auto;
	}
	.map-area .basic-width {
		padding-top: 2rem;
		padding-bottom: 7rem;
	}
	.map-img {
		height: 30rem;
	}
	.the-banner h2 {
		font-size: 20px;
		text-align: center;
		letter-spacing: -0.03em;
	}
	.contact-hero h1,
	.page-template-news h1 {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 5rem;
	}

	.page-template-news h1 {
		margin-bottom: 0;
	}
	.page-template-news section {
		padding: 50px 0;
	}

	.listing-post h3 {
		font-size: 20px;
	}

	.listing-item-read-more a {
		font-size: 14px;
	}

	.listing-post {
		position: relative;
		grid-column: span 6;
	}

	.listing-text-wrapper {
		padding: 30px;
	}

	.gen-hero h1 {
		font-size: 30px;
		line-height: 1.2;
	}
	.contact-h-image {
		height: 22.9rem;
		background-size: 203%;
	}

	.prlx-img {
		height: 20rem;
		background-size: 226%;
		background-position: bottom center;
		margin-bottom: 4.2rem;
	}
	.btns-blts-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 2.2rem;
		row-gap: 2.2rem;
		margin-top: 3.6rem;
	}
	#back-to-top {
		margin: 2rem 0;
	}
	.btns-blts-list li {
		position: static;

		font-size: 12px;
		box-sizing: border-box;
	}
	button.circ {
		width: 15.2rem;
		height: 15.2rem;
	}
	.expanded-item {
		display: block;
		width: 100%;
	}
	.ma {
		width: 100%;
	}

	.expanded-item .expanded-text {
		padding: 0 !important;
	}
	.expanded-text,
	.expanded-img {
		width: 100%;
	}
	.ph-prlx-img {
		max-width: 36.5rem;
	}
	.prodct-hero h1 {
		font-size: 30px;
		white-space: normal;
		max-width: 70%;
	}
	.prodct-hero {
		padding-top: 7rem;
	}
	.blts-list-holder {
		width: 100%;
		height: auto;
	}
	.section-title-holder {
		position: static;
		width: auto;
		height: auto;
	}
	.ph-prlx-img {
		bottom: auto;
		top: -2.6rem;
	}
	.section-title p {
		text-align: left;
		font-size: 15px;
		font-weight: 400;
	}
	.section-title {
		width: 100%;
	}
	.prodct-hero {
		max-height: 54rem;
	}
	.expanded-img.mobile {
		margin: 2rem 0;
		display: flex;
	}
	.bullets-btns-area {
		padding: 6rem 0;
	}
	.section-title h2 {
		text-align: left;
		font-size: 26px;
	}
	.expanded-item {
		padding: 4rem 2.3rem;
	}
	.inner-test {
		width: 85vw;

		flex-direction: column-reverse;
	}
	.t-detials {
		padding-left: 0;
		padding-bottom: 3rem;
	}
	.case-studies-list-area .cwwu h2 {
		font-size: 26px;
	}
	.t-image-holder {
		width: 100%;
		height: 31rem;
	}
	.h2-h {
		position: static;
	}
	.inner-test {
		padding: 0 2.3rem;
		box-sizing: border-box;
	}
	.map-img {
		width: 100%;
	}
	.icon-blts-list li .icon img {
		width: 5.5rem;
		height: 5.5rem;
	}
	.font-sizer {
		font-size: 3px;
	}
	.country-name {
		display: none;
	}
	.p-a-c-area .splide__pagination {
		position: static;
		margin-top: 3rem;
	}

	.p-a-c-area .splide__pagination__page.is-active {
		background-color: #dc4b13;
		width: 6px;
		height: 6px;
	}
	.advantages-list li {
		padding: 3rem 0 1rem 0;
	}
	.advantages-list {
		display: block;
	}
	.p-a-c-area .splide__pagination__page {
		width: 6px;
		height: 6px;
		background-color: #c4c4c4;
	}
	.advantages-area .u-h-t {
		padding: 0 3.1rem;
	}
	.p-a-c-area {
		padding-bottom: 7.5rem;
	}
	.bm-blts {
		width: 32.8rem;
		height: 41.2rem;
	}
	.bm-blts li.bltsa-1 {
		left: -0.6rem;
		top: 11.9rem;
	}
	.icon-blts-list h3 {
		margin-top: 0rem;
	}
	.advantages-list h3 {
		font-size: 20px;
		background-size: 24px !important;
	}
	.bm-blts li.bltsa-1 .li-inner {
		width: 7.5rem;
		height: 7.5rem;
		font-size: 0.9rem;
		background: #edf6ff;
		padding: 1rem;
		box-sizing: border-box;
	}

	.contact-area {
		margin-bottom: 0;
	}
	.bm-blts li.bltsa-2 {
		left: 5.3rem;
		top: 5.8rem;
	}
	.bm-blts li.bltsa-2 .li-inner {
		width: 7.5rem;
		height: 7.5rem;
		font-size: 0.9rem;
		background: #edf6ff;
		padding: 1rem;
		box-sizing: border-box;
	}
	.bm-blts li.bltsa-3 {
		left: 12.4rem;
		top: 1.5rem;
	}
	.bm-blts li.bltsa-3 .li-inner {
		width: 7.5rem;
		height: 7.5rem;
		font-size: 0.9rem;
		background: #edf6ff;
		padding: 1rem;
		box-sizing: border-box;
	}

	.bm-blts li.bltsa-4 {
		left: 3rem;
		top: 20rem;
	}
	.bm-blts li.bltsa-4 .li-inner {
		width: 7.8rem;
		height: 7.8rem;
		font-size: 0.9rem;
	}

	.bm-blts li.bltsa-5 {
		left: 10.1rem;
		top: 12.6rem;
	}
	.bm-blts li.bltsa-5 .li-inner {
		width: 9rem;
		height: 9rem;
		font-size: 1.1rem;
	}

	.bm-blts li.bltsa-6 {
		left: 19rem;
		top: 7.7rem;
	}
	.bm-blts li.bltsa-6 .li-inner {
		width: 7.7rem;
		height: 7.7rem;
		font-size: 0.9rem;
	}

	.bm-blts li.bltsa-7 {
		left: 11.7rem;
		top: 22.5rem;
	}
	.bm-blts li.bltsa-7 .li-inner {
		width: 10.6rem;
		height: 10.6rem;
		font-size: 1.1rem;
	}

	.bm-blts li.bltsa-8 {
		left: 20.7rem;
		top: 15.9rem;
	}
	.bm-blts li.bltsa-8 .li-inner {
		width: 8.7rem;
		height: 8.7rem;
		font-size: 1.1rem;
	}

	.bm-blts li.bltsa-9 {
		left: 3rem;
		top: -2rem;
	}
	.bm-blts li.bltsa-9 .li-inner {
		width: 7.5rem;
		height: 7.5rem;
		font-size: 0.9rem;
		background: #edf6ff;
		padding: 1rem;
		box-sizing: border-box;
	}

	.advantages-list li h3:before {
		width: 25px;
		height: 16px;

		background-size: 25px;
	}
	.the-story-area p {
		font-size: 14px;
	}
	.single-job .form {
		margin-top: 0;
	}
	.bm-blts li.bltsa-11 {
		left: 19.74rem;
		top: 32.3rem;
	}
	.bm-blts li.bltsa-11 .li-inner {
		width: 8.3rem;
		height: 8.3rem;
		font-size: 0.9rem;
	}

	.bm-blts li.bltsa-10 {
		left: 25.4rem;
		top: 25.4rem;
	}
	.bm-blts li.bltsa-10 .li-inner {
		width: 6.9rem;
		height: 6.9rem;
		font-size: 0.9rem;
	}
	.c-p-1,
	.c-p-2,
	.c-p-3 {
		width: 32.7rem;
		height: 18rem;
		left: 0;
		transform: none !important;
	}

	.c-p-1 {
		top: 5rem;
	}
	.c-p-2 {
		top: 5rem;
	}
	.c-p-3 {
		bottom: -10rem;
		width: 41.7rem;
		height: 24rem;
		top: 10rem;
		left: -1rem;
	}
	/* #main-nav{
         position: fixed;
         top:0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: white;
     }*/

	.case-studies-head h1 {
		font-size: 30px;
	}
	.case-studies-list {
		display: block;
	}
	.case-studies-list-area h2 {
		letter-spacing: 0.015em;

		font-size: 15px;
	}
	.case-studies-head {
		padding: 12rem 0 3rem 0;
		box-sizing: border-box;
	}
	.case-studies-list {
		margin-top: 4.5rem;
	}
	.cs-featured {
		height: 22.8rem;
	}
	.cs-loc {
		font-size: 14px;
		margin: 0;
	}
	.case-studies-list h3 {
		font-size: 20px;
		line-height: 1.6;
	}

	.lm {
		transition: 0.3s all;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 3.8rem;
		font-size: 12px;
		font-weight: 500;
		padding: 0 3rem;
		border: 1px solid #112211;
		margin-top: 2.7rem;
	}
	.show-more.loading {
		background-image: url(img/loading.svg);
		background-position: right 0.5rem !important;
		padding-right: 1.5rem;
		background-size: 12px;
	}
	.case-studies-list li {
		margin-bottom: 6.7rem;
	}
	button.circ {
		padding: 1rem;
	}
	.logo svg {
		width: 8.7rem;
		height: 2.3rem;
	}
	button.circ img {
		width: 2.6rem;
		height: 2.6rem;
	}
	.show-more {
		margin-top: 0;
		font-size: 15px;
		background-size: 9px;
		padding-right: 1.5rem;
	}
	.cs-header h1 {
		font-size: 30px;
		line-height: 1.2;
		letter-spacing: -0.035em;
	}
	.cs-header {
		padding-top: 12rem;
	}
	.cs-header p {
		font-size: 15px;
		line-height: 1.87;
	}
	.cs-header .u-h-t {
		padding-bottom: 2.5rem;
	}
	.non-prlx-img {
		height: 22.8rem;
	}
	article p,
	article ul {
		font-size: 14px;
		line-height: 2;
	}
	article .u-h-t {
		padding-top: 6rem;
	}
	.may-also-area {
		margin-top: 10rem;
	}
	.may-also-area h2 {
		max-width: 66%;
	}
	.mlc {
		width: 100vw;
		overflow: auto;
	}
	.testemonials-splide {
		margin-top: 3.3rem;
	}
	.logos-list li img {
		height: 6.3rem;
		width: auto;
	}
	.logos-list {
		flex-wrap: nowrap;
	}
	.member-image-holder img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.single-case-study .contact-banner-area {
		margin-top: 9.3rem;
	}
	.page-template-default .basic-width.s-b-w {
		width: 100%;
	}
	.team-members li {
		margin-bottom: 9rem;
	}
	.team-members li:last-child {
		margin-bottom: 0;
	}
	.contact-area {
		padding-top: 4rem;
	}
	.team-area .team-members {
		margin-bottom: 5rem;
	}
	.team-area .team-members {
		margin-top: 2rem;
	}
	.team-members {
		display: block;
	}
	header {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	header .logo {
		position: relative;
		z-index: 99999999;
	}
	.go-to-contact,
	header.white .go-to-contact {
		border: none !important;
	}
	header .social-menu {
		padding-left: 2.3rem;
	}
	.page-template-default h1 {
		font-size: 30px;
		line-height: 1.2;
		text-align: left;
		padding-top: 12rem;
	}
	.page-template-default article p,
	.page-template-default article ul {
		font-size: 14px;
		line-height: 2;
	}
	.page-template-default article h2 {
		font-size: 20px;
	}

	.page-template-default article {
		margin-bottom: 10rem;
	}

	.jobs-head {
		height: 50rem;
		padding-bottom: 7rem;
		background-size: auto 100%;
		background-position: left center;
	}
	header .basic-width {
		padding-left: 0;
		padding-right: 0;
	}
	.contact-d {
		padding-left: 2.3rem;
	}
	.jobs-head .cover-bg:after {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content: "";
		background: linear-gradient(
			16.94deg,
			rgba(31, 54, 67, 0.73) 11.63%,
			rgba(0, 0, 0, 0) 49.48%
		);
	}
	.jobs-head h1 {
		font-size: 30px;
	}
	header #main-nav .social-menu ul li {
		margin: 0 0 1rem 0 !important;
	}
	.contact-d a {
		font-size: 12px !important;
		text-decoration: none;
		display: block;
		margin-bottom: 1rem;
	}
	header .social-menu ul {
		display: flex !important;
		width: auto !important;
		flex-direction: row !important;
		justify-content: flex-start !important;
		align-items: baseline !important;
	}
	.social-menu .email a:after {
		font-size: 1.4rem;
	}
	.page-template-FAQ h1 {
		font-size: 30px;
		text-align: left;
		padding-top: 12rem;
		margin-bottom: 4.5rem;
		margin-top: 0;
	}
	.faq-list li {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		text-align: left;
	}
	.faq-list li .question {
		text-align: left;
		font-size: 14px;
		padding: 2rem 0;
	}
	.answer {
		font-size: 14px;
		line-height: 2;
	}
	.topic:first-child {
		padding-top: 0;
	}
	.topic h2 {
		margin-bottom: 2rem;
	}
	.faq-list {
		margin-bottom: 10rem;
	}
	.page-template-partners-resources h1 {
		font-size: 30px;
		padding-top: 12rem;
		max-width: none;
	}
	.topics {
		margin-top: 6rem;
	}
	.topic {
		display: block;
	}

	body.menu-opened {
		position: fixed;
	}
	.advantages-list {
		margin-top: 4rem;
	}
	.advantages-area .p-and-t h2 {
		margin: 4rem 0 0 0;
	}
	.gen-cta-section h6 {
		font-size: 20px;
	}
	.gen-cta-section {
		padding-bottom: 5rem;
	}
	.gen-related-posts {
		margin-bottom: 5rem;
	}
	.page-template-news
		.listing-items-wrapper
		.listing-post:first-child
		.listing-item-wrapper
		.listing-text-wrapper {
		padding: 30px;
	}
}

@media (max-width: 479px) {
	.gen-post-content blockquote {
		padding: 94px 20px 20px;
	}
	.gen-post-content blockquote p {
		font-size: 20px;
	}

	.listing-items-wrapper .listing-post {
		grid-column: span 12;
	}

	.listing-items-wrapper .listing-post:first-child .listing-item-wrapper {
		flex-flow: column;
	}
	.listing-items-wrapper
		.listing-post:first-child
		.listing-item-wrapper
		.listing-image,
	.listing-items-wrapper
		.listing-post:first-child
		.listing-item-wrapper
		.listing-text-wrapper {
		max-width: 100%;
	}

	.listing-items-wrapper {
		gap: 20px 0;
	}
}