/***
    Copyright 2016 The Oswald Project Authors (https://github.com/googlefonts/OswaldFont)

    This Font Software is licensed under the SIL Open Font License, Version 1.1.
    This license is copied below, and is also available with a FAQ at:
    http://scripts.sil.org/OFL

 ***/
@font-face {
  font-family: Oswald_Regular;
  src: url(fonts/oswaldFont/Oswald-Regular.ttf);
}

@font-face {
  font-family: Oswald_Medium;
  src: url(fonts/oswaldFont/Oswald-Medium.ttf);
}

@font-face {
  font-family: Oswald_SemiBold;
  src: url(fonts/oswaldFont/Oswald-SemiBold.ttf);
}

@font-face {
  font-family: Oswald_ExtraLight;
  src: url(fonts/oswaldFont/Oswald-ExtraLight.ttf);
}

/***
   Copyright 2020 Anahi Hadija
   
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
***/
@font-face {
  font-family: Roboto_Light;
  src: url(fonts/robotoFont/Roboto-Light.ttf);
}

@font-face {
  font-family: Roboto_LightItalic;
  src: url(fonts/robotoFont/Roboto-LightItalic.ttf);
}

@font-face {
  font-family: Roboto_Medium;
  src: url(fonts/robotoFont/Roboto-Medium.ttf);
}

@font-face {
  font-family: Roboto_Bold;
  src: url(fonts/robotoFont/Roboto-Bold.ttf);
}

/*** Page Reset ***/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::-moz-selection {
  background-color: #BF9191;
  color: #FFFFFF;
}

*::selection {
  background-color: #BF9191;
  color: #FFFFFF;
}

html, body {
  max-height: 100%;
  font-family: Roboto_Light, Arial, sans-serif;
  overflow-wrap: break-word;
}

img {
  display: block;
  max-width: 100%;
}

html, body,
h1, h2, h3, h4, h5, h6, p, a,
section, article, figure,
blockquote, cite, video,
form, input, textarea, button,
header, nav, main, footer,
ul, ol {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1.2;
  display: block;
  font-weight: 400;
}

button {
  background-color: transparent;
  border: 0;
}

a {
  text-decoration: none;
  text-transform: none;
}

a:active, a:focus {
  color: inherit;
  background-color: inherit;
}

input,
textarea,
select,
option {
  color: #707070;
  font-family: Roboto_Light;
  font-size: 0.8rem;
  border: 0.5px solid #BF9191;
  width: 100%;
  margin-bottom: 5px;
  outline: 0;
}

input:focus,
textarea:focus,
select:focus,
option:focus {
  border: 1px solid #BF9191;
  border-bottom: 2px solid #BF9191;
  outline-offset: 0;
}

@media (min-width: 500px) {
  input,
  textarea,
  select,
  option {
    font-size: 1rem;
  }
}

