@media (min-width: 901px) {
  nav:not(.navbar-left) ul.navbar-nav li ul {
    opacity: 0;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(1) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(2) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(3) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(4) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 450ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(5) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 600ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(6) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(7) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 900ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(8) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1050ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(9) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1200ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(10) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1350ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(11) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(12) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1650ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(13) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(14) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 1950ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(15) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 2100ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(16) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 2250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(17) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 2400ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(18) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 2550ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(19) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 2700ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav:not(.navbar-left) ul.navbar-nav li ul:nth-child(20) {
    animation-name: menu1;
    animation-duration: 200ms;
    animation-delay: 2850ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  @keyframes menu1 {
    0% {
      opacity: 0;
      transform: translateY(-50px);
    }
    100% {
      opacity: 1;
      transform: translateY(0px);
    }
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul {
    opacity: 0;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(1) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(2) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 150ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(3) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 300ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(4) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 450ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(5) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 600ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(6) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(7) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 900ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(8) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1050ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(9) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1200ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(10) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1350ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(11) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(12) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1650ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(13) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(14) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 1950ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(15) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 2100ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(16) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 2250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(17) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 2400ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(18) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 2550ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(19) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 2700ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  nav.navbar-left:not(.one-column) ul.navbar-nav li ul:nth-child(20) {
    animation-name: menu2;
    animation-duration: 200ms;
    animation-delay: 2850ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  @keyframes menu2 {
    0% {
      opacity: 0;
      transform: translateX(-100px);
    }
    100% {
      opacity: 1;
      transform: translateX(0px);
    }
  }
}
* {
  box-sizing: border-box;
  font-family: "Lora", sans-serif;
}

h1.title span, span.title span, span.title2, h1, h2, h3, h4 {
  font-family: "Tillana", cursive;
  font-weight: bold;
}

h1 {
  font-size: 22px;
  margin-top: 0px;
}

h2 {
  font-size: 18px;
}

html {
  height: 100%;
}

body {
  margin: 0;
  width: 100%;
  min-height: 100%;
}

@media (min-width: 901px) {
  body {
    background-color: #aac393;
  }
  body.bg_image {
    background-image: url("../images/bg_grass.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}
div.main, div.main2, div.main3, div.main4 {
  position: relative;
  text-align: center;
}

div.main2 {
  margin-top: 40px;
}

div.main4 {
  margin-top: 40px;
  margin-bottom: 30px;
}

div.main {
  margin-top: 0px;
}

div.main3 {
  height: 55px;
}

@media (max-width: 900px) {
  div.main3 {
    left: 0;
  }
}
@media (min-width: 901px) {
  div.main3 {
    width: 100%;
  }
  div.main3 .left, div.main3 .right {
    white-space: nowrap;
  }
  div.main3.animated span.title2.left {
    position: absolute;
    left: -100%;
    animation: slideInFromLeft 2s 1.5s forwards;
  }
  div.main3.animated span.title2.right {
    position: absolute;
    right: -100%;
    animation: slideInFromRight 2s 1.5s forwards;
  }
}
@keyframes slideInFromLeft {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes slideInFromRight {
  0% {
    right: -100%;
  }
  100% {
    right: 0%;
  }
}
@keyframes fade {
  0% {
    font-size: 42px;
  }
  66% {
    font-size: 38px;
  }
  100% {
    font-size: 42px;
  }
}
.main-button, .small-button {
  color: #eeeeee;
  border: 1px solid #ffffff;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.2s;
  box-shadow: 0px 0px 4px 2px #111111;
  background-color: #1a6119;
  font-family: "Lora", sans-serif;
}

.main-button {
  padding: 12px;
  text-decoration: none;
}

.small-button {
  font-size: 20px;
  padding: 8px;
}

@media (min-width: 901px) {
  .main-button.animated {
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 3.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main-button:hover, .small-button:hover {
  background-color: #bebebe;
  color: #1a6119;
  font-weight: bold;
  text-shadow: 0px 0px 2px #ffffff;
}

@media (min-width: 901px) {
  h1.title span, span.title span {
    display: inline-block;
  }
  h1.title.animated span {
    animation: down 2s;
  }
}
h1.title, span.title, span.title2 {
  text-shadow: 0px 0px 10px #000000;
  color: #ffffff;
}

@media (max-width: 900px) {
  h1.title, span.title {
    font-size: 22px;
  }
  span.title2 {
    font-size: 20ppx;
  }
  .main-button {
    font-size: 25px;
  }
  div.main2 {
    margin-bottom: 45px;
  }
}
@media (min-width: 901px) {
  h1.title.animated span, span.title span {
    opacity: 0;
  }
  h1.title, span.title {
    font-size: 42px;
  }
  h1.title.animated span:nth-child(1), span.title span:nth-child(1) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(2), span.title span:nth-child(2) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(3), span.title span:nth-child(3) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(4), span.title span:nth-child(4) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(5), span.title span:nth-child(5) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 1000ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(6), span.title span:nth-child(6) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 1250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(7), span.title span:nth-child(7) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 1500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(8), span.title span:nth-child(8) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 1750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(9), span.title span:nth-child(9) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 2000ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(10), span.title span:nth-child(10) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 2250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(11), span.title span:nth-child(11) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 2500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(12), span.title span:nth-child(12) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 2750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(13), span.title span:nth-child(13) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 3000ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(14), span.title span:nth-child(14) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 3250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(15), span.title span:nth-child(15) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 3500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(16), span.title span:nth-child(16) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 3750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(17), span.title span:nth-child(17) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 4000ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(18), span.title span:nth-child(18) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 4250ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(19), span.title span:nth-child(19) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 4500ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  h1.title.animated span:nth-child(20), span.title span:nth-child(20) {
    animation-name: down;
    animation-duration: 2000ms;
    animation-delay: 4750ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  span.title2 {
    font-size: 30px;
  }
  .main-button {
    font-size: 28px;
  }
  div.main2 {
    margin-bottom: 60px;
  }
}
@keyframes down {
  0% {
    transform: translateY(-600px);
  }
  40% {
    transform: translateY(15px);
  }
  60% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
p.stars {
  line-height: 20px;
}

span.space {
  display: inline-block;
  width: 12px;
}

div.test div {
  width: 80%;
  height: 120px;
  border: 0;
}

div.test::after {
  content: "";
  display: inline-block;
  width: 0px;
  height: 20px;
  background-color: #ff8822;
  position: relative;
  transition: width 0.4s;
  left: 50%;
  transform: translateX(-50%);
}

div.test:hover::after {
  width: 95%;
}

div.content {
  width: 100%;
}

div.content.main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 900px) {
  div.content {
    padding: 25px 25px 20px 25px;
  }
  div.content.main-content {
    height: calc(100vh - 50px);
  }
  div.content:first-child, div.content.main-margin {
    margin-top: 50px;
  }
  div.content:last-child {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 901px) {
  div.content:nth-child(2) {
    padding: 30px 0px 30px 0px;
  }
  div.content {
    border-radius: 25px;
    box-shadow: 0px 0px 25px #000000 inset;
    border: 1px solid #303030;
  }
  div.content.main-content {
    height: calc(100vh - 95px);
  }
}
div.content:nth-child(4n) {
  background-color: #cceacc;
}
div.content:nth-child(4n) .normal-text, div.content:nth-child(4n) h1, div.content:nth-child(4n) h2, div.content:nth-child(4n) h3, div.content:nth-child(4n) h4, div.content:nth-child(4n) .contact-title, div.content:nth-child(4n) .contact-value {
  color: #000000;
}

div.content:nth-child(4n+2) {
  background-color: #669666;
}
div.content:nth-child(4n+2) .normal-text, div.content:nth-child(4n+2) h1, div.content:nth-child(4n+2) h2, div.content:nth-child(4n+2) h3, div.content:nth-child(4n+2) h4, div.content:nth-child(4n+2) .contact-title, div.content:nth-child(4n+2) .contact-value {
  color: #ffffff;
}

.content-title {
  margin-bottom: 35px;
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

div#main {
  z-index: -1;
}

.clear {
  clear: both;
}

@media (max-width: 900px) {
  .normal-text, .normal-text li {
    line-height: 30px;
  }
}
@media (min-width: 901px) {
  .normal-text, .normal-text li {
    line-height: 40px;
  }
}
.normal-text, .normal-text li {
  font-family: "Lora", serif;
  font-size: 18px;
  text-align: justify;
}

.contact-title {
  display: inline-block;
  margin-bottom: 15px;
  width: 100px;
}

.contact-email {
  color: #ffffff;
}

.contact-message {
  width: 100%;
  margin-bottom: 20px;
  padding: 13px;
  font-size: 16px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .contact-message {
    min-height: 150px;
  }
}
@media (min-width: 901px) {
  .contact-message {
    min-height: 300px;
  }
}
input[type=text], input[type=email], .contact-message {
  box-shadow: 0px 0px 10px #000000 inset;
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 8px;
}

span.response {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 110%;
}

.success {
  color: #00ff00;
}

.error {
  color: #ff0000;
}

@media (max-width: 900px) {
  .big-container {
    width: 100%;
    margin-top: 50px;
  }
  .contact-message-left {
    width: 100%;
  }
  .contact-message-right {
    width: 100%;
  }
  .contact-message-right input {
    margin-bottom: 15px;
    width: calc(100% - 110px);
  }
  .contact-your-avail {
    width: 100%;
    font-size: 115%;
    margin-bottom: 25px;
    font-weight: bold;
  }
}
@media (min-width: 901px) {
  .contact-message-left {
    width: 60%;
    float: left;
  }
  .contact-message-right {
    width: 36%;
    float: right;
  }
  .contact-message-right input {
    margin-bottom: 15px;
    width: 90%;
  }
  .contact-your-avail {
    width: 100%;
    font-size: 115%;
    margin-top: 35px;
    margin-bottom: 25px;
    font-weight: bold;
  }
  .big-container {
    width: 90%;
    max-width: 900px;
    margin: 60px auto auto auto;
    overflow: hidden;
  }
  .nicescroll-rails {
    border-left: 1px solid #cccccc;
  }
}
.smaller {
  font-size: 12px;
}

.red-star {
  color: #ff0000;
  font-size: 16px;
}

a.red-star {
  text-decoration: none;
}

input[type=text]:focus, input[type=email]:focus, .contact-message:focus {
  box-shadow: 0px 0px 5px 2px #009900;
}

@media (min-width: 901px) {
  body.black-white .content, body.black-white div.main, body.black-white .normal-text, body.black-white h1, body.black-white h2, body.black-white h3, body.black-white h4, body.black-white .contact-title, body.black-white .contact-value, body.black-white .contact-email, body.black-white span.title, body.black-white span.title2 {
    color: #000000 !important;
  }
  body.black-white .content {
    background-color: #ffffff !important;
  }
  body.black-white input[type=text], body.black-white input[type=email], body.black-white .contact-message {
    background-color: #eeeeee;
  }
  body.black-white h1.title, body.black-white span.title, body.black-white span.title2 {
    text-shadow: none;
  }
  body.transparent .content, body.transparent div.main, body.transparent .normal-text, body.transparent h1, body.transparent h2, body.transparent h3, body.transparent h4, body.transparent .contact-title, body.transparent .contact-value, body.transparent .contact-email, body.transparent span.title, body.transparent span.title2 {
    color: #000000 !important;
  }
  body.transparent .content {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  body.transparent input[type=text], body.transparent input[type=email], body.transparent .contact-message {
    background-color: #eeeeee;
  }
  body.transparent h1.title, body.transparent span.title, body.transparent span.title2 {
    text-shadow: none;
  }
  body.no-box-shadow .content {
    box-shadow: none;
  }
}
footer {
  width: 100%;
  height: 50px;
  box-shadow: 0 -1px 10px #111;
}

div.share-buttons {
  position: absolute;
  height: 40px;
  margin: 5px 5px 5px 5px;
  right: 0%;
}

div.rights {
  position: absolute;
  height: 50px;
  max-width: 50%;
  display: flex;
  align-items: center;
}

@media (max-width: 900px) {
  footer {
    background-color: #5ea547;
    margin-top: 0;
  }
  div.rights {
    left: 6px;
    font-size: 10px;
  }
}
@media (min-width: 901px) {
  footer {
    background-color: #eeeeee;
    margin-top: 20px;
  }
  div.rights {
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
  }
}
.share-button {
  display: inline-block;
  background-size: cover;
  height: 40px;
  width: 40px;
  border: 1px solid #888888;
}

#facebook {
  background-image: url("../images/share/Facebook.png");
}

#google_plus {
  background-image: url("../images/share/Google_plus.png");
}

#pinterest {
  background-image: url("../images/share/Pinterest.png");
}

#twitter {
  background-image: url("../images/share/Twitter.png");
}

#facebook:hover {
  background-image: url("../images/share/Facebook_hover.png");
}

#google_plus:hover {
  background-image: url("../images/share/Google_plus_hover.png");
}

#pinterest:hover {
  background-image: url("../images/share/Pinterest_hover.png");
}

#twitter:hover {
  background-image: url("../images/share/Twitter_hover.png");
}

.ref:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 3px dashed #555555;
}

.ref p.normal-text {
  line-height: 25px;
}

.ref-title {
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.ref-title a {
  color: #000000;
}

.ref-subtitle {
  font-weight: bold;
}

.ref-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block;
}
.ref-image img {
  width: 100%;
}

.link_to_scroll {
  opacity: 0;
}

@media (max-width: 900px) {
  .ref-details {
    text-align: center;
  }
  .ref-texts {
    display: none;
  }
  .ref-title {
    margin-bottom: 35px;
  }
  .ref:nth-child(2) .ref-title {
    margin-top: -10px;
  }
  .ref:not(:nth-child(2)) .ref-title {
    margin-top: 25px;
  }
  .ref-more {
    font-style: italic;
    margin: 30px 0 15px 0;
    cursor: pointer;
  }
}
@media (min-width: 901px) {
  .ref-texts {
    width: 50%;
  }
  .ref-image {
    width: calc(50% - 15px);
    float: right;
    padding-left: 15px;
    height: 100%;
    min-height: 400px;
  }
  .ref-image img {
    width: 100%;
  }
  .ref-texts {
    float: left;
    padding-right: 15px;
  }
  .ref-title {
    margin-top: 35px;
    margin-bottom: 40px;
  }
  .ref-more {
    display: none;
  }
}
#loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/images/loader/Preloader_7.gif) center no-repeat #fff;
}

#contact_modal_error {
  display: none;
}/*# sourceMappingURL=main.css.map */