/*-------------------
        Fonts
-------------------*/
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");

:root {
	--primary-color: #14a5de;
	--secondary-color: #305782;
	--feature-color: #0ba6d9;
	--main-bg: linear-gradient(#00000c, #14a5de);
}

html,
body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	color: #fff;
}

* {
	font-family: "Source Sans Pro", sans-serif;
	box-sizing: border-box;
}

h1,
h2,
.title,
.super-title {
	font-family: "Orbitron", sans-serif;
}

.one_click {
	display: flex;
	flex-direction: column;
	align-items: start;
	font-size: 1.5em;
	max-width: 50%;
	padding-left: 30px;
}

.one_click .btn {
	margin-top: 40px;
	font-size: 24px;
}

.super-title {
	font-size: 2.2em;
	font-weight: bold;
}

.title {
	font-size: 5em;
	font-weight: bold;
	line-height: 60px;
	text-align: left;
	margin-bottom: 20px;
}

.title,
.super-title {
	text-align: left;
}

#body-sect {
	background: var(--main-bg);
	background-size: 100%;
}

.product-panel .title {
	color: #fff;
}

#section-1 {
	background-color: transparent;
	padding-top: 100px;
	padding-bottom: 60px;
}

p {
	margin: 0 0 10px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.hq-inner-wrap {
	height: 100%;
	width: 100%;
	display: table;
}

.hq-inner-wrap-c {
	display: table-cell;
	vertical-align: middle;
}

a,
a:hover,
a:focus {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

a.highlighted,
a.highlighted:hover,
a.highlighted:focus {
	color: #1b6d85;
	text-decoration: underline;
}

header .header-wrap {
	background-position: top center;
	background-size: cover;
	color: #fff;
	font-weight: 900;
	padding: 120px 0;
	text-align: center;
}

header .header-wrap .title {
	font-size: 57px;
	line-height: 58px;
}

header .header-wrap .header-btn {
	background-color: #dd4b61;
	display: block;
	font-size: 21px;
	margin: 20px auto 0;
	padding: 20px 0;
	text-transform: uppercase;
	width: 300px;
}

.navbar-default {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-default .navbar-brand {
	padding: 3px 0 0 0;
}

ul.nav li {
	border-bottom: 4px transparent solid;
}

ul.nav li.selected {
	border-color: #dd4b61;
}

.navbar-brand > img {
	width: 102px;
}

.cmd-section-split {
	display: block;
	margin: 20px auto 0;
	max-width: 400px;
	width: 100%;
}

footer {
	background-color: #ebebeb;
	color: #626262;
	padding: 100px 0;
}

footer img {
	margin-bottom: 30px;
	width: 160px;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul li {
	float: left;
	margin: 0;
	padding: 0;
}

footer a,
footer a:hover,
footer a:focus {
	color: inherit;
}

.cmd-section {
	padding: 80px 0;
}

.cmd-section.privacy,
.cmd-section.terms,
.cmd-section.about {
	padding: 40px 0;
}

.cmd-section .title,
.cmd-section-1 .title h1 {
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
}

.cmd-section .description {
	font-weight: 300;
}

.cmd-section-1 .flex {
	background-color: transparent;
}

.cmd-section-1 img {
	display: block;
	margin: auto;
	max-width: 100%;
}

.cmd-section-1 .description {
	font-weight: 400;
}

.cmd-section-2 {
	background-color: #ebebeb;
	text-align: center;
}

.cmd-section-2 .item-wrap {
	background-color: #fff;
}

.cmd-section-2 .item-wrap img {
	display: block;
	width: 100%;
}

.cmd-section-2 .item-wrap .info {
	font-weight: 600;
	padding: 20px 15px;
}

.cmd-section-2 .overlap-btn {
	color: #fff;
	display: block;
	font-size: 19px;
	margin-bottom: -45px;
	margin-top: 30px;
	padding: 20px 15px;
	text-transform: uppercase;
}

.contact-pp-section {
	display: none;
	font-weight: 600;
	margin: 20px auto;
}

.contact-section {
	position: relative;
	text-align: center;
	background-image: url("/assets/brands/yox/images/hero-bg.jpg");
	background-size: cover;
	background-position: bottom center;
    background-position-x: 140px;
    background-repeat: no-repeat;
    background-color: black;
}

.contact-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
}

.contact-section .description {
	font-weight: 600;
	margin-bottom: 20px;
}

.contact-section ul.tip-list {
	margin-top: 20px;
	text-align: left;
}

.contact-section ul.tip-list li {
	margin-bottom: 10px;
}

#msisdn-stop-form .form-control {
	border: 1px #959595 solid;
	border-radius: 3px;
}

#msisdn-stop-form input[type="submit"] {
	background-color: #dd4b61;
	border: 0;
	color: #fff;
	display: block;
	font-weight: 600;
	height: 50px;
	margin: auto;
	width: 150px;
}

::placeholder {
	color: var(--primary-color);
}

#msisdn-stop-form input[type="submit"] {
	font-size: 16px;
	text-transform: uppercase;
}