@media (min-width: 1000px) {
  input,
  textarea,
  select,
  option {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
}

textarea {
  resize: vertical;
  min-height: 100px;
}

textarea,
input {
  padding: 10px 0 10px 6px;
}

select {
  padding: 5.5px 0 5.5px 6px;
}

ul, ol {
  list-style: none;
}

h4, h5, h6, p, a {
  color: #707070;
  font-family: Roboto_Light, Arial, sans-serif;
}

h1 {
  color: #333333;
  font-family: Oswald_Medium, Arial, sans-serif;
  font-size: 3.4rem;
  line-height: 1;
}

@media (min-width: 360px) {
  h1 {
    font-size: 4rem;
  }
}

@media (min-width: 500px) {
  h1 {
    font-size: 4.6rem;
  }
}

@media (min-width: 900px) {
  h1 {
    font-size: 6rem;
  }
}

h2 {
  color: #2A2A2A;
  font-family: Oswald_Regular, Arial, sans-serif;
  font-size: 1.5rem;
  margin-left: 10px;
}

@media (min-width: 500px) {
  h2 {
    font-size: 1.9rem;
  }
}

@media (min-width: 900px) {
  h2 {
    font-size: 2.4rem;
  }
}

h3 {
  color: #BF9191;
  font-family: Oswald_Regular, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1;
}

@media (min-width: 600px) {
  h3 {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  h3 {
    font-size: 2.2rem;
  }
}

@media (min-width: 1000px) {
  h3 {
    font-size: 3.6rem;
  }
}

p {
  font-size: 1rem;
}

@media (min-width: 360px) {
  p {
    font-size: 1.1rem;
  }
}

@media (min-width: 600px) {
  p {
    font-size: 1.2rem;
  }
}

@media (min-width: 1000px) {
  p {
    font-size: 1.4rem;
  }
}

blockquote {
  font-family: Roboto_LightItalic, Arial, sans-serif;
  font-size: 1rem;
  color: #BF9191;
  margin-top: 10px;
}

@media (min-width: 500px) {
  blockquote {
    font-size: 1.1rem;
  }
}

@media (min-width: 1000px) {
  blockquote {
    font-size: 1.3rem;
  }
}

/*** Library Class ***/
/**Fonts**/
.robotoBold {
  font-family: Roboto_Bold, Arial, sans-serif;
}

/***Margin-Padding***/
.mainPadding {
  padding: 20px;
}

@media (min-width: 500px) {
  .mainPadding {
    padding: 20px 30px;
  }
}

/***Classes***/
.separatorElement {
  height: 2px;
  width: 250px;
  background-color: #BF9191;
  margin: 20px auto;
  position: relative;
  -webkit-box-shadow: 0 3px 0 #00000029;
          box-shadow: 0 3px 0 #00000029;
}

@media (min-width: 500px) {
  .separatorElement {
    width: 350px;
    margin: 35px auto;
  }
}

@media (min-width: 1000px) {
  .separatorElement {
    margin: 50px auto;
    width: 400px;
  }
}

.separatorElement::after, .separatorElement::before {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
}

.separatorElement::after {
  top: -15px;
  border-bottom: 14px solid #BF9191;
  -webkit-filter: drop-shadow(0px 3px 5px #00000029);
          filter: drop-shadow(0px 3px 5px #00000029);
}

.separatorElement::before {
  top: 3px;
  border-top: 14px solid #BF9191;
  -webkit-filter: drop-shadow(0px 2px 5px #00000029);
          filter: drop-shadow(0px 2px 5px #00000029);
}

.dynamicBtn {
  color: #707070;
  font-family: Roboto_Light, Arial, sans-serif;
  font-size: 0.9rem;
  border-top: 1px solid #BF9191;
  border-bottom: 1px solid #BF9191;
  padding: 12px 0;
  width: 150px;
  position: relative;
  text-align: center;
  cursor: pointer;
  /******************ANIMATION THERAPY BTNs****************/
  /***ANIMATION THERAPY BTN-1****/
  /***ANIMATION THERAPY BTN-2****/
  /******************ANIMATION POPUPS/BLOG/CONTACTS****************/
  /***ANIMATION BLOG MEDIA****/
}

@media (min-width: 1000px) {
  .dynamicBtn {
    font-size: 1rem;
    width: 220px;
  }
}

.dynamicBtn::after, .dynamicBtn::before {
  content: '';
  position: absolute;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  z-index: 1;
}

.dynamicBtn::after {
  top: 0;
  left: 0;
  border-top: 8px solid #BF9191;
  -webkit-filter: drop-shadow(0px 2px 2px #00000029);
          filter: drop-shadow(0px 2px 2px #00000029);
  -webkit-animation: dynamicBtnLeft 3s infinite;
          animation: dynamicBtnLeft 3s infinite;
}

.dynamicBtn::before {
  bottom: 0;
  right: 0;
  border-bottom: 8px solid #BF9191;
  -webkit-filter: drop-shadow(0px -2px 2px #00000029);
          filter: drop-shadow(0px -2px 2px #00000029);
  -webkit-animation: dynamicBtnRight 3s infinite;
          animation: dynamicBtnRight 3s infinite;
}

.dynamicBtn span {
  background-color: #00000029;
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.dynamicBtn span:nth-child(1) {
  top: 1.2px;
}

.dynamicBtn span:nth-child(2) {
  bottom: -2.5px;
}

@-webkit-keyframes dynamicBtnLeft {
  0% {
    left: 0;
  }
  50% {
    left: 69%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnLeft {
  0% {
    left: 0;
  }
  50% {
    left: 69%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnRight {
  0% {
    right: 0;
  }
  50% {
    right: 69%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnRight {
  0% {
    right: 0;
  }
  50% {
    right: 69%;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes dynamicBtnLeft_1 {
  0% {
    left: 0;
  }
  50% {
    left: 78%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnLeft_1 {
  0% {
    left: 0;
  }
  50% {
    left: 78%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnRight_1 {
  0% {
    right: 0;
  }
  50% {
    right: 78%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnRight_1 {
  0% {
    right: 0;
  }
  50% {
    right: 78%;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes dynamicBtnLeft2 {
  0% {
    left: 0;
  }
  50% {
    left: 54%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnLeft2 {
  0% {
    left: 0;
  }
  50% {
    left: 54%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnRight2 {
  0% {
    right: 0;
  }
  50% {
    right: 54%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnRight2 {
  0% {
    right: 0;
  }
  50% {
    right: 54%;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes dynamicBtnLeft2_1 {
  0% {
    left: 0;
  }
  50% {
    left: 74%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnLeft2_1 {
  0% {
    left: 0;
  }
  50% {
    left: 74%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnRight2_1 {
  0% {
    right: 0;
  }
  50% {
    right: 74%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnRight2_1 {
  0% {
    right: 0;
  }
  50% {
    right: 74%;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes dynamicBtnPopUp_L {
  0% {
    left: 0;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnPopUp_L {
  0% {
    left: 0;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnPopUp_R {
  0% {
    right: 0;
  }
  50% {
    right: 50%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnPopUp_R {
  0% {
    right: 0;
  }
  50% {
    right: 50%;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes dynamicBtnPopUp_L1 {
  0% {
    left: 0;
  }
  50% {
    left: 74%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnPopUp_L1 {
  0% {
    left: 0;
  }
  50% {
    left: 74%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnPopUp_R1 {
  0% {
    right: 0;
  }
  50% {
    right: 74%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnPopUp_R1 {
  0% {
    right: 0;
  }
  50% {
    right: 74%;
  }
  100% {
    right: 0;
  }
}

@-webkit-keyframes dynamicBtnBlog_L {
  0% {
    left: 0;
  }
  50% {
    left: 62%;
  }
  100% {
    left: 0;
  }
}

@keyframes dynamicBtnBlog_L {
  0% {
    left: 0;
  }
  50% {
    left: 62%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes dynamicBtnBlog_R {
  0% {
    right: 0;
  }
  50% {
    right: 62%;
  }
  100% {
    right: 0;
  }
}

@keyframes dynamicBtnBlog_R {
  0% {
    right: 0;
  }
  50% {
    right: 62%;
  }
  100% {
    right: 0;
  }
}

@media (min-width: 500px) {
  .bpMobileFive {
    display: none;
  }
}

.bpDeskFive {
  display: none;
}

@media (min-width: 500px) {
  .bpDeskFive {
    display: block;
  }
}

@media (min-width: 600px) {
  .bpMobileSix {
    display: none;
  }
}

.bpDeskSix {
  display: none;
}

@media (min-width: 600px) {
  .bpDeskSix {
    display: block;
  }
}

@media (min-width: 600px) {
  .bpMobileSeven {
    display: none;
  }
}

.bpDeskSeven {
  display: none;
}

@media (min-width: 600px) {
  .bpDeskSeven {
    display: block;
  }
}

/********** Header **********/
#mainHeader {
  background-color: #D0FFDD;
  height: 45px;
  margin: 10px 20px 0;
  position: relative;
  padding-top: 8px;
  /*--Menu Hamburger--*/
  /*--END Menu Hamburger--*/
}

@media (min-width: 1000px) {
  #mainHeader {
    height: 60px;
  }
}

#mainHeader a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 150px;
}

#mainHeader a:active,
#mainHeader a:focus,
#mainHeader a:hover {
  color: transparent;
  background-color: transparent;
}

#mainHeader .logo {
  max-width: 95px;
  margin-left: -14px;
}

@media (min-width: 1000px) {
  #mainHeader .logo {
    max-width: 150px;
  }
}

@media (min-width: 1200px) {
  #mainHeader .logo {
    margin-left: 30px;
  }
}

#mainHeader .hamburgerMenu {
  position: absolute;
  top: 50%;
  right: -13px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 111;
  height: 30px;
  width: 40px;
}

@media (min-width: 1200px) {
  #mainHeader .hamburgerMenu {
    display: none;
  }
}

#mainHeader .hamburgerMenu div {
  background-color: #2A2A2A;
  height: 8px;
  width: 40px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

#mainHeader .hamburgerMenu div:nth-child(2) {
  margin: 3px 0 3px 13px;
  width: 27px;
}

#mainHeader .hamburgerMenu.active {
  position: absolute;
  right: -10px;
}

#mainHeader .hamburgerMenu.active div {
  background-color: #FFFFFF;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 3px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

#mainHeader .hamburgerMenu.active div:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-12px, 7px);
          transform: rotate(-45deg) translate(-12px, 7px);
}

#mainHeader .hamburgerMenu.active div:nth-child(2) {
  display: none;
}

#mainHeader .hamburgerMenu.active div:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(4px, 10px);
          transform: rotate(45deg) translate(4px, 10px);
}

/*--Navigation Bar--*/
#navigationBar {
  background-color: #2A2A2A;
  height: 110vh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  padding: 90px 30px 30px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}

@media (min-width: 1000px) {
  #navigationBar {
    padding: 140px 130px 30px;
  }
}

@media (min-width: 1200px) {
  #navigationBar {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 200px;
    padding: 32px 20px 30px;
    top: 174px;
    left: 50%;
    margin-left: -500px;
  }
}

@media (min-width: 1400px) {
  #navigationBar {
    margin-left: -510px;
    width: 220px;
  }
}

#navigationBar .menuPages li {
  position: relative;
}

#navigationBar .menuPages li a {
  color: #FFFFFF;
  font-family: Oswald_SemiBold, Arial, sans-serif;
  font-size: 12.8vw;
  margin-bottom: 10px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

#navigationBar .menuPages li a:hover {
  text-decoration: none;
}

@media (min-width: 600px) {
  #navigationBar .menuPages li a {
    font-size: 11vw;
  }
}

@media (min-width: 1200px) {
  #navigationBar .menuPages li a {
    font-size: 8vw;
  }
  #navigationBar .menuPages li a:hover + div {
    height: 40px;
    top: 8px;
    left: 0;
    -webkit-transition: 0.34s all ease-in-out;
    transition: 0.34s all ease-in-out;
  }
}

@media (min-width: 1200px) {
  #navigationBar .menuPages li a {
    font-size: 2.4rem;
  }
}

@media (min-width: 1400px) {
  #navigationBar .menuPages li a {
    font-size: 2.5rem;
  }
}

#navigationBar .menuPages li div {
  height: 7vw;
  background: #BF9191;
  position: absolute;
  width: 122px;
  z-index: -1;
  top: 62%;
  left: 2%;
}

@media (min-width: 1000px) {
  #navigationBar .menuPages li div {
    height: 5vw;
    -webkit-transition: 0.34s all ease-in-out;
    transition: 0.34s all ease-in-out;
  }
}

@media (min-width: 1200px) {
  #navigationBar .menuPages li div {
    height: 24px;
    top: 25px;
    left: 9px;
    max-width: 160px;
  }
}

#navigationBar .menuTherapy {
  background-color: #FFDFC0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 70px 40px 40px;
  height: 100vh;
  overflow-y: scroll;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}

#navigationBar .menuTherapy::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1200px) {
  #navigationBar .menuTherapy {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 600px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 520px;
    padding: 50px 40px 50px;
    opacity: 0;
  }
}

#navigationBar .menuTherapy li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#navigationBar .menuTherapy li:last-child a {
  margin-bottom: 0;
}

#navigationBar .menuTherapy li a {
  font-size: 8.4vw;
  margin-bottom: 14px;
  color: #BF9191;
  font-family: Oswald_Regular;
  text-decoration: none;
}

@media (min-width: 1200px) {
  #navigationBar .menuTherapy li a {
    font-size: 1.8rem;
    -webkit-transition: 0.34s all ease-in-out;
    transition: 0.34s all ease-in-out;
  }
  #navigationBar .menuTherapy li a:hover {
    background-color: #BF9191;
    color: #FFDFC0;
    -webkit-transition: 0.34s all ease-in-out;
    transition: 0.34s all ease-in-out;
    padding: 4px;
  }
}

#navigationBar .menuTherapy .backArrow {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 10px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
  background-color: #FFDFC0;
}

@media (min-width: 1200px) {
  #navigationBar .menuTherapy .backArrow {
    top: 20px;
    z-index: -1;
  }
}

#navigationBar .menuTherapy .backArrow svg {
  width: 50px;
  height: 50px;
  cursor: pointer;
  -webkit-transition: 0.34s all ease-in-out;
  transition: 0.34s all ease-in-out;
}

@media (min-width: 1200px) {
  #navigationBar .menuTherapy .backArrow svg:hover {
    fill: #5f5c5c;
    -webkit-transition: 0.34s all ease-in-out;
    transition: 0.34s all ease-in-out;
  }
}

#navigationBar .menuTherapy.activeMenu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}

@media (min-width: 1200px) {
  #navigationBar .menuTherapy.activeMenu {
    opacity: 1;
  }
}

#navigationBar.activeMenu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}

@media (min-width: 1200px) {
  #navigationBar.activeMenu {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

/*--END Navigation Bar--*/
/*********END Header*********/
/********* Main *********/
main {
  max-width: 800px;
  margin: 0 auto;
  min-height: 70vh;
  /**SLIDER**/
  /**END-SLIDER**/
}

main .swiper-container {
  background-color: #BF9191;
}

main .swiper-slide img {
  margin: 0 auto;
}

main .swiper-button-next,
main .swiper-button-prev {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 18px solid #FFFFFF;
  outline: 0;
  -webkit-filter: drop-shadow(0px 2px 4px #00000029);
          filter: drop-shadow(0px 2px 4px #00000029);
}

main .swiper-button-next::after,
main .swiper-button-prev::after {
  content: none;
}

main .swiper-button-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*--Pag Title--*/
#pageTitle {
  margin-top: 70px;
  position: relative;
}

@media (min-width: 1000px) {
  #pageTitle {
    margin-top: 104px;
  }
}

#pageTitle .coverPicture {
  max-height: 500px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#pageTitle .homepageTitle {
  position: absolute;
  top: 66px;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 10px;
}

@media (min-width: 500px) {
  #pageTitle .homepageTitle {
    top: 0;
    padding: 0 40px 10px 0;
  }
}

@media (min-width: 900px) {
  #pageTitle .homepageTitle {
    padding: 0 120px 30px 0;
  }
}

#pageTitle .homepageTitle h1 .bottomBar {
  bottom: -2px;
  margin-right: -10px;
  height: 34px;
  width: 92%;
}

@media (min-width: 500px) {
  #pageTitle .homepageTitle h1 .bottomBar {
    width: 226px;
    right: -30px;
  }
}

@media (min-width: 900px) {
  #pageTitle .homepageTitle h1 .bottomBar {
    width: 320px;
    right: -110px;
    height: 80px;
  }
}

#pageTitle .titlePages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding-right: 20px;
}

#pageTitle .titlePages h1 {
  width: 100%;
  text-align: right;
}

#pageTitle .titlePages h1 .bottomBar {
  bottom: -12px;
  height: 30px;
  width: 160px;
  margin-right: -20px;
}

@media (min-width: 360px) {
  #pageTitle .titlePages h1 .bottomBar {
    height: 34px;
    width: 188px;
  }
}

@media (min-width: 500px) {
  #pageTitle .titlePages h1 .bottomBar {
    width: 210px;
  }
}

@media (min-width: 900px) {
  #pageTitle .titlePages h1 .bottomBar {
    width: 268px;
    height: 45px;
  }
}

#pageTitle .titlePages h2 {
  margin-top: 6px;
  text-align: right;
}

@media (min-width: 360px) {
  #pageTitle .titlePages h2 {
    margin-right: 26px;
  }
}

@media (min-width: 500px) {
  #pageTitle .titlePages h2 {
    margin-right: 10px;
  }
}

@media (min-width: 900px) {
  #pageTitle .titlePages h2 {
    margin-right: 20px;
  }
}

#pageTitle h1 {
  position: relative;
  margin-bottom: 6px;
  z-index: 0;
}

#pageTitle h1 .bottomBar {
  background-color: #FFB4FF;
  position: absolute;
  right: 0;
  z-index: -1;
}

#pageTitle .blogTitle h1 {
  padding-right: 36px;
}

#pageTitle .blogTitle h1 .bottomBar {
  width: 130px;
}

