@font-face {
  font-family: 'mavenpro';
  src: url('maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('maven-pro-v11-latin-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('maven-pro-v11-latin-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('maven-pro-v11-latin-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'mavenpro', sans-serif;
	background-image: linear-gradient(45deg, #fafafa 0%, #dcdcdc 100%);
	margin: 0px;
	min-width: 320px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

@keyframes an-loading {
	0%   { color: #333333;}
	50%  { color: #cccccc;}
	100% { color: #333333;}
}

.blink {
	animation-name: an-loading;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.shownot {
	display: none !important;
}

.slide {
	float: left;
	display: block;
}

#floating-whatsapp {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 64px;
	height: 64px;
	/*background-color: rgba(37, 211, 102, 0.75);*/
	background-color: rgba(2,186,45,1);
	border-radius: 20px;
	box-shadow: 0px 0px 10px #5b5b5b;
	opacity: 0.9;
}

#floating-whatsapp:hover {
	opacity: 1;
	box-shadow: 0px 0px 10px #19a80d;
	background-color: rgba(37, 211, 102, 0.99);
}

#floating-whatsapp > a > img {
	width: 48px;
	height: 48px;
	padding: 8px;
	box-sizing: content-box;
}

/* desk */
@media screen and (min-width: 1000px) {
	.slide { padding: 96px 0px 64px 0px; }

	.dark-text-exception {
		width: auto;
	}

    .site-selection-bar {
      min-width: 960px;
      max-width: 1200px;
      width: 80%;
      margin: 0 auto;
      display: table;
      color: white;
    }

    .site-option > a {
		float: left;
		display: block;
		width: auto;
		height: auto;
		text-transform: uppercase;
		font-size: 12px;
		/*line-height: 32px;*/
		line-height: 32px !important;
		padding: 0px 20px !important;
    }

    .box {
        min-width: 960px;
        max-width: 1200px;
        width: 80%;
        margin: 0 auto;
        display: table;
    }

    h2 { margin: 32px 1% auto 1%; font-size: 28px; }
    #menuicon { display: none; }
    #menulist { display: block; }

    .side { width: 50%; float: left; margin-top: 20px; }
    .rside { width: 50%; float: right; margin: 20px 0px 20px 0px; }

    p {
		font-size: 1.1em;
		margin: 15px 1% auto 1%;
	}

    .callToAction {
    	text-align: left;
    	margin: 15px 0px 0px !important;
    }

	.rside.iframe {
		width: 46%;
		margin: 60px 2% 26px 2%;
	}

	.version {
		padding: 20px 0px;
		overflow: hidden;
		width: 30.3%;
		margin: 0px 1.5% 0px;
		float: left;
	}

	.calcLimitBox {
		width: 33.33%;
		float: left;
		display: block;
	}

	.limitExponation {
		width: 86%;
		margin: 10px 5%;
		text-align: justify;
		background-color: rgba(0, 0, 0, 0.2);
		padding: 15px 2% 15px 2%;
		border-radius: 10px;
	}

	.appDetailBox {
		width: 33.3%;
	}

	#footer > * .text {
		width: 48%;
		margin: auto 1%;
		float: left;
		display: block;
	}

	#footer > * .text.alpha {
		text-align: left;
	}

	#footer > * .text.omega {
		text-align: right;
	}

	.contact-link {
		width: 33.3%;
		float: left;
		display: block;
	}

	.whatsapp-phone {
		display: none;
	}

	#pricing > * .side {
		padding-top: 60px;
	}

	iframe.about {
		width: 60%;
		min-height: 360px;
		margin: 0 20%;
	}

	#contact-form {
		width: 50%;
		margin: 10px 25% 40px 25%;
	}

	.rside > img {
		max-width: 80%;
		display: block;
		margin-top: 20px;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 10px;
	}

	.lo-feature > * > .subtext {
		margin-top: 2px;
		opacity: 0.5;
		font-size: 0.8em;
		display: block;
		width: 100%;
	}


	.plan-hla, .plan-hlb, .plan-hlc {
		line-height: 36px;
	}

	.pricing-app-selection, .pricing-plan-explained, .single-plan-response {
		width: 32.3333%;
    margin: auto 0.5%;
	}

	.contact-icon > img {
		border: 2px solid #cdcdcd;
		border-radius: 36px;
		width: 30%;
		max-width: 48px;
		padding: 10px;
		box-sizing: content-box;
	}

	.contact-icon:hover > img {
		border: 2px solid #b8f4fb;
		filter: opacity(0.9);
	}

	#contact > * .linktext {
		font-size: 1.4em;
	}
}

