#zoog-detector-map{height:180px}.map-wrapper{display:flex;flex-wrap:wrap;align-items:center}#world-map{width:100%;height:500px;max-width:90%;max-height:50%}.world-country-flags{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%}.world-country-flag{padding:5px;width:250px}.world-country-flag-content{padding:5px 7px;width:100%;height:100%;display:flex;align-items:center;box-shadow:0 0 6px 0 #121c6d21 !important}.servers-country-label{width:18px;height:18px;font-size:10px;display:flex;justify-content:center;align-items:center;line-height:10px;border-radius:10em;background-color:#79aa00;color:#fff;margin-left:3px}@media only screen and (max-width:1200px){#world-map{order:1}.world-country-flags{order:2}}@media only screen and (max-width:500px){.world-country-flag img{display:block}}.country-name{margin-left:5px;display:flex;align-items:center;justify-content:space-between;width:100%}.cards-row{display:flex;justify-content:center}.cards-row .price-card{align-self:flex-start;width:260px;box-shadow:0 0 20px rgba(0,0,0,.08);transition:transform .4s;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid rgba(0,0,0,.125);border-radius:4px}.cards-row .price-card .header{font-size:26px;text-align:center;padding:14px 0;position:relative;color:#fff}.cards-row .price-card .header>span{text-transform:uppercase}.cards-row .price-card .header .value{background:#efc936;color:#8b6e00;text-transform:uppercase;padding:12px;position:absolute;bottom:-21px;font:700 14px "Open Sans";right:-23px;border-top-left-radius:40px;border-bottom-left-radius:40px;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:2;transition:all .3s;left:calc(100% - 83px)}.cards-row .price-card .header .tangle{position:absolute;top:100%;right:0;border-top:12px dashed;border-right:22px solid transparent;border-left:0 solid transparent;color:#6e5601}.cards-row .price-card .price-block h3{color:#000;text-align:center}.cards-row .price-card .price-block h3 .discount{display:block;font-size:14px;text-decoration:line-through}.cards-row .price-card .price-block h3 .period{display:block}.cards-row.free-in .price-card .price-block h3 .period{display:block;color:#000;font-size:24px;line-height:50px}.cards-row.free-in .price-card .price-block h3{max-height:70px}.cards-row .price-card .price-block h3 span{font-weight:400}.cards-row .price-card .price-content{padding:8px 24px;text-align:center}.cards-row .price-card:hover{z-index:10!important;transform:scale(1.1)}.cards-row .price-card:hover .value{left:0!important;border-radius:0!important}.cards-row .price-card.plan .header{background:#7ca700}.cards-row .price-card.plan .price-content p{margin-bottom:5px}.cards-row .price-card.plan .price-content .select-btn{padding:25px 0;margin-bottom:5px}.cards-row .price-card#plan-3{margin-top:35px}.cards-row .price-card#plan-3 .header{background:#7ca700}.cards-row .price-card#plan-3 .price-block h3{color:#000}.cards-row .price-card#plan-3 .price-content .select-btn{padding:30px 0}.cards-row .price-card#plan-3 .price-content p{margin-bottom:6px}.cards-row .price-card#plan-1{background:linear-gradient(to top,#374a00 0,#7ca700 100%);color:#fff;z-index:3}.cards-row .price-card#plan-1 .header{background:#000;color:#dfbc32;border-right:1px solid grey;border-bottom:1px solid #efc936}.cards-row .price-card#plan-1 .price-block h3{color:#fff}.cards-row .price-card#plan-1 .price-content p{margin-bottom:15px}.cards-row .price-card#plan-1 .price-content .select-btn{padding:10px 0 25px}.cards-row .price-card#plan-0{margin-top:35px}.cards-row .price-card#plan-0 .header{background:#afafaf}.cards-row .price-card#plan-0 .price-block h3{color:#000}.cards-row .price-card#plan-0 .price-content .select-btn{padding:30px 0}.cards-row .price-card#plan-0 .price-content p{margin-bottom:6px}.cards-row .price-card#plan-2{margin-top:27px;z-index:2}.cards-row .price-card#plan-2 .header{background:#7ca700}.cards-row .price-card#plan-2 .price-content p{margin-bottom:5px}.cards-row .price-card#plan-2 .price-content .select-btn{padding:25px 0;margin-bottom:5px}@media only screen and (max-width:1200px){.cards-row{flex-wrap:wrap}.cards-row .price-card{width:50%}}@media only screen and (max-width:500px){.cards-row{flex-wrap:wrap}.cards-row .price-card{width:100%}}.world-country-flag-content-img {width: 100px;height: 48px;background-size: cover;background-repeat: no-repeat;background-color: #fff;background-position: center;}
:root {
	--zoog-color-primary: #79AA00FF;
    --zoog-color-subtle: #b0b0b0;
}

.zoog-pass-g-checkboxes-container {
	display: flex;
  	flex-wrap: wrap;
	justify-content: space-between;

}
.zoog-pass-g-checkbox-control label {
	display: flex;
}
.zoog-pass-g-wrapper {
	max-width: 100%;
	width: 600px;
	margin: 0 auto;
	color: #364a63;
}