@media (min-width: 360px) {
  #pageTitle .blogTitle h1 .bottomBar {
    width: 142px;
  }
}

@media (min-width: 500px) {
  #pageTitle .blogTitle h1 .bottomBar {
    width: 155px;
  }
}

@media (min-width: 500px) {
  #pageTitle .blogTitle h1 .bottomBar {
    width: 155px;
  }
}

@media (min-width: 900px) {
  #pageTitle .blogTitle h1 .bottomBar {
    width: 184px;
    height: 52px;
    bottom: -16px;
  }
}

#pageTitle + blockquote {
  padding: 20px 90px;
}

/*--END Pag Title--*/
/*--Introductory Text--*/
.introTextHome {
  margin-top: 14%;
}

@media (min-width: 500px) {
  .introTextHome {
    margin-top: 20px;
  }
}

.introTextHome .firstWord {
  font-size: 1.6rem;
  color: #2A2A2A;
}

@media (min-width: 500px) {
  .introTextHome .firstWord {
    font-size: 1.8rem;
  }
}

@media (min-width: 600px) {
  .introTextHome .firstWord {
    font-size: 1.1rem;
    color: #707070;
    font-family: Roboto_Light, Arial, sans-serif;
  }
}

@media (min-width: 1000px) {
  .introTextHome .firstWord {
    font-size: 1.4rem;
  }
}