.desktop-only {
	display: block;
}

.mobile-only {
	display: none;
}

#recaptchapopup {
	display: flex;
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(119, 117, 117, 0.639);
	align-items: center;
	justify-content: center;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
}

.hero-bg {
	background-image: url("/assets/brands/yox/images/hero-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: -95px;
	min-height: 80vh;
	display: flex;
	align-items: center;
}

.recaptchacontainer {
	padding: 30px;
	background: #fff;
	border-radius: 10px;
}

.recaptchacontainer h3 {
	font-size: 20px;
	color: #646464;
	font-weight: 300;
}

.w100 {
	width: 100%;
	text-align: center;
	padding: 150px 0;
}

.sect-1-cont {
	background: #04182e;
	padding: 10px 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transform: skew(-5deg);
	gap: 60px;
}

.sect-2-cont {
	padding: 100px 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transform: skew(-5deg);
	gap: 60px;
}

.sect-2-cont * {
	transform: skew(3deg);
}

.section-super,
.section-title,
.section-btn {
	transform: skew(3deg);
	margin-bottom: 0;
	margin-top: 0;
	font-weight: bold;
}

.section-super {
	line-height: 0.1em;
}

.section-title span {
	font-weight: bold;
	font-family: "Orbitron", sans-serif;
	font-size: 2.5rem;
}

.sect-1-left {
	width: 40%;
}

.sect-1-right {
	width: 60%;
}

.sect-2-left,
.section-2-right {
	width: 50%;
}

.section-super,
.section-title span {
	color: var(--primary-color);
}

/* Custom XL Devices, Wide Screens */
@media only screen and (max-width: 1500px) {
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	#section-2 {
		background-position: top center !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	.cmd-section-contact .form-wrap .form-title,
	.cmd-section-contact .info-col .form-title {
		font-size: 20px;
	}

	.cmd-section {
		text-align: center;
	}

	.cmd-section-contact .info-col {
		padding: 20px 15px;
	}

	.cmd-section-contact .info-col .icon {
		margin-right: 15px;
	}

	#section-2 {
		background-position: right -170px top !important;
		padding: 5em 0 !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
	.row {
		width: 100%;
	}

	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row-eq-height {
		display: block;
	}

	.hq-inner-wrap,
	.hq-inner-wrap-c {
		display: block;
	}

	header .header-wrap {
		padding: 80px 0;
	}

	header .header-wrap .title {
		font-size: 38px;
	}

	#section-1 {
		padding-bottom: 20px;
		padding-top: 0px;
	}

	.cmd-section-1 .title h1 {
		font-size: 24px;
	}

	.cmd-section-1 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.cmd-section-2 .item-wrap {
		margin-bottom: 25px;
	}

	.cmd-section-2 .overlap-btn {
		margin-bottom: -20px;
		margin-left: -15px;
		margin-right: -15px;
	}

	#cmd-contact-form .form-group .sm-p:nth-child(1),
	#cmd-contact-form .form-group .sm-p:nth-child(2) {
		padding-left: 15px;
		padding-right: 15px;
	}

	#section-2 img {
		display: block;
		margin: 0 auto;
	}

	.cmd-section-contact {
		padding-top: 40px;
	}

	#cmd-contact_full_name,
	#cmd-contact_mobile {
		margin-bottom: 15px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
}

* {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.42857143;
}

.terms-btn {
	background-color: #372673;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: 700;
	padding: 20px 0;
	text-align: center;
	border-radius: 10px;
}

.terms-btn.selected {
	background-color: #7365ab;
	color: #fff;
}

#terms {
	background-color: #080847;
	padding-top: 2em;
}

.terms * {
	color: #fff;
}

nav .container .side_nav {
	position: relative;
}

