@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
BODY
{
	margin: 0px;
  	height: 100%;
 
	FONT-SIZE: 20px; 
  	FONT-FAMILY: "Open Sans", Helvetica, "Lucida Grande", Verdana, "Lucida Sans Unicode";
	TEXT-ALIGN: justify;
	//margin: auto;
	//justify-content: center;
	//align-items: center;
	//display: flex;
	//display: block;
	//margin-left: auto;
  	//margin-right: auto;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
ul {
  //list-style-image:url("img/ul_back.png");
  list-style-type: disc;
  list-style-position: inside;
  margin: 100;
  padding: 20;
  line-height: 200%;
}
li{
  margin: 10px 0;
  line-height: 200%;
}
table{
	text-align: center;
	border: none;
	margin-left: auto;
  	margin-right: auto;
}
.a_banner{
	color:#999999;
}
b{
	font-weight: bold;
	//color:#ff0000;
}
h1
{
  font-weight: bold;
  //color: #000000;
  font-size: 150%;
  text-align: center;
  margin: 0px 0;
  margin-top: 20px;
}

H2
{
  font-weight: bold;
  //color: #ff0000;
  font-size: 120%;
  text-align: center;
  margin: 35px 0;
  margin-top: 45px;
}

H4
{
  font-weight: bold;
  //color: #ff0000;
  font-size: 110%;
  text-align: center;
  margin: 30px 0;
  margin-top: 50px;
}

H5
{
  font-weight: bold;
 // color: #ff0000;
  font-size: 100%;
  text-align: center;
  margin: 25px 0;
  margin-top: 50px;
}


p{
	text-align: justify;
	line-height: 200%;
	margin-top: 30px;
}
.img_txt
{
	font-style: italic;
	font-size: 80%;
}

/* Banner */
.banner_text1 {
  position: relative;
  //width: fit-content;
  margin-top: -1px;
  font-family: "Open Sans", Helvetica;
  font-weight: 700;
  //color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.banner_text2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  //color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}
.banner_text1:hover{
	margin-top: -2px;
}
.banner_text2:hover{
	margin-top: -2px;
}

.banner_navbar {  
  display: inline-flex;
  align-items: flex-start;
  position: absolute;
  left: 300px; 
  top: 50px;
  gap: 78px;    
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  //display: inline-block;
}
.banner_image {
  position: absolute;
  left:40px;
  top:20px;
  width: 149px;
  height: 79px;  
}

/*contacts form*/
.screen .overlap-contact {
  position: absolute;
  width: 1600px;
  height: 944px;
  /*top: 4197px;*/
  left: 0;
}

.screen .IMG-contact {
  position: absolute;
  width: 975px;
  height: 944px;
  top: 0;
  left: 625px;
}

.screen .frame-6-contact {
  position: absolute;
  width: 975px;
  height: 944px;
  top: 0;
  left: 625px;
  background-color: #4d455d;
  opacity: 0.8;
}

.screen .text-wrapper-20-contact {
  position: absolute;
  top: 660px;
  left: 255px;
  font-weight: 300;
  color: #ffffff;
  font-size: 15px;
  text-decoration: underline;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-21-contact {
  position: absolute;
  top: 126px;
  left: 193px;
  font-weight: 700;
  color: #ffffff;
  font-size: 25px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .input-contact {
	background-color: #4d455d00;
	font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
   border: 0px none;
   resize: none;

}

.screen .input-contact:-webkit-autofill{
  background-color: #4d455d00 !important;
  -webkit-text-fill-color: #ffffff;
  -webkit-background-clip: text;
  transition: background-color 5000s ease-in-out 0s;
}
.screen .frame-7-contact {
  position: absolute;
  width: 255px;
  height: 76px;
  top: 199px;
  left: 815px;
  background-color: #4d455dcc;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: #aef8f6;
}
.screen .text-wrapper-22-contact {
  position: absolute;
  top: 14px;
  left: 30px;
  font-weight: 400;
  color: #ffffff80;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-23-contact {
  position: absolute;
  top: 38px;
  left: 30px;
  font-weight: 600;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-24-contact {
  position: absolute;
  top: 26px;
  left: 30px;
  font-weight: 400;
  color: #ffffff80;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-25-contact {
  position: absolute;
  top: 26px;
  left: 29px;
  font-weight: 400;
  color: #ffffff80;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .frame-8-contact {
  position: absolute;
  width: 255px;
  height: 76px;
  top: 299px;
  left: 815px;
  background-color: #4d455dcc;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: #aef8f6;
}

.screen .frame-9-contact {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 682px;
  left: 815px;
  background-color: #4d455d;
  border-radius: 50px;
  border: 1.5px solid;
  border-color: #aef8f6;
}

.screen .frame-10-contact {
  position: absolute;
  width: 541px;
  height: 249px;
  top: 398px;
  left: 815px;
  background-color: #4d455dcc;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: #aef8f6;
}

.screen .frame-11-contact {
  position: absolute;
  width: 255px;
  height: 76px;
  top: 299px;
  left: 1101px;
  background-color: #4d455dcc;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: #aef8f6;
}
.screen .frame-12-contact {
  position: absolute;
  width: 255px;
  height: 76px;
  top: 199px;
  left: 1101px;
  background-color: #4d455dcc;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: #aef8f6;
}
.screen .text-wrapper-26-contact {
  position: absolute;
  top: 14px;
  left: 28px;
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #ffffff80;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-27-contact {
  position: absolute;
  top: 38px;
  left: 28px;
  font-weight: 600;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}
/*.screen .text-wrapper-28-contact {
  position: absolute;
  top: 17px;
  left: 38px;
  font-weight: 600;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}
*/
.screen .button-contact {
  position: absolute;
  width: 159px;
  height: 57px;
  top: 760px;
  left: 816px;
  background-color: #7db9b7;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #aef8f6;

  font-weight: 600;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}
.screen .button-contact:hover{
	background-color: #8dc9c7;
}

/*.screen .frame-13-contact {
  position: absolute;
  width: 159px;
  height: 57px;
  top: 760px;
  left: 816px;
  background-color: #7db9b7;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #aef8f6;
}*/
.screen .frame-14-contact {
  position: absolute;
  width: 625px;
  height: 944px;
  top: 0;
  left: 0;
  background-color: #7db9b74f;
}

.screen .frame-15-contact {
  position: absolute;
  width: 484px;
  height: 382px;
  top: 170px;
  left: 204px;
  background-color: #7db9b7;
  border-bottom-width: 11px;
  border-bottom-style: solid;
  border-color: #e96479;
}
.screen .text-wrapper-29-contact {
  position: absolute;
  width: 385px;
  top: 172px;
  left: 49px;
  font-weight: 400;
  color: #4d455d;
  font-size: 23px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-30-contact {
  position: absolute;
  top: 243px;
  left: 111px;
  font-weight: 700;
  color: #4d455d;
  font-size: 45px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

/* Footer */
.screen .view-5-foot{
  position: absolute;
  width: 1600px;
  height: 972px;
  //top: 5141px;
  left: 0;
  background-color: #4d455d;
}
.screen .flexcontainer-foot {
  gap: 23px;
  width: 98px;
  height: 127px;
  top: 136px;
  left: 751px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.screen .text-foot {
  position: relative;
  align-self: stretch;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}
.screen .text-wrapper-31-foot {
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
}

.screen .text-wrapper-32-foot {
  position: absolute;
  top: 186px;
  left: 245px;
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .drugs-foot {
  left: 592px;
  position: absolute;
  width: 71px;
  height: 71px;
  top: 168px;
  object-fit: cover;
}
.screen .drugs-2-foot {
  left: 937px;
  position: absolute;
  width: 71px;
  height: 71px;
  top: 168px;
  object-fit: cover;
}

.screen .element-3-foot {
  position: absolute;
  width: 335px;
  height: 178px;
  top: 568px;
  left: 633px;
}

.screen .frame-16-foot {
  display: inline-flex;
  align-items: flex-end;
  gap: 61px;
  position: absolute;
  top: 438px;
  left: 245px;
}
.screen .text-wrapper-33-foot {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}
.screen .text-wrapper-34-foot {
  position: absolute;
  top: 487px;
  left: 245px;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}
.screen .flexcontainer-2-foot {
  gap: 30px;
  width: 303px;
  height: 70px;
  top: 437px;
  left: 1052px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}
.screen .span-wrapper-foot {
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  text-align: right;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-35-foot {
  font-family: "Open Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
}
.screen .view-6-foot {
  position: absolute;
  width: 179px;
  height: 60px;
  top: 810px;
  left: 711px;
  background-color: #7db9b7;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid;
  border-color: #aef8f6;
}
.screen .view-6-foot:hover{
	background-color: #8dc9c7;
}

.screen .element-4-foot {
  position: absolute;
  width: 1110px;
  height: 1px;
  top: 374px;
  left: 245px;
  object-fit: cover;
}

.screen .text-wrapper-36-foot {
  position: absolute;
  top: 186px;
  left: 1042px;
  font-family: "Open Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}
.screen .text-wrapper-17-foot {
  position: absolute;
  top: 15px;
  left: 47px;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  font-family: "Open Sans", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}


.checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.checkbox-round:checked {
    background-color: #444444;
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,600");