/*--END Introductory Text--*/
/*--SELF DESCRIPTION--*/
#selfDescription {
  position: relative;
  margin-top: 10%;
}

@media (min-width: 600px) {
  #selfDescription {
    margin-top: -45px;
  }
}

@media (min-width: 1000px) {
  #selfDescription {
    margin-top: 80px;
  }
}

#selfDescription .sliderWrapper {
  position: relative;
  margin: 30px 0 10px;
  /**SLIDER**/
  /**END-SLIDER**/
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper {
    margin: 100px 0 10px;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper {
    margin: 0px 0 90px;
  }
}

#selfDescription .sliderWrapper .swiper-container {
  background-color: #BF9191;
}

#selfDescription .sliderWrapper .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#selfDescription .sliderWrapper .swiper-slide img {
  margin: 0 auto;
  max-height: 400px;
  height: auto;
}

#selfDescription .sliderWrapper .swiper-button-next,
#selfDescription .sliderWrapper .swiper-button-prev {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 18px solid #FFFFFF;
  -webkit-filter: drop-shadow(0px 2px 4px #00000029);
          filter: drop-shadow(0px 2px 4px #00000029);
}

#selfDescription .sliderWrapper .swiper-button-next::after,
#selfDescription .sliderWrapper .swiper-button-prev::after {
  content: none;
}

#selfDescription .sliderWrapper .swiper-button-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

#selfDescription .sliderWrapper .wrapperContainer .borderOrange,
#selfDescription .sliderWrapper .wrapperContainer .titleContainer {
  background-color: #FFDFC0;
}

#selfDescription .sliderWrapper .wrapperContainer .borderOrange {
  height: 40px;
  width: 50%;
  position: absolute;
  top: -22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer .borderOrange {
    width: 30%;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer .borderOrange {
    width: 85%;
    height: 60px;
    top: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

#selfDescription .sliderWrapper .wrapperContainer .titleContainer {
  padding: 20px 8px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer .titleContainer {
    width: 30%;
    height: 204px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 768px) {
  #selfDescription .sliderWrapper .wrapperContainer .titleContainer {
    padding: 20px 8px 40px 10px;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer .titleContainer {
    margin: 0 auto;
    width: 85%;
    height: 160px;
    margin-bottom: 42px;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer .titleContainer h3 br {
    display: none;
  }
}

#selfDescription .sliderWrapper .wrapperContainer .titleContainer h3 .underLine {
  width: 100%;
  height: 2px;
  margin-top: 10px;
  display: block;
  -webkit-box-shadow: 0 2px 2px #00000029;
          box-shadow: 0 2px 2px #00000029;
  background-color: #BF9191;
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer article {
    width: 70%;
    margin-top: 20px;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer article {
    width: 100%;
  }
}

#selfDescription .sliderWrapper .wrapperContainer-Inverted {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer-Inverted {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

#selfDescription .sliderWrapper .toThe-left {
  left: 0;
  margin-right: 50%;
}

#selfDescription .sliderWrapper .toThe-right {
  right: 0;
  margin-left: 50%;
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .toThe-right {
    margin-left: 0;
  }
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer .toThe-left h3 .underLine {
    left: 0;
    width: 75%;
  }
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer .toThe-right h3 .underLine {
    right: 0;
    width: 83%;
  }
}

@media (min-width: 600px) {
  #selfDescription .sliderWrapper .wrapperContainer .toThe-left h3 .underLine,
  #selfDescription .sliderWrapper .wrapperContainer .toThe-right h3 .underLine {
    position: absolute;
  }
}

@media (min-width: 1000px) {
  #selfDescription .sliderWrapper .wrapperContainer .toThe-left h3 .underLine,
  #selfDescription .sliderWrapper .wrapperContainer .toThe-right h3 .underLine {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 85%;
    margin-top: 20px;
  }
}

@media (min-width: 600px) {
  #selfDescription .lastSliderHome {
    margin-top: 70px;
  }
}

@media (min-width: 1000px) {
  #selfDescription .lastSliderHome {
    margin-bottom: 20px;
  }
}

#selfDescription a {
  display: inline;
  border-bottom: 2px solid #BF9191;
}

#selfDescription a:focus, #selfDescription a:active, #selfDescription a:hover {
  color: #BF9191;
}

/*--END SELF DESCRIPTION--*/
/*--BOOK SECTION--*/
#bookSection {
  margin-top: 40px;
}

#bookSection .swiper-container {
  background-color: #BF919170;
}

#bookSection .swiper-container .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#bookSection .swiper-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 10px;
}

#bookSection .swiper-container .swiper-slide img {
  max-width: 140px;
  margin: 0 14px 0 0;
}

@media (min-width: 412px) {
  #bookSection .swiper-container .swiper-slide img {
    margin-right: 22px;
  }
}

@media (min-width: 600px) {
  #bookSection .swiper-container .swiper-slide img {
    max-width: 170px;
    margin-right: 60px;
  }
}

@media (min-width: 1000px) {
  #bookSection .swiper-container .swiper-slide img {
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  #bookSection .swiper-container .swiper-slide img {
    max-width: 230px;
  }
}

#bookSection .swiper-container .swiper-slide h2 {
  margin-left: 0;
  text-align: center;
  color: #BF9191;
  font-family: Oswald_ExtraLight, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  max-width: 130px;
}

@media (min-width: 412px) {
  #bookSection .swiper-container .swiper-slide h2 {
    font-size: 2.2rem;
    max-width: 170px;
  }
}

@media (min-width: 768px) {
  #bookSection .swiper-container .swiper-slide h2 {
    font-size: 2.8rem;
    max-width: 250px;
  }
}

/*--END BOOK SECTION--*/
/*--THERAPIES SECTION--*/
#therapiesSection {
  margin-top: 45px;
  position: relative;
}

#therapiesSection .therapieHeader {
  background-color: #FFDFC0;
  height: 180px;
  width: 100%;
  padding: 20px 50px 0 10px;
}