/* mobile */
@media screen and (max-width: 999px) {

	#start { 
		/* padding-top: 64px; */
	}

	.slide {
		min-height: 492px;
	}

	.site-selection-bar {
		display: block;
	}

    .site-option > a {
		float: left;
		display: block;
		width: auto;
		height: auto;
		text-transform: uppercase;
		font-size: 8px;
		/*line-height: 32px;*/
		line-height: 32px !important;
		padding: 0px 10px !important;
    }

	.box {
		width: 100%;
		margin: 0 auto;
		display: table;
	}

	h2 { 
		margin: 40px 1% auto 1%;
		font-size: 1.2em;
		text-align: center;
	}

	#menuicon { display: block; }
	#menulist { display: none; }

	.side { width: 90%; float: left; margin: 0px 5% 0px 5%; padding-top: 64px; }
	.rside { width: 90%; float: left; margin: 20px 5% 0px 5%; }

	.callToAction {
		text-align: center;
		margin: 20px 0px 0px !important;
	}

	p {
		font-size: 0.9em;
		margin: 10px 3% auto 3%;
		float: left;
		width: 94%;
		text-align: center;
	}

	.rside.iframe {
		width: 96%;
		margin: 40px 2% 26px 2%;
	}

	.version {
		padding: 20px 0px;
		overflow: hidden;
		width: 90%;
		margin: 0px 5% 0px;
		float: left;
	}

	.calcLimitBox {
		width: 100%;
		float: left;
		display: block;
	}

	.limitExponation {
		width: 80%;
		margin: 10px 5%;
		text-align: justify;
		background-color: rgba(0, 0, 0, 0.2);
		padding: 15px 5% 15px 5%;
		border-radius: 10px;
	}

	.appDetailBox {
		width: 100%;
	}

	#footer > * .text {
		width: 98%;
		margin: auto 1%;
		float: left;
		display: block;

		font-size: 12px;
	}

	#footer > * .text.alpha {
		text-align: center;
		margin-bottom: 15px;
	}

	#footer > * .text.omega {
		text-align: center;
	}

	.contact-link {
		width: 33.333%;
		float: left;
		display: block;
	}

	.whatsapp-web {
		display: none;
	}

	#pricing {
		padding-bottom: 20px;
	}

	#pricing-explained {
		/* display: none; */
		max-width: 940px;
		min-width: 90%;
	}

	#pricing > * .side {
		padding-top: 20px;
	}

	#about > * h2, #apps > * h2 ,#pricing > * h2 {
		font-size: 1.4em;
	}

	iframe.about {
		width: 90%;
		min-height: 320px;
		margin: 0 5%;
	}

	#contact-form {
		width: 90%;
		margin: 10px 5% 20px 5%;
	}

	#menulist-mobile > .amenu {
		width: 100%;
		box-sizing: border-box;
		float: left;
		display: block;
		text-align: right;
	}

	.rside > img {
		max-width: 100%;

		display: block;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	/*
	.dark-mobile-exception {
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;
	padding: 10px 0px 10px 0px;
	margin: 30px 5% 0 5%;
	width: 90%;
	}
	*/

	#floating-whatsapp {
		bottom: 15px;
		right: 15px;
		zoom: 0.75;
	}

	.lo-feature {
		font-size: 0.85em;
	}

	.lo-feature > * > .feature {
		margin-top: 5px;
		display: block;
	}

	.lo-feature > * > .subtext {
		display: none;
	}

	.plan-hla, .plan-hlb, .plan-hlc {
		line-height: 42px;
	}

	.pricing-app-selection, .pricing-plan-explained, .single-plan-response {
		width: 100%; 
	}

	.appDetailBox > ul > li {
		font-size: 0.85em;
	}

	.contact-icon > img {
	border: 2px solid #cdcdcd;
	border-radius: 36px;
	width: 50%;

		max-width: 48px;
		padding: 10px;
		box-sizing: content-box;
	}

	.contact-icon:hover > img {
		border: 2px solid #b8f4fb;
		filter: opacity(0.9);
	}

	#contact > * .linktext {
		font-size: 0.9em;
	}

	.link-explain {
		display: none !important;
	}

	.alternative-plan {
		display: none !important;
	}
	
}



