* {
  box-sizing: border-box;
}
body {
  font-size: 16px;
  font-family: 'Fira Sans', sans-serif;
  color: #705d54;
}
a {
  color: #fff;
  font-size: 22px;
}
a:hover,
a:focus {
  color: #cdc2d9;
  text-decoration: none
}
h1 {
  font-family: 'Courgette', cursive;
  font-size: 3.7em;
  color: #8b7991;
}
img {
  margin: 0 auto 60px;
  width: 100%;
}
hr {
  margin-top: -20px;
  border-top: 2px solid #8b7991;
  width: 60%;
}
:focus, :visited, :active {
  outline: none !important;
}
.nmb, .content.nmb {
  margin-bottom:0;
}
/* Header */
.header-nav {
  background-color: #ac8779;
}
.top-nav {
  padding: 10px 0;
}
ul.social {
  margin: 0;
}
.social li {
  display: block;
  float: left;
  padding-left: 15px;
}
.social li:first-of-type {
  padding-left: 0;
}
.fa-mobile {
  padding-right: 5px;
}
.social a {
  font-size: 15px;
}
.navbar-logo {
  margin: 30px 0;
}
.navbar-logo img {
  margin: 20px;
  display: block;
  max-width: 154px
}
.brand-text {
  margin-top: 58px
}
.header-brand span {
  font-size: 2.4em
}
.navbar-default {
  background-color: #ac8779;
  border-radius: 0;
  border:none;
  min-height: 40px;
  margin-bottom: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}
.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #ac8779;
  background-color: #cdc2d9
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #cdc2d9
}
/* Home Page */
.home-slider {
  margin-top: 40px;
}
.carousel-inner img {
  margin: 0 auto 
}
.carousel-caption {
  left: 15%;
  bottom: 10%;
  text-align: left;
  padding-left: 20px;
  background: rgba(0,0,0,0.5)
}
.carousel-caption h3 {
  font-family: 'Courgette', cursive;
  font-size: 3em;
}
.carousel-caption p {
  font-size: 1.7em;
}
.content {
  margin-bottom: 40px
}
article.row {
  margin-top: 40px
}
header.article-header {
  background-color: #8b7991;
  border-radius: 8px 8px 0 0;
}
.article-header h2 {
  color: #fff;
  padding: 10px 20px;
  margin: 0;
  font-family: 'Courgette', cursive;
}
.article-body {
  border: 2px solid #8b7991;
  padding: 40px 20px 25px;
  border-top: 0
}
.service .article-body img {
  max-width: 300px
}
.about .article-body p,
#home-page .article-body p,
#contact-page .article-body p {
  padding: 20px 0 30px
}
.btn.btn-default.btn-sm {
  font-size: 18px;
  color: #fff;
  border: 2px solid #8b7991;
  background: #8b7991;
}
.btn.btn-default.btn-sm:hover {
  color: #8b7991;
  border: 2px solid #8b7991;
  background: transparent;
}
.media.row {
  margin: 0;
}
.video {
  display: block;
  margin: 0 auto;
  width: 560px;
}
/* Page */
#about-page .service .article-body img {
  float: left;
  margin: 0;
  max-width: 222px
}
#page .service img {
  max-width: 80%;
  display: block;
  margin: 0 auto 40px;
}
#page .service hr {
  margin-top: 0;
  margin-left: -20px;
}
hr.asz1 {
  width: 530px;
}
hr.asz2 {
  width: 335px;
}
hr.asz3 {
  width: 325px;
}
hr.asz4 {
  width: 255px;
}
hr.ae1 {
  width: 170px;
}
hr.ae2 {
  width: 415px;
}
hr.ae3 {
  width: 170px;
}
hr.ae4 {
  width: 425px;
}
hr.ae5 {
  width: 105px;
}
hr.ae6 {
  width: 470px;
}
#page .content .article-body h2 {
  font-family: 'Courgette', cursive;
  margin-bottom: 5px;
  margin-top: 40px
}
#page .content .article-body p,
.article-body p:last-of-type {
  padding-bottom: 30px;
}
a.lease {
  font-size: 1em;
  color: #705d54
}
a.inlinelink {
  color: #8b7991;
  font-size: 1em
}
a.inlinelink:hover {
  color: #cdc2d9;
  font-size: 1em
}
/* Sidebar */
.about img {
  margin-bottom: 35px;
  max-width: 222px
}
.meska img {
  margin-bottom: 30px;
  max-width: 419px
}
/* Bottom-sidebar */
.social-body {
  border: 2px solid #8b7991;
  border-top: 0
}
.fb-pages {
  display: block;
  margin: 0 auto;
  width: 340px
}
.social-body {
  padding: 8px 20px
}
.social-body article {
  width: 100%;
  margin: 0 auto;
}
/* footer */
footer {
  height: 50px;
  background-color: #ac8779;
}
footer p {
  padding-top: 14px;
}
footer a {
  font-size: 16px
}