#therapiesSection .therapieHeader h2 {
  font-family: Oswald_ExtraLight, Arial, sans-serif;
  font-weight: 400;
}

@media (min-width: 600px) {
  #therapiesSection .therapiePrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}

#therapiesSection .therapiePrice img {
  margin-top: -82px;
  width: 300px;
  height: auto;
  max-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

#therapiesSection .therapiePrice p {
  margin: 10px 0 0 20px;
}

@media (min-width: 600px) {
  #therapiesSection .therapiePrice p {
    position: absolute;
    top: 56px;
    left: 0;
  }
}

@media (min-width: 1000px) {
  #therapiesSection .therapiePrice p {
    top: 80px;
  }
}

#therapiesSection article {
  font-size: 1rem;
}

@media (min-width: 360px) {
  #therapiesSection article {
    font-size: 1.1rem;
  }
}

@media (min-width: 600px) {
  #therapiesSection article {
    font-size: 1.2rem;
  }
}

@media (min-width: 1000px) {
  #therapiesSection article {
    font-size: 1.4rem;
  }
}

#therapiesSection article h2 {
  margin: 0;
}

#therapiesSection article h3 {
  color: #2A2A2A;
  font-family: Oswald_SemiBold;
}

@media (min-width: 1000px) {
  #therapiesSection article h3 {
    padding: 0px 48px 30px;
    margin-top: -34px;
  }
}

#therapiesSection article ul {
  list-style-type: disc;
  list-style: disc;
}

#therapiesSection article ol {
  list-style-type: decimal;
  list-style: decimal;
}

#therapiesSection article ul, #therapiesSection article ol {
  margin-left: 20px;
}

#therapiesSection .btnContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
}

@media (min-width: 1000px) {
  #therapiesSection .btnContainer .dynamicBtn:nth-child(1)::after {
    -webkit-animation: dynamicBtnLeft_1 3s infinite;
            animation: dynamicBtnLeft_1 3s infinite;
  }
}

@media (min-width: 1000px) {
  #therapiesSection .btnContainer .dynamicBtn:nth-child(1)::before {
    -webkit-animation: dynamicBtnRight_1 3s infinite;
            animation: dynamicBtnRight_1 3s infinite;
  }
}

#therapiesSection .btnContainer .dynamicBtn:nth-child(2) {
  width: 100px;
}

@media (min-width: 1000px) {
  #therapiesSection .btnContainer .dynamicBtn:nth-child(2) {
    width: 190px;
  }
}

@media (min-width: 1200px) {
  #therapiesSection .btnContainer .dynamicBtn:nth-child(2) {
    margin-left: 170px;
    width: 190px;
  }
}

#therapiesSection .btnContainer .dynamicBtn:nth-child(2)::after {
  -webkit-animation: dynamicBtnLeft2 3s infinite;
          animation: dynamicBtnLeft2 3s infinite;
}

@media (min-width: 1000px) {
  #therapiesSection .btnContainer .dynamicBtn:nth-child(2)::after {
    -webkit-animation: dynamicBtnLeft2_1 3s infinite;
            animation: dynamicBtnLeft2_1 3s infinite;
  }
}

#therapiesSection .btnContainer .dynamicBtn:nth-child(2)::before {
  -webkit-animation: dynamicBtnRight2 3s infinite;
          animation: dynamicBtnRight2 3s infinite;
}

@media (min-width: 1000px) {
  #therapiesSection .btnContainer .dynamicBtn:nth-child(2)::before {
    -webkit-animation: dynamicBtnRight2_1 3s infinite;
            animation: dynamicBtnRight2_1 3s infinite;
  }
}

#therapiesSection .seeMoreTherapies {
  display: none;
}

@media (min-width: 1200px) {
  #therapiesSection .seeMoreTherapies {
    display: block;
  }
}

/*--END THERAPIES SECTION--*/
/*--POPUPs--*/
.popupLightBg {
  padding: 0 20px;
  position: absolute;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #ffffffcf;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  top: 0;
  z-index: 120;
  display: none;
}

.popup {
  background-color: #FFDFC0;
  padding: 40px 30px;
  position: relative;
  width: 100%;
  max-width: 800px;
  min-height: 40vh;
  overflow: scroll;
}

.popup::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .popup {
    padding: 60px;
  }
}

.popup .crossPopup {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .popup .crossPopup {
    top: 20px;
    right: 20px;
  }
}

.popup .crossPopup svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .popup .crossPopup svg {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 1000px) {
  .popup .crossPopup svg:hover g rect {
    fill: #4c4c4c;
  }
}

.popup .dynamicBtn {
  padding: 10px 0;
  width: 94px;
  margin: 10px auto 0 auto;
}

.popup .dynamicBtn::after {
  -webkit-animation: dynamicBtnPopUp_L 3s infinite;
          animation: dynamicBtnPopUp_L 3s infinite;
}

.popup .dynamicBtn::before {
  -webkit-animation: dynamicBtnPopUp_R 3s infinite;
          animation: dynamicBtnPopUp_R 3s infinite;
}

@media (min-width: 768px) {
  .popup .dynamicBtn {
    width: 180px;
    font-size: 1.1rem;
  }
  .popup .dynamicBtn::after {
    -webkit-animation: dynamicBtnPopUp_L1 3s infinite;
            animation: dynamicBtnPopUp_L1 3s infinite;
  }
  .popup .dynamicBtn::before {
    -webkit-animation: dynamicBtnPopUp_R1 3s infinite;
            animation: dynamicBtnPopUp_R1 3s infinite;
  }
}

.therapyForm h3 {
  font-family: Oswald_Regular, Arial, sans-serif;
  color: #2A2A2A;
  text-align: right;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .therapyForm h3 {
    font-size: 2.5rem;
  }
}

.therapyForm form {
  margin-top: 20px;
}

.therapyForm form button:focus {
  outline: 0;
}

.therapyForm form input[type="date"] {
  padding-right: 14px;
}

.therapyForm form .dateContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  /*.errorMsg{
                position: absolute;
                top     : 48px;
                width   : 50%;
            }*/
}

.therapyForm form .dateContainer input:nth-child(2) {
  width: 50%;
  max-width: 80px;
  padding-right: 10px;
}

.popover.clockpicker-popover.top.clockpicker-align-right .text-primary {
  color: #BF9191 !important;
}

.popover.clockpicker-popover.top.clockpicker-align-right .popover-content {
  padding: 9px;
}

.datepicker.datepicker-dropdown {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled],
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background: #BF9191;
}

.confirmMsg {
  display: none;
}

/*--END POPUPs--*/
/*--ERROR MSG--*/
.errorMsg {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #BF9191;
  color: #fff;
  position: relative;
  padding: 5px 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .errorMsg {
    margin-bottom: 20px;
  }
}

.errorMsg::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #BF9191;
  position: absolute;
  top: -10px;
  left: 5px;
}

textarea + .errorMsg {
  margin-top: -10px;
  margin-bottom: 20px;
}

/*--BLOG SECTION--*/
#blogSection {
  margin-top: 20px;
  overflow: hidden;
}

