/*BASE*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}

audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden] {
display: none;
}

html {
font-size: 100%;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}

html,
button,
input,
select,
textarea {
font-family: 'Open Sans', sans-serif;
}

body {
margin: 0;
}

a {
color: #2B2C31;
}

a:focus {
outline: thin dotted;
color: #A3D0B6;
}

a:active,
a:hover {
outline: 0;
color: #A3D0B6;
}

h1 {
font-size: 2.3em;
margin: 0 0 0.8em 0;
}

h2 {
font-size: 1.7em;
margin: 0 0 0.8em 0;
}

h3 {
font-size: 1.17em;
margin: 0 0 0.5em 0;
}

h4 {
font-size: 1em;
margin: 1.33em 0 0.8em 0;
}

h5 {
font-size: 0.83em;
margin: 1.67em 0;
}

h6 {
font-size: 0.67em;
margin: 2.33em 0;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

blockquote {
margin: 1em 40px;
}

dfn {
font-style: italic;
}

hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
border: none;
border-bottom: 1px solid #A3D0B6;
margin-bottom: 0.5em;
margin-top: 2em;
}

mark {
background: #ff0;
color: #2B2C31
}

p,
pre {
margin: 1em 0;
font-size: 1.1em;
}

code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}

pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

q {
quotes: none;
}

q:before,
q:after {
content: '';
content: none;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

menu,
ol,
ul {
margin: 1em 0;
color: #A3D0B6;
}

dl {
color: #2B2C31
}

dl dt {
color: #A3D0B6;
}

ol span,
ul span {
color: #2B2C31
}

ol li,
ul li {
margin: 0.5em 0;
}

dd {
margin: 0;
}

menu,
ol,
ul {
padding: 0 0 0 3em;
}

nav ul,
nav ol {
list-style: none;
list-style-image: none;
}

img {
display: block;
border: 0;
-ms-interpolation-mode: bicubic;
width: 100%;
height: auto;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 0;
}

form {
margin: 0;
}

fieldset {
border: none;
margin: 0;
padding: 0;
}

legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}

button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}

button,
input {
line-height: normal;
}

button,
select {
text-transform: none;
}

select {
background-color: #fff;
}

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */
}

button[disabled],
html input[disabled] {
cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}

input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}

table {
border-collapse: collapse;
border-spacing: 0;
}

[hidden] {
display: none !important;
}


/*BASE MOBILE*/

@media (max-width: 1199px) {
h1 {
font-size: 2em;
margin: 0 0 0.5em 0;
}
h2 {
font-size: 1.5em;
margin: 0 0 0.8em 0;
}
h3 {
font-size: 1em;
}
p {
font-size: 1em;
margin: 1em 0;
}
}

@media (max-width: 759px) {
h1 {
font-size: 1.6em;
margin: 0 0 0.3em 0;
}
h2 {
font-size: 1.5em;
margin: 0.3em 0 0.5em 0;
}
h3 {
font-size: 1em;
}
hr {
margin-top: 1.5em;
}
}

@media (max-width: 479px) {
h1 {
font-size: 1.5em;
margin: 0 0 0.3em 0;
text-transform: uppercase;
}
h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}
h3 {
font-size: 1.1em;
}
}


/*CONTENT*/

.content {
max-width: 58em;
height: auto;
margin: auto;
padding-top: 1em;
}

@media (min-width: 760px) and (max-width: 1199px) {
.content {
width: 45em;
}
}

@media (min-width: 480px) and (max-width: 759px) {
.content {
width: 29em;
}
}

@media (min-width: 341px) and (max-width: 479px) {
.content {
width: 20em;
}
}

@media (max-width: 340px) {
.content {
width: 18em;
}
}

.grid {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}


/*MENU*/

.header {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
background-color: #2B2C31;
padding: 1em 1.5em;
margin-bottom: 2em;
}

@media (min-width: 1920px) {
.header {
padding: 1em 10em;
}
}

.logo {
flex-basis: 20%;
-webkit-flex-basis: 20%;
display: block;
margin: auto;
}

.menu {
flex-basis: 62%;
-webkit-flex-basis: 62%;
display: block;
margin: auto;
}

.contacts-main {
flex-basis: 18%;
-webkit-flex-basis: 18%;
display: block;
margin: auto;
text-align: right;
}

.logo a {
color: #fff;
text-decoration: none;
}

.logo a p {
margin: 0;
font-size: 0.7em;
}

.logo a p:first-child {
font-size: 1.8em;
font-weight: 300;
font-family: 'Philosopher', sans-serif;
color: #A3D0B6;
}

.menu-sections {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
cursor: pointer;
}

.menu-section,
.menu-section-focus {
display: block;
color: #FFF;
flex-basis: 14%;
-webkit-flex-basis: 14%;
text-align: center;
text-decoration: none;
padding: 0.5em 0;
font-size: 0.9em;
margin: auto;
}

.menu-section-focus {
border-bottom: 2px solid #A3D0B6;
color: #fff;
}

.menu-section-focus:hover {
color: #fff;
}

.menu-section:hover {
color: #A3D0B6;
}

.contacts-main p {
margin: 0;
}

.contacts-main p:last-child {
margin: 0.3em 0;
}

.contacts-main p:first-child a {
font-size: 1.2em;
font-weight: 400;
color: #A3D0B6;
text-decoration: none;
}

.contacts-main p:first-child a:hover,
.contacts-main p:first-child a:focus {
color: #fff;
}

.contacts-main p:last-child a {
font-size: 0.9em;
color: #fff;
text-decoration: underline;
margin: 0;
}

.contacts-main p:last-child a:hover,
.contacts-main p:last-child a:focus {
color: #A3D0B6;
}

