/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

body, html, div, section {

	width: 100%;

	height: 100%;

}

/*end of reset*/

#background {

    width: 100%; 

    height: 100%; 

    position: fixed; 

    left: 0px; 

    top: 0px; 

    position: relative;

    min-height: 1160px;

    overflow: hidden;

    

}

.background{

	background-image: url(../img/main-picture.png);

    background-size: cover;

    background-position: center left;

    padding-top: calc(800/ 1160* 100%);



    /*overflow: hidden;*/

    /* width: 100%; */

    /* height: 100%; */

    /* max-width: 800px; */

   /* max-height: calc(800/ 1160* 100%);

    margin: 0 auto;*/

    /* height: calc(800/ 1160* 100%); */

   /* position: relative;*/

   

    /* height: auto; */

    /* width: 50%; */

    /* height: 143vw; */

    /* padding-top: 1.25%; */

    /* height: 0; */

}

.portret{

	width: 100%;

	height: 100%;

	

	max-width: 800px;

    max-height: 1160px;

    margin: 0 auto;

    position: absolute;

    



}

div > img {

  width: 100%;

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;



/*  width: auto;

  height : auto;

  max-height: 100%;

  max-width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

*/}

.stretch {

    max-width:800px;

    max-height:1160px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    display: table-cell;

    vertical-align: middle 

}

#intrebare{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 60px;

    line-height: 60px;

    text-align: Center;

    color:#fff;

    margin-top: calc(800/ 1160* -66%);

}

/*butoane*/

ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    

}



li {

    float: left;

    margin: 3%;

    width: 19%;

}



li a {

    display: block;

    color: #fff;

    text-align: center;

    padding: 20px 16px;

    text-decoration: none;

    

    border-radius: 30px;

    font-weight: bold;

    margin-top: 44px;

    border:1px solid #fff;

   

}



li a:hover {

    background-color: #fff;

    color: #31407d;

}

.active{

	background-color: #fff;

    color: #31407d;

}

.boala1{

    width: 37%;

    position: absolute;

    z-index: 9;

    margin-left: auto;

    /* margin-right: auto; */

    margin-left: 31%;

    margin-bottom: 51%;

}

.keratoza{

	        font-family: Open Sans;

    font-weight: Bold;

    font-size: 19px;

    line-height: 28px;

    text-align: Center;

    color: #fff;

    width: 80%;

    margin-left: 10%;

}

.intrebare1{

	        font-family: Open Sans;

    font-weight: Bold;

    font-size: 35px;

    line-height: 37px;

    text-align: center;

    color: #fff;

    margin-top: calc(800/ 1160* -64%);

    width: 70%;

    margin-left: 15%;

}

a.afla{

    display: block;

    width: 24%;

    background-color: #fff;

    margin-left: auto;

    margin-right: auto;

    margin-top: 10px;

    padding: 20px 68px;

	text-align: center;

    text-decoration: none;

    border-radius: 30px;

    border: 1px solid #fff;

    font-weight: bold;  

    position: relative;

    z-index: 9999;  

    height: 25px;

    

    

    /*margin-top: 48px;*/

    

    

    /*margin-left: 30%;*/

    

    

    

    /**/



}

@media only screen and (min-width: 1500px) {

	.intrebare1{

		    margin-top: calc(800/ 1160* -77%);



	}

	

	



}