@media (min-width: 830px) {
  #blogSection {
    margin: 20px -5px 0 -5px;
  }
}

@media (min-width: 560px) {
  #blogSection .blogWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -5px;
  }
}

@media (min-width: 560px) and (min-width: 830px) {
  #blogSection .blogWrapper {
    margin: 0;
  }
}

@media (min-width: 560px) {
  #blogSection .blogWrapper a {
    height: 100%;
  }
}

#blogSection .blogWrapper .blogArticle {
  -webkit-box-shadow: 0 3px 6px #00000029;
          box-shadow: 0 3px 6px #00000029;
  margin-bottom: 10px;
}

@media (min-width: 560px) {
  #blogSection .blogWrapper .blogArticle {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
  }
}

#blogSection .blogWrapper .blogArticle img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%);
  position: relative;
}

@media (min-width: 320px) and (max-width: 559px) {
  #blogSection .blogWrapper .blogArticle img {
    max-height: 200px;
  }
}

#blogSection .blogWrapper .blogArticle .summaryHeader {
  position: relative;
}

#blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  z-index: 1;
}

#blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle h3,
#blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle time {
  color: #2A2A2A;
  background: #fff;
  width     : fit-content;
  height    : fit-content;
  padding   : 10px;
}

#blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle h3 {
  margin-bottom: 6px;
  font-size: 2rem;
  font-family: Oswald_Medium, Arial, sans-serif;
}

@media (min-width: 412px) {
  #blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle h3 {
    font-size: 2.3rem;
  }
}

#blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle time {
  text-align: right;
  display: block;
  font-size: 0.9rem;
}

@media (min-width: 412px) {
  #blogSection .blogWrapper .blogArticle .summaryHeader .summaryTitle time {
    font-size: 1.1rem;
  }
}

#blogSection .blogWrapper .blogArticle .summaryBody {
  padding: 20px;
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle .summaryBody p {
    font-size: 1rem;
  }
}

#blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

#blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer .dynamicBtn {
  margin: 0;
}

@media (min-width: 412px) {
  #blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer .dynamicBtn {
    width: 130px;
  }
  #blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer .dynamicBtn::after {
    -webkit-animation: dynamicBtnBlog_L 3s infinite;
            animation: dynamicBtnBlog_L 3s infinite;
  }
  #blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer .dynamicBtn::before {
    -webkit-animation: dynamicBtnBlog_R 3s infinite;
            animation: dynamicBtnBlog_R 3s infinite;
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer .dynamicBtn {
    display: none;
  }
}

#blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer p {
  font-size: 0.8rem;
}

#blogSection .blogWrapper .blogArticle .summaryBody .btnCommentsContainer p span {
  font-weight: 700;
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+1) {
    width: calc(45% - 10px);
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+1) img {
    max-height: 300px;
    height: 200px;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+1) .summaryHeader .summaryTitle {
    left: 0;
    padding: 0 20px 10px;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+1) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+1) .summaryHeader .summaryTitle time {
    text-align: left;
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+2) {
    width: calc(55% - 10px);
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+2) img {
    max-height: 150px;
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+3) {
    width: calc(60% - 10px);
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+4) {
    width: calc(40% - 10px);
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+2) .summaryHeader, #blogSection .blogWrapper .blogArticle:nth-child(7n+3) .summaryHeader, #blogSection .blogWrapper .blogArticle:nth-child(7n+4) .summaryHeader, #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader {
    position: static;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+2) .summaryHeader::after, #blogSection .blogWrapper .blogArticle:nth-child(7n+3) .summaryHeader::after, #blogSection .blogWrapper .blogArticle:nth-child(7n+4) .summaryHeader::after, #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader::after, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader::after {
    content: none;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+2) .summaryHeader .summaryTitle, #blogSection .blogWrapper .blogArticle:nth-child(7n+3) .summaryHeader .summaryTitle, #blogSection .blogWrapper .blogArticle:nth-child(7n+4) .summaryHeader .summaryTitle, #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader .summaryTitle, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader .summaryTitle {
    position: static;
    padding: 20px 20px 0;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+2) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+2) .summaryHeader .summaryTitle time, #blogSection .blogWrapper .blogArticle:nth-child(7n+3) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+3) .summaryHeader .summaryTitle time, #blogSection .blogWrapper .blogArticle:nth-child(7n+4) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+4) .summaryHeader .summaryTitle time, #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader .summaryTitle time, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader .summaryTitle time {
    color: #2A2A2A;
    text-align: left;
    padding     : 0;
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+5), #blogSection .blogWrapper .blogArticle:nth-child(7n+6), #blogSection .blogWrapper .blogArticle:nth-child(7n+7) {
    width: calc(100% / 3 - 10px);
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+6) .summaryHeader .summaryTitle {
    padding: 0 20px 10px;
  }
}

@media (min-width: 700px) {
  #blogSection .blogWrapper .blogArticle:nth-child(7n+5), #blogSection .blogWrapper .blogArticle:nth-child(7n+7) {
    position: relative;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader img, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader img {
    max-height: 100%;
    height: initial;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader .summaryTitle, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader .summaryTitle {
    padding: 20px 20px 0;
  }
  #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+5) .summaryHeader .summaryTitle time, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader .summaryTitle h3, #blogSection .blogWrapper .blogArticle:nth-child(7n+7) .summaryHeader .summaryTitle time {
    color: #2A2A2A;
    text-align: left;
  }
}

/********* Search ********/
.notFound {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.notFound svg {
  height: 70px;
  width: 70px;
  margin: 30px 0 20px;
}

@media (min-width: 768px) {
  .notFound svg {
    height: 100px;
    width: 100px;
    margin: 40px 0 30px;
  }
}

.search {
  position: relative;
  padding: 20px;
}

@media (min-width: 560px) {
  .search label {
    font-size: 1.3rem;
  }
}

.search label input {
  margin-top: 4px;
}

.search button {
  position: absolute;
  height: 33px;
  width: 40px;
  bottom: 27px;
  right: 22px;
  background: #FFFFFF;
  cursor: pointer;
}

@media (min-width: 500px) {
  .search button {
    height: 37px;
  }
}

@media (min-width: 1000px) {
  .search button {
    bottom: 31px;
    height: 41px;
  }
}

.search button svg {
  margin-top: 4px;
  height: 20px;
  width: 20px;
}

@media (min-width: 1000px) {
  .search button svg {
    height: 25px;
    width: 25px;
  }
}

/*--END BLOG SECTION--*/
/*--BLOG VIEW--*/
#blogView {
  margin-top: 80px;
}

#blogView .blogHeader {
  text-align: left;
}

#blogView .blogHeader h1 {
  font-size: 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

@media (min-width: 700px) {
  #blogView .blogHeader h1 {
    font-size: 4rem;
  }
}

#blogView .blogHeader time {
  display: block;
  margin-top: 10px;
}

@media (min-width: 700px) {
  #blogView .blogHeader time {
    font-size: 1rem;
    margin-top: 14px;
  }
}