.side, .rside { display: block; }

h2 {
  font-weight: normal;
	float: left;
	color: #565656;
	width: 99%;
}

h2.section-headline {
	width: 80%;
	padding: 0 10% 0 10%;
	text-align: center; margin: 36px auto 36px; color: #777777; text-shadow: 0 0 5px #aaaaaa;
}

h3 {
	text-align: center;
	color: white;
	font-weight: normal;
	font-size: 1.4em;
	text-shadow: 0px 0px 4px #333333;
}

h4 {
	float: left;
	margin: 5px 5% 5px 5%;
	font-size: 1.2em;
	border-bottom: 1px dashed #ababab;
	padding-bottom: 10px;
	width: 90%;
}

.appDetailBox {
	float: left;
	display: block;
}

.appDetailBox > h3 {
	text-align: center;
	color: #5b6d77;
	font-weight: bold;
  font-size: 1.2em;
	text-shadow: 0px 0px 5px #eadcbf;
	width: auto;
	float: left;
}

.appDetailBox > img {
	height: 64px;
	width: 64px;
	margin: 0 10px 0px 20px;
	float: left;
}

.appDetailBox > ul {
	display: block;
	float: left;
	width: 80%;
	color: #565656;
}

.appDetailBox > ul > li {
	margin: 10px auto;
	font-size: 14px;
  list-style-type: initial;
}

p {
	float: left;
}

.dark * > h2 {
	text-shadow: 0px 0px 5px #222222;
}

.dark, .dark * > h2, .dark * > p {
	color: #fdfdfd;
}

.dark * > h2, .dark * > p {
}

.dark-text-exception {
	background-color: #000000ba;	
	line-height: 1.4;
	/*width: auto; must be setted inside desktop version*/
}


.headlite {
	color: #555555;
	text-shadow: 0px 0px 5px #ababab;
}

#mainmenu {
	z-index: 100;
	top: 0px;
	position: fixed;
	height: auto;
	background-color: rgba(2, 60, 96, 0.85);
	background-color: rgba(0, 0, 0, 0.33);
	box-shadow: 0px 0px 3px rgba(34, 34, 34, 0.5);
	backdrop-filter: blur(10px);
}

/*
padding: 0px 0px 0px 40px;
box-sizing: border-box;
background: #1b3a4d82;
border-radius: 10px;
*/

#mainmenu a {
	float: left;
	line-height: 48px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 0px;
	
	box-sizing: border-box;
	padding: 10px 15px 7px 15px;
	border-top: 0px solid rgba(255,255,255,0);
	
	color: white;
	/* color: #1a53b0; */
}

#mainmenu a:hover {
	color: white;
	filter: brightness(0.9);
    background-color: rgba(255,255,255, 0.1);
	border-top: 0px solid rgba(255,255,255);
	transition: 0.2s;
}

.mainlogo {
	height: 48px;
	float: left;
	display: block;
	/* margin: 10px auto auto 10px; */
}

#wrapper {
	width: 100%;
	float: left;
	display: block;
	margin: 0px;
}

.section {
	height: auto;
	width: 100%;
	float: left;
	margin: 0;
	display: block;
}

#container {
	margin: 0 auto;
}