/* Galeria */

.modal {
  position: fixed;
}
.modal-content {
  border-radius: 15px 15px 0 0
}
.modal-header {
  border-bottom: none;
}
.modal-header h3 {
  font-family: 'Courgette', cursive;
  color: #fff;
  margin-top: 10px;
}
.close {
  color: #fff;
  opacity: 1;
  text-shadow: none
}
.close:focus, .close:hover {
  color: #cdc2d9;
  opacity: 1
}

/* Contact */
.contact ul {
  list-style: none;
  float: left;
}
.map {
  margin: 0 auto
}
.nop {
  padding-left: 0;
}
.imp {
  width: 123px;
  margin: 40px auto 0
}
.success {
    color: green
}
.error {
    color: red
}
label.error {
    padding: 5px 0 0 5px
}
/* ==== EUcokies ==== */
#EUCookie {
    position: fixed; 
    display: none; 
    margin: 0; 
    padding: 15px; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100%; 
    background-color:#8b7991;
    color: #fff; 
    z-index: 10
}
#EUCookie .cookie {
    color: #fff; 
    padding-top: 0;
    font-size: 1em;
    width: 90%;
    margin: 0 auto
}
#EUCookie .text {
    float: left;
    padding: 5px 0    
}
#EUCookie .button {
    float: right;
    padding: 5px 0    
}
#EUCookie span {
    border: 1px solid #fff; 
    color: #fff; 
    padding: 8px; 
    margin: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    cursor: pointer;
}
#EUCookie span:hover {
    background: #fff;
    color: #8b7991
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-caption h3 {
  font-size: 2.5em;
  }
  .carousel-caption p {
  font-size: 1.4em;
  }
  .small-pictures figure {
    height: 94.3px
  }
  .small-pictures img {
    height: 90px
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-brand span {
    font-size: 1.8em
  }
  .navbar-default .navbar-nav>li>a {
    font-size: 18px;
    padding: 10px 9px;
  }
  .carousel-caption {
    bottom: 7%;
  }
  .carousel-caption h3 {
  font-size: 1.7em;
  }
  .carousel-caption p {
  font-size: 1.1em;
  }
  .small-pictures figure {
    height: 71px
  }
  .small-pictures img {
    height: 66px
  }
}
@media (max-width: 767px) {
  .header-nav .row,
  footer .row {
    margin: 0 auto;
  }
  .navbar-nav {
    margin:0 -15px;
  }
  .navbar-logo {
    margin: 0;
    float: none;
  } 
  .navbar-logo img {
    margin: 20px auto;
  }
  .brand-text {
    margin-top: 0;
  }
  h1 {
    text-align: center
  }
  .header-brand span {
    display: block;
    text-align: center;
  }
  .nav>li {
    border-bottom: 1px solid #fff;
  }
  .nav>li:last-of-type {
    border-bottom: none
  }
  .navbar-nav>li>a {
    padding-top: 13px;
    padding-bottom: 11px
  }
  .carousel-caption h3 {
    font-size: 1.7em
  }
  .carousel-caption p {
    font-size: 1.1em
  }
  .social-body article {
    width: 300px
  }
  .video {
    width: 298px;
  }
  .media .article-body {
    padding: 40px 0 25px;
  }
  hr.ae6, hr.asz1 {
    width: 100%;
  }
  .mesi-btn {
  	margin-bottom: 10px
  }
}
@media (max-width: 479px) {
  .carousel-caption h3 {
    font-size: 1em
  }
  .carousel-caption p {
    font-size: 0.8em
  }
  .social-body {
    padding: 8px 0
  }
  footer {
    font-size: 0.8em
  }
  footer a {
    font-size: 0.9em
  }
  footer p {
    padding-top: 17px
  }
  #page hr {
    width: 100%;
  }
  #about-page .service .article-body img {
    float: none;
    margin: 0 auto 40px
  }
  .contact ul {
    font-size: 0.9em;
    padding-left: 10px
  }
  ul.nop {
    padding-left: 0 !important
  }
}