#blogView img {
  width: 100%;
  max-width: 800px;
  max-height: 400px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1000px) {
  #blogView img {
    max-height: 900px;
  }
}

#blogView .textContainer {
  margin-top: 30px;
}

#blogView .textContainer ul {
  list-style: disc;
}

#blogView .textContainer ol {
  list-style: decimal;
}

#blogView .textContainer ul, #blogView .textContainer ol {
  padding: 20px;
}

@media (min-width: 500px) {
  #blogView .textContainer ul, #blogView .textContainer ol {
    padding: 20px 30px;
  }
}

#blogView .textContainer ol, #blogView .textContainer ul, #blogView .textContainer p {
  font-size: 1rem !important;
  color: #707070;
}

@media (min-width: 360px) {
  #blogView .textContainer ol, #blogView .textContainer ul, #blogView .textContainer p {
    font-size: 1.1rem !important;
  }
}

@media (min-width: 600px) {
  #blogView .textContainer ol, #blogView .textContainer ul, #blogView .textContainer p {
    font-size: 1.2rem !important;
  }
}

@media (min-width: 1000px) {
  #blogView .textContainer ol, #blogView .textContainer ul, #blogView .textContainer p {
    font-size: 1.4rem !important;
  }
}

#blogView .dynamicBtn {
  margin: 10px auto 10px;
}

#blogView .popupLightBg textarea + .errorMsg {
  margin-top: 5px;
}

/*--END BLOG VIEW--*/
/*--CONTACTS SECTION--*/
#contactSection {
  margin-top: 50px;
}

#contactSection form {
  margin: 20px auto 0;
  width: 70%;
}

@media (min-width: 768px) {
  #contactSection form {
    margin-top: 70px;
  }
}

#contactSection form input {
  margin-bottom: 10px;
}

#contactSection form input,
#contactSection form textarea {
  font-size: 0.9rem;
}

@media (min-width: 360px) {
  #contactSection form input,
  #contactSection form textarea {
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) {
  #contactSection form input,
  #contactSection form textarea {
    font-size: 1.2rem;
    padding: 10px 0 10px 6px;
  }
}

#contactSection form textarea {
  min-height: 100px;
  margin-bottom: 20px;
}

/*--END CONTACTS SECTION--*/
#blogSection .dynamicBtn,
#contactSection .dynamicBtn,
#seeMoreBlog .dynamicBtn,
#sucessMsg .dynamicBtn {
  padding: 10px 0;
  width: 94px;
  margin: 10px auto 0 auto;
}

#blogSection .dynamicBtn::after,
#contactSection .dynamicBtn::after,
#seeMoreBlog .dynamicBtn::after,
#sucessMsg .dynamicBtn::after {
  -webkit-animation: dynamicBtnPopUp_L 3s infinite;
          animation: dynamicBtnPopUp_L 3s infinite;
}

#blogSection .dynamicBtn::before,
#contactSection .dynamicBtn::before,
#seeMoreBlog .dynamicBtn::before,
#sucessMsg .dynamicBtn::before {
  -webkit-animation: dynamicBtnPopUp_R 3s infinite;
          animation: dynamicBtnPopUp_R 3s infinite;
}

@media (min-width: 768px) {
  #blogSection .dynamicBtn,
  #contactSection .dynamicBtn,
  #seeMoreBlog .dynamicBtn,
  #sucessMsg .dynamicBtn {
    width: 180px;
    font-size: 1.1rem;
  }
  #blogSection .dynamicBtn::after,
  #contactSection .dynamicBtn::after,
  #seeMoreBlog .dynamicBtn::after,
  #sucessMsg .dynamicBtn::after {
    -webkit-animation: dynamicBtnPopUp_L1 3s infinite;
            animation: dynamicBtnPopUp_L1 3s infinite;
  }
  #blogSection .dynamicBtn::before,
  #contactSection .dynamicBtn::before,
  #seeMoreBlog .dynamicBtn::before,
  #sucessMsg .dynamicBtn::before {
    -webkit-animation: dynamicBtnPopUp_R1 3s infinite;
            animation: dynamicBtnPopUp_R1 3s infinite;
  }
}

/*--SEE MORE BLOG--*/
#seeMoreBlog h2 {
  margin: 40px 0 0;
  font-size: 1.3rem;
}

@media (min-width: 412px) {
  #seeMoreBlog h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 700px) {
  #seeMoreBlog h2 {
    font-size: 1.8rem;
    margin: 40px 0 10px;
  }
}

@media (min-width: 1000px) {
  #seeMoreBlog h2 {
    font-size: 2rem;
  }
}

#seeMoreBlog .seeMoreView {
  margin: 10px 0;
}

#seeMoreBlog .flexWrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}

#seeMoreBlog .flexWrap .miniPost .postHeader {
  position: relative;
}

#seeMoreBlog .flexWrap .miniPost .postHeader::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

#seeMoreBlog .flexWrap .miniPost .postHeader .postTitle {
  position: absolute;
  bottom: 10px;
  left: 10px;
  -webkit-transition: 0.34s all ease-in-out;
  transition: 0.34s all ease-in-out;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}

@media (min-width: 600px) {
  #seeMoreBlog .flexWrap .miniPost .postHeader .postTitle {
    bottom: 20px;
    left: 20px;
  }
}

#seeMoreBlog .flexWrap .miniPost .postHeader img {
  width: 100%;
  height: 120px;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(20%);
          filter: grayscale(20%);
}

@media (min-width: 600px) {
  #seeMoreBlog .flexWrap .miniPost .postHeader img {
    height: 100%;
  }
}

#seeMoreBlog .flexWrap .miniPost .postHeader h3 {
  font-family: Oswald_Medium, Arial, sans-serif;
  font-size: 1.3rem;
  margin-bottom: 4px;
}

@media (min-width: 412px) {
  #seeMoreBlog .flexWrap .miniPost .postHeader h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 600px) {
  #seeMoreBlog .flexWrap .miniPost .postHeader h3 {
    font-size: 1.7rem;
  }
}

@media (min-width: 768px) {
  #seeMoreBlog .flexWrap .miniPost .postHeader h3 {
    font-size: 1.9rem;
  }
}

#seeMoreBlog .flexWrap .miniPost .postHeader time {
  font-size: 0.7rem;
}

@media (min-width: 600px) {
  #seeMoreBlog .flexWrap .miniPost .postHeader time {
    font-size: 0.8rem;
  }
}

#seeMoreBlog .flexWrap .miniPost .postHeader h3, #seeMoreBlog .flexWrap .miniPost .postHeader time {
  display: block;
  margin-right: 10px;
  color: #ffffff;
}

#seeMoreBlog .dynamicBtn {
  margin: 30px auto 0;
}

/*--SUCESS MSG--*/
#sucessMsg {
  position: relative;
  height: 70vh;
}

#sucessMsg .sucessMsgContainer {
  padding: 40px;
  background-color: #FFDFC0;
  position: absolute;
  height: 40vh;
  width: 90%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

#sucessMsg .sucessMsgContainer h1 {
  margin: 0 0 30px;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 4px solid #BF9191;
}