.section.alpha {
	background-image: 
		url(worldmap.png),
		linear-gradient(45deg, #0B4084 0%, #09CFF0 100%);
	background-repeat: no-repeat;
	background-position: center center;
}

.slide.alpha {
	background-image: 
		url(slide-back-worldmap.png), linear-gradient(45deg, #0B4084 0%, #67F009 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slide.beta {
	background-image: 
		url(slide-back-pos.png), linear-gradient(90deg, #000000 0%, #000000 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slide.charlie {
	background-image: 
		url(slide-back-monumental2.png), linear-gradient(90deg, #000000 0%, #000000 100%);
	background-repeat: no-repeat;
	background-position: center center;
 	background-size: cover;
}

.slide.delta {
	background-image: 
		url(slide-back-network.png), linear-gradient(90deg, #000771 0%, #18abb3 100%);
	background-repeat: no-repeat;
	background-position: center center;
 	background-size: cover;
}

.slide.echo {
	background-image: url(slide-back-echo.png), linear-gradient(90deg, #b7ad1b 0%, #950404 100%);
	background-image: url(slide-back-echo.png), linear-gradient(90deg, #670495 0%, #b71b1b 100%);
	background-repeat: repeat;
	background-position: center center;
 	/*background-size: cover;*/
}

.slide.fox {
	background-image: 
		url(slide-back-fox.png), linear-gradient(90deg, #9d0093 0%, #0231a2 100%);
	background-repeat: repeat;
	background-position: center center;
 	/*background-size: cover;*/
}

.slide.gamma {
	background-image: 
		url(slide-back-balloons.png), linear-gradient(90deg, #6d1de3 0%, #a80880 100%);
	background-repeat: no-repeat;
	background-position: center center;
 	background-size: cover;
}

.slide.hotel {
	background-image: 
		url(slide-back-pattern-diagonal.png), linear-gradient(90deg, #860d00 0%, #ff2c85 100%);
	background-repeat: no-repeat;
	background-position: center center;
 	background-size: cover;
}

/*social dilemma*/
.slide.zulu {
	background-image: 
		url(slide-back-network.png),  linear-gradient(135deg, #444444 0%, #cccccc 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}



.section.beta {
	background-image: linear-gradient(0deg, #002f88 0%, #02a6ae 100%);
}

#start {
	box-shadow: 0px 0px 15px #000000;
}

#start * > a {
	display: inline-block;
	color: white;
	background: #960505;
	text-decoration: none;
	padding: 8px 10px 10px 10px;
	border-radius: 26px;
	text-align: center;
	margin: 3px 0px;
	/*text-transform: uppercase;*/
	font-size: 14px;
}

#start * > a:hover {
	filter: brightness(1.1);
	box-shadow: 0px 0px 2px #ababab;
}

#about {
	background-image: url(pattern-circled.png);
	box-shadow: 0px 0px 12px #626262;
	background-color: #d6e6f6;
	padding-bottom: 40px;
}

#apps {
	background-image: url(socialback.png);
}

#footer {
	background-image: linear-gradient(0deg, #323232 0%, #444444 100%);
	padding: 20px 0px 20px;
	color: #ababab;
	font-size: 0.9em;
}

iframe.about {
	border: none;
	box-shadow: 0px 0px 5px #151515;
}

iframe.youtube {
	width: 100%; 
	min-height: 310px; 
	border: none;
	box-shadow: 0px 0px 5px #151515;
	margin: 0 auto;
}

#findOut {
	background-color: rgba(0,0,0,0.5);
	border-radius: 0px 32px 0px 32px;
	padding: 10px 0px 10px 0px;
	cursor: pointer;
}

#findOut:hover {
	background-color: rgba(0,0,0,0.2);
}

/*
#limitSliderSwitch {
	border: 2px solid #f676e2;
	background: #531332;
	font-weight: normal;
	color: #454545;
}
*/

.limitSlider {
border: 0;
  color: #f0edea;
  font-weight: normal;
  font-size: 32px;
  background: rgba(255,255,255,0.2);
  width: 100%;
  text-align: center;
  border-radius: 5px;
}

.limitTitle {
	color: #cdcdcd;
	margin: 15px 0px 0px 0px !important;
}

.limitDisclaimer {
width: 96%;
margin: 20px 2% 20px;
	text-align: justify;
	color: #ababab !important;
	font-size: 0.95em;
}

#calcLimitSummaryP, #calcLimitSummaryA, #calcLimitSummaryR {
	font-size: 1.2em;
	text-align: left;
	margin-left: 5%;
	width: 40%;
}

.selectedVersion {
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #b4119b;
}

#carouselNav > a {
	height: 48px;
	line-height: 48px;
	text-align: center;
	float: left;
	display: block;
	background-color: #888888;
	color: white;
	text-decoration: none;
	width: 14.285714286%;
}

#carouselNav > a:hover {
	background-color: #ababab;
}

.carouselItem {
	background-color: #ababab;
	height: 360px;
}

#pricing {
	box-shadow: 0px 0px 15px #000000;
	padding-bottom: 30px;
}




#contact > * a:link, #contact > * a:visited {
	color: #ababab;
}

#contact > * a:hover {
	color: #2c66b1;
}