nav .container .side_nav {
	padding: 0 0.5em;
}

nav .container .side_nav:last-of-type {
	flex-grow: 1;
}

nav .container .middle_nav {
	width: 50%;
	text-align: center;
}

nav .side_nav ul {
	padding: 0;
	margin: 0;
}

.side_nav ul {
	float: right;
	position: relative;
}

nav .side_nav ul li {
	text-decoration: none;
	list-style: none;
	display: inline-block;
}

nav .side_nav ul li a {
	padding: 0.5em;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.42857143;
}

nav .side_nav ul li a.btn,
.btn {
	background-color: transparent;
	border-radius: 5px;
	color: #fff;
	padding: 0.7em 1.4em;
	min-width: 150px;
	text-decoration: none;
}

nav .container .side_nav img {
	max-width: 120px;
}

header {
	background: transparent;
	text-align: center;
}

header.index {
	position: relative;
}

header .bg-split,
header .header-content {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
}

header .bg-split-1 {
	background: transparent;
	bottom: 50%;
}

header .bg-split-2 {
	background-color: transparent;
	top: 50%;
}

header .header-content {
	position: inherit;
}

header .container,
.container {
	max-width: 1080px;
	width: 100%;
}

nav {
	background-color: white;
	min-height: 55px;
}

.nav-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 1em;
}

.nav-left .logo,
.nav-left .logo img {
	max-width: 150px;
}

.nav-center {
	color: black;
	display: flex;
	gap: 20px;
}

.nav-right ul {
	margin-bottom: 0;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w50 p {
	margin-bottom: 20px;
}

.paralink {
	color: var(--feature-color);
}

header .mobile {
	max-width: 300px;
}

.one_click p {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: left;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.btn {
	font-size: 1.2em;
}

.btn-orange {
	background-color: var(--secondary-color);
	border: 2px solid var(--primary-color);
	border-radius: 50px;
	color: #fff !important;
	padding: 0.4em 1.4em;
	min-width: 180px;
	margin: auto;
}

.btn-orange:hover {
	background-color: #068cb8;
	color: #fff;
}

.btn-outline {
	border-radius: 20px;
	background-color: transparent;
	color: #fff;
	margin: auto;
	border: 2px solid white;
}

.left {
	float: left;
}

.clickMobile {
	width: 70%;
	max-width: 550px;
	margin-bottom: 2em;
}

.cenVert {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.ellipse_parent h3 {
	font-size: 1.4em;
	font-weight: 600;
	margin-top: 0;
}

.ellipse_parent p {
	font-size: 14px;
	font-weight: 300;
}

.flex {
	display: flex;
	justify-content: center;
}

.ticks {
	list-style: none;
	padding-left: 0;
}

.ticks li {
	margin-bottom: 10px;
}

.ticks li:before {
	content: "✓";
	color: #7ad658;
	margin-right: 10px;
}

.flex-box {
	margin: 1%;
	background-color: transparent;
	border-radius: 10px;
	overflow: hidden;
	color: #fff;
	padding: 1em;
	text-align: center;
}

.flex-box:nth-child(1) {
	padding-left: 0;
	margin-left: 0;
}

.flex-box:nth-child(3) {
	padding-right: 0;
	margin-right: 0;
}

.flex_text {
	padding: 0;
}

.flex-box h2 {
	margin: 0.2em 0;
	font-size: 1.3em;
	font-weight: 700;
}

.flex-box p {
	font-weight: 200;
	font-size: 0.9em;
}

.cmd-section .title {
	margin: 0;
	font-weight: 700;
	font-size: 2.6em;
	line-height: 39px;
	text-align: left;
	width: 90%;
	margin-bottom: 20px;
}

.cmd-section-1 .title h1 {
	color: #152c3d;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0;
}

.cmd-section-1 .title h3 {
	margin-top: 5px;
	margin-bottom: 0;
	color: #152c3d;
}

.cmd-section-1 .title h1,
#section-1 .title {
	color: #152c3d;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}

#section-2 {
	background: var(--main-bg) e;
	padding: 0;
}

#section-2 .bg {
	background-image: url("/assets/brands/yox/images/section-2-bg.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 80px 0;
}

#section-2.alt {
	background-image: url("/assets/brands/yox/images/section-2-bg-alt.jpg");
}

#section-3 {
	background: transparent;
}

.pride_text {
	color: #fff;
	text-align: left;
	width: 50%;
}