@media (min-width: 1025px) and (max-width: 1419px) {

.header {
padding: 1em 1em;
margin-bottom: 1em;
}

.logo {
flex-basis: 15%;
-webkit-flex-basis: 15%;
}

.menu {
flex-basis: 70%;
-webkit-flex-basis: 70%;
}

.contacts-main {
flex-basis: 15%;
-webkit-flex-basis: 15%;
}

.menu-section,
.menu-section-focus {
flex-basis: 14%;
-webkit-flex-basis: 14%;
padding: 0.2em;
font-size: 0.8em;
}

.logo a p {
font-size: 0.7em;
}

.logo a p:first-child {
font-size: 1.5em;
}

.contacts-main p:first-child a {
font-size: 1.2em;
}

.contacts-main p:last-child a {
font-size: 0.8em;
}
}

@media (max-width: 1025px) {

.header {
padding: 1em 1em 0 1em;
margin-bottom: 1em;
}

.logo {
flex-basis: 40%;
-webkit-flex-basis: 40%;
margin: 0;
}

.contacts-main {
flex-basis: 43%;
-webkit-flex-basis: 43%;
margin: 0;
}

.button-menu {
flex-basis: 13%;
-webkit-flex-basis: 13%;
}

.logo a p {
font-size: 0.9em;
}

.logo a p:first-child {
font-size: 1.5em;
}

.contacts-main p:first-child a {
font-size: 1.3em;
}

.contacts-main p:last-child a {
font-size: 0.8em;
}

.menu {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin-top: 1em;
order: 3;
}

.menu-section,
.menu-section-focus {
flex-basis: 100%;
-webkit-flex-basis: 100%;
font-size: 0.8em;
padding: 1em 0em;
text-align: center;
text-transform: uppercase;
}

.menu-section-focus {
background-color: transparent;
color: #A3D0B6;
border: none;
}

.menu-section:first-child,
.menu-section-focus:first-child {
border-top: 1px solid #DDDDDD;
border-radius: 0;
padding-top: 1.5em;
}

.menu-section:last-child,
.menu-section-focus:last-child {
margin-bottom: 1em;
}
}

@media (max-width: 534px) {

.header {
padding: 1em 1em 0 1em;
margin-bottom: 0.5em;
}

.logo {
flex-basis: 80%;
-webkit-flex-basis: 80%;
order: 0;
margin: 0;
}

.contacts-main {
flex-basis: 100%;
-webkit-flex-basis: 100%;
order: 2;
margin: 1em 0 0.3em 0;
text-align: center;
border-top: 1px solid #DDDDDD;
padding-top: 1em;
}

.button-menu {
flex-basis: 18%;
-webkit-flex-basis: 18%;
order: 1;
margin: auto;
}

.logo a p {
font-size: 0.8em;
}

.logo a p:first-child {
font-size: 1.7em;
}

.contacts-main p:first-child a {
font-size: 1.8em;
}

.contacts-main p:last-child a {
font-size: 1.1em;
}
}


/*MENU COLLAPSE*/

.navbar-toggle {
position: relative;
float: right;
padding: 0;
background-color: transparent;
border: none;
margin-top: 0.5em;
}

.navbar-toggle:focus {
outline: none;
}

.navbar-toggle .icon-bar {
display: block;
width: 2em;
height: 2px;
border-radius: 1px;
background-color: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
margin-top: 0.5em;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.navbar-collapse {
max-height: 360px;
padding-right: 0px;
padding-left: 0px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
}

.navbar-collapse.in {
overflow-y: auto;
}

@media (min-width: 1025px) {

.navbar-toggle {
display: none;
}

.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}

.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}

.navbar-collapse.in {
overflow-y: visible;
}
}

.collapse {
display: none;
}

.collapse.in {
display: block;
}

.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease;
}


/*MAIN*/

.margin-top-bottom {
margin: 0 0 2em 0;
padding: 0.5em 1em;
background-color: #F7F7F7;
}

.img-main {
flex-basis: 30%;
-webkit-flex-basis: 30%;
}

.bio-main {
flex-basis: 65%;
-webkit-flex-basis: 65%;
}

.bio-main p {
font-size: 1em;
}

.margin-top-bottom h1 {
margin-bottom: 0.5em;
}

.margin-top-bottom h3 {
margin-bottom: 0.2em;
font-weight: 300;
}

h1 a,
h2 a {
text-decoration: none;
color: #2B2C31
}

h3 a {
text-transform: uppercase;
}

.kmn {
text-transform: none;
}

.img-main a img {
border-radius: 0.2em;
margin-top: 0.5em;
}

.img-main a img:hover,
.img-main a img:focus {
-webkit-filter: opacity(80%);
}

@media (max-width: 759px) {
.bio-main h1 {
font-size: 1.3em;
}
.bio-main p {
font-size: 0.8em;
}
}