#footer > * .text {
	opacity: 0.75;
}

.contact-link {
	margin: 30px auto;
}

#contact-form > * input {
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	width: 90%;
	padding: 5px 2.5%;
	font-size: 14px;
	margin: 0px 2.5%;
}

#contact-form > * textarea {
	height: 128px;
	line-height: 28px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	width: 90%;
	padding: 5px 2.5%;
	font-size: 14px;
	margin: 0px 2.5%;
}

button[type="submit"] {
	background-color: #00648c;
	color: white;
	height: 34px;
	width: 160px;
	border: 1px solid #00648c;
	border-radius: 3px;
	cursor: pointer;
}

button[type="submit"]:hover {
	filter: brightness(1.3);
	border: 1px solid #ababab;
}


#contact-form > .input-box {
	width: 90%;
	margin: 10px 5%;
}

#contact-form-box {
	min-height: 1px;
}

#contact-form {
	background-color: rgba(190,190,190,0.2);
	padding: 20px 0px 0px 0px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 0px solid rgba(132, 132, 132, 0.2);
	float: left;
	display: block;
}

#contact-form-title {
	text-align: center;
	margin: 0px auto 15px;
	color: #982457;
	font-size: 20px;
	width: 100%;
	float: left;
}

.phone-contact {
	text-align: center;
  background-color: #cacaca1c;
  border: 2px solid #cdcdcd5e;
  width: 60%;
  margin: 0px 20%;
  padding: 10px;
  box-sizing: border-box;
  color: #2c83ae;
  float: left;
  border-radius: 10px;
}

.whatsapp-web > .phone-contact {
	font-size: 1.8em;
}

.whatsapp-phone > .phone-contact {
	font-size: 1.2em;
}

.phone-contact > a:link {
	color: #2c83ae !important;
	cursor: pointer;
}

.floating-whatsapp-icon {
	width: 100%;
	height: 100%;
	float: left;
	display: block;


}

#form-lhp-checker {
    height: 1px;
    width: 1px;
    overflow: hidden;
    float: left;
    display: block;
}

#footer {
	line-height: 18px;
}

#footer > * a, #footer > * a:link, #footer > * a:visited {
	opacity: 0.5;
	color: #ffffff;
	text-decoration: none;
	padding: 0px 5px;
}

#footer > * a:hover {
	opacity: 1;
}

#feature-table-toogle {
	width: 96%;
  margin: 0 2%;
  float: left;
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;

box-sizing: border-box;
  margin-top: 10px;
  overflow: hidden;
  height: 38px;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}

#feature-table-toogle:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

#feature-table {
	width: 96%;
  margin: 0 2%;
  float: left;
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 30px;
  overflow: hidden;
  height: auto;
  display: none;
}

.lo-feature {
	padding: 5px 0px;
	padding: 0px;
	box-sizing: content-box;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}



.lo-feature > * > img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 auto;
	display: block;
	padding: 8px;
}

.pricing-step-header {
	text-align: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 5px !important;
}

.pricing-app-sel-name {
  line-height: 32px;
  cursor: pointer;
}

.pricing-app-sel-icon {
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 10px;
	cursor: pointer;
}

.pricing-step-title {
font-size: 1.2em;
  text-align: left !important;
  font-weight: bold;
margin: 2px auto 10px 5px !important;
}


.pricing-step-icon {
opacity: 0.5;
  filter: invert(100%);
  height: 32px;
  width: 32px;
  vertical-align: middle;
  text-align: center;
  float: left;
  display: block;
}

.app-selection-input {
	height: 24px;
	width: 24px;
	margin: 4px;
	float: right;
	display: block;
}

.app-sel-detail {
	font-size: 0.65em;
	display: none;
}

.pricing-app-selection {
	padding: 5px;
	box-sizing: border-box;
	cursor: pointer;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: block;
	float: left;
}

.pricing-app-selection:hover {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	cursor: pointer;
}



.plan-step-kind-title {
	text-align: center;
	display: block;
	float: left;
	line-height: 32px;
	font-size: 1.2em;
	border-radius: 5px;
	width: 80%;
	margin: 0 10%;
}