.raza{

    

    -webkit-clip-path: polygon(41% 0, 58% 0, 70% 17%, 30% 17%);

    background: linear-gradient(0deg, rgba(144, 0, 255, 0.0001) 82.43%, #4C30B7 100%);

    z-index:999;

    opacity: 1;

    position: relative;

    /*-webkit-clip-path: polygon(33% 0, 65% 0, 87% 52%, 12% 52%);*/

	/*background: linear-gradient(0deg, rgba(144, 0, 255, 0.0001) 6.43%, #4C30B7 100%);

    mix-blend-mode: normal;

    opacity: 1;

    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    filter: blur(8.23676px);

    width: 57%;

    height: 52vh;

    margin-left: 21%;

    z-index: 10;

    position: absolute;*/

}

.uv{

    width: 14%;

    position: absolute;

    top: 500px;

    left: 150px;    

/*	width: 14%;

    margin-top: 5%;

    position: relative;

    margin-left: 18%;

*/}

.intrebare {

	    font-family: Open Sans;

    font-weight: Bold;

    font-size: 35px;

    line-height: 37px;

    text-align: left;

    color: #fff;

    margin-top: calc(800/ 1160* -55%);

   /* margin-top: calc(800/ 1160* -48%);*/

    width: 70%;

    margin-left: 15%;

}

.piele{

	    font-family: Open Sans;

    font-weight: Bold;

    font-size: 32px;

    line-height: 28px;

    text-align: left;

    color: #fff;

    width: 70%;

    margin-left: 15%;

    margin-top: 2em;

}

.piele1{

	position: relative;

    width: 80%;

    margin-left: 10%;

    margin-top: 8em;

}

.intrebare2{

	    font-family: Open Sans;

    font-weight: Bold;

    font-size: 35px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    margin-top: calc(800/ 1160* -48%);

    width: 70%;

    margin-left: 15%;

}

.tratament {

	position: relative;

    width: 80%;

    margin-left: 10%;

    margin-top: -2em;



}

.tick{

	position: relative;

    width: 5%;

    margin-left: 18%;

    margin-top: 1em;

}

.port{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 28px;

    text-align: left;

    color: #fa4a54;

    width: 70%;

    margin-left: 25%;

    margin-top: -1em;

}

.port1{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 28px;

    text-align: left;

    color: #fa4a54;

    width: 70%;

    margin-left: 25%;

    margin-top: -1em;

}

.alb{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 28px;

    text-align: left;

    color: #fff;

    width: 70%;

    margin-left: 25%;

    margin-top: -1em;

}

.alb1{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 28px;

    text-align: left;

    color: #fff;

    width: 70%;

    margin-left: 25%;

    margin-top: -1em;

}



.sistem{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 28px;

    text-align: left;

    color: #fa4a54;

    width: 70%;

    margin-left: 25%;

    margin-top: -1em;

}

.intrebareS{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 3em;

    line-height: 51px;

    text-align: left;

    color: #fff;

    margin-top: calc(800/ 1160* -55%);

    width: 70%;

    margin-left: 15%;

}





.tick8{

	position: relative;

    width: 4%;

    margin-left: 15%;

    margin-top: 8em;

}

.tick-custom {

    position: relative;

    width: 4%;

    margin-left: 15%;

    margin-top: 3em;

}

.intrebare8{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 2em;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    margin-top: calc(800/ 1160* -4%);

    width: 59%;

    margin-left:22%;

    /*margin-left: 22%;*/

}

.tick9{

	position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 3%;

}

.intrebare9{

	       font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

     margin-top: calc(800/ 1160* -4%);

   /* margin-top: calc(800/ 1160* -8%);*/

    width: 59%;

    margin-left: 22%;

}

.intrebare91{

	    margin-left: 27%;

    font-family: Open Sans;

    font-weight: Bold;

    font-size: 19px;

    line-height: 28px;

    text-align: left;

    color: #fff;

    width: 70%;

    margin-top: -1em;

}

.intrebare911{

	         margin-left: 27%;

    font-family: Open Sans;

    font-weight: Bold;

    font-size: 19px;

    line-height: 28px;

    text-align: left;

    color: #fff;

    width: 70%;

    margin-top: -1em;

}

.tick10{

	    position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 2%;

}

.tick11{

	position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 2%;

}

.intrebare9111{

	margin-left: 27%;

    font-family: Open Sans;

    font-weight: Bold;

    font-size: 19px;

    line-height: 28px;

    text-align: left;

    color: #fff;

    width: 70%;

    margin-top: -1em;

}

.piele3{

    width: 60%;

    margin-left: 15%;

    position: relative;

    margin-top: 14%;

/*	width: 80%;

    margin-left: 10%;

    position: relative;

    margin-top: 14%;

*/}

.intrebare21{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 21px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    /* margin-top: calc(800/ 1160* -48%); */

    width: 59%;

    margin-left: 22%;

   /* margin-top: -2em;*/

   margin-top: -3em;

}

.tick20{

	position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 2%;

}

.intrebare22{

	       font-family: Open Sans;

    font-weight: Bold;

    font-size: 18px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    /* margin-top: calc(800/ 1160* -48%); */

    width: 59%;

    margin-left: 27%;

    margin-top: -1.5em;

}

.tick21{

	position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 2%;

}

.intrebare23{

	    font-family: Open Sans;

    font-weight: Bold;

    font-size: 18px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    /* margin-top: calc(800/ 1160* -48%); */

    width: 59%;

    margin-left: 27%;

    margin-top: -1.5em;

}

.tick21{

	position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 2%;

}

.intrebare24{

	    font-family: Open Sans;

    font-weight: Bold;

    font-size: 18px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    /* margin-top: calc(800/ 1160* -48%); */

    width: 59%;

    margin-left: 27%;

    margin-top: -1.5em;

}

.tick22{

	position: relative;

    margin-left: 22%;

    width: 1em;

    margin-top: 2%;

}

.piele20{

	/*width: 80%;*/

    width:60%;

    /*margin-left: 10%;*/

    margin-left: 15%;

    position: relative;

    margin-top: 8%;

}

.piele21{

	width: 80%;

    margin-left: 10%;

    /*position: relative;*/

    margin-top: 14%;

    position: absolute;

    bottom: 28%;}



.intrebare25{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 18px;

    line-height: 37px;

    text-align: left;

    color: #fff;

    margin-top: calc(800/ 1160* -7%);

    /*margin-top: calc(800/ 1160* -58%);*/

    /*margin-top:0;*/

    width: 59%;

    margin-left: 21%;



}

.tratament1{

	        position: relative;

    width: 80%;

    margin-left: 10%;

    margin-top: calc(800/ 1160* -58%);

}

.intrebareS12{

	        font-family: Open Sans;

    font-weight: Bold;

    font-size: 24px;

    line-height: 37px;

    text-align: LEFT;

    color: #fff;

    margin-top: calc(800/ 1160* -5%);

    width: 59%;

    margin-left: 22%;

}

.tickS12{

	    position: relative;

    width: 5%;

    margin-left: 15%;

    margin-top: 2em;

}

.inplus{

	    font-family: Open Sans;

    font-weight: Bold;

    font-size: 35px;

    line-height: 37px;

    text-align: left;

    color: #fff;

    /* margin-top: 0.3em; */

    width: 70%;

    margin-left: 15%;

}

.meniuS12{

	margin-top: 0%;

}

.cream{

	       position: absolute;

    width: 37%;

    margin-left: 46%;

    margin-top: 0%;

    z-index: 20;

    bottom: 59vw;;

}

.cream1{

	    position: absolute;

    width: 36%;

    height: 1.4%;

    margin-left: 46%;

    margin-top: 0%;

    z-index: 19;

    /* top: 106vh; */

    bottom: 61.3vw;

}

.solutie{

	        background: #FFFFFF;

    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.291667), inset -4px -4px 7px rgba(0, 0, 0, 0.389181);

    width: 24vw;

    height: 1.6vw;

    margin-left: 44%;

    z-index: 19;

    margin-top: -4.2%;

    position: relative;

}