@media (min-width: 600px) {
  #sucessMsg .sucessMsgContainer h1 {
    font-size: 2rem;
  }
}

@media (min-width: 900px) {
  #sucessMsg .sucessMsgContainer h1 {
    font-size: 3rem;
    margin: 0 0 40px;
  }
}

@media (min-width: 600px) {
  #sucessMsg .sucessMsgContainer p {
    font-size: 1.4rem;
  }
}

@media (min-width: 900px) {
  #sucessMsg .sucessMsgContainer p {
    font-size: 1.6rem;
  }
}

#sucessMsg .sucessMsgContainer .dynamicBtn {
  margin-top: 20px;
  font-weight: 700;
}

@media (min-width: 600px) {
  #sucessMsg .sucessMsgContainer .dynamicBtn {
    margin-top: 40px;
  }
}

/*--COMMENTS BLOG--*/
#commentsBlogs {
  margin: 30px auto 0;
  max-width: 400px;
  padding: 0 34px;
}

@media (min-width: 412px) {
  #commentsBlogs {
    margin: 40px auto 0;
  }
}

@media (min-width: 700px) {
  #commentsBlogs {
    margin: 60px auto 0;
  }
}

#commentsBlogs h3 {
  text-align: center;
  color: #2A2A2A;
  font-size: 1.3rem;
  margin-bottom: 24px;
}

@media (min-width: 412px) {
  #commentsBlogs h3 {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
}

@media (min-width: 700px) {
  #commentsBlogs h3 {
    font-size: 1.8rem;
    margin-bottom: 50px;
  }
}

@media (min-width: 1000px) {
  #commentsBlogs h3 {
    font-size: 2rem;
  }
}

#commentsBlogs .comments h4 {
  color: #2A2A2A;
  font-size: 1rem;
  font-weight: 700;
}

#commentsBlogs .comments time {
  font-size: 0.8rem;
}

#commentsBlogs .comments p {
  margin: 10px 0 40px;
  font-size: 0.9rem;
}

#commentsBlogs .comments + .comments {
  border-left: 2px solid #BF9191;
  padding-left: 10px;
  margin: 30px 0 0 30px;
}

@media (min-width: 500px) {
  #commentsBlogs .separatorElement {
    width: 300px;
  }
}

/*--FOOTER--*/
footer {
  margin: 40px 20px 0;
}

@media (min-width: 1000px) {
  footer {
    margin: 40px 0 0;
  }
}

footer p, footer a {
  font-size: 0.7rem;
}

@media (min-width: 500px) {
  footer p, footer a {
    font-size: 0.8rem;
  }
}

@media (min-width: 768px) {
  footer p, footer a {
    font-size: 0.9rem;
  }
}

@media (min-width: 600px) {
  footer .followUpClaim {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
  }
}

footer .socialMedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -20px;
  margin: 10px 0 -20px;
}

@media (min-width: 500px) {
  footer .socialMedia {
    margin: 20px 0 -20px;
  }
}

@media (min-width: 600px) {
  footer .socialMedia {
    margin: 20px auto -20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 1000px) {
  footer .socialMedia {
    margin: 20px auto -26px;
  }
}

@media (min-width: 600px) {
  footer .socialMedia a:nth-child(1) svg {
    margin-left: 0;
  }
}

footer .socialMedia svg {
  width: 30px;
  height: 30px;
  margin-left: 10px;
}

@media (min-width: 600px) {
  footer .socialMedia svg {
    width: 40px;
    height: 40px;
  }
}

footer .copyRights {
  background-color: #FFDFC0;
}

footer .copyRights .rightsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 26px 20px 10px;
  max-width: 1200px;
  margin: 0 auto;
}

@media (min-width: 412px) {
  footer .copyRights .rightsContainer {
    padding: 20px 20px 10px;
  }
}

@media (min-width: 500px) {
  footer .copyRights .rightsContainer {
    padding: 20px;
  }
}

@media (min-width: 600px) {
  footer .copyRights .rightsContainer {
    padding: 10px 30px;
  }
}

@media (min-width: 1000px) {
  footer .copyRights .rightsContainer {
    padding: 18px 30px;
  }
}

footer .copyRights p {
  text-align: center;
}

@media (min-width: 412px) {
  footer .copyRights p br {
    display: none;
  }
}

@media (min-width: 600px) {
  footer .copyRights p br {
    display: block;
  }
}

@media (min-width: 768px) {
  footer .copyRights p br {
    display: none;
  }
}

footer .copyRights .middleLine {
  height: 25px;
  width: 1px;
  background-color: #707070;
}

@media (min-width: 600px) {
  footer .copyRights .middleLine {
    display: none;
  }
}

footer .div4dig {
  margin: 20px -20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1000px) {
  footer .div4dig {
    margin: 20px 0 10px;
  }
}

@media (min-width: 500px) {
  footer .div4dig svg {
    width: 50px;
    height: 40px;
  }
}

footer .div4dig div {
  background-color: #FFDFC0;
  height: 2px;
  width: 20vw;
}

footer .div4dig p {
  margin: 0 4px;
}

@media (min-width: 500px) {
  footer .div4dig p {
    margin: 0 14px;
  }
}

/*--END FOOTER--*/
.error404 {
  background-color: #D0FFDD;
}

.errorPage {
  min-height: 100vh;
  margin: 0 auto;
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.errorPage .logo {
  max-width: 200px;
  margin: 20px 0;
}

@media (min-width: 1200px) {
  .errorPage .logo {
    max-width: 280px;
    margin-bottom: 30px;
  }
}

.errorPage .errorTitle {
  color: #707070;
  font-size: 6rem;
}

@media (min-width: 1000px) {
  .errorPage .errorTitle {
    font-size: 9rem;
  }
}

.errorPage p {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .errorPage p {
    font-size: 1.6rem;
  }
}

.errorPage .flexWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: 20px;
}

@media (min-width: 1200px) {
  .errorPage .flexWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.errorPage .flexWrapper .line {
  width: 100%;
  height: 1px;
  background-color: #70707060;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .errorPage .flexWrapper .line {
    display: none;
  }
}

@media (min-width: 1200px) {
  .errorPage .flexWrapper div {
    width: calc(100% / 3 - 20px);
  }
  .errorPage .flexWrapper div:nth-child(3) {
    height: 260px;
    margin: 0 30px;
    padding: 0 30px;
    border-left: 1px solid #70707060;
    border-right: 1px solid #70707060;
  }
}

.errorPage .flexWrapper h2 {
  color: #BF9191;
  margin: 0 0 15px;
}

@media (min-width: 1200px) {
  .errorPage .flexWrapper h2 {
    margin: 10px 0 30px;
  }
}

/*****Social Network*****/
.networkContainer {
  position: absolute;
  top: 174px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-left: 534px;
  display: none;
  max-height: 700px;
  overflow-y: scroll;
}

@media (min-width: 1300px) {
  .networkContainer {
    display: block;
  }
}

.instagram-media.instagram-media-rendered {
  max-width: 250px !important;
  min-width: 250px !important;
  margin-bottom: 20px;
}
/*# sourceMappingURL=css.css.map */