.plan-step-kind-text {
	text-align: center;
	display: block;
	float: left;
	font-size: 0.9em;
	width: 94%;
	margin: 0px 3% 20px 3%;
}

.plan-hla-title, .plan-hlb-title, .plan-hlc-title {
	height: 42px !important;
	overflow: hidden;
	text-align: center;
	display: block;
	line-height: 36px;
	border-bottom: 4px solid rgba(0,0,0,0);
}

.plan-hl-title-selected {
	border-bottom: 4px solid red;	
}


.plan-hla, .plan-hlb, .plan-hlc {
	height: 42px !important;
	display: block;
	overflow: hidden;
	text-align: center;
}

/*
.plan-hlb {
	background-color: rgba(0,0,0,0.2);
}
*/

.lo-feature > * > .feature {
	width: 100%;
	float: left;
	margin-top: 5px;
	display: block;
}

.pricing-step-container, .pricing-candidate {
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	width: 96%;
 	margin: 10px 2%;
 	float: left;
 	display: block;
 	overflow: hidden;
}

.pricing-step-container {
	background-color: rgba(0,0,0,0.2);
}

.plan-auto-value-app, .plan-auto-value-cpd, .plan-auto-value-sum {
	text-align: right;
	float: right;
}

.pricing-plan-exp {
	font-size: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	line-height: 14px;
	padding: 5px;
  box-sizing: border-box;
}

.pricing-tier-volume > a, .pricing-tier-kind > a {
	display: block;
	float: left;
  display: block;
  text-align: center;
  padding: 10px 0 10px;
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  border: 3px solid rgba(255,255,255,0.2);
  box-sizing: border-box;
}

.pricing-tier-volume > a:hover, .pricing-tier-kind > a:hover {
  background-color: rgba(0,0,0,0.1);
}

.pricing-option-selected {
  border: 3px solid rgb(0, 172, 255) !important;
}

/* desk */
@media screen and (min-width: 1000px) {
	.pricing-tier-volume > a {
		width: 16%;
		margin: 10px 0.33% 10px;
	}

	.pricing-tier-kind > a {
		width: 32.66%;
		margin: 10px 0.33% 10px;
	}

	 .rotated-pricing-tier-text {
        /* none  */
   }
}


/* mobile */
@media screen and (max-width: 999px) {
	.pricing-tier-volume > a {
		width: 99%;
		margin: 3px 0.5% 3px;
	}

	.pricing-tier-kind > a {
		width: 99%;
		margin: 3px 0.5% 3px;
	}

	 .rotated-pricing-tier-text {
        writing-mode: tb-rl;
        transform: rotate(-180deg);
				min-height: 64px;
        align-content: center;
   }
}

#slider-tx-volume {
	/*display: none;*/
}

.transaction-slide {
-webkit-appearance: none;
  /*background: #00acff;*/
  background: rgba(0,0,0,0.2);
  /*border: solid 2px #00ACFF;*/
	border-radius: 4px;
  height: 10px;
  width: 100%;
  outline: none;
  transition: background 450ms ease-in;
  margin: 0px 0% 20px 0%;
}

.transaction-label {
	cursor: context-menu;
	text-align: center;
  padding: 12px 0 10px 0;
  background-color: rgba(0,0,0,0);
  border-radius: 10px;
  color: white;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
}

.slider-range-min, .slider-range-max {
	font-size: 12px;
	padding-top: 16px;
	box-sizing: border-box;
}

.slider-range-min {
	text-align: left;
	padding-left: 0px;
}

.slider-range-max {
	text-align: right;
	padding-right: 0px;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  border: 3px solid #00acff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: rgb(2, 96, 108);
  cursor: pointer;
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  border: 3px solid #00acff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: rgb(2, 96, 108);
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  border: 3px solid #00acff;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: rgb(2, 96, 108);
  cursor: pointer;
}

input[type="checkbox"]:checked {
  accent-color: #00acff;
}

.single-plan-response {
	border: 0px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.95);
  margin-top: 10px;
	box-sizing: border-box;
	display: block;
	float: left;
	position: relative;
	color: rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.single-plan-response-selected {
	border: 3px solid rgb(0, 172, 255) !important;
}