#intrebare99{

	font-family: Open Sans;

    font-weight: Bold;

    font-size: 35px;

    line-height: 37px;

    text-align: center;

    color: #fff;

   /* margin-top: calc(800/ 1160* -48%);*/

    margin-top: calc(800/ 1160* -60%);

    width: 70%;

    margin-left: 15%;

}

.next{

	width: 10%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: 4%;

}

.next1{

	width: 10%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: 4%;

}

.nextmore{

	width: 10%;

    position: relative;

    float: right;

    margin-right: 8%;

    margin-top:19%;

    /*width:14%;*/

    /*margin-top: 37%;*/

}

.next2{

	/*width: 14%;*/

    width: 10%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: 0%;

    /*margin-top: 3%;*/

}

.next3{

	/*width: 14%;*/

    width:10%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: -1%;

}

.next4{

	 width: 14%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: 36%;

}

.next5{

    width: 10%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: 9%;

    	    /*width: 14%;

    position: relative;

    float: right;

    margin-right: 9%;

    margin-top: 22%;*/

}

.boala2{

	 width: 37%;

    position: absolute;

    z-index: 99;

    margin-left: auto;

    /* margin-right: auto; */

    margin-left: 31%;

    margin-bottom: 51%;

}

.nextmoreprim{

	/*width: 14%;*/

    width: 10%;

    position: relative;

    float: right;

    margin-right: 8%;

    margin-top: 4px;

   /* margin-top: 6%;*/

}

.next6{

    width:10%;

	right: 0 !important;

    left: unset;

}

.animatieCrema{

	    width: auto;

    height: auto;

    max-height: 100%;

    max-width: 100%;

    /* position: absolute; */

    left: 0;

    bottom: 0;

}

.next0{

    width:10%;

	 right: 0 !important;

    left: unset;

}

.next01{

    width:10%;

	right: 0 !important;

    left: unset;

}

@media only screen and (min-width: 1500px) {

	#intrebare99{

		        margin-top: calc(800/ 1160* -63%);



	}

	

	



}