@media (max-width: 479px) {

.margin-top-bottom {
padding: 0.5em;
}

.img-main {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.bio-main {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.bio-main h1 {
font-size: 1.02em;
}
.img-main a img {
margin: 0 0 1em 0;
}
}

.special {
flex-basis: 43%;
-webkit-flex-basis: 43%;
margin-bottom: 2em;
border: 1px solid #DCDCDC;
padding: 1.5em;
}

.special-icon {
flex-basis: 12%;
-webkit-flex-basis: 12%;
}

.special-text {
flex-basis: 80%;
-webkit-flex-basis: 80%;
}

.special-text p {
font-size: 0.9em;
}

@media (min-width: 760px) and (max-width: 1199px) {

.special {
flex-basis: 41%;
-webkit-flex-basis: 41%;
}
}

@media (max-width: 759px) {
.special {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}
}

@media (max-width: 479px) {

.special {
margin-bottom: 1em;
padding: 0.5em;
}
}

.new-article {
margin-bottom: 3em;
border-top: 1px solid #A3D0B6;
/* border-bottom: 1px solid #A3D0B6;*/
padding: 1em 0 0 0;
}

.new-article-img {
flex-basis: 30%;
-webkit-flex-basis: 30%;
padding-top: 0em;
}

.new-article-img a img:hover,
.new-article-img a img:focus {
-webkit-filter: opacity(80%);
}

.new-article-text {
flex-basis: 65%;
-webkit-flex-basis: 65%;
}

.new-article-text h5 {
margin: 0 0 0.5em 0;
text-align: left;
color: #999;
font-weight: 300;
}

@media (min-width: 760px) and (max-width: 1199px) {

.new-article {
margin-bottom: 2em;
}

.new-article-img {
align-self: center;
-webkit-align-self: center;
padding-top: 0;
}
}

@media (max-width: 759px) {
.new-article {
padding: 0.5em 0 1em 0;
margin: 1em 0;
}

.new-article-img {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin: 0.5em 0;
padding-top: 0;
order: 1;
}

.new-article-text {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin-bottom: 0.5em;
order: 0;
}

.new-article-text h2 {
font-size: 1.2em;
}
}

.ans-ques {
border: 1px dashed #A3D0B6;
padding: 0.5em 2em 2em 1em;
margin-bottom: 2em;
}

.ans-ques h5 {
margin: 0 0 1em 0;
color: #999;
font-weight: 300;
}

.question {
margin-bottom: 1em;
}

.question h4 {
margin: 0.5em 0;
}

.question h4 span {
font-weight: 300;
color: #666;
}

.question p {
margin: 0.5em 0;
font-style: italic;
font-size: 0.9em;
}

.answer-icon,
.question-icon {
flex-basis: 4%;
-webkit-flex-basis: 4%;
}

.answer-icon p,
.question-icon p {
color: #A3D0B6;
margin: 0;
font-size: 1.5em;
}

.question-icon p {
margin-top: 0.3em;
}

.question-text {
flex-basis: 96%;
-webkit-flex-basis: 96%;
}

.answer-text {
flex-basis: 92%;
-webkit-flex-basis: 92%;
padding: 0.5em 1em 1em 1em;
background-color: #F2F2F2;
border-radius: 0.2em;
}

.answer-text h4 {
margin: 0;
}

.answer-text p {
margin: 0.5em 0;
font-size: 0.9em;
}

@media (min-width: 760px) and (max-width: 1199px) {

.question-text {
flex-basis: 95%;
-webkit-flex-basis: 95%;
}

.answer-text {
flex-basis: 90%;
-webkit-flex-basis: 90%;
}
}

@media (min-width: 480px) and (max-width: 759px) {

.question-text {
flex-basis: 92%;
-webkit-flex-basis: 92%;
}

.answer-text {
flex-basis: 85%;
-webkit-flex-basis: 85%;
}
}

@media (max-width: 479px) {

.ans-ques {
padding: 0.5em;
margin-bottom: 1em;
}

.ans-ques h5 {
margin: 0;
}

.question-text {
flex-basis: 88%;
-webkit-flex-basis: 88%;
}

.answer-text {
flex-basis: 81%;
-webkit-flex-basis: 81%;
padding: 0.5em;
}
}


/* REVIEW */

.review {
border-top: 1px solid #A3D0B6;
margin-bottom: 3em;
}

.review p {
font-style: italic;
font-size: 1em;
margin-bottom: 0.5em;
}

.review h5 {
text-align: right;
margin: 0;
}

.review h5 span {
font-weight: 300;
/* font-style: italic; */
}

.external-reviews-around {
border-top: 1px solid #A3D0B6;
padding: 2.5em 4em 4em;
margin: 3em 0;
text-align: center;
}

.grid.external-reviews {
align-items: center;
-webkit-align-items: center;
padding-bottom: 1em;
}

.external-reviews-around h2 {
font-weight: 300;
text-transform: uppercase;
}

.external-reviews a {
flex-basis: 25%;
-webkit-flex-basis: 25%;
margin-top: 3em;
}

.external-reviews a img {
width: 100%;
height: auto;
}

.yandex_maps_reviews {
width:660px;
height:800px;
overflow:hidden;
position:relative;
margin: auto;
}


@media (max-width: 1024px) {

.yandex_maps_reviews {
width:560px;
}
}


@media (max-width: 759px) {

.review {
margin-bottom: 2em;
}

.review p {
font-size: 0.9em;
}

.review h5 {
text-align: left;
}

.yandex_maps_reviews {
width:460px;
}
}

@media (max-width: 479px) {

.external-reviews-around {
padding: 2em 0 0 0;
}

.external-reviews-around h2 {
font-size: 1em;
font-weight: 400;
}

.external-reviews {
justify-content: center;
-webkit-justify-content: center;
}

.external-reviews a {
flex-basis: 60%;
-webkit-flex-basis: 60%;
margin-bottom: 1em;
}

.yandex_maps_reviews {
width:340px;
}
}

@media (max-width: 359px) {

.yandex_maps_reviews {
width:300px;
}
}


/*BUTTONS*/

.main-button,
.main-button-light {
width: 30%;
margin: auto;
margin-bottom: 3em;
display: block;
padding: 1em 1.5em;
text-align: center;
border-radius: 0.2em;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
}

.main-button {
background-color: #A3D0B6;
color: #FFF;
}

.main-button:hover,
.main-button:focus {
background-color: #84B99A;
color: #fff;
}

.main-button-light {
border: 1px solid #A3D0B6;
color: #A3D0B6;
}

.main-button-light:hover,
.main-button-light:focus {
border: 1px solid #2B2C31;
color: #2B2C31;
}

.button-1,
.button-2 {
flex-basis: 50%;
-webkit-flex-basis: 50%;
margin: auto;
}

.button-1 .main-button-light,
.button-2 .main-button {
width: 60%;
}

.img-main .main-button {
width: 82%;
margin-top: 1em;
}

.button-right .main-button {
width: 75%;
padding: 1em 2em;
}


}
@media (min-width: 760px) and (max-width: 1199px) {

.main-button,
.main-button-light {
width: 40%;
}

.button-1 .main-button-light,
.button-2 .main-button {
width: 70%;
}

.button-right .main-button {
margin-left: 0.5em;
font-size: 0.8em;
}
}

@media (min-width: 480px) and (max-width: 759px) {

.main-button,
.main-button-light {
width: 50%;
font-size: 0.87em;
margin-bottom: 2em;
}

.button-1,
.button-2 {
flex-basis: 47%;
-webkit-flex-basis: 47%;
margin: 0;
}

.button-1 .main-button-light,
.button-2 .main-button {
width: 80%;
}

.img-main .main-button {
width: 95%;
font-size: 0.6em;
padding: 0.8em 0.5em;
}
}

@media (max-width: 479px) {

.main-button,
.main-button-light {
width: 85%;
font-size: 0.85em;
margin-bottom: 2em;
}

.button-1,
.button-2 {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin: 0;
}

.button-1 .main-button-light,
.button-2 .main-button {
width: 85%;
}

.button-1 .main-button-light {
margin-bottom: 1em;
}

.img-main .main-button {
width: 85%;
}

.button-right .main-button {
width: 100%;
margin-top: 1em;
margin-bottom: 1em;
}
}

/*TABLES*/

.table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #F2F2F2;
width: 100%;
margin-bottom: 2em;
}