.single-plan-response > .plan-name {
	padding: 12px 10px 10px 12px;
	background: rgba(0,0,0,0.2);
  text-align: left;
  font-weight: bold;
	border-bottom: 1px solid #ffffff45;
	border-radius: 7px 7px 0px 0px;
}

.plan-check-bullet {
	height: 14px;
  margin: 4px 10px 0px 2px;
  float: left;
}

.plan-body > .plan-desc, .plan-body > .plan-apps, .plan-body > .plan-total{
	/* text-align: center; */
}

/*
.plan-icon-know {
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 0px 10px #333;
}
*/

.plan-apps-not-included {
	filter: grayscale(100%);
	opacity: 0.05;
	text-decoration: line-through;
}

.single-plan-response > .plan-body {
	float: left;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  line-height: 20px;
}


.pricing-plan-explained {
	padding: 5px;
	box-sizing: border-box;
	display: block;
	float: left;
}

.pricing-plan-explained > img{
	height: 42px;
	display: flex;
	margin: 0 auto 10px auto;
	border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 0px 10px #333;
}

.lo-plan-choose-more {
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #cd1043;
  border-radius: 5px;
  color: #cd1043;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  margin-top: 10px !important;
}

.lo-plan-choose-more:hover {
	background-color: #cd10431c;
	border: 1px solid #ff9db7;
}

.plan-body > .plan-total {
  box-sizing: border-box;
  padding: 10px 10px 5px 10px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.best-plan-tag {
	position: absolute;
  margin-left: 210px;
  margin-top: -16px;
  right: 10px;
  filter: drop-shadow(0px 0px 2px #753f06);
}

.best-plan-tag > img {
  width: 72px;
  transform: rotate(10deg);
}

.plan-currency {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #888;
  margin-bottom: 10px !important;
  cursor: pointer;
}

.customers {
  box-sizing: border-box;
  height: auto;
  position: absolute;
  float: left;
}

.customers > img {
	height: 96px;
  width: 96px;
  filter: grayscale(1);
	padding: 10px 32px;
  box-sizing: content-box;
}

.key-index-number {
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  margin: 10px auto 0px auto;
}

.key-index-text {
  color: #555555;
  margin: 0px auto 10px auto;
}

.plan-icon {
	float: left;
	display: block;
	margin: 2px 6px 2px 2px;
	height: 16px;
  filter: invert(1);
}

#key-index-container {
	margin-top: 15px;
}

#popup-container {
  display: none;
  height: 100%;
  float: left;
  position: fixed;
  width: 100%;
  backdrop-filter: blur(10px);
  z-index: 110;
}

#popup-box, #popup-waiting {
  display: block;
  margin: 0 auto;
  margin-top: 0px;
  position: fixed;
  background-color: rgba(255,255,255,0.9);
  border-radius: 10px;
  min-height: 300px;  
  padding: 15px;
  color: #444;
  box-shadow: 0px 0px 5px #444;
  overflow-x: hidden;

}

#popup-waiting {
	display: flex;
	align-items: center;
	align-content: center;
	text-align: center;
}


/* mobile */
@media screen and (max-width: 999px) {
	#popup-box, #popup-waiting {
		margin-top: 20px;
		width: 80%;
  	left: 5%;
	}
}

/* desk */
@media screen and (min-width: 1000px) {
	#popup-box, #popup-waiting {
		margin-top: 10%;
		width: 30%;
		left: 35%;
	}
}

.popup-title {
	font-size: 12px;
}

.popup-text {
	float: left;
  height: auto;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.popup-text > input, .popup-text > select {
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  margin: 5px auto auto auto;
  border-radius: 5px;
  line-height: 32px;
  
  box-shadow: 0px 0px 3px #004a91;
  background: white;
  padding: 5px;
  font-size: 14px;
  border: 2px solid #fff; ;
}

.popup-text > input:focus, .popup-text > select:focus {
  border: 2px solid #007bff; ; /* Blue border on focus */
  outline: none; /* Optional: Remove the default browser outline */
}

#popup-close {
  background-color: #ffb2b2;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: white;
  border-radius: 5px;
  position: absolute;
  right: 12px;
  cursor: pointer;

  font-weight: bold;
}

#popup-close:hover {
	background-color: #bb0808;
	  box-shadow: 0px 0px 5px #888888;
}