html  {width: 100%; height: 100%; padding: 0px; margin: 0px; }
body  {width: 100%; height: 100%; padding: 0px; margin: 0px; -webkit-overflow-scrolling: touch;}

div#app  {width: 100%; height: 100%; padding: 0px; margin: 0px;}

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(/images/bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

.splash, .explore, .overview, .category, .information {
	width: 100%;
	height: 100%;
	overflow : auto;
	padding:  0px;
	position:  relative;
	z-index: 2;
}

.splash .container {
	width: 320px;
	height: 500px;	
	position:absolute;
    top:50%;
    left:50%;
    margin-left:-160px;/* half width*/
    margin-top:-250px;/* half height*/
    font-family: 'Rubik', sans-serif;
	text-align: center;
	z-index: 2;
}
/* Splash */
.splash .container p {margin: 35px 38px 0px 38px; font-size: 16px; line-height: 24px; color: #fff; font-weight: 300;}

.splash .container a.big-transparent {width: 246px; height: 56px; margin: 20px auto 0px auto;}
a.big-transparent {font-family: 'Rubik', sans-serif; margin: 20px auto 0px auto; width: 315px; height: 56px; color: #fff; display: block; text-decoration: none; border: 1px solid rgba(255,255,255,0.2); border-radius: 28px; }
a.big-transparent span {display: block; text-align: center; text-transform: uppercase; padding: 19px; font-weight: 500; letter-spacing: 2px;}
a.big-transparent:active {background: rgba(0,0,0,0.2);}

.splash .container a.big-green {width: 246px; height: 56px; margin: 45px auto 0px auto;}
a.big-green {font-family: 'Rubik', sans-serif; margin: 20px auto 0px auto; width: 315px; height: 56px;  color: #fff; display: block; text-decoration: none; background: #8EBE3A; border-radius: 28px; box-shadow: 0 12px 34px 0 rgba(172,211,104,0.4);}
a.big-green span {display: block; text-align: center; text-transform: uppercase; padding: 19px; font-weight: 500; letter-spacing: 2px;}
a.big-green:active {background: rgba(0,0,0,0.2);}

.splash .container .cofinance-logos {margin: 80px 0px 0px 0px;}
.splash .container .cofinance-logos img {padding: 0px; margin: 0px;}
.splash .container .cofinance-logos img.eu_reg {float:  left; margin: -20px;}
.splash .container .cofinance-logos img.min {float:  right;}

.splash .lang_bar {height: 60px; margin-top: 20px; font-family: Rubik; font-size: 14px; color: #000; line-height: 65px;}
.splash .lang_bar span {color: #bfbfbf; text-decoration: none; cursor: default; padding: 0px 4px 0px 4px;}
.splash .lang_bar .active {color: #bfbfbf; text-decoration: none; cursor: default;}
.splash .lang_bar .not-active {color: #fff; text-decoration: underline; cursor: pointer;}
.splash .lang_bar a, .overlay .menu .lang_bar span {display: inline-block;  float: none; margin-right: 0px;}
/* !Splash */

/* Explore */
.explore .container 
{
	margin: 0px auto;
	width: 375px;
	min-height: 100%;
	position: relative;
}

.explore .container .logo {width:  115px; height: 85px; margin: 25px auto; display: block;}

.explore  .pullup {
	width: 100%;
	background:  #fff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	padding-bottom: 200px;
}

.explore .pullup>h1 {
	padding:  0px 30px 0px 30px;
	font-family: "Playfair Display";
	font-size: 32px;
	letter-spacing: -0.4px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	margin:  -10px 0px 0px 0px;
}

.interests {margin: 15px 20px 0px 15px; border-bottom: 1px solid #E7E7E7;;}
.interests p {font-family: Rubik; font-size: 14px;	line-height: 20px;}
.interests ul {list-style-type: none; margin: 25px 0px 25px 0px; padding: 0px; text-align: center;}
.interests ul li {vertical-align: top; display: inline-block; text-align: center; width: 33%; height: auto; min-width: 50px; min-height: 50px; margin: 30px 0px 30px 0px;}
/*.interests ul li:nth-child(1), .interests ul li:nth-child(2), .interests ul li:nth-child(3) {margin-top: 0px;}*/
.interests ul li a{text-decoration: none; color: #fff; cursor: pointer;}
.interests ul li img {width: 36px; height: 36px;}
.interests ul li span {color: #000; font-family: Rubik; margin-top: 10px; letter-spacing: 0.3px; font-size: 10px; font-weight: 500; display: block; text-align: center; text-transform: uppercase;}

.interests ul li a:hover img, .interests ul li a.active img {filter: brightness(0) saturate(100%) invert(39%) sepia(42%) saturate(2887%) hue-rotate(57deg) brightness(90%) contrast(94%);}
/*.interests ul li a:hover span, .interests ul li a.active span {color: #578407;}*/
.explore .info-bar {padding: 10px 10px; overflow: hidden;}
.explore .info-bar a {width: 25px; height: 25px;  float: right; display: inline-block;}
.explore .info-bar a img {width: 25px; height: 25px; filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(1293%) hue-rotate(173deg) brightness(85%) contrast(88%);}

.explore .section {margin: 5px 0px 0px 0px; overflow: hidden;}
.explore .section .cat-trans-image {opacity: 0.5; width: 110px; height: 110px; opacity: 0.1; margin-left: -30px;}
.explore .section>.header {margin: -95px 30px 20px 30px; overflow: hidden;}
.explore .section>.header p {font-family: Rubik; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: 20px; margin: 0px; color: #000000; float: left; display:inline-block; text-transform: uppercase;}
.explore .section>.header a {font-family: Rubik; color: #000; font-size: 14px; letter-spacing: 0.1px; line-height: 20px; text-decoration: none; float: right; display: inline-block;}
.explore .section>.header a span {font-size: 16px; color: #ACD368;}

.explore .section .cards {margin: 0px 0px 0px 10px; width: 355px; height: 255px; white-space: nowrap; overflow-x: hidden;}

.explore .section .card {white-space: normal; height: 233px; width: 165px; vertical-align: top; line-height: normal; margin: 0px 5px 0px 0px; display: inline-block; text-decoration: none; position: relative; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); overflow: hidden;}
.explore .section .cards .__view:first-child{margin: 0px 0px 0px 10px;}
.explore .section .card img.main {width: 100%; height: 100px;}
.explore .section .card .subcategory {font-family: Rubik; font-size: 12px; margin: 0px; padding: 15px 10px 0px 10px; line-height: 14px; color: #92be2d; text-transform: uppercase; }
.explore .section .card .title {font-family: "Playfair Display"; font-size: 16px; margin: 0px; padding: 10px 10px 0px 10px;  font-weight: bold;  font-weight: bold; line-height: 24px; color: #000; }
.explore .section .card .arrow {font-family: Rubik; font-weight: normal; margin: 0px; position: absolute; right: 10px; bottom: 10px; color: #cecece;}

.explore .section .scrollbar-hider {margin-top: -8px; height: 5px; width: 100%; position:absolute; background: #fff;}

.explore .section .slider {margin: 10px 30px 0px 30px; padding: 0px; height: 3px; background: #E7E7E7; border-radius: 20px; overflow:hidden;}
.explore .section .slider span {height: 3px; background-color: #ACD368; border-radius: 1.5px; display: block;}
/* !Explore */

/* Single */
.overview .container 
{
	margin: 0px auto;
	width: 375px;
	min-height: 100%;
	background: #fff;
	position: relative;
	padding-bottom: 100px;
}

.overview img.main {height: 263px; width: 100%;}
.overview .back {font-family: Rubik; font-size: 20px; color: #FFF; position: absolute; padding: 15px; text-decoration: none;}
.overview .content {margin: 30px; padding: 0px 0px 30px 0px; }
.overview .subcategory {font-family: Rubik; font-size: 12px; margin: 0px; line-height: 14px; color: #92be2d; text-transform: uppercase; }
.overview .title, .overview .rich-text h1 {font-family: "Playfair Display"; font-size: 32px; letter-spacing: -0.4px; line-height: 38px; margin: 0px; font-weight: bold; color: #000; }
.overview .rich-text {margin: 20px 0px 0px 0px; font-family: "Rubik"; font-size: 14px; line-height: 20px; color: #000; }
.overview .rich-text p {color: #000000;	font-family: Rubik;	font-size: 18px; font-weight: 400;	line-height: 28px;}
.overview .rich-text b {font-weight: 500;}
.overview .rich-text p.smaller {font-size: 14px;	line-height: 20px;}
.overview .rich-text p.medium {font-size: 16px;	line-height: 20px;}
.overview .rich-text .uppercase {text-transform: uppercase;} 

.overview .rich-text table {border: 0px; width: 100%;}
.overview .rich-text table tr {border: 0px;}
.overview .rich-text table td {border: 0px; font-family: Rubik; font-size: 14px; line-height: 20px;}
.overview .rich-text table td:first-child {text-align: left;}
.overview .rich-text table td:last-child {text-align: right; }

.overview .rich-text ul {list-style-type: disc;}
.overview .rich-text ul li{font-family: Rubik; padding-left:  10px;	font-size: 14px; line-height: 20px;}

.overview .rich-text a {color: #92be2d; text-decoration: none;} 
.overview .rich-text a:active, .overview a:hover{color: #92be2d; text-decoration: none;} 



.category_bar {position: fixed; z-index: 2; bottom: 0px; width: 375px; height: 100px; overflow: hidden; border-top: 1px solid #E7E7E7; border-bottom: 0px; /*position: fixed; bottom: 0;*/ padding: 0px; margin: 0px; /*background-color: #FAFAFA;*/ box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5); transition: height 1s ease;}
.category_bar.interests ul {margin: 0px; background: #fff;}
.category_bar.interests ul li {width: 24%; margin-top: 20px;}
.category_bar.hidden {height: 0px; transition: height 1s ease;}
/* !Single */

/* Categories */
.category .container 
{
	margin: 0px auto;
	width: 375px;
	min-height: 100%;
	background: #fff;
	position: relative;
	padding-bottom: 200px;
}

.category .back {font-family: Rubik; font-size: 20px; color: #92be2d; position: absolute; padding: 15px; text-decoration: none;}

.category .title {padding: 60px 30px 0px 30px; overflow: hidden;}
.category .title span.title{font-family: "Playfair Display"; text-align:center; font-size: 24px; max-width: 230px; font-weight: bold; display: inline-block; float: left; width: auto; letter-spacing: -0.4px; line-height: 39px;  margin: 0px; padding: 0px;}
.category .title img {height: 39px; margin-right: 10px; display: inline-block; float: left; width: auto; filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(9%) hue-rotate(183deg) brightness(103%) contrast(102%);}
.category .title span.count {font-family: Rubik; font-size: 18px; line-height: 45px; color: #000; opacity: 0.2; float: right; display: inline-block;}

.category .section {margin: 5px 0px 0px 0px; overflow: hidden;}
.category .section>.header {margin: 30px 30px 20px 30px; overflow: hidden;}
.category .section>.header p {font-family: Rubik; font-size: 14px; letter-spacing: 0.1px; line-height: 20px; margin: 0px; color: #000000; font-weight: bold; float: left; display:inline-block; text-transform: uppercase;}
.category .section>.header a {font-family: Rubik; color: #000; font-size: 14px; letter-spacing: 0.1px; line-height: 20px; text-decoration: none; float: right; display: inline-block;}
.category .section>.header a span {color: #8A8A8A;}

.category .section .cards {margin: 0px 0px 0px 10px; width: 355px; height: 255px; white-space: nowrap; overflow-x: hidden;}

.category .section .card {white-space: normal; height: 233px; width: 165px; margin: 0px 5px 0px 0px; vertical-align: top; line-height: normal; display: inline-block; text-decoration:  none; position: relative; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); overflow: hidden;}
.category .section .cards .__view:first-child{margin: 0px 0px 0px 10px;}
.category .section .card img.main {width: 100%; height: 100px;}
.category .section .card>.subcategory {font-family: Rubik; font-size: 12px; margin: 0px; padding: 15px 10px 0px 10px; line-height: 14px; color: #92be2d; text-transform: uppercase; }
.category .section .card>.title {font-family: "Playfair Display"; font-size: 16px; margin: 0px; padding: 10px 10px 0px 10px;  font-weight: bold;  font-weight: bold; line-height: 24px; color: #000; }
.category .section .card>.arrow {font-family: Rubik; font-weight: bold; margin: 0px; position: absolute; right: 10px; bottom: 10px; color: #8A8A8A;}

.category .section .scrollbar-hider {margin-top: -8px; height: 5px; width: 100%; position:absolute; background: #fff;}

.category .section .slider {margin: 10px 30px 0px 30px; padding: 0px; height: 3px; background: #E7E7E7; border-radius: 20px; overflow:hidden;}
.category .section .slider span {height: 3px; background-color: #ACD368; border-radius: 1.5px; display: block;}

.category .section .list {margin: 0px 30px 10px 30px; overflow: hidden; width: 100%; padding-bottom: 30px}
.category .section .list .item {margin: 10px 0px;  text-decoration:  none; overflow: hidden; display: inline-block; width: 100%;}
.category .section .list .item:first-child {margin-top: 0px;}
.category .section .list img.main {width: 100px; height: 70px; border-radius: 4px; float: left;}
.category .section .list .item>.subcategory {display: none; font-family: Rubik; font-size: 12px; margin: 0px; padding: 15px 0px 0px 15px; line-height: 14px; color: #92be2d; text-transform: uppercase; overflow: hidden;}
.category .section .list .item>.title {vertical-align: middle; height: 60px; display: table-cell; width:200px; font-family: Rubik; font-size: 14px; margin: 0px; padding: 10px 0px 0px 15px;  font-weight: bold;  font-weight: bold; line-height: 16px; color: #3B3B3B; }

.subcategories .list {margin: 0px 30px 10px 30px; overflow: hidden; width: 100%; }
.subcategories .list .item {margin: 10px 0px;  text-decoration:  none; overflow: hidden; display: inline-block; width: 100%;}
.subcategories .list .item:first-child {margin-top: 0px;}
.subcategories .list img.main {width: 100px; height: 70px; border-radius: 4px; float: left;}
.subcategories .list .item>.subcategory {display: none; font-family: Rubik; font-size: 12px; margin: 0px; padding: 15px 0px 0px 15px; line-height: 14px; color: #92be2d; text-transform: uppercase; overflow: hidden;}
.subcategories .list .item>.title {vertical-align: middle; height: 60px; display: table-cell; width:200px; font-family: Rubik; font-size: 14px; margin: 0px; padding: 10px 0px 0px 15px;  font-weight: bold;  font-weight: bold; line-height: 16px; color: #3B3B3B; }


/* !Categories */

/* Information */
.information .container 
{
	margin: 0px auto;
	width: 375px;
	min-height: 100%;
	background: #fff;
	position: relative;
	padding:  30px;
	box-sizing: border-box;
	padding-bottom: 200px;
	font-family: "Playfair Display";

}
.information img.main {height: 263px; width: 100%;}
.information .back {font-family: Rubik; font-size: 20px; color: #92be2d; position: absolute; margin: -10px 0px 0px -10px; text-decoration: none;}
.information .content {margin: 30px; padding: 0px 0px 90px 0px; }
.information .subcategory {font-family: Rubik; font-size: 12px; margin: 0px; line-height: 14px; color: #92be2d; text-transform: uppercase; }
.information .title {font-family: "Playfair Display"; font-size: 32px; letter-spacing: -0.4px; line-height: 38px; margin: 0px; font-weight: bold; color: #000; }

.information .rich-text p {color: #000000;	font-family: Rubik;	font-size: 18px; font-weight: 400;	line-height: 28px;}
.information .rich-text b {font-weight: 500;}
.information .rich-text p.smaller {font-size: 14px;	line-height: 20px;}
.information .rich-text p.medium {font-size: 16px;	line-height: 20px;}
.information .rich-text .uppercase {text-transform: uppercase;} 

.information .rich-text table {border: 0px; width: 100%;}
.information .rich-text table tr {border: 0px;}
.information .rich-text table td {border: 0px; font-family: Rubik; font-size: 14px; line-height: 20px;}
.information .rich-text table td:first-child {text-align: left;}
.information .rich-text table td:last-child {text-align: right; }

.information .rich-text ul {list-style-type: disc;}
.information .rich-text ul li{font-family: Rubik; padding-left:  10px;	font-size: 14px; line-height: 20px;}

.information .rich-text a {color: #92be2d; text-decoration: none;} 
.information .rich-text a:active, .information a:hover{color: #92be2d; text-decoration: none;} 

.information .rich-text img {border-radius: 4px; width: 100%;}

.information .interests.category_bar {margin: 0px 0px 0px -30px;}

.vm-collapse {padding: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.vm-collapse-item--header {padding: 10px 0px !important;}
.vm-collapse-item--header div {padding: 0px 0px !important; font-size: 18px !important; font-weight: 500 !important; text-transform: uppercase !important;}

.vm-collapse-item {padding: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.con-content--item {padding: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 14px !important;}
.con-content--item p {font-size: 14px !important;}
.vm-collapse-item br {line-height: 5px; font-size: 10px;}
.information .overlay {margin-left: -30px;}
/* !Information */


.overlay {
	background: rgba(161,161,161,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    overflow: hidden;
    top: 0px;
}

.overlay.hidden .menu {
	width: 0px;
	height: 0px;
}

.overlay .menu {
	background: #fff; 
	position: fixed;
	bottom: 0;
	height: 80%;
	min-height: 300px;
	right: 50%;
	margin-right: -180px;
	width: 330px;
	overflow: hidden;
	border-top-left-radius: 30px;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 54px 0 #000000;
	z-index: 4;
}

.overlay .menu ul {height: 100%; display: table; width: 75%;}
.overlay .menu ul li {list-style: none; width: 100%; display: block; text-align: right; display: table-row; cursor: pointer;}
.overlay .menu ul li a {text-decoration: none; overflow: hidden; display: table-cell; vertical-align: middle;}
.overlay .menu ul li span {float: left; line-height: 40px; margin-right: 20px; color: #000000; font-family: Rubik; font-size: 12px; font-weight: 500; text-transform: uppercase; display: inline-block;}
.overlay .menu ul li img {float: right; display: table-cell; vertical-align: middle; width: 36px; height: 36px;}
.overlay .menu ul li.back {height: 100px; }
.overlay .menu .hr-cont {width: 100%; text-align:center;}
.overlay .menu hr {width: 100%; color: #f0f0f0; height: 0px; border: 0px; border-top: 1px solid #f0f0f0;}

.overlay .menu .lang_bar {float: left; height: 100px; display: table-cell; font-family: Rubik; font-size: 14px; color: #000; line-height: 65px;}
.overlay .menu .lang_bar span {color: #bfbfbf; text-decoration: none; cursor: default; padding: 0px 4px 0px 4px;}
.overlay .menu .lang_bar .active {color: #bfbfbf; text-decoration: none; cursor: default;}
.overlay .menu .lang_bar .not-active {color: #bfbfbf; text-decoration: underline; cursor: pointer; color: #000;}
.overlay .menu .lang_bar a, .overlay .menu .lang_bar span {display: inline-block;  float: none; margin-right: 0px;}

.overlay .menu .back {padding: 0px; margin: 0px; text-align: right; float: right; position: relative; display: table-cell; height: 18%; min-height: 50px; color: #000000; font-family: Rubik; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center;}
.overlay .menu .back span {text-align: center; width: 100%; font-size: 20px; display: block; cursor: pointer;} 
.overlay .menu .back img {float: none; text-align: none; display: inline-block; vertical-align: none; width: 60%;}
.overlay.hidden {display: none;}

.subcategories .tabs {overflow: hidden; margin: 10px 0px;}
.subcategories .tab {width: 100%; overflow: hidden; border-top: 2px solid #ddd; padding-top: 10px;}
.subcategories .tab-label {font-family: Rubik; font-size: 16px; font-weight: 500;  line-height: 24px; text-transform: uppercase;display: flex; justify-content: space-between; text-transform: uppercase; padding: 10px 20px; cursor: pointer;}
.subcategories .tab-label::after {content: "\276F"; width: 1em; height: 1em; text-align: center; transition: all 0.35s;}
.subcategories .tab-content {display: none; max-height: 0px; height: 0px; font-size: 16px; color: #2c3e50; background: white; transition: all 0.35s; padding-top: 20px;}
.subcategories .tab-content p {font-size: 16px;}
.subcategories .tab-close {display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer;}
.subcategories .tab-close:hover {background: #1a252f;}
.subcategories .tab input[type=radio],
.subcategories .tab input[type=checkbox] {display: none;}
.subcategories input:checked + .tab-label::after { transform: rotate(90deg);}
.subcategories input:checked ~ .tab-content {max-height: 1000vh; height: auto; display: block;}
.subcategories button {background: rgba(172,211,104,0.2); cursor: pointer; margin-top: 10px; border: 0px; border-radius: 28px; color: #578407; font-family: Rubik; font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; letter-spacing: 0.1px;  width: 314px; height: 56px;}
.subcategories button:focus {outline:0;}

.overview .section {margin: 5px 0px 0px 0px; overflow: hidden;}
.overview .section .cat-trans-image {opacity: 0.5; width: 110px; height: 110px; opacity: 0.1; margin-left: -30px;}
.overview .section>.header {margin: -95px 30px 20px 30px; overflow: hidden;}
.overview .section>.header p {font-family: Rubik; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: 20px; margin: 0px; color: #000000; float: left; display:inline-block; text-transform: uppercase;}
.overview .section>.header a {font-family: Rubik; color: #000; font-size: 14px; letter-spacing: 0.1px; line-height: 20px; text-decoration: none; float: right; display: inline-block;}
.overview .section>.header a span {font-size: 16px; color: #ACD368;}

.overview .section .cards {margin: 0px 0px 0px 10px; width: 355px; height: 255px; white-space: nowrap; overflow-x: hidden;}

.overview .section .card {white-space: normal; height: 233px; width: 165px; vertical-align: top; line-height: normal; margin: 0px 5px 0px 0px; display: inline-block; text-decoration: none; position: relative; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); overflow: hidden;}
.overview .section .cards .__view:first-child{margin: 0px 0px 0px 10px;}
.overview .section .card img.main {width: 100%; height: 100px;}
.overview .section .card .subcategory {font-family: Rubik; font-size: 12px; margin: 0px; padding: 15px 10px 0px 10px; line-height: 14px; color: #92be2d; text-transform: uppercase; }
.overview .section .card .title {font-family: "Playfair Display"; font-size: 16px; margin: 0px; padding: 10px 10px 0px 10px;  font-weight: bold;  font-weight: bold; line-height: 24px; color: #000; }
.overview .section .card .arrow {font-family: Rubik; font-weight: normal; margin: 0px; position: absolute; right: 10px; bottom: 10px; color: #cecece;}

.overview .section .scrollbar-hider {margin-top: -8px; height: 5px; width: 100%; position:absolute; background: #fff;}

.overview .section .slider {margin: 10px 30px 0px 30px; padding: 0px; height: 3px; background: #E7E7E7; border-radius: 20px; overflow:hidden;}
.overview .section .slider span {height: 3px; background-color: #ACD368; border-radius: 1.5px; display: block;}

#app>div {width:100%; height: 100%;}


@media only screen and (max-width: 800px) {
	.overlay .menu {margin-right: -187px;}
}


.info-svg-fix {width:32px; height:32px; filter: brightness(0) saturate(100%) invert(85%) sepia(23%) saturate(829%) hue-rotate(31deg) brightness(91%) contrast(89%);}
/*.slider {visibility: hidden !important;}*/
.info-bar {visibility: hidden !important;}
.interests {border-bottom: 0px !important;}
.fs24 {font-size:24px;}
a:focus {outline:0;}