.table td,
.table th {
border-left: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
overflow: visible;
padding: 1em 0.5em;
}

/*.table td:first-child,
.table th:first-child {
    border-left-width: 0;
}*/

.table thead,
th {
background-color: #2B2C31;
color: #fff;
font-size: 1em;
text-align: left;
}

.table td {
background-color: transparent;
font-size: 0.9em;
}

.table-odd td {
background-color: #f2f2f2;
}

@media (max-width: 479px) {

.table {
font-size: 1em;
}

.table td,
.table th {
padding: 1em 0.5em;
}
}

/*DISEASE*/

.diseas {
font-size: 0.7em;
}

.diseas a p {
margin: 0 0 1em 0;
text-transform: uppercase;
}

@media (min-width: 480px) and (max-width: 759px) {

.diseas a p {
margin: 1em 0 1.5em 0;
}
}

@media (max-width: 479px) {

.diseas {
flex-basis: 45%;
-webkit-flex-basis: 45%;
font-size: 0.72em;
text-align: center;
border-radius: 0.2em;
padding: 0.5em 0.3em;
border: 1px solid #2B2C31;
margin: 0.5em 0 0 0;
}

.diseas:hover,
.diseas:focus {
border: 1px solid #A3D0B6;
}

.diseas a {
color: #2B2C31;
text-decoration: none;
}

.diseas a:hover,
.diseas a:focus {
color: #A3D0B6;
}

.diseas a p {
margin: 0;
}
}

/*FORM*/

#ask h2 {
color: #333;
font-weight: 300;
}

.form-input,
.form-error {
flex-basis: 35%;
-webkit-flex-basis: 35%;
}

.date-input {
flex-basis: 50%;
-webkit-flex-basis: 50%;
}

.time-input {
flex-basis: 45%;
-webkit-flex-basis: 45%;
}

.form-question {
flex-basis: 62%;
-webkit-flex-basis: 62%;
}

