@font-face {
			font-family: OnestRegular;
			src: url(../fonts/OnestRegular1602-hint.ttf) format('truetype'),
				 url(../fonts/OnestRegular1602-hint.woff) format('woff');
			font-weight: normal;
			font-style: normal;
		}
@font-face {
			font-family: OnestBold;
			src: url(../fonts/OnestBold1602-hint.ttf) format('truetype'),
				 url(../fonts/OnestBold1602-hint.woff) format('woff');
			font-weight: bold;
			font-style: normal;
		}
@font-face {
    font-family: 'VerbenaC';
    src: url('../fonts/VerbenaC.eot');
    src: url('../fonts/VerbenaC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VerbenaC.woff2') format('woff2'),
        url('../fonts/VerbenaC.woff') format('woff'),
        url('../fonts/VerbenaC.ttf') format('truetype'),
        url('../fonts/VerbenaC.svg#VerbenaC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet Mavka Script';
    src: url('../fonts/SweetMavkaScript.eot');
    src: url('../fonts/SweetMavkaScript.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SweetMavkaScript.woff2') format('woff2'),
        url('../fonts/../fonts/SweetMavkaScript.woff') format('woff'),
        url('SweetMavkaScript.ttf') format('truetype'),
        url('../fonts/SweetMavkaScript.svg#SweetMavkaScript') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
		
/*===== reset =====*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1.4;		
	font-size: 62.5%;
	font-family: OnestRegular, Helvetica, Arial, sans-serif;
	color: #a53692;
	letter-spacing: 1px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
	outline: 0;
    font-size:100%;
    background:transparent;	
	text-decoration:none;
	transition: all 0.4s ease;
	color: #a53692;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:0;
    border:0;   
    border-top: 1px solid #d4d6d7;
    margin: 0 auto;
    padding:0;
}
input, select,textarea {
    vertical-align:middle;	
	padding: 7px 10px;
}
form  {
	text-align: center;
}
.cf:before, .cf:after {
    content: " "; 
    display: table; 
}
.cf:after {
    clear: both;
}
.clearfix {
        -height: 1%; /*IE6*/
        *zoom: 1; /*IE6-7*/
        display: table;
}
.clearfix:after {
   content: '1 1 1 1 1 1 1 1 1 1 1'; /*Op12+*/
   font: .1px/0 a;
   display: block;
   word-spacing: 99in;
   overflow: hidden; /*IE8-*/
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height: 1.2;
}
::selection {
  color: #fff;	
  background: #3695eb;
}
::-moz-selection {
  color: #fff;	
  background: #3695eb;
}
* {
  border: none;
}
sup, sub {
    vertical-align: baseline;
    position: relative;
    font-size: .7em;
    line-height: 1;
    }
sup {
    bottom: 1ex;
    }
sub {
    top: .5ex;
    }
/*===== layout =====*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.full-width, .inner-width, .inner-width {
width: 100%;
margin: 0 auto; 	
}
.wrapper {
    width: 100%;
	min-height: 100%;
	margin: 0 auto -140px; 	 	
}
.wrapper:after {
  content: "";
  display: block;
}
footer, .wrapper:after {
	height: 140px;
}
footer {
z-index: 1;
background-color: #d578b0;
}
.full-width {

}
.inner-width {
max-width: 1440px;
}
main, .main, .footer-wrapper {
	margin: 0 auto; 
	width: 100%;
	position: relative;
}
.footer-wrapper {
	max-width: 1170px;
}
.ccol-left-fixed-right-fluid {
margin-left: 360px;  
box-sizing: border-box;
}
.lcol-left-fixed-right-fluid {
width: 320px; 
box-sizing: border-box;
}
.ccol-wrapper-left-fluid-right-fixed {
width: 100%;
}
.ccol-left-fluid-right-fixed {
margin-right: 320px; 
}
.rcol-left-fluid-right-fixed {
width: 320px; 
margin-left: -320px; 
}
.rcol-left-fixed-right-fluid {
margin-left: 320px; 
}
.two-col .col {
width: 50%;
box-sizing: border-box;
}
.lcol {
padding-right: 30px;
}
.rcol {
padding-left: 30px;
}
.main-content aside {
padding: 0 50px 0 15px;
}
/* common */
/* transition */
footer nav span, header nav span, .faq .pdf-link, .faq dt, .dropdown-content, main, .dropdown-content img, .dropdown-content li, header, input.submitbtn, .video-link:before, .video-link, .testimonials img, .testimonials-list li:after, .products-list a:after, .products-list img, .balance-list h4, .balance-list li:after, .logo img, .features-list li:after, .features-list .img-wrapper {
transition: all 0.25s ease;
}
/* transition none */
.test {
transition: none;
}
/* cursor: pointer; */
.goTop {
cursor: pointer;
}
/* background-color: #fff; */
.test {
background-color: #fff;
}
/* border-bottom: 1px solid; */
.test {
border-bottom: 1px solid;
}
/* border-bottom: 1px dotted; */
.test {
border-bottom: 1px dotted;
}
/* border-color: transparent; */
.test {
border-color: transparent;
}
/* border: 1px solid; */
.test {
border: 1px solid;
}
/* background-image: url('../img/misc/sprite.png'); */
.test {
background-image: url('../img/misc/sprite.png');
background-repeat: no-repeat;
}
/* generaterd content */
.test {
content: "";
}
/* border-radius: 50%; */
.test {
border-radius: 50%;
}
/* max-width: 100%; */
.faq .pdf-link img, .adv-caption img, .info img, .text-logo img, footer .logo img, .testimonials-list img, .difference img, .features-list img, .logo img, .top .img-wrapper img {
max-width: 100%;
width: 100%;
height: auto;
}
/* margin: 0 auto; */
.top p, .products-list a {
margin: 0 auto;
}
/* margin-bottom: 0; */
.test {
margin-bottom: 0;
}
/* margin-bottom: 5px; */
.instruction dt, .instruction dd {
margin-bottom: 5px;
}
/* margin-bottom: 10px; */
 .test {
margin-bottom: 10px;
}
/* margin-top: 10px; */
.instruction dd + dt {
margin-top: 20px;
}
/* float: none; */
.test {
float: none;
}
/* float: left; */
.ccol-wrapper-left-fluid-right-fixed, .lcol-left-fixed-right-fluid {
float: left;
}
/* float: right; */
.rcol-left-fluid-right-fixed {
float: right;
}
/* clear: both; */
.test {
clear: both;
}
/* clear: left; */
.test {
clear: left;
}
/* position: relative; */
.faq, .top .col, .prop-list li, .adv-list .img-wrapper, .testimonials-list li, .balance-list li, .difference .inner-width {
position: relative;
}
/* position: absolute; */
.faq .img-wrapper {
position: absolute;
}
/* display: none; */
.test {
display: none;
}
/* display: block; */
.logo, .products-list a, nav, main, footer a, header .lcol a, header .lcol img {
display: block;
}
/* display: inline; */
.test {
display: inline;
}
/* display: inline-block; */
.faq dl, .learn-more, .text-logo {
display: inline-block;
}
/*  display: flex */
.instr-wrapper, .faq, .adv-caption, .adv-list, .prop-list li>div, .prop-list, .info .text-block, .top, footer .socials, footer nav ul, .testimonials-list .inner, .testimonials-list, .products-list, header>.inner-width, header ul, header .rcol, .features-list, .balance-list .caption, .balance-list {
	display: -webkit-box;
	display: -moz-box;  
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
}
/*  align-items: center; */
.adv-caption, .adv-list, .prop-list li>div, .prop-list, header>.inner-width, .top, .testimonials-list .inner, header ul, header .rcol, .balance-list .caption, .testimonials-list {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.adv-list, .info .text-block, footer .socials, footer nav ul, .products-list, .features-list, .balance-list  {
	-webkit-box-align: flex-start;
	-moz-box-align: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
/*  flex-wrap: wrap; */
.instr-wrapper, .faq, .adv-caption, .adv-list, .prop-list li>div, .prop-list, .info .text-block, .top, footer .socials, footer nav ul, .testimonials-list .inner, .products-list, header>.inner-width, header ul, header .rcol, .features-list, .balance-list .caption, .balance-list, .testimonials-list  {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/* justify-content: center; */
.prop-list li>div, .top, footer .socials, footer nav ul, .testimonials-list .inner, .products-list, header ul, .features-list, .testimonials-list {
	justify-content: center;	
}
/* justify-content: space-between; */
.instr-wrapper, .faq, .adv-list, .info .text-block, header .rcol, .balance-list, header>.inner-width, .prop-list {
	justify-content: space-between;
}
.adv-caption {
	justify-content: space-around;
}
/* justify-content: right; */
header .col .lang-switcher {
	justify-content: right;
}
/* box-sizing: border-box; */
.instr-wrapper .col, .instr-wrapper, .faq, .adv-list li, .prop-list li, .info img, .info .rcol, .info .lcol, header .col, .inner-width, .inner-width, footer, .testimonials-list li, .products-list li, .balance-list li, .lcol, .rcol, .testimonials-list p  {
box-sizing: border-box;
}
/* text-align: left; */
.faq .rcol, .top p, .about {
text-align: left;
}
/* text-align: right; */
.faq {
text-align: right;
}
/* text-align: center; */
.test {
text-align: center;
}
/* overflow: hidden; */
.test {
overflow: hidden;
}
/* overflow: visible; */
.test {
overflow: visible;
}
/* vertical-align hack */
.test {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;   
  vertical-align: middle;
}
/* vertical-align: top */
.test {
  vertical-align: top;
}
/* vertical-align: middle */
.test {
  vertical-align: middle;
}
/* typography*/
/* color #000 */
footer nav span, footer nav span:hover, header nav span:hover, header nav .active a, footer nav .active a, footer nav a:hover, header .col a:hover, header .col .active a, header .col .active span {
 color: #f7e1fc;
}
/* color: #a53692; */
.adv h2, .adv-list h3, .prop-intro h2, .online-test p {
color: #a53692;
}
/* color: #fff; */
#q_n_a .read_more, .about .read_more, .faq dl, .prop-list p, .learn-more, .info p, footer nav span, footer a, header span, header a, .info h1 {
color: #fafafa;
}
/* color: #7c7a7b; */
.adv-list p {
	color: #000;
}
/* color: #6b6b6d; */
.top p, .features-list p, .difference p, .balance-list p, .products p, .testimonials-list p {

}
/* font-size: 1.3em; */
.adv-list p {
font-size: 1.3em;
}
/* font-size: 1.4em; */
.learn-more, .features-list p, .products .products-list p, .products-list a:after, .products-list a, .testimonials-list p {
font-size: 1.4em;
}
/* font-size: 1.6em; */
 .instruction dl, .instruction h4, .instruction p, .instruction li, .about .read_more, .online-test p, .faq dl, .adv-list h3, footer nav a, footer span, header .col span, header .col a, .top p, .difference p, .balance-list p, .balance-list h4, .products p {
font-size: 1.6em;
}
/* font-size: 2em; */
.prop-list p, .info h1, .features-list h3, .products-list h3 {
font-size: 2em;
}
/* font-size: 2.5em; */
.info p, #res, .adv h2, .prop-intro h2, .info h1 {
font-size: 2.5em;
}
/* font-style: italic; */
.test {
font-style: italic;
}
/* font-style: bold; */
 .instruction dt, .faq dt, .adv h2, .adv-list h3, .prop-list p, .learn-more, .prop-intro h2, .lang-switcher a, h1, .products-list a:after, .products-list a, header .rcol a, .features-list h3, .difference h2, .balance h2, .balance-list h4, .products h2, .products-list h3, .testimonials h2 {
font-weight: bold;
}
/* font-weight: normal; */
.instruction h4, .instruction p, .instruction dl, .instruction li {
font-weight: normal;
}
/* line-height: 1; */
.test {
line-height: 1;
}
/* line-height: 1.6; */
.info h1, .info p, .faq dl {
line-height: 1.6;
}
/* text-transform: uppercase; */
.learn-more, .info h1, .balance-list h4 {
text-transform: uppercase;
}
.about .slogan, .about h2, .online-test p, .adv, .prop-list p, .prop-intro h2 {
	text-align: center;
}
.info, .faq dl {
	text-align: left;
}
/* general */

/* sticky header */

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.sticky>.inner-width {
  background-color: rgba(213, 120, 176, 0.8);
  box-shadow: 0 0 2px #d578b0;  
  padding: 10px 0;
}

.sticky a {
  color: #fff;
text-shadow: 1px 1px 4px #d578b0;
}

/** sticky header */

.logo {
	max-width: 125px;
}
.wrapper {
	
}
header {
	
}
header>.inner-width {
	background-color: #d578b0;
	padding: 15px 0;
}
header .col {
	width: 15%;
}
header .col:nth-child(2) {
	width: 70%;
}
header .col:first-child {
	padding-left: 75px;
}
header .col:last-child {
	padding-right: 75px;
}
html[lang="ro"] header .col:nth-child(2) {
	width: 75%;
}
html[lang="ro"] header .col:first-child {
	width: 15%;
}
html[lang="ro"] header .col:last-child {
	width: 10%;
}
header nav li {
	padding: 0 35px;
	border-right: 1px solid #fff;
}
header nav li:first-child {
	padding-left: 0;
}
header nav li:last-child {
	padding-right: 0;
	border-right: none;
}
.lang-switcher li {
	margin-left: 10px;
}
header li:first-child {
	margin-left: 0;
}
/* dropdown */

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: -1;
}
footer .dropdown-content {
  display: none;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
footer .dropdown:hover .dropdown-content {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  display: block;
  bottom: 100%;
}
/* Links inside the dropdown */
.dropdown-content li {
  padding: 0!important;
  margin: 0!important;
  background-color: rgba(255, 255, 255, 0.9);
}
.dropdown-content a {
  display: block;
  padding: 20px 40px;
}
.dropdown-content img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

/* Change color of dropdown links on hover */
.dropdown-content li:hover {
	background-color: rgba(255, 255, 255, 0.65);
}
.dropdown-content li:hover img {
	opacity: 0.7;
}


/** dropdown */
.logo:hover img {
	opacity: 0.4;
}
.top .col, .prop-list li {
	width: 50%;	
	background-image: url('../img/top-bg-2.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: left;
}
.top .col:before, .prop-list li:before, .adv-list .img-wrapper:before, .faq .img-wrapper:before {
	content: "";
	display: block;
	padding-top: 100%; 	
}
.top .col:first-child {
	background-image: url('../img/top-bg-1.jpg');
}
.top .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top .intro {
	font-size: 1.8rem;
	padding: 70px 0 0 75px;
	margin-bottom: 45px;
	line-height: 1;
	font-family: 'Sweet Mavka Script';
}
.top p {
	padding-left: 75px;
	box-sizing: border-box;
	color: #a53692;
}
.top .logo-text img {
	width: 200px;
}
.top .logo-text {
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.6;
	position:relative;
	margin-bottom: 70px;
}
.top .logo-text:before {
    content: "";
	position: absolute;
	width: 200px;
	height: 116px;
	top: calc(100% + 10px);
	right: 105px;
	z-index: 1;
	background-image: url('../img/arrow.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
/*
.btn-test {
	background-color: #d578b0;
	display: inline-block;
	padding: 15px 30px;
	font-size: 1.5em;
	color: #fafafa;
	margin-left: 75px;
	font-weight: 600;
	text-transform: uppercase;
}
.btn-test:hover {
	background-color: #a53692;
}
*/
/* Basic button styling */

.btn-test {
  
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  padding: 15px 30px;
  margin-left: 75px;
  box-shadow: 0 0 0 0 rgba(213, 120, 176, 0.7);
  border-radius: 45px;
  background-color: #d578b0;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-size: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fafafa;
  transition: all 300ms ease-in-out;
}


/* Comment-out to have the button continue to pulse on mouseover */

a.btn-test:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}


/* Animation */

@-webkit-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

@-moz-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.video-link {
	position: absolute;
	width: 20%;
	height: 20%;
	outline: 5px solid #a53692;
	border-radius: 50%;
	bottom: 25%;
	left: -10%;
	cursor: pointer;
	background-image: url('../img/video-link.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.video-link:hover {
	outline: 5px solid #d578b0;
}
.video-link:before {
	content: "";
	display: block;
	  width: 30%;
  height: 30%;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 35%;
  left: 35%;
outline: 5px solid rgba(255,255,255,0.5);
}
.video-link:after {
	  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #a53692;
  z-index: 1;
  left: 46%;
  top: 43%;
}
.video-link:hover:before {
	  opacity: 0.5;
}
.info {
	padding: 50px 75px 50px 300px;
	background-image: url('../img/info-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.info h1 {
	margin-bottom: 50px;
	padding-left: 200px;
}
.info .lcol {
	width: 40%;
}
.info .rcol {
	width: 60%;
	padding-left: 30px;
	padding-right: 60px;
}
.info img {
	border: 10px solid #fafafa;
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
}
.info img.add-img, .info .lcol img  {
	max-width: 350px;
}
.info img.add-img {
	position:absolute;
	top: -100px;
	left: 50px;
}
.info .rcol p {
	margin-bottom: 145px;
}
.learn-more {
	background-color: transparent;
	padding: 15px 30px;
	color: #fafafa;
	border: 1px solid #fafafa;
	opacity: 0;
	cursor: pointer;
}
.learn-more.visible {
  transform: translateY(650px); 
  animation: come-in 1.2s ease forwards;
  animation-delay: 1s;
}
.learn-more:hover {
	background-color: #d578b0;
}
.prop-intro {
	border-top: 2px solid #fafafa;
	padding: 50px 0;
	background-image: url('../img/prop-intro-bg.jpg');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
}
.prop-list {
	border-top: 3px solid #fafafa;
	border-bottom: 3px solid #fafafa;
}
.prop-list li {
	width: calc(33.3% - 1.3px);
	background-image: url('../img/prop-list-2.jpg');
	 opacity: 0;	
}
.prop-list li:nth-child(1) {
	
}
.prop-list li:nth-child(2) {
	
}
.prop-list li:nth-child(3) {
	
}
.prop-list li>div {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.prop-list li:first-child {
	background-image: url('../img/prop-list-1.jpg');
}
.prop-list li:last-child {
	background-image: url('../img/prop-list-3.jpg');
}
.prop-list li:first-child.visible {
  transform: translateY(550px);   
  animation: come-in 1.8s ease forwards;  
  animation-delay: 1s;
}
.prop-list li.visible {
  transform: translateY(650px);   
  animation: come-in 2s ease forwards;  
  animation-delay: 0.7s;
}
.prop-list li:last-child.visible {
  transform: translateY(700px);
  animation: come-in 1.9s ease forwards;  
  animation-delay: 0.5s;
}

@keyframes come-in {
  to { transform: translateY(0); opacity: 1; }
}

.adv-list {
	padding: 0 250px;
	margin-bottom: 100px;
}
.adv-list li {
	/* width: 15%; */
	padding: 0 40px 40px;
	
	/* opacity: 0; */
}
.adv-list h3 {
	margin-bottom: 10px;
	padding-left: 120px;
	text-align: left;
}
.adv-list li:first-child h3 {
	margin-top: 0;
}
.adv-list h3 br {
	display: none;
}
.adv-list p {
	margin-bottom: 10px;
	padding-left: 120px;
	text-align: left;
}
.adv {
	padding: 375px 0 0;
	background-color: #f8e1fd;
	background-image: url('../img/advantages.jpg');
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
}
.adv-list .img-wrapper {
	/* width: 50%; */
    width: 70px;
	float: left;
	margin: 0 auto 30px auto;
	background-image: url('../img/icon1.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.adv-list li:nth-child(2) .img-wrapper {
	background-image: url('../img/icon2.png');
}
.adv-list li:nth-child(3) .img-wrapper {
	background-image: url('../img/icon3.png');
}
.adv-list li:nth-child(4) .img-wrapper {
	background-image: url('../img/icon4.png');
}
.adv-list li:nth-child(5) .img-wrapper {
	background-image: url('../img/menstr.png');
}
.adv-list li:nth-child(6) .img-wrapper {
	background-image: url('../img/icon5.png');
}
/*
.adv-list li:nth-child(3).visible {
  transform: translateY(550px);   
  animation: come-in 1.8s ease forwards;  
  animation-delay: 1s;
}
.adv-list li:nth-child(1).visible {
  transform: translateY(650px);   
  animation: come-in 2s ease forwards;  
  animation-delay: 0.7s;
}
.adv-list li:nth-child(2).visible {
  transform: translateY(700px);
  animation: come-in 1.9s ease forwards;  
  animation-delay: 0.5s;
}
.adv-list li:nth-child(4).visible {
  transform: translateY(450px);   
  animation: come-in 2s ease forwards;  
  animation-delay: 0.7s;
}
.adv-list li:nth-child(5).visible {
  transform: translateY(300px);
  animation: come-in 1.9s ease forwards;  
  animation-delay: 0.5s;
}
.adv-list li:nth-child(6).visible {
  transform: translateY(650px);   
  animation: come-in 2s ease forwards;  
  animation-delay: 0.7s;
}
*/
.faq .lcol {
	padding-right: 50px;
	background-image: url('../img/faq-img.png');
	background-size: 400px 400px;
	background-position: 10px 150px;
	background-repeat: no-repeat;	
}
.faq .rcol {
	padding-left: 50px;
}
.faq {
	background-color: rgba(165, 54, 146, 0.75);
	padding: 50px 75px;
	background-image: url('../img/q_a.jpg');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.faq:after {
  content: "";
  clear: both;
  display: table;
}
.faq .lcol h2 {
	text-align: left;
	color: #fff;
	font-size: 4.5em;
	font-weight: normal;
	text-transform: uppercase;
}
/*
.faq .img-wrapper {
	width: 28%;
left: 75px;
bottom: 50px;	
background-image: url('../img/faq-img.png');
	background-size: 20%;
	background-position: 10% 10%;
	background-repeat: no-repeat;
}
*/
.faq dl {
	width: 100%;
	display: inline-block;	
	box-sizing: border-box;
}
.faq dt {
	cursor: pointer;
	padding: 15px 20px;
	background-color: #c876bc;
}
.faq dt:hover {
	background-color: #be68b1;
}
.faq dt:after {
    content: '\002B';
    color: #fafafa;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.faq dt.active:after {
    content: "\2212";
}
.faq dd {
	background-color: #d487c9;	
	padding: 15px 20px 15px 40px;
	display:none;
}
#alora-ultra-medication-guide {
	display:none;
	max-width: 1250px;	
	padding: 0;	
	margin: 0;
	box-sizing: border-box;
	
            overflow-y: scroll;
}
.instr-wrapper .col, .instr-wrapper {
	height: 80vh;
            overflow-y: scroll;
}
.instruction h2, .instruction h3, .instruction h4 {	
	font-size: 2em;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}
.instruction td {	
	width: 50%;
}
.instruction td:first-child {	
	padding-right: 20px;	
}
.instruction td:last-child {	
	padding-left: 20px;	
}
.instruction h3 {	
	font-size: 1.8em;	
}
.instruction dd li, .instruction ul p, .instruction ol p, .instruction ol ol li, .instruction ol ul li, .instruction ul ol li, .instruction ul ul li {	
	font-size: 1em;
}
.instruction ol, .instruction ul {
	padding-left: 20px;
}
.instruction li {	
	margin-bottom: 10px;
}
.instruction strong {
	display: block;
}
.instruction ul {
	position: relative;
	list-style: none;
	margin-left: 0;
}
.instruction ul li:before {
	content: "-";
	position: absolute;
	left: 0;
}
.instruction a {
	border-bottom: 1px dotted;
}
.instruction a:hover {
	border-color: transparent;
}
.instruction img {
	display: block;
	margin: 0 auto 30px auto;
	width: 50%;
	max-width: 50%;
}
.know-more img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.know-more {
	display: none;
	position: relative;
}
.know-more .slide_up {
	width: 40px;
	height: 40px;
	outline: 5px solid #fafafa;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 20px;
	cursor: pointer;
}
.know-more .slide_up:before {
	position: absolute;
	content: ">";
	font-size: 40px;
	font-weight: bold;
	transform: rotate(-90deg);
	color: #fafafa;
left: 10px;
top: -10px;
}
.know-more .slide_up:hover {
	opacity: 0.65;
}
.instr-wrapper .col {
	width: 50%;
	padding: 30px;
}
.instr-wrapper .col:first-child {
	background-color: #f8e1fd;
}
/*
.faq dt:nth-last-child(4), .faq dd:nth-last-child(3) {
	width: 80%;
	float: right;
	clear: both;
}
.faq dt:nth-last-child(2), .faq dd:last-child {
	width: 60%;
	float: right;
	clear: both;
}
*/
.faq table {
	 table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #fafafa;
  margin: 25px 0;
}
.faq td {
	 padding: 5px 10px;
}
.faq td {
  border: 1px solid #fafafa;
}
.video-wrapper {
	margin: 0 auto;
	padding: 100px 0;
	text-align: center;
	background-image: url('../img/adv-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.video-wrapper video {
	
}

.about {
	margin: 0 auto;
	padding: 100px 0;
	background-image: url('../img/info-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.img-wrap {
	overflow: hidden;
	margin: 0 auto;
	
  
}
.page-image {
  position: relative;
  overflow: hidden;
  background-color: #fafafa;
  margin-bottom: 24px;
  margin-top: -15px;
  display: block;
  width: 840px;
	height: 385px;
	margin: 0 auto;
	border: 15px solid #fafafa;
	box-sizing: border-box;
	
}

.page-image:before, .page-image:after {
  content: " ";
  position: absolute;
  z-index: 4;
  bottom: 100%;
  right: 0;
  display: block;
  width: 120%;
  height: 100%;
  background: #e9e9e9;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  outline: 1px solid transparent;
  transform-origin: 100% 0;
outline: 1px solid transparent;
}
.page-image:before {
transform: rotate(-3.5deg);
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .3s ease;
}
.page-image:after {
    -webkit-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -o-transform: rotate(-2.5deg);
    transform: rotate(-2.5deg);
	background-color: #fafafa;
}
.about h2, .about p, .about .slogan {
	display: block;
	max-width: 840px;
	margin: 0 auto 20px auto;
	color: #fafafa;
}
.about h2 {
	font-size: 4em;
}
.about .slogan {
	font-size: 3em;
	padding: 15px 0;
	border-top: 1px solid rgba(255,255,255,0.35);
	border-bottom: 1px solid rgba(255,255,255,0.35);
	margin-top: 25px;
	margin-bottom: 25px;
}
.about p {
	font-size: 2em;
	text-align: left;
}
.read_more_wrapper {
	display: none;
}
.read_more {
	cursor: pointer;
	display: block;
	max-width: 840px;
	margin: 0 auto;
}
.faq .read_more {
	margin: 20px auto 0 auto;
}
.read_more span {
	border-bottom: 1px dotted;
}
.read_more span:hover {
	border-color: transparent;
}

.adv-caption {
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto 50px auto;
}
.adv-caption h2 {
	box-sizing: border-box;
	text-align: center;
}
.faq .pdf-link {
   cursor: pointer;	
}
.faq .lcol {
	width: 35%;
}
.faq .rcol {
	width: 65%;
}
.pdf-link {
	display: inline-block;
	width: 30%;
	margin-top: 20%;
}
.pdf-link:hover {
	opacity: 0.5;
}



/* form styles */
.online-test {
	text-align: center;
	padding: 100px 0 150px 0;
	height: 750px;
	box-sizing: border-box;
	background-image: url('../img/alora_test.png');
	background-position: 40px 295px;
	background-repeat: no-repeat;
}

html[lang="ro"] .online-test {
	background-image: url('../img/alora_test_ro.png');
}
.online-test h2, .spacer h2 {
	font-size: 2.4em;
	font-family: OnestBold;
	margin: 0 auto 50px auto;
}
.custom-select {
  position: relative;
  width: 125px;
  display: inline-block;
}

.label-age {
	font-size: 2em;
	font-family: OnestBold;
	margin-right: 15px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #d578b0;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 23px;
  right: 12px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 15px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  font-size: 2.5em;
  color: #fafafa;
  padding: 8px 45px 8px 12px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #d578b0;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* _____________________________ */

.questions {
	list-style:none;
}
.questions h3 {
	font-size: 2em;
	font-family: OnestBold;
	margin: 25px auto;
	text-align: left;
}
.questions div {
	width: 300px;
	text-align: left;
	padding-left: 50px;
	margin-bottom: 5px;
}

 /* Customize the label (the container) */
.container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.6em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #d578b0;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 

input.submitbtn {
	padding: 10px 20px;
	font-size: 1.8em;
	color: #fafafa;
	background-color: #d578b0;
	font-family: OnestBold;
	cursor: pointer;
}
input.submitbtn:hover {
	background-color: rgba(213, 120, 176, 0.75);
}
/** custom form */
.questions li {
	display: none;
	width: 40%;
	margin: 0 auto;
	padding-left: 200px;
}
.questions li:first-child {
	display: block;
}
.test-result {
	font-size: 2.5em;
	font-family: OnestBold;
	padding-top: 100px;
	color: #d578b0;
}
.spacer {
	position: relative;
	padding: 75px 0;
	display: none;
}
.spacer:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('../img/alora_bg_1.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.spacer h2 {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

footer>.inner-width {
	padding: 35px 0 20px;	
	background-color: #d578b0;
}
footer .logo {
	display: block;
	width: 190px;
	margin: 0 auto 25px auto;
}
footer nav li {
	margin-left: 20px;
}
footer nav li:first-child {
	margin-left: 0;
}
footer .socials li {
	margin-left: 50px;
}
footer .socials li:first-child {
	margin-left: 0;
}
footer .socials li a {
	font-family: "Font Awesome 6 Free"!important;
	font-size: 3em;
	color: #626262;
}
footer .socials li a:hover {
	color: #629ff0;
}
.mob-slogan, .mob-lang, .dropbtn, #mob-video, .top .mob-image {
  display: none;
}
/*responsive*/
/* Media queries */
@media (max-width: 1199.98px) {
	
header .logo {
  margin-left: 20px;
}	
.dropdown .dropdown-content, .dropdown:hover .dropdown-content, footer .dropdown:hover .dropdown-content {
  visibility: hidden;
  box-shadow: none;
  display:none;
}
.sticky > .inner-width {
  padding: 0;
}
.dropdown>span {
  position: relative;
}
.dropdown>span:before {
  font-family: "Font Awesome 6 Free";
	content: "\f0d7";
	color: #fafafa;
	font-size: 24px;
	position: absolute;
	right: -30px;
	top: 0;
}
.dropdown>span.active:before {
	content: "\f0d8";
}	
.mob-lang {
	display: block;
}
.mob-lang > *:first-child {
	margin-right: 20px;
}	
header .logo {
	display: inline-block;
}
	/* dropdown */
header > .inner-width {
  padding: 0;
  height: 50px;
}
/* Dropdown Button */
.dropbtn {
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
}
header .logo {
  font-size: 0px!important;
}
.dropbtn:before {
	font-family: "Font Awesome 6 Free";
	content: "\f0c9";
	color: #fafafa;
	font-size: 24px;
	display: block;
}
.dropbtn.active:before {
	content: "\f00d";
}

/* The container <div> - needed to position the dropdown content */
header nav {
  position: relative; 
  text-align: right;  
}

/* Dropdown Content (Hidden by Default) */
header nav>ul {
  display: none;
  position: absolute;
  background-color: #d578b0;
  z-index: 2;
  right: 0;
}
header nav ul li:first-child {
  padding-left: 20px;
  padding-top: 20px;
}
header nav ul li:last-child {
  padding-bottom: 20px;
}
header nav ul li {
  padding: 10px 0 10px 20px;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}
header nav ul li span, header nav ul li a {
  line-height: 1;
  font-size: 2em!important;
}
body header .inner-width .col:first-child, body header .inner-width .col:nth-child(2) {
	width: 50%;
	text-align: left;
	padding: 0;
}
body header .inner-width .col:last-child {
  display: none;
}
/* Links inside the dropdown */


/* Change color of dropdown links on hover */


/* Show the dropdown menu on hover */
.dropbtn.active + ul, .dropdown>span.active + .dropdown-content {display: block;}
.dropdown>span.active + .dropdown-content {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  box-shadow: none;
}
header .dropdown>span.active + .dropdown-content {
  position: static;
  background-color: #fafafa;
  width: 250px;
}
footer .dropdown>span.active + .dropdown-content {
  bottom: 30px;
  background-color: #fafafa;
}
.dropdown-content li {
  background-color: transparent!important;
}
.dropdown-content a {
  width: 50%;
  max-width: 150px;
  padding: 10px;
}
.info img.add-img {
  top: -40px;
}
.info p {
  font-size: 2em;
}
.info img.add-img, .info .lcol img {
  max-width: 250px;
}
.info {
  padding: 50px 75px 50px 200px;
}
.top .logo-text:before {
  width: 100px;
  height: 56px;
  right: 80px;
}
.adv-list {
  padding: 0 100px;
  margin-bottom: 0;
}
.faq .lcol h2 {
  font-size: 3.5em;
}
.faq .lcol {
  background-size: 300px 300px;
}
footer nav .dropdown + li {
	margin-left: 60px;
}
footer .dropdown > span:before {
  top: -7px;
}
.top .logo-text img {
  width: 100px;
}
.page-image {
	width: 100%;
	max-width: 100%;
}
.about {
  padding: 50px 20px; 
}
}
@media (max-width: 991.98px) {
.mob-slogan, #mob-video {
  display: none;
}	
.info img.add-img {
  top: 20px;
}	
.top .intro {
  padding: 20px 0 0 25px;
  margin-bottom: 25px;
}
.top .logo-text {
  margin-bottom: 25px;
  padding-left: 25px;
  font-size: 1.2rem;
}
.btn-test {
  padding: 10px 20px;
  margin-left: 25px;
  font-size: 1em;
}
.video-link:after {
  left: 44%;
  top: 37%;
}
/* */
.info img.add-img {
  margin-top: -90px;  
  margin-bottom: 25px;
}	
.info {
  padding: 25px;
}
.info .lcol {
  width: 30%;
}
.info .rcol {
    width: 70%;
    padding-left: 30px;
    padding-right: 25px;
}
.info img.add-img, .info .lcol img {
    max-width: 180px;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
 .info h1 {
  font-size: 2em;
  margin-bottom: 25px;
  padding-left: calc(30% + 30px);
}
.adv {
    padding: 250px 0 0; 
}
.adv-list {
  padding: 0;
}
.faq {
  padding: 25px;
}
.faq .lcol {
  background-size: 200px 200px;
  padding-right: 20px;
} 
.faq .rcol {
  padding-left: 20px;
}
.online-test {
  padding: 100px 0 150px 0;
  height: 750px;
  background-image: url('../img/alora_test.png');
  background-position: 20px 425px;
  background-size: 220px 207px
}
.questions li {
  width: 60%;
  padding-left: 150px;
} 
.page-image {
	height: auto;
}
.page-image img {
	width: 100%;
	max-width: 100%;
} 
}
@media (max-width: 767.98px) {
/*
.top .col:before {
    padding-top: 100vh;
}
*/	
.top .intro {
  font-size: 1.3rem;
}
.top .logo-text {
  font-size: 0.8rem;
}
.top .logo-text img {
  width: 75px;
}
.top .logo-text:before {
 display: none;
}
.info h1 {
  padding-left: 0;
}
.info .lcol {
  display: none;
}
.info .rcol {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.info .rcol p {
  margin-bottom: 45px;
  text-align: left;
}
.prop-list p {
  font-size: 1.5em;
}
.instr-wrapper .col {
	width: 100%;
	padding: 20px;
}
.instruction h2 {
	font-size: 1.6em;
}
.instruction dl {
	font-size: 1.3em;
}
.instruction img {
  width: 30%;
  max-width: 30%;
}
.f-button.is-close-btn {
	position: fixed;
	top: 10px;
	right: 10px;
}
header .logo {
  width: 120px;
}	
.mob-slogan {
	font-size: 1.3em;
	line-height: 1;
	margin-left: 10px;
}
body header .inner-width .col:first-child {
	width: calc(100% - 30px);
}
body header .inner-width .col:nth-child(2) {
	width: 30px;
}
.mob-slogan br {
	display: none;
}
#q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11 {
	display: none;
}	
header .logo {
  margin-left: 0;
}	
#mob-video {
 display: block;	
}		
.adv-list h3, .adv-list p {
  padding-left: 100px;
}
.adv-list li {
    padding: 0 20px 20px;
}	
.faq .rcol, .faq .lcol {
  width: 100%;
}
.faq .lcol h2 {
  text-align: center;
}
.faq .lcol h2 br {
  display: none;
}
.pdf-link {
  width: 50%;
  margin-top: 50px;
  max-width: 150px;
  margin-bottom: 50px;
}
.faq .lcol {
  padding-right: 0;
  background-position: 10px 90px;
}
.faq .rcol {
  padding-left: 0;
}
.video-wrapper {
    padding: 50px 20px; 
}
.video-link:after {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #a53692;
}
.video-wrapper video {
	width: 100%;
	height: auto;
}
.online-test {
    padding: 20px;
    height: 800px;
    background-image: none;
}
html[lang="ro"] .online-test {
  background-image: none;
}
.online-test h2 {
  font-size: 2em;
  margin: 0 auto 25px auto;
}
.questions li {
  width: 100%;
  padding: 0;
}
.questions h3 {
  margin: 15px auto 25px auto;
  text-align: center;
}
.questions div {
  width: 100%;
  text-align: left;
  padding-left: 0;
  margin: 0 auto;
}
.top .col:last-child, #alora-video, .prop-intro, .prop-list-wrapper {
	display:none;
}
body header .inner-width .col:first-child {
	width: calc(100% - 30px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
body header .inner-width .col:nth-child(2) {
  width: 30px;
}
.top .content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
}
.top .logo-text {
	margin: 0 0 25px 0;
	padding: 0!important;
}
.btn-test {
  margin: 0!important;
}
body header .inner-width .col:last-child { 
	display: none;
}
.mob-slogan {
	display: inline-block;
	font-size: 1.6em;
	color: #fafafa;
	margin-left: 10px;
}
/*
.top {
  background-image: url('../img/top-bg-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
*/
.top .col:first-child {
  /* background-image: none; */
  width: 100%;
}
.top .logo-text {
  display: none;
}	
.top .col .content {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-direction: column; 
}
.top .intro, .top .logo-text {
	padding: 0;
	margin: 30px 0;
	font-size: 15%;
	text-align: center;
}
.top .intro {
	font-size: 280%;
}
.top .logo-text {
	font-size: 180%;
}
.top .col {
  width: 100%;
}
.btn-test {
  margin-left: 0;
}	
.video-link {
  bottom: 40%;
  left: 40%; 
}
.video-link:after {
  left: 47%;
  top: 43%;
}
.prop-list li {
  width: 100%;
  border-bottom: 2px solid #fff;
}
.prop-list li:last-child {
  border-bottom: none;
}
.prop-list li p {
  font-size: 3em;
}
.adv {
  padding: 150px 0 0;
}
.pdf-link {
  width: 100px;
  margin-top: 32px;
  margin-bottom: 75px;
}
.faq .lcol h2 {
  font-size: 2.5em;
}
.faq .lcol {
  min-height: 320px;
}
footer nav a, footer nav span {
	font-size: 1.4em;
}
footer nav li {
	margin-bottom: 5px;
}
footer > .inner-width {
  padding: 15px 0 0;
}
footer .logo {
	display: none;
}
footer .dropdown > span:before {
  font-size: 14px;
  right: -15px;
  top: -2px;
}
.about .slogan {
	font-size: 2.2em;
}	
.online-test p {
	font-size: 1.3em;
}	
.mob-slogan br {
	display: inline;
}
.top .content {
	background-image: url('../img/alora_hand.png');
	background-size: 27%;
	background-position: center bottom;
	background-repeat: no-repeat;
}
}
@media (max-width: 575.98px) {
.top .content {
	background-size: 23%;
}	
.mob-slogan, .online-test p {
	font-size: 1.3em;
}	
}
@media (max-width: 479.98px) {
header .logo {
  width: 100px;
}	
.top .content {
	background-size: 20%;
}
@media (max-width: 379.98px) {
header .logo {
  width: 60px;
}
}