/**********************************************************************************************
 **********************************************************************************************
 ***  Copyright(c) 2020 Leeward Digital, LLC. Henderson, NV. All Rights Reserved.
 ***
 ***  Filename      : leewardx.css
 ***  Author        : Leeward Digital
 ***  Created On    : April 14, 2020 GMT+8
 ***
 ***  Modified By   :
 ***  Modified On   :
 ***
 ***  Description   : Leeward Digital stylesheet
 ***
 ***  Requirement/s :
 *********************************************************************************************
 *********************************************************************************************/

@font-face {
   font-family: "Roboto-Light"; /*a name to be used later*/
   src: url("../lib/fonts/Roboto-Light.ttf"); /*URL to font*/
}

@font-face {
	font-family: "Roboto-Thin"; /*a name to be used later*/
	src: url("../lib/fonts/Roboto-Thin.ttf"); /*URL to font*/
	font-weight: normal;
}

@font-face {
	font-family: "Roboto-Medium"; /*a name to be used later*/
	src: url("../lib/fonts/Roboto-Medium.ttf"); /*URL to font*/
}

@font-face {
   font-family: "Roboto-Regular"; /*a name to be used later*/
   src: url("../lib/fonts/Roboto-Regular.ttf"); /*URL to font*/
}

@font-face {
   font-family: "Roboto-Bold"; /*a name to be used later*/
   src: url("../lib/fonts/Roboto-Bold.ttf"); /*URL to font*/
}

@font-face {
   font-family: "Roboto-Black"; /*a name to be used later*/
   src: url("../lib/fonts/Roboto-Black.ttf"); /*URL to font*/
}

@font-face {
   font-family: "Bauhaus-93"; /*a name to be used later*/
   src: url("../lib/fonts/Bauhaus 93 Regular.ttf"); /*URL to font*/
}

.font-family-default { font-family: Arial, Tahoma, Helvetica, "Helvetica Neue", sans-serif; }

input.invalid,
select.invalid,
textarea.invalid {
   border-color: #ff0000 !important;
   color: #990000 !important;
}

.ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.tooltip {
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tooltip-text {
	display: none;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 7px;
	position: fixed;
	z-index: 1;
	margin-top: -49px;
}

.tooltip-text.show { display: block; }

.tooltip-text::after {
	content: "";
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/** {*/
   /*-webkit-font-smoothing: antialiased;*/
   /*-moz-osx-font-smoothing: grayscale;*/
   /*font-smooth: always;*/

   /*-webkit-user-select: none;*/
   /*-khtml-user-select: none;*/
   /*-moz-user-select: -moz-none;*/
   /*-o-user-select: none;*/
   /*user-select: none;*/
/*}*/

/*p {*/
   /*-webkit-user-select: text;*/
   /*-khtml-user-select: text;*/
   /*-moz-user-select: text;*/
   /*-o-user-select: text;*/
   /*user-select: text;*/
/*}*/

*:focus {
   outline: none;
   outline-color: initial;
   outline-style: none;
   outline-width: initial;
}

.roboto-black { font-family: "Roboto-Black", serif; }
.roboto-bold { font-family: "Roboto-Bold", serif; }
.roboto-medium { font-family: "Roboto-Medium", serif; }

.btn-instruction p,
.roboto-regular { font-family: "Roboto-Regular", serif; }

.roboto-light { font-family: "Roboto-Light", serif; }
.roboto-thin { font-family: "Roboto-Thin", serif; }
.bauhaus { font-family: "Bauhaus-93", serif; }

.roboto-light,
.roboto-thin,
.roboto-regular { font-weight: normal; }

a,
html { color: #676767; }

html {
   font-size: 16px;
   color: #676767;
   background-color: #ffffff;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: Roboto-Light, Arial, Tahoma, Helvetica, "Helvetica Neue", sans-serif;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   scroll-behavior: smooth;
}

a { text-decoration: none; }

.ld-page-title p,
ul.horizontal,
body {
   margin: 0;
}

ul.horizontal,
body {
   padding: 0;
}

body {
   opacity: 0;
   transition: opacity ease-in-out 300ms;
   min-height: 100vh;
   min-width: 1220px;
}

.overflow-hidden,
ul.horizontal { overflow: hidden; }
ul.horizontal { list-style-type: none; }
a { text-decoration: none; }

.disabled { opacity: 0.3; }
.invisible { opacity: 0 !important; }

.disabled,
.invisible { pointer-events: none; }

.hidden { display: none !important; }
.no-wrap { white-space: nowrap; }
.sm { margin: 0 !important; }
.smt { margin-top: 0 !important; }
.smb { margin-bottom: 0 !important; }
.sp { padding: 0 !important; }
.spt { padding-top: 0 !important; }
.spb { padding-bottom: 0 !important; }
.float-left,
ul.horizontal li { float: left; }
.float-right { float: right; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

html,
.ld-page-title { width: 100%; }

.width-100-percent { width: 100% !important; }
.width-unset { width: unset !important; }
.height-100-percent { height: 100%; }

.ld-header,
.ld-content,
.ld-page-padding {
   padding-left: 21px;
   padding-right: 21px;
}

.ld-content {
   padding-bottom: 14px;
   display: block;
	overflow-y: auto;
}

.tooltip-text::after,
.ldx-loader,
ul.alpha-lower-enclosed > li:before,
.overlay-modal button.close,
.overlay-modal .o-modal-wrapper,
.absolute { position: absolute; }

.tooltip,
body,
ul.alpha-lower-enclosed > li,
.relative { position: relative; }

.ld-page-wide-margin {
   margin-left: 100px;
   margin-right: 100px;
}

.ld-p1 { padding: 7px; }
.ld-p2 { padding: 14px; }
.ld-p3 { padding: 21px; }
.ld-p4 { padding: 28px; }
.ld-p5 { padding: 35px; }
.ld-p6 { padding: 42px; }
.ld-p7 { padding: 49px; }

.ld-pt1 { padding-top: 7px; }
.ld-pt2 { padding-top: 14px; }
.ld-pt3 { padding-top: 21px; }
.ld-pt4 { padding-top: 28px; }
.ld-pt5 { padding-top: 35px; }
.ld-pt6 { padding-top: 42px; }
.ld-pt7 { padding-top: 49px; }

.ld-pr1 { padding-right: 7px; }
.ld-pr2 { padding-right: 14px; }
.ld-pr3 { padding-right: 21px; }
.ld-pr4 { padding-right: 28px; }
.ld-pr5 { padding-right: 35px; }
.ld-pr6 { padding-right: 42px; }
.ld-pr7 { padding-right: 49px; }

.ld-pb1 { padding-bottom: 7px; }
.ld-pb2 { padding-bottom: 14px; }
.ld-pb3 { padding-bottom: 21px; }
.ld-pb4 { padding-bottom: 28px; }
.ld-pb5 { padding-bottom: 35px; }
.ld-pb6 { padding-bottom: 42px; }
.ld-pb7 { padding-bottom: 49px; }

.ld-pl1 { padding-left: 7px; }
.ld-pl2 { padding-left: 14px; }
.ld-pl3 { padding-left: 21px; }
.ld-pl4 { padding-left: 28px; }
.ld-pl5 { padding-left: 35px; }
.ld-pl6 { padding-left: 42px; }
.ld-pl7 { padding-left: 49px; }

.ld-m1 { margin: 7px; }
.ld-m2 { margin: 14px; }
.ld-m3 { margin: 21px; }
.ld-m4 { margin: 28px; }
.ld-m5 { margin: 35px; }
.ld-m6 { margin: 42px; }
.ld-m7 { margin: 49px; }

.ld-mt1 { margin-top: 7px; }
.ld-mt2 { margin-top: 14px; }
.ld-mt3 { margin-top: 21px; }
.ld-mt4 { margin-top: 28px; }
.ld-mt5 { margin-top: 35px; }
.ld-mt6 { margin-top: 42px; }
.ld-mt7 { margin-top: 49px; }

.ld-mr1 { margin-right: 7px; }
.ld-mr2 { margin-right: 14px; }
.ld-mr3 { margin-right: 21px; }
.ld-mr4 { margin-right: 28px; }
.ld-mr5 { margin-right: 35px; }
.ld-mr6 { margin-right: 42px; }
.ld-mr7 { margin-right: 49px; }

.ld-mb1 { margin-bottom: 7px; }
.ld-mb2 { margin-bottom: 14px; }
.ld-mb3 { margin-bottom: 21px; }
.ld-mb4 { margin-bottom: 28px; }
.ld-mb5 { margin-bottom: 35px; }
.ld-mb6 { margin-bottom: 42px; }
.ld-mb7 { margin-bottom: 49px; }

.ld-ml1 { margin-left: 7px; }
.ld-ml2 { margin-left: 14px; }
.ld-ml3 { margin-left: 21px; }
.ld-ml4 { margin-left: 28px; }
.ld-ml5 { margin-left: 35px; }
.ld-ml6 { margin-left: 42px; }
.ld-ml7 { margin-left: 49px; }

.ld-relative-right { right: 21px; }

.flex-column,
.align-items-flex-start,
.align-items-baseline,
.align-items-center,
.align-items-flex-end,
.justify-content-flex-start,
.justify-content-center,
.justify-content-flex-end,
.justify-content-space-evenly,
.justify-content-space-around,
.justify-content-space-between,
.ld-flex,
.ld-page-title { display: flex; }

.align-items-flex-start { align-items: flex-start !important; }
.ld-page-title,
.flex-column { flex-direction: column; }
.align-items-baseline { align-items: baseline !important; }
.align-items-center { align-items: center !important; }
.align-items-flex-end { align-items: flex-end !important; }
.justify-content-flex-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-flex-end { justify-content: flex-end !important; }
.justify-content-space-around { justify-content: space-around !important; }
.justify-content-space-evenly { justify-content: space-evenly !important; }
.justify-content-space-between { justify-content: space-between !important; }
.flex-wrap { flex-wrap: wrap; }

.flex-5 { width: calc(100% / calc(100 / 5)); }
.flex-10 { width: calc(100% / calc(100 / 10)); }
.flex-15 { width: calc(100% / calc(100 / 15)); }
.flex-20 { width: calc(100% / calc(100 / 20)); }
.flex-25 { width: calc(100% / calc(100 / 25)); }
.flex-30 { width: calc(100% / calc(100 / 30)); }
.flex-35 { width: calc(100% / calc(100 / 35)); }
.flex-40 { width: calc(100% / calc(100 / 40)); }
.flex-45 { width: calc(100% / calc(100 / 45)); }
.flex-50 { width: calc(100% / calc(100 / 50)); }
.flex-55 { width: calc(100% / calc(100 / 55)); }
.flex-60 { width: calc(100% / calc(100 / 60)); }
.flex-65 { width: calc(100% / calc(100 / 65)); }
.flex-70 { width: calc(100% / calc(100 / 70)); }
.flex-75 { width: calc(100% / calc(100 / 75)); }
.flex-80 { width: calc(100% / calc(100 / 80)); }
.flex-85 { width: calc(100% / calc(100 / 85)); }
.flex-90 { width: calc(100% / calc(100 / 90)); }
.flex-95 { width: calc(100% / calc(100 / 95)); }
.flex-100 { width: 100%; }

.ld-flex-1 { width: calc(100% / 12); }
.ld-flex-2 { width: calc(100% / 6); }
.ld-flex-3 { width: calc(100% / 4); }
.ld-flex-4 { width: calc(100% / 3); }
.ld-flex-5 { width: calc(100% / 2.4); }
.ld-flex-6 { width: calc(100% / 2); }
.ld-flex-7 { width: calc(100% / 1.7142857142857142); }
.ld-flex-8 { width: calc(100% / 1.5); }
.ld-flex-9 { width: calc(100% / 1.3333333333333333); }
.ld-flex-10 { width: calc(100% / 1.2); }
.ld-flex-11 { width: calc(100% / 1.0909090909090908); }
.ld-flex-12 { width: 100% }

body.ld-dynamic .ld-content { padding-bottom: 21px; }
body.ld-dynamic .ld-p1 { padding: 0.648vh; }
body.ld-dynamic .ld-p2 { padding: 1.296vh; }
body.ld-dynamic .ld-p3 { padding: 1.944vh; }
body.ld-dynamic .ld-p4 { padding: 2.593vh; }
body.ld-dynamic .ld-p5 { padding: 3.241vh ; }
body.ld-dynamic .ld-p6 { padding: 3.889vh; }
body.ld-dynamic .ld-p7 { padding: 4.537vh; }

body.ld-dynamic .ld-pt1 { padding-top: 0.648vh; }
body.ld-dynamic .ld-pt2 { padding-top: 1.296vh; }
body.ld-dynamic .ld-pt3 { padding-top: 1.944vh; }
body.ld-dynamic .ld-pt4 { padding-top: 2.593vh; }
body.ld-dynamic .ld-pt5 { padding-top: 3.241vh ; }
body.ld-dynamic .ld-pt6 { padding-top: 3.889vh; }
body.ld-dynamic .ld-pt7 { padding-top: 4.537vh; }

body.ld-dynamic .ld-pr1 { padding-right: 0.648vh; }
body.ld-dynamic .ld-pr2 { padding-right: 1.296vh; }
body.ld-dynamic .ld-pr3 { padding-right: 1.944vh; }
body.ld-dynamic .ld-pr4 { padding-right: 2.593vh; }
body.ld-dynamic .ld-pr5 { padding-right: 3.241vh ; }
body.ld-dynamic .ld-pr6 { padding-right: 3.889vh; }
body.ld-dynamic .ld-pr7 { padding-right: 4.537vh; }

body.ld-dynamic .ld-pb1 { padding-bottom: 0.648vh; }
body.ld-dynamic .ld-pb2 { padding-bottom: 1.296vh; }
body.ld-dynamic .ld-pb3 { padding-bottom: 1.944vh; }
body.ld-dynamic .ld-pb4 { padding-bottom: 2.593vh; }
body.ld-dynamic .ld-pb5 { padding-bottom: 3.241vh ; }
body.ld-dynamic .ld-pb6 { padding-bottom: 3.889vh; }
body.ld-dynamic .ld-pb7 { padding-bottom: 4.537vh; }

body.ld-dynamic .ld-pl1 { padding-left: 0.648vh; }
body.ld-dynamic .ld-pl2 { padding-left: 1.296vh; }
body.ld-dynamic .ld-pl3 { padding-left: 1.944vh; }
body.ld-dynamic .ld-pl4 { padding-left: 2.593vh; }
body.ld-dynamic .ld-pl5 { padding-left: 3.241vh ; }
body.ld-dynamic .ld-pl6 { padding-left: 3.889vh; }
body.ld-dynamic .ld-pl7 { padding-left: 4.537vh; }

body.ld-dynamic .ld-m1 { margin: 0.648vh; }
body.ld-dynamic .ld-m2 { margin: 1.296vh; }
body.ld-dynamic .ld-m3 { margin: 1.944vh; }
body.ld-dynamic .ld-m4 { margin: 2.593vh; }
body.ld-dynamic .ld-m5 { margin: 3.241vh ; }
body.ld-dynamic .ld-m6 { margin: 3.889vh; }
body.ld-dynamic .ld-m7 { margin: 4.537vh; }

body.ld-dynamic .ld-mt1 { margin-top: 0.648vh; }
body.ld-dynamic .ld-mt2 { margin-top: 1.296vh; }
body.ld-dynamic .ld-mt3 { margin-top: 1.944vh; }
body.ld-dynamic .ld-mt4 { margin-top: 2.593vh; }
body.ld-dynamic .ld-mt5 { margin-top: 3.241vh ; }
body.ld-dynamic .ld-mt6 { margin-top: 3.889vh; }
body.ld-dynamic .ld-mt7 { margin-top: 4.537vh; }

body.ld-dynamic .ld-mr1 { margin-right: 0.648vh; }
body.ld-dynamic .ld-mr2 { margin-right: 1.296vh; }
body.ld-dynamic .ld-mr3 { margin-right: 1.944vh; }
body.ld-dynamic .ld-mr4 { margin-right: 2.593vh; }
body.ld-dynamic .ld-mr5 { margin-right: 3.241vh ; }
body.ld-dynamic .ld-mr6 { margin-right: 3.889vh; }
body.ld-dynamic .ld-mr7 { margin-right: 4.537vh; }

body.ld-dynamic .ld-mb1 { margin-bottom: 0.648vh; }
body.ld-dynamic .ld-mb2 { margin-bottom: 1.296vh; }
body.ld-dynamic .ld-mb3 { margin-bottom: 1.944vh; }
body.ld-dynamic .ld-mb4 { margin-bottom: 2.593vh; }
body.ld-dynamic .ld-mb5 { margin-bottom: 3.241vh ; }
body.ld-dynamic .ld-mb6 { margin-bottom: 3.889vh; }
body.ld-dynamic .ld-mb7 { margin-bottom: 4.537vh; }

body.ld-dynamic .ld-ml1 { margin-left: 0.648vh; }
body.ld-dynamic .ld-ml2 { margin-left: 1.296vh; }
body.ld-dynamic .ld-ml3 { margin-left: 1.944vh; }
body.ld-dynamic .ld-ml4 { margin-left: 2.593vh; }
body.ld-dynamic .ld-ml5 { margin-left: 3.241vh ; }
body.ld-dynamic .ld-ml6 { margin-left: 3.889vh; }
body.ld-dynamic .ld-ml7 { margin-left: 4.537vh; }

.strip-margin { margin: 0 !important; }
.strip-margin-top { margin-top: 0 !important; }
.strip-margin-bottom { margin-bottom: 0 !important; }
.strip-margin-left { margin-left: 0 !important; }
.strip-margin-right { margin-right: 0 !important; }

.strip-padding { padding: 0 !important; }
.strip-padding-top { padding-top: 0 !important; }
.strip-padding-bottom { padding-bottom: 0 !important; }
.strip-padding-left { padding-left: 0 !important; }
.strip-padding-right { padding-right: 0 !important; }

.ld-page-title {
	height: 72px;
	padding-bottom: 7px;
}

body.ld-dynamic .ld-page-title { height: 11vh; }

.ld-dark-red,
.ld-page-title h1 { color: #990000; }

.validation-message,
.ld-link,
.ld-red { color: #cc0000; }
.ld-black { color: #000000; }
.ld-link:hover { cursor: pointer; }

/* START: NAV ITEM EFFECTS */
#ld-home .ld-nav li.nav-home,
#ld-cost-calculator .ld-nav li.nav-cost-calculator,
#ld-compare .ld-nav li.nav-compare,
#ld-how-it-works .ld-nav li.nav-how-it-works,
#ld-about .ld-nav li.nav-about,
#ld-contact .ld-nav li.nav-contact { border-bottom: 5px solid #990000; }

#ld-home .ld-nav li.nav-home,
#ld-compare .ld-nav li.nav-compare,
#ld-how-it-works .ld-nav li.nav-how-it-works,
#ld-about .ld-nav li.nav-about,
#ld-contact .ld-nav li.nav-contact,
#ld-login li.ld-login { pointer-events: none !important; }

#ld-login li.ld-login { opacity: 0.1 !important; }
/* END: NAV ITEM EFFECTS */

.fs-larger { font-size: larger; }

.ld-page-title h1 {
	font-size: 36px;
	margin: 0;
	font-weight: normal;
}

body.ld-dynamic .ld-page-title h1 {
   font-size: 4.53vh;
   margin: 0 0 0.13vh;
}

.ld-page-title p { font-size: 14px; }
body.ld-dynamic .ld-page-title p { font-size: 1.68vh; }

.ldx-loader {
   width: 70px;
   height: 70px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.ldx-loader .image {
   width: 100%;
   height: 100%;
   background: transparent url(../images/loader-image.png) no-repeat center;
   background-size: contain;
   border-radius: 50%;
   animation: rotate 1.5s linear infinite;
}

.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.short {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
   40% {transform: translateY(-30px);}
   60% {transform: translateY(-15px);}
}
.bounce {
   animation-name: bounce;
}

@keyframes rotate{
   to{ transform: rotate(-360deg); }
}

.italic { font-style: italic; }
.underline { text-decoration: underline; }

ul.alpha-lower-enclosed { counter-reset: list; }

ul.alpha-lower-enclosed > li {
	list-style: none;
	padding-left: 14px;
}
ul.alpha-lower-enclosed > li:before {
	counter-increment: list;
	content: "(" counter(list, lower-alpha) ") ";
	left: -1.3em;
}
ul.alpha-lower-enclosed { padding-left: 40px; }

ul.alpha-lower { list-style: lower-alpha; }
ul.decimal { list-style: decimal; }
ul.roman-upper { list-style: upper-roman; }


ul.roman-upper li,
ul.decimal li,
ul.alpha-lower li { padding-left: 14px; }

.btn-instruction p {
	margin: 3px 0 0;
	font-size: 14px;
}

.btn-instruction button.disabled ~ p { opacity: 0.3; }

::-webkit-scrollbar { width: 7px; }

::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(194, 194, 194, 0.3);
   border-radius: 7px;
}

::-webkit-scrollbar-thumb {
   border-radius: 7px;
   -webkit-box-shadow: inset 0 0 6px rgba(90, 90, 90, 0.5);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #d0d0d0;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #d0d0d0;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #d0d0d0;
}

.overlay-modal {
	display: none;
	height: 100%;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.9);
}

.overlay-modal.transparent { background-color: rgba(255, 255, 255, 0.1); }

.overlay-modal button.close {
	right: 14px;
	top: 14px;
}

.overlay-modal .o-modal-wrapper {
	font-family: "Roboto-Regular", serif;
	overflow: hidden;
	background-color: white;
	line-height: 1.5;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	width: 97%;
	height: 95%;
}

.box-shadow-lb { box-shadow: -2px 2px 7px -2px #696969; }

.lbl-pre:before {
    white-space: pre;
    color: red;
}

.lbl-pre:not(.required):before {  content: "  ";  }
.lbl-pre.required:before {  content: "* "  }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {  -webkit-box-shadow: 0 0 0 30px white inset !important;  }

ul.gt,
ul.checkmark {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}

ul.gt li span,
ul.checkmark li span { display: inline-flex; }

ul.checkmark li span { text-align: center; }

ul.gt li,
ul.checkmark li { line-height: 1.3; }

ul.gt li  { padding: 8px 0 8px 21px; }
ul.checkmark li { padding: 8px 0 8px 28px; }
ul.gt li ,
ul.checkmark li {
	list-style-type: none!important;
	color: #232525;
}

ul.gt li:before,
ul.checkmark li:before {
	vertical-align: middle;
	display: inline-block;
	margin-left: -28px;
	width: 28px;
}

ul.checkmark li:before { content: "✓"; }
ul.gt li:before { content: ">"; }

ul.gt.red li:before { content: url("../images/buttons/arrow-head-right-red.svg"); }
ul.gt.blue li:before { content: url("../images/buttons/arrow-head-right-blue.svg"); }

ul.gt.blue li:before,
ul.gt.red li:before {
	width: 8px;
	margin-right: 14px;
	margin-left: -21px;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

@media (min-width: 813px) and (min-height: 726px) {
	ul.gt,
	ul.checkmark {
		margin-top: 2.7586206896551726vh;
		margin-bottom: 2.7586206896551726vh;
	}

	ul.gt li  { padding: 1.103448275862069vh 0 1.103448275862069vh 2.896551724137931vh; }
	ul.checkmark li { padding: 1.103448275862069vh 0 1.103448275862069vh 3.8620689655172415vh; }

	ul.gt li:before,
	ul.checkmark li:before {
		margin-left: -3.8620689655172415vh;
		width: 3.8620689655172415vh;
	}

	ul.gt.blue li:before,
	ul.gt.red li:before {
		width: 1.103448275862069vh;
		margin-right: 1.9310344827586208vh;
		margin-left: -2.896551724137931vh;
	}

	.tooltip-text {
		border-radius: 1.9310344827586208vh;
		padding: 0.9655172413793104vh;
		margin-top: -6.758620689655173vh;
	}

	.tooltip-text::after {
		margin-left: -0.9322235434007133vh;
		border-width: 0.9322235434007133vh;
	}

	html {
		font-size: 2.206896551724138vh;
	}

	body {
		/*min-width: 160.41379310344828vh;*/
	}

	.ld-header,
	.ld-content,
	.ld-page-padding {
		padding-left: 2.896551724137931vh;
		padding-right: 2.896551724137931vh;
	}

	.ld-content {
		padding-bottom: 1.9310344827586208vh;
	}

	.ld-page-wide-margin {
		margin-left: 13.793103448275861vh;
		margin-right: 13.793103448275861vh;
	}

	.ld-p1 { padding: 0.9655172413793104vh; }
	.ld-p2 { padding: 1.9310344827586208vh; }
	.ld-p3 { padding: 2.896551724137931vh; }
	.ld-p4 { padding: 3.8620689655172415vh; }
	.ld-p5 { padding: 4.827586206896552vh; }
	.ld-p6 { padding: 5.793103448275862vh; }
	.ld-p7 { padding: 6.758620689655173vh; }

	.ld-pt1 { padding-top: 0.9655172413793104vh; }
	.ld-pt2 { padding-top: 1.9310344827586208vh; }
	.ld-pt3 { padding-top: 2.896551724137931vh; }
	.ld-pt4 { padding-top: 3.8620689655172415vh; }
	.ld-pt5 { padding-top: 4.827586206896552vh; }
	.ld-pt6 { padding-top: 5.793103448275862vh; }
	.ld-pt7 { padding-top: 6.758620689655173vh; }

	.ld-pr1 { padding-right: 0.9655172413793104vh; }
	.ld-pr2 { padding-right: 1.9310344827586208vh; }
	.ld-pr3 { padding-right: 2.896551724137931vh; }
	.ld-pr4 { padding-right: 3.8620689655172415vh; }
	.ld-pr5 { padding-right: 4.827586206896552vh; }
	.ld-pr6 { padding-right: 5.793103448275862vh; }
	.ld-pr7 { padding-right: 6.758620689655173vh; }

	.ld-pb1 { padding-bottom: 0.9655172413793104vh; }
	.ld-pb2 { padding-bottom: 1.9310344827586208vh; }
	.ld-pb3 { padding-bottom: 2.896551724137931vh; }
	.ld-pb4 { padding-bottom: 3.8620689655172415vh; }
	.ld-pb5 { padding-bottom: 4.827586206896552vh; }
	.ld-pb6 { padding-bottom: 5.793103448275862vh; }
	.ld-pb7 { padding-bottom: 6.758620689655173vh; }

	.ld-pl1 { padding-left: 0.9655172413793104vh; }
	.ld-pl2 { padding-left: 1.9310344827586208vh; }
	.ld-pl3 { padding-left: 2.896551724137931vh; }
	.ld-pl4 { padding-left: 3.8620689655172415vh; }
	.ld-pl5 { padding-left: 4.827586206896552vh; }
	.ld-pl6 { padding-left: 5.793103448275862vh; }
	.ld-pl7 { padding-left: 6.758620689655173vh; }

	.ld-m1 { margin: 0.9655172413793104vh; }
	.ld-m2 { margin: 1.9310344827586208vh; }
	.ld-m3 { margin: 2.896551724137931vh; }
	.ld-m4 { margin: 3.8620689655172415vh; }
	.ld-m5 { margin: 4.827586206896552vh; }
	.ld-m6 { margin: 5.793103448275862vh; }
	.ld-m7 { margin: 6.758620689655173vh; }

	.ld-mt1 { margin-top: 0.9655172413793104vh; }
	.ld-mt2 { margin-top: 1.9310344827586208vh; }
	.ld-mt3 { margin-top: 2.896551724137931vh; }
	.ld-mt4 { margin-top: 3.8620689655172415vh; }
	.ld-mt5 { margin-top: 4.827586206896552vh; }
	.ld-mt6 { margin-top: 5.793103448275862vh; }
	.ld-mt7 { margin-top: 6.758620689655173vh; }

	.ld-mr1 { margin-right: 0.9655172413793104vh; }
	.ld-mr2 { margin-right: 1.9310344827586208vh; }
	.ld-mr3 { margin-right: 2.896551724137931vh; }
	.ld-mr4 { margin-right: 3.8620689655172415vh; }
	.ld-mr5 { margin-right: 4.827586206896552vh; }
	.ld-mr6 { margin-right: 5.793103448275862vh; }
	.ld-mr7 { margin-right: 6.758620689655173vh; }

	.ld-mb1 { margin-bottom: 0.9655172413793104vh; }
	.ld-mb2 { margin-bottom: 1.9310344827586208vh; }
	.ld-mb3 { margin-bottom: 2.896551724137931vh; }
	.ld-mb4 { margin-bottom: 3.8620689655172415vh; }
	.ld-mb5 { margin-bottom: 4.827586206896552vh; }
	.ld-mb6 { margin-bottom: 5.793103448275862vh; }
	.ld-mb7 { margin-bottom: 6.758620689655173vh; }

	.ld-ml1 { margin-left: 0.9655172413793104vh; }
	.ld-ml2 { margin-left: 1.9310344827586208vh; }
	.ld-ml3 { margin-left: 2.896551724137931vh; }
	.ld-ml4 { margin-left: 3.8620689655172415vh; }
	.ld-ml5 { margin-left: 4.827586206896552vh; }
	.ld-ml6 { margin-left: 5.793103448275862vh; }
	.ld-ml7 { margin-left: 6.758620689655173vh; }

	.ld-relative-right { right: 2.896551724137931vh; }

	body.ld-dynamic .ld-content { padding-bottom: 2.896551724137931vh; }

	.ld-page-title {
		height: 9.931034482758621vh;
		padding-bottom: 0.9655172413793104vh;
	}

	#ld-home .ld-nav li.nav-home,
	#ld-cost-calculator .ld-nav li.nav-cost-calculator,
	#ld-compare .ld-nav li.nav-compare,
	#ld-how-it-works .ld-nav li.nav-how-it-works,
	#ld-about .ld-nav li.nav-about,
	#ld-contact .ld-nav li.nav-contact { border-bottom: 0.9322235434007133vh solid #990000; }

	.ld-page-title h1 {
		font-size: 4.9655172413793105vh;
	}

	.ld-page-title p { font-size: 1.9310344827586208vh; }

	.ldx-loader {
		width: 9.655172413793103vh;
		height: 9.655172413793103vh;
	}

	ul.alpha-lower-enclosed > li {
		padding-left: 1.9310344827586208vh;
	}

	ul.alpha-lower-enclosed { padding-left: 5.517241379310345vh; }

	ul.roman-upper li,
	ul.decimal li,
	ul.alpha-lower li { padding-left: 1.9310344827586208vh; }

	.btn-instruction p {
		margin: 0.41379310344827586vh 0 0;
		font-size: 1.9310344827586208vh;
	}

	::-webkit-scrollbar { width: 0.9655172413793104vh; }

	::-webkit-scrollbar-track {
		border-radius: 0.9655172413793104vh;
	}

	::-webkit-scrollbar-thumb {
		border-radius: 0.9655172413793104vh;
		-webkit-box-shadow: inset 0 0 1.9310344827586208vh rgba(90, 90, 90, 0.5);
	}

	.overlay-modal button.close {
		right: 1.9310344827586208vh;
		top: 1.9310344827586208vh;
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active  {  -webkit-box-shadow: 0 0 0 4.137931034482759vh white inset !important;  }

	html.vw { font-size: 1.1111111111111112vw; }
	html.vw .ld-page-title h1 { font-size: 2.5vw; }
	html.vw .ld-page-title p { font-size: 0.9722222222222222vw; }
	html.vw .btn-instruction p { font-size: 0.9722222222222222vw; }
	
	html.vw ::-webkit-scrollbar { width: 0.4861111111111111vw; }
	
	html.vw ::-webkit-scrollbar-track {
		border-radius: 0.4861111111111111vw;
	}
	
	html.vw ::-webkit-scrollbar-thumb {
		border-radius: 0.4861111111111111vw;
		-webkit-box-shadow: inset 0 0 0.9722222222222222vw rgba(90, 90, 90, 0.5);
	}
}

@media (max-width: 812px) {
	.ld-page-title h1 { font-size: 1.7em; }
}