.form-button {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.form-input input,
.form-error input,
.date-input input,
.time-input select,
.form-question textarea {
padding: 0.8em 0.6em;
border: 0.1em solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: 1em;
}

.form-error .error {
outline: none;
box-shadow: 0.1em 0.1em 0.3em #E82C0C, -0.1em -0.1em 0.3em #E82C0C;
border: 0.1em solid #E82C0C;
}

.date-input input,
.form-input input,
.time-input select,
.form-error input {
height: 3.5em;
margin-bottom: 1em;
}

.form-question textarea {
height: 12.5em;
margin-bottom: 1em;
}

.form-button .main-button {
border: none;
}

.date-input input:focus,
.form-input input:focus,
.time-input select:focus,
textarea:focus {
outline: none;
box-shadow: 0.1em 0.1em 0.3em #A3D0B6, -0.1em -0.1em 0.3em #A3D0B6;
border: 0.1em solid #A3D0B6;
}

.date-input input,
.time-input select {
color: #777;
font-size: 1em;
}

.contacts-form .form-error p,
.form-error p {
font-size: 0.8em;
margin-bottom: 1.5em;
color: #E82C0C;
text-transform: none;
}

form p {
margin: 0 0 2em 0;
font-size: 0.7em;
color: #999;
}

.thanks {
border: 1px solid #A3D0B6;
text-align: center;
padding: 0.5em;
margin-bottom: 2em;
}

.thanks>p {
font-size: 1.6em;
font-weight: 300;
margin: 0.5em;
}

.reviews-h1 {
flex-basis: 55%;
-webkit-flex-basis: 55%;
}

.accordion {
flex-basis: 35%;
-webkit-flex-basis: 35%;
transition: 0.4s;
}

.accordion .main-button-light {
width: 85%;
margin: 0 0 3em 0;
}

.panel {
display: none;
}

.panel.show {
display: block !important;
}

@media (min-width: 760px) and (max-width: 1199px) {

.thanks {
margin: 1.5em 0 2em 0;
}

.thanks>p {
font-size: 1.3em;
}

.reviews-h1 {
flex-basis: 55%;
-webkit-flex-basis: 55%;
}

.accordion {
flex-basis: 35%;
-webkit-flex-basis: 35%;
transition: 0.4s;
}

.accordion .main-button-light {
width: 80%;
}
}

@media (max-width: 759px) {

#ask h2 {
font-size: 1.1em;
margin: 1em 0;
}

.form-input,
.form-error {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.form-question {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.form-question textarea {
height: 8em;
margin-bottom: 1em;
}

.form-button .main-button {
width: 60%;
}

.thanks {
padding: 0.3em;
margin: 1em 0 1.5em 0;
}

.thanks>p {
font-size: 1em;
}

.reviews-h1,
.accordion {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.accordion .main-button-light {
width: 45%;
margin: 0.5em 0 2em 0;
}
}
@media (max-width: 479px) {
#ask h2 {
margin: 0.5em 0 1em 0;
font-size: 0.9em;
}

.form-input input,
.form-error input {
height: 3em;
}

.contacts-form .form-error p {
font-size: 0.75em;
}

.form-button .main-button {
width: 100%;
}

.reviews-h1,
.accordion,
.date-input,
.time-input {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.accordion .main-button-light {
width: 85%;
margin: 0.5em 0 1.5em 0;
}
}

/*ABOUT ME*/

.about_me {
text-align: center;
padding: 3em 0;
}

.about_me h1 {
font-size: 3em;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 0.8em 0 0 0;
margin-bottom: 0;
}

.about_me h3 {
font-weight: 300;
margin-top: 3em;
}

.about_me h4 {
font-size: 0.8em;
letter-spacing: 0.2em;
text-transform: uppercase;
}

.img-bio {
flex-basis: 30%;
-webkit-flex-basis: 30%;
}

.img-bio img {
margin: 0.5em 0 1.5em 0;
border-radius: 0.2em;
}

.img-bio .main-button,
.img-bio .main-button-light {
width: 83%;
margin: 1em 0;
}

.img-bio-article {
display: block;
margin-bottom: 2em;
}

.img-bio-article .main-button,
.img-bio-article .main-button-light {
width: 83%;
margin: 0 0 0.5em 0;
}

.text-bio {
flex-basis: 65%;
-webkit-flex-basis: 65%;
margin-bottom: 1em;
}

.text-bio h1 {
margin-bottom: 0.5em;
}

.text-bio h3 {
margin-bottom: 0.2em;
font-weight: 300;
}

@media (min-width: 760px) and (max-width: 1199px) {

.img-bio .main-button,
.img-bio .main-button-light {
font-size: 0.9em;
}
}

@media (min-width: 480px) and (max-width: 759px) {

.img-bio .main-button,
.img-bio .main-button-light {
font-size: 0.59em;
}

.text-bio h1 {
font-size: 1.33em;
}

.img-bio-article {
display: none;
}
}

@media (max-width: 479px) {

.img-bio {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin-bottom: 1em;
}

.text-bio {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.img-bio img {
margin-top: 0;
}

.img-bio .main-button,
.img-bio .main-button-light {
font-size: 1em;
}
}

/*CONTACTS*/

.border {
border: 1px solid #DDDDDD;
padding: 1em;
margin: 2em 0;
}

.phone {
font-size: 2em;
margin: 0;
text-decoration: none;
}

.mail,
.whatsapp {
font-size: 1.5em;
text-decoration: none;
}

.mail i,
.whatsapp i {
color: #A3D0B6;
margin-right: 0.5em;
font-size: 1.3em;
}

.phone i {
color: #A3D0B6;
margin-right: 0.5em;
}

.phone i:hover,
.mail i:hover,
.whatsapp i:hover,
.phone i:focus,
.mail i:focus,
.whatsapp i:focus {
color: #84B99A;
}

.time {
margin-top: 2em;
}

.time h3 {
        font-size: 1.5em;
font-weight: 300;
}

.time p {
font-weight: 300;
font-size: 0.8em;
        margin: 0 0 0.5em 0;
}

@media (min-width: 760px) and (max-width: 1199px) {

.phone {
font-size: 1.8em;
margin: 0;
}

.mail,
.whatsapp {
font-size: 1.3em;
}
}

@media (min-width: 480px) and (max-width: 759px) {

.mail,
.whatsapp {
font-size: 1.5em;
}
}

@media (max-width: 479px) {

.border {
margin: 1em 0 2em 0;
}

.phone {
font-size: 1.61em;
}

.mail,
.whatsapp {
font-size: 1.3em;
}
}

.back {
padding: 1em 0.5em 1.5em 0.5em;
border-radius: 0.2em;
background-color: #F7F7F7;
margin-bottom: 2em;
}

.back a {
text-decoration: none;
color: #2B2C31
}

.back a img:hover,
.back a img:focus {
-webkit-filter: opacity(80%);
}

.clinic-photo {
flex-basis: 20%;
-webkit-flex-basis: 20%;
}

.clinic-text {
flex-basis: 73%;
-webkit-flex-basis: 73%;
align-self: center;
-webkit-align-self: center;
}

.clinic-text h3 {
font-size: 1.3em;
margin-bottom: 0em;
}

.clinic-text h5 {
color: #888;
text-transform: uppercase;
font-weight: 300;
font-size: 0.9em;
letter-spacing: 0.05em;
margin: 0 0 1em 0;
}

.clinic-text p {
margin: 0.5em 0;
}

.clinic-text p i {
font-size: 1.5em;
margin-right: 0.2em;
}

.clinic-text > a[href="/clinic"] {
text-decoration: underline;
color: #2B2C31;
font-size: 1em;
font-weight: 300;
}

.clinic-text > a[href="/clinic"]:hover,
.clinic-text > a[href="/clinic"]:focus {
color: #A3D0B6;
}

.red {
color: #FF0000;
margin-top: 3em;
}

.green {
color: #008000;
}

.blue {
color: #1E90FF;
}

.metro {
font-weight: 300;
font-size: 0.8em;
        color: #666666;
}

#map {
height: 541px;
margin-bottom: 2em;
}

a[href="#how_to_find"] {
font-weight: 300;
font-size: 1em;
text-decoration: underline;
color: #2B2C31;
}

a[href="#how_to_find"]:hover,
a[href="#how_to_find"]:focus {
color: #A3D0B6;
}

.contacts {
flex-basis: 40%;
-webkit-flex-basis: 40%;
margin-top: 2.7em;
}

.contacts-form {
flex-basis: 55%;
-webkit-flex-basis: 55%;
margin-top: 1em;
}

.contacts-form .form-input,
.contacts-form .form-error {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.contacts-form .form-question {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.contacts-form .form-question textarea {
height: 7em;
}

.contacts-form .form-button .main-button {
width: 60%;
margin-bottom: 1em;
}

.contacts-form p {
font-size: 1em;
margin-bottom: 1em;
color: #A3D0B6;
text-transform: uppercase;
}

.contacts-form .thanks {
margin-top: 2em;
}

p.form_privacy {
text-transform: none;
color: #3d3d3d;
font-size: 0.8em;
}

#how_to_find {
margin-bottom: 6em;
}

#how_to_find h3 {
color: #A3D0B6;
margin-top: 1.5em;
}

@media (min-width: 760px) and (max-width: 1199px) {

.clinic-text {
flex-basis: 70%;
-webkit-flex-basis: 70%;
}

.contacts-form p {
font-size: 0.95em;
}

p.form_privacy {
font-size: 0.7em;
}
}

@media (max-width: 759px) {

.contacts {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin-top: 0;
text-align: left;
}

.contacts-form {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}
}

@media (min-width: 480px) and (max-width: 759px) {

.clinic-photo {
flex-basis: 40%;
-webkit-flex-basis: 40%;
}

.clinic-text {
flex-basis: 45%;
-webkit-flex-basis: 45%;
}

.contacts-form p {
font-size: 1.08em;
}

p.form_privacy {
font-size: 0.7em;
}
}

@media (max-width: 479px) {

.contacts {
text-align: left;
}

.contacts-form p {
font-size: 0.9em;
}

p.form_privacy {
font-size: 0.7em;
}

.contacts-form .form-button .main-button {
width: 100%;
}

.clinic-photo {
flex-basis: 100%;
-webkit-flex-basis: 100%;
order: 2;
}

.clinic-text {
flex-basis: 80%;
-webkit-flex-basis: 80%;
order: 1;
margin-bottom: 1em;
}

#map {
height: 600px;
}
}

/*ARTICLE*/

.article {
flex-basis: 63%;
-webkit-flex-basis: 63%;
}

.left-block {
flex-basis: 30%;
-webkit-flex-basis: 30%;
}

.left-block h2 {
font-size: 1.4em;
font-weight: 300;
color: #A3D0B6;
text-transform: uppercase;
}

.article-img {
margin: 0 0 1.5em 0;
}

.article .button-1,
.article .button-2 {
flex-basis: 45%;
-webkit-flex-basis: 45%;
margin: 1em 0 0 0;
}

.article .button-1 .main-button-light,
.article .button-2 .main-button {
width: 80%;
}

.fresh-article {
border-top: 1px solid #A3D0B6;
margin-bottom: 1.5em;
}

.fresh-article h5 {
color: #999;
font-weight: 300;
margin: 0.5em 0;
}

.fresh-article h3 {
font-size: 1em;
}

.fresh-article p {
font-size: 0.8em;
margin: 0 0 0.3em 0;
}

.read {
text-align: right;
font-size: 0.8em;
}

.left-block .main-button,
.left-block .main-button-light {
width: 83%;
margin-bottom: 1em;
}

@media (min-width: 760px) and (max-width: 1199px) {

.left-block h2 {
font-size: 1.2em;
margin-bottom: 0.4em;
}

.left-block .main-button,
.left-block .main-button-light {
font-size: 0.94em;
}

.article .button-1 .main-button-light,
.article .button-2 .main-button {
font-size: 0.84em;
}

.article .button-1,
.article .button-2 {
margin: 0.5em 0 0 0;
}
}

@media (max-width: 759px) {

.article {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.left-block {
flex-basis: 100%;
-webkit-flex-basis: 100%;
}

.left-block .main-button,
.left-block .main-button-light {
width: 50%;
}

.article .button-1 .main-button-light,
.article .button-2 .main-button {
font-size: 0.84em;
}

.article .button-1,
.article .button-2 {
margin: 0.5em 0 0 0;
}
}
@media (max-width: 479px) {
.article h4 {
margin-bottom: 0.5em;
}

.left-block .main-button,
.left-block .main-button-light {
width: 85%;
}

.article .button-1,
.article .button-2 {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin: 0.5em 0 0 0;
}

.article .button-1 {
margin: 1em 0 0 0;
}

.article .button-2 {
margin: 0;
}

.article .button-1 .main-button-light,
.article .button-2 .main-button {
width: 85%;
}
}

.diseases {
margin: 0em 0 2em 0;
}

.diseases .diseas {
border-radius: 0.2em;
padding: 0.5em 1em;
background-color: #fff;
border: 1px solid #2B2C31;
}

.diseases .diseas:hover,
.diseases .diseas:focus {
background-color: #fff;
border: 1px solid #A3D0B6;
}

.diseases .diseas a {
color: #2B2C31;
text-decoration: none;
}

.diseases .diseas a:hover,
.diseases .diseas a:focus {
color: #A3D0B6;
}

.diseases .diseas a p {
margin: 0;
}

.description {
font-style: italic;
margin: 0 0 2em 0;
}

.description p {
margin: 0;
}

@media (min-width: 760px) and (max-width: 1199px) {

.diseases .diseas {
padding: 0.5em;
}
}

@media (max-width: 759px) {

.description {
margin: 0 0 1em 0;
}

.diseases {
margin: 0.3em 0 1em 0;
}

.diseases .diseas {
flex-basis: 45%;
-webkit-flex-basis: 45%;
font-size: 0.8em;
padding: 0.3em;
margin: 0.5em 0 0 0;
text-align: center;
}
}

@media (max-width: 479px) {
.diseases .diseas {
font-size: 0.7em;
padding: 0.5em 0.3em;
margin: 0.5em 0 0 0;
text-align: center;
}
}

.other {
border: 1px solid #A3D0B6;
border-radius: 0.2em;
padding: 1em 0.5em 0.5em 0.5em;
}

.other-disease {
border-top: 1px solid #A3D0B6;
padding-top: 0.8em;
margin: 1em 0;
}

.other .other-disease:first-child {
border-top: none;
padding-top: 0;
margin: 0;
}

.other .other-disease:last-child {
margin: 0.5em 0;
}

.other-disease a {
text-decoration: none;
}

.other-disease a h3,
.other-disease .active {
margin: 0 0 0 0.5em;
font-weight: 300;
}

.other-disease .active {
color: #A3D0B6;
}

/*BREADCRUMBS*/

.breadcrumbs a,
.breadcrumbs p {
color: #A3D0B6;
font-size: 0.9em;
margin: 0 0 2em 0;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
color: #2B2C31;
}

.breadcrumbs p span {
color: #2B2C31;
font-size: 0.9em;
}

@media (max-width: 759px) {
.breadcrumbs a,
.breadcrumbs p {
font-size: 0.8em;
margin: -1.5em 0 1em 0;
}
}

/*VIDEO*/

.video {
margin: 2em 0;
}

.video iframe {
width: 100%;
height: 315px; /*485px;*/
}

@media (min-width: 760px) and (max-width: 1199px) {

.video iframe {
height: 285px;
}
}

@media (min-width: 480px) and (max-width: 759px) {
.video {
margin-bottom: 1em;
}

.video iframe {
height: 290px;
}
}

@media (max-width: 479px) {
.video iframe {
height: 170px;
}
}

/*FOOTER*/

footer {
margin-top: 2em;
padding: 1em 0;
background-color: #2B2C31;
}

.footer-menu {
flex-basis: 50%;
-webkit-flex-basis: 50%;
text-align: left;
}

.footer-menu a,
.footer-contacts p {
flex-basis: 100%;
-webkit-flex-basis: 100%;
margin: 0.5em 0;
}

.footer-menu a:first-child,
.footer-contacts p:first-child {
margin-top: 0;
}

.footer-menu a:last-child.,
.footer-contacts p:last-child {
margin-bottom: 0;
}

.footer-contacts {
flex-basis: 50%;
-webkit-flex-basis: 50%;
text-align: right;
}

.menu-footer,
.menu-footer-focus {
display: block;
color: #FFF;
text-decoration: none;
font-size: 0.8em;
cursor: pointer;
}

.menu-footer-focus {
cursor: default;
color: #A3D0B6;
}

.menu-footer:hover {
color: #A3D0B6;
}

.footer-contacts p a {
color: #fff;
font-weight: 300;
}

.footer-phone {
font-size: 1.2em;
text-decoration: none;
}

.footer-mail {
font-size: 0.96em;
text-decoration: none;
}

.footer-phone:hover,
.footer-mail:hover,
.footer-allcontacts:hover,
.footer-phone:focus,
.footer-mail:focus,
.footer-allcontacts:focus {
color: #A3D0B6;
}

.footer-mail i {
font-size: 1.3em;
}

.footer-phone i,
.footer-mail i {
color: #A3D0B6;
margin-right: 0.5em;
}

.footer-phone i:hover,
.footer-mail i:hover,
.footer-phone i:focus,
.footer-mail i:focus {
color: #fff;
}

.footer-allcontacts {
color: #fff;
font-size: 0.8em;
text-decoration: underline;
}

.copyright {
font-size: 0.8em;
color: #999;
}

.footer-social a {
color: #fff;
font-size: 1.2em;
cursor: pointer;
}

.footer-social a:nth-child(2) {
margin: 0 0.3em;
}

.footer-social a i:hover,
.footer-social a i:focus {
color: #A3D0B6;
}

@media (min-width: 760px) and (max-width: 1199px) {

.footer-mail {
font-size: 0.95em;
}
}

@media (min-width: 480px) and (max-width: 759px) {

.footer-phone {
font-size: 1.3em;
}

.footer-mail {
font-size: 1.02em;
}

.footer-allcontacts p {
font-size: 1.2em;
}

.footer-menu {
text-transform: uppercase;
}
}

@media (max-width: 479px) {

.footer-menu,
.footer-contacts {
flex-basis: 100%;
-webkit-flex-basis: 100%;
text-align: center;
margin-bottom: 1em;
border-top: 1px solid #A3D0B6;
padding-top: 1em;
}

.footer-menu {
text-transform: uppercase;
}

.footer-contacts {
border-bottom: none;
padding-bottom: 1.5em;
}

.footer-phone {
font-size: 1.5em;
}

.footer-mail {
font-size: 1.16em;
}

.footer-allcontacts {
font-size: 1em;
}

.footer-social a {
color: #fff;
font-size: 2em;
cursor: pointer;
}

.footer-social a:nth-child(2) {
margin: 0 0.8em;
}
}

/* PRICES */

.prices {
margin-bottom: 6em;
}

h2 span.line_through {
color: #888888;
text-decoration: line-through;
}

.prices .accordion h2 a {
color: #A3D0B6;
font-size: 0.8em;
cursor: pointer;
text-transform: uppercase;
}

.prices .accordion h2 a:hover,
.prices .accordion h2 a:focus {
color: #84B99A;
}

.prices .grid .button-1,
.prices .grid .button-2 {
margin-top: 3em;
margin-bottom: 0;
}

.prices .panel p {
font-size: 0.8em;
}

@media (max-width: 479px) {

.prices {
margin-bottom: 2em;
}

.prices .grid .button-1 {
margin-top: 2em;
}

.prices .grid .button-2 {
margin-top: 0;
}
}

.prices .accordion h2 a {
font-size: 0.7em;
}
}


/* CLINIC */

.clinic {
padding-top: 3em;
}

.clinic h1 {
font-size: 3.5em;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 0.8em 0 0 0;
margin-bottom: 0;
text-align: center;
}

.clinic h2 {
font-size: 0.8em;
font-weight: 300;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: center;
}

.clinic p {
font-weight: 300;
margin-top: 3em;
text-align: center;
}

.clinic a[href="#map"] {
font-size: 0.9em;
text-align: center;
display: block;
}

.clinic p span {
font-style: italic;
font-size: 0.9em;
text-align: center;
}

.clinic img {
margin-bottom: 1em;
}

.clinic a[class="main-button"] {
margin-top: 4em;
margin-bottom: 4em;
}

.clinic iframe {
height: 485px;
margin-top: 4.5em;
margin-bottom: 1em;
}

@media (max-width: 479px) {

.clinic h1 {
font-size: 3em;
}

.clinic iframe {
height: 180px;
}
}

/*PRIVACY*/

div.privacy {
border: 3px solid #eee;
margin: 2em 0 6em 0;
padding: 2em 1.5em 4em 1.5em;
}

.privacy h1 {
font-size: 1.5em;
margin-bottom: 1.5em;
}

.privacy h2 {
font-weight: 600;
font-size: 1.2em;
margin: 2em 0 1em 0;
}

.privacy h3 {
font-weight: 400;
font-size: 1em;
margin-bottom: 1em;
}

.privacy p {
font-size: 1em;
padding-left: 2em;
}

@media (max-width: 479px) {

.privacy h1 {
font-size: 1.3em;
text-transform: none;
}

.privacy h2 {
font-size: 1em;
}

.privacy h3 {
font-size: 0.8em;
}

.privacy p {
font-size: 0.8em;
}
}


/* whatsAppWidget */

@media (min-width: 760px) {

.whatsAppWidget {
display: none;
}

}

@media (max-width: 759px) {

.whatsAppWidget {
position: fixed;
right: 1em;
bottom: 1.5em;
z-index: 99999;
overflow: hidden;
cursor: pointer;
padding: 5px 5px 5px 10px;
border-radius: 15px;
line-height: 18px;
background-color: #E5824D;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
width: 150px;
height: 40px;
visibility: hidden;
animation-name: whatsAppWidget;
animation-duration: 3s;
animation-delay: 3s;
animation-fill-mode: forwards;
}

@keyframes whatsAppWidget {
from {
visibility: visible;
right: -100%;}
to {
visibility: visible;
right: 1em;}
}

.whatsAppWidget a {
text-decoration: none;
color: initial;
align-items: center;
-webkit-align-items: center;
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
font-family: 'Open Sans', sans-serif;
}

.whatsAppWidget a i {
flex-basis: 15%;
-webkit-flex-basis: 15%;
font-size: 32px;
color: #fff;
}

.whatsAppWidget a span {
flex-basis: 80%;
-webkit-flex-basis: 80%;
font-size: 12px;
text-align: center;
color: #fff;
}

.whatsAppWidget a span b {
font-size: 16px;
}

}

/* cookieBanner */

#cookieBanner {
    display: none;
    position: fixed;
    bottom: 1rem;
    margin: auto 20%;
    background: #F7F7F8;
    border-radius: 6px;
    color: #2B2C31;
    padding: 1rem 2rem;
    font-size: 14px;
    line-height: 1.2;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
    font-family: "Gilroy-Medium ☞", sans-serif;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: slideUp 0.3s ease-in-out;
}

#cookieBanner a {
    color: #A3D0B6;
}

#cookieBanner a:hover {
    color: #84B99A;
}

#cookieBanner button {
    background-color: #A3D0B6;
    color: #ffffff;
    border: none;
    padding: 10px 30px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

#cookieBanner button:hover {
    background-color: #84B99A;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    #cookieBanner {
        padding: 1rem 1rem;
        font-size: 12px;
        margin: auto 10px;
        bottom: 0rem;
        margin: auto 0px;
        border-radius: 0;
        flex-direction: column;
        align-items: self-start;
    }

    #cookieBanner button {
        font-size: 10px;
        padding: 5px 30px;
    }
}


/*green color: #A3D0B6;

dark-green color: #84B99A;

blue a color: #2B2C31;*/