.pride_text p {
	font-weight: 200;
	margin-top: 20px;
}

.pride_text .main {
	font-size: 2.9em;
	font-weight: 700;
	line-height: 1.2em;
}

#login-form-container {
	display: flex;
	width: 100%;
	justify-content: center;
}

#login-form {
	display: flex;
	flex-direction: column;
	width: 50%;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	font-size: 20px;
	margin: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #000;
}

#login-form input {
	width: 80%;
	height: 40px;
	margin: 10px;
	border-radius: 10px;
	border: 1px solid #333;
	text-align: center;
}

#login-submit {
	background: #372482;
	color: #fff;
	border: none;
}

#contact {
	color: #fff;
	padding: 60px 0 80px 0;
}

main#contact.curved {
	padding-top: 0;
}

#contact .container {
	max-width: 1080px;
}

#contact p {
	font-size: 14px;
}

#contact .col-xs-6 {
	padding: 0;
}

#contact form {
	max-width: 600px;
	display: block;
	margin: 1em auto;
}

#contact input,
#contact select,
#contact .select2-container,
#contact textarea {
	color: #fff;
	background: #000;
	border-radius: 5px;
	padding: 13px 20px;
	margin: 0.25em;
	border: 1px solid var(--primary-color);
	width: calc(100% - 0.5em);
	font-size: 0.9em;
}

#contact .select2-container {
	padding: 9px 20px 8px;
	margin-bottom: 15px;
}

.select2-container--default .select2-selection--single {
	background: transparent !important;
	border: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 9px !important;
}

.select2-results__option--selectable + .select2-results__option--selectable {
	border-top: 1px #bbb solid;
}

#select2-reason-container {
	color: #b4a9ec;
	padding: 0;
}

#contact p.helpline {
	margin-bottom: 0;
	color: #e7e0ff;
}

#contact .back {
	position: absolute;
	top: 0;
	left: 0;
}

#contact .page-title,
#terms .page-title {
	font-family: 'Orbitron', sans-serif;
	text-align: center !important;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: left;
	color: #fff;
	padding-bottom: 10px;
}

#terms .page-title {
	padding-right: 0;
}

#contact .page-title a,
#terms .page-title a {
	float: left;
	margin-top: 1px;
	margin-right: 10px;
}

#contact .page-title svg,
#terms .page-title svg {
	fill: #fff;
	height: 40px;
	width: 40px;
}

#contact input[type="submit"] {
	background: var(--feature-color);
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin: 0;
	padding: 15px 12px;
	width: 240px;
}

#contact .form-group {
	margin-bottom: 0;
}

footer {
	background-color: #305782;
	color: #fff;
	font-size: 0.9em;
	padding: 3em 0 3.5em 0;
	text-align: left;
}

.footer-logo {
	filter: brightness(0) invert(1);
}

.footer-cont {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.footer-left {
	width: 33%;
	text-align: left;
}

.footer-mid {
	width: 33%;
	text-align: center;
}

.footer-right {
	width: 33%;
	text-align: right;
}

footer img {
	margin-bottom: 0.5em;
}

footer ul {
	margin-top: 10px;
	padding: 0;
}

footer ul li {
	display: block;
	padding: 0 10px;
}

footer a {
	display: block;
}

.clear {
	clear: both;
}

.more .col {
	padding-right: 1%;
}

.logo img {
	float: left;
}

.flex-icon {
	margin: 0 !important;
	width: 50px;
}

.mobile.mobile-only {
	display: none;
}

.mobile-only {
	display: none;
}

.logo-col {
	margin: auto;
	margin-left: 0;
}

.nopad {
	padding: 0.25em;
}

.leftflo {
	float: left;
}

.side_nav ul {
	float: right;
	position: relative !important;
}

@media only screen and (max-width: 768px) {
	nav .side_nav ul li {
		width: 100%;
		display: block;
		margin: 2em 0;
	}

	.mob_menu {
		flex-grow: 1;
	}

	.menuLabel {
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		float: right;
	}

	.line {
		fill: none;
		stroke: var(--feature-color);
		stroke-width: 6;
		transition:
			stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}

	.line2 {
		stroke-dasharray: 60 60;
		stroke-width: 6;
	}

	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}

	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 6;
	}

	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	nav .container .side_nav.menu {
		position: absolute;
		top: 60px;
		background: white;
		border: 1px solid rgb(205, 205, 205);
		right: 0px;
		width: 100%;
		z-index: 1000;
	}

	.side_nav ul {
		float: unset;
	}

	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: inline;
	}

	header .container {
		width: 100%;
	}

	header .title {
		line-height: 1.2em;
		margin: 10px auto;
	}

	.one_click p {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 0;
	}

	.one_click .btn {
		font-size: 1.1em;
		font-weight: 500;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.one_click span {
		width: 50%;
		font-size: 14px;
		text-align: left;
		padding-left: 10px;
		width: 100%;
	}

	header .title {
		font-size: 2em;
		width: 100%;
	}

	header .btn {
		min-width: 250px;
		padding: 0.8em 2em;
	}

	header.contact nav {
		padding-bottom: 0;
	}

	#contact h1 {
		margin: 0;
		font-weight: 900;
		font-size: 1.7em;
		padding-bottom: 1em;
	}

	#contact .col-xs-6 {
		width: 100%;
	}

	#contact .container {
		width: 100%;
	}

	#contact input,
	#contact textarea {
		margin: 5px 3px;
	}

	.w40,
	.w50,
	.w60 {
		width: 100%;
	}

	.ellipse_parent {
		width: 95%;
		display: block;
		margin: 0 auto;
		float: unset;
	}

	.ellipse_parent h3 {
		font-size: 1.5em;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.ellipse_parent p {
		font-size: 1.05em;
	}

	header .w40 img {
		display: none;
	}

	.cmd-section-1 .title h1,
	#section-1 .title {
		line-height: 1.15;
		margin-top: 0;
	}

	.cmd-section-1 .title h1 {
		font-size: 1.2em;
		line-height: 1.15;
	}

	.cmd-section-1 .title h3 {
		margin-top: 17px;
		margin-bottom: 0;
		font-size: 0.8em;
		padding: 0;
	}

	#section-1 .container {
		padding-left: 10px;
		padding-right: 10px;
	}

	#section-1 .more {
		display: none;
	}

	#section-1 .flex {
		display: block;
		margin-top: 1em;
	}

	#section-1 .flex-box {
		width: 100%;
		text-align: center;
		margin: 1em 0;
	}

	.cmd-section-1 img {
		width: 100%;
		max-width: unset;
	}

	#section-2.alt {
		background-image: url("/assets/brands/yox/images/section-2-bg-mobile-alt.jpg");
	}

	#section-2 .container {
		padding-left: 19px;
		padding-right: 19px;
	}

	.pride_text {
		text-align: center;
		width: 100%;
	}

	.pride_text .main {
		font-size: 28px;
		margin-bottom: 25px;
	}

	.pride_text p {
		font-size: 16px;
		margin-top: 0;
	}

	.pride_text.desktop-only {
		display: none;
	}

	.pride_text.mobile-only {
		font-size: 1.3em;
		text-align: center;
	}

	.pride_text.mobile-only .main {
		font-size: 2em;
		font-weight: 700;
		line-height: 1.2em;
	}

	.mobile.mobile-only {
		display: block;
		margin: 0 auto;
		width: 350px;
	}

	footer {
		font-size: 1.2em;
	}

	footer .col-xs-6 {
		width: 100%;
	}

	footer img {
		width: 225px;
	}

	.nav-left .logo, .nav-left .logo img {
		max-width: 80px;
	}

	.nav-center {
		gap: 5px;
	}

	.nav-left, .nav-center a, .nav-right a {
		font-size: 10px;
	}

	.hero-bg {
		background-size: initial;
	}

	.sect-1-cont {
		flex-direction: column-reverse;
		transform: skew(0deg);
	}

	.sect-2-cont {
		flex-direction: column;
		max-width: 100%;
		transform: skew(0deg);
	}

	.sect-1-cont img, .sect-2-cont img {
		max-width: 100%;
	}

	.one_click {
		max-width: 100%;
	}

	.sect-2-cont {
		padding-top: 20px;
	}

	.sect-2-cont * {
		transform: skew(0deg);
	}

	.sect-1-right, .sect-2-left {
		width: 100%;
	}

	.footer-logo {
		max-width: 100px;
	}

	.footer-cont {
		flex-direction: column;
		gap: 10px;
		align-items: start;
	}

	.footer-left, .footer-mid, .footer-right {
		text-align: left;
	}

	.footer-cont * {
		padding: 0 !important;
		width: 100%;
	};
}