.zoog-pass-g-checkbox-control {
  flex: 49%;
  width: 49%;
  padding: 5px;
}

.zoog-pass-g-button {
	border: none;
	background-color: var(--zoog-color-primary);
	padding: 0.375rem 0.75rem;
	width: 130px;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-end;
}
.zoog-pass-g-input {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.375rem;
}

.zoog-pass-g-input-field {
	position: relative;
	display: flex;
}

.zoog-pass-g-input-field label {
	position: relative;
	width: 100%;
	margin-top: 1px;
	margin-right: 5px;
    display: block;
}

.zoog-pass-g-copy {
	position: absolute;
	right: 10px;
	top: 15%;
	cursor: pointer;
}

.zoog-pass-g-range {
	display: flex;
  justify-content: center;
	flex-direction: column;
	margin: 10px 20px 30px 0;
}

.zoog-pass-g-range-label {
	display: flex;
  justify-content: center;
}

.zoog-pass-g-range-control {
	user-select: none;
	display: flex;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 10em;
	border: 1px solid #ccc;
	justify-content: center;
	align-items: center;
}
.zoog-pass-g-range-input {
	-webkit-appearance: none;
	background:transparent;
	width:100px;
}

.zoog-pass-g-range-input::-webkit-slider-thumb {
	-webkit-appearance: none;
	height:16px;
	width:16px;
	border-radius:50%;
	border:none;
	background-color:white;
	transform:translateY(-5px);
	border:1px solid #ccc;
}

.zoog-pass-g-range-input::-moz-range-thumb {
	-webkit-appearance: none;
	height:16px;
	width:16px;
	border-radius:50%;
	border:none;
	background-color:white;
	border:1px solid #ccc;
}

.zoog-pass-g-range-input::-webkit-slider-runnable-track {
	background:var(--zoog-color-primary);
	height:5px;
	border-radius:20px;

}
.zoog-pass-g-range-input::-moz-range-track{
	background:var(--zoog-color-primary);
	height:5px;
	border-radius:20px;
}

.zoog-pass-g-pass-length {
	margin-top: 10px;
	text-align: center;
}


.zoog-pass-g-checkbox-control input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 22px;
	width: 22px;
	background: #fff;
	border: 2px solid var(--zoog-color-subtle);
	margin: 0 8px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline-offset: 5px;
	outline-color: var(--zoog-color-subtle);
}
.zoog-pass-g-checkbox-control input[type=checkbox]:disabled {
	opacity: 0.7;
	background: var(--zoog-color-subtle);
	cursor: not-allowed;
}
.zoog-pass-g-checkbox-control input[type=checkbox]:after {
	content: "";
	display: block;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
}
.zoog-pass-g-checkbox-control input[type=checkbox]:checked:after {
	transform: scale(1);
}

.zoog-pass-g-checkbox-control input[type=checkbox] {
	border-radius: 5px;
}
.zoog-pass-g-checkbox-control input[type=checkbox]:after {
    width: 12px;
    height: 30px;
}
.zoog-pass-g-checkbox-control input[type=checkbox]:checked {
	border: none;
	background-color: var(--zoog-color-primary, #dfdfdf);
}
.zoog-pass-g-checkbox-control input[type=checkbox]:checked:after {
	content: url("data:image/svg+xml, <svg viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'><path fill='white' d='M15.25.847a1.51 1.51 0 0 1 .405 2.096L8.106 14.11a1.944 1.944 0 0 1-2.94.329L.6 10.156a1.51 1.51 0 1 1 2.067-2.202l3.645 3.42 6.841-10.122a1.51 1.51 0 0 1 2.098-.405Z'/></svg>");
}

.zoog-pass-g-checkbox-control input[type=radio] {
	border-radius: 20px;
}
.zoog-pass-g-checkbox-control input[type=radio]:after {
	width: 14px;
	height: 14px;
	border-radius: 7px;
}
.zoog-pass-g-checkbox-control input[type=radio]:checked {
	border-color: var(--zoog-color-primary);
}
.zoog-pass-g-checkbox-control input[type=radio]:checked:after {
	background-color: var(--zoog-color-primary);
}

.zoog-pass-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 15px;
	color: #fff;
}
.zoog-pass-cont {
  display: flex; 
  flex-direction: column;
  justify-content: center;
	/* border: 1px solid rgba(0,0,0,.125); */
	border: 1px solid rgba(255, 255, 255,.5);
	border-radius: 4px;
	padding: 5px 15px;
	box-shadow: 0 1px 3px #364a630d;
  width: 600px;
  max-width: 100%;
}


@media screen and (max-width: 580px){

	.zoog-pass-g-pass-length {
		font-size: 14px;
	}
  
  .zoog-pass-block {
    flex-direction: column;
  }
  .zoog-pass-cont {
    margin-bottom: 10px;
}
  .zoog-pass-g-button {
    width: 98%;
	font-size: 1rem;;
  }

  .zoog-pass-g-input {
	font-size: 1rem;
  }

  .zoog-pass-g-copy {
	top: 0;
	bottom: 0;
  }
}