body {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #000000;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .03em;
}
strong{ font-weight: 700}
h1, h2, h3{ font-weight: 500}

h1, h2{font-size: 38px; margin: 25px 0; letter-spacing: .01em}
h2{font-size: 36px;}

a, .btn{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a:hover, a:focus { text-decoration: underline !important; outline: none; color: #000}

.btn{ border:none; font-size: 15px; min-width: 205px; border-radius: 0; text-transform: uppercase;}
.btn:hover{ background-color: #f5e8e5}

.btn-default{ background-color: #d3d2db; font-weight: 500; letter-spacing: 2px;
  padding: 10px 20px; line-height: 28px;}




.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.carousel-caption { background-color: #fff; color: #000; text-align: left; padding: 20px 75px; position: absolute;
text-shadow: none; left: 0; right: auto; bottom: 0;  width: 400px; height: 160px;}
.carousel-caption::before { content: 'SPECIALIZZAZIONI'; display: block; position: absolute; top:-10px; font-size: 13px; letter-spacing: .16em; font-weight: 600}
.carousel-indicators { left: 0; bottom:-30px; width: auto; margin-left: 75px;}
.carousel-indicators li { border: 1px solid #000; }
.carousel-indicators .active { background-color: #000; }
.carousel-indicators li, .carousel-indicators .active { width: 17px; height: 17px; border-radius: 19px; margin: 5px;}

.carousel-inner, .carousel-inner .item { width: 100%; height: 100%;}
.carousel-bg { width: 100%; height: 100%; background-color: #f5e8e5; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.bg-medicina{ background-image: url(../img/medicina-estetica.jpg);}
.bg-laser{ background-image: url(../img/laserterapia.jpg);}
.bg-chirurgia{ background-image: url(../img/chirurgia-plastica.jpg);}




.container-fluid { padding: 0;}

.header-intro {background-color: #f9e7e4; padding:15px; position: relative;}
.header-left { float:right;}

.social{display:-webkit-box;display:-ms-flexbox;display:flex; padding: 0; margin: 0; position: relative; height: 60px}
.social::after{ display: block; position: absolute; left: 130px; top: 16px; content: 'WEBSITE UNDER CONSTRUCTION'; font-size: 16px; font-weight: 600; color: #666666;}
.social li{height:25px;width:25px;background-repeat: no-repeat; background-size: 25px 25px; display:inline-block;margin:15px 14px 0 0;cursor:pointer}
.social li:hover{opacity: .7}
.social li a{display:block;height:100%; width: 100%; white-space:nowrap;text-indent:100%;overflow:hidden}
.facebook{background-image:url(../img/facebook.png); }
.linkedin{background-image:url(../img/linkedin.png); }
.instagram{background-image:url(../img/instagram.png);}

h1 span{ text-transform: uppercase; font-size: 13px; letter-spacing: .16em; font-weight: 600; display: block; margin-bottom: 10px}
.big-font{ font-size: 18px;}

.cta { margin-top: 40px; font-size: 23px; color: #000; display: block;}
.arrow-down{ display: block; width: 25px; height: 25px; background-size: 25px 25px; background-image: url('../img/arrow-down.png'); background-repeat: no-repeat;
margin-top: 5px}
@-moz-keyframes bounce {
0%,40%,50%,60%,100%{-moz-transform:translateY(0);transform:translateY(0)}
45%{-moz-transform:translateY(10px);transform:translateY(10px)}
55%{-moz-transform:translateY(5px);transform:translateY(5px)}
}
@-webkit-keyframes bounce {
0%,40%,50%,60%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
45%{-webkit-transform:translateY(10px);transform:translateY(10px)}
55%{-webkit-transform:translateY(5px);transform:translateY(5px)}
}
@keyframes bounce {
0%,40%,50%,60%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
45%{-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}
55%{-moz-transform:translateY(5px);-ms-transform:translateY(5px);-webkit-transform:translateY(5px);transform:translateY(5px)}
}
.bounce{-moz-animation:bounce 7s infinite;-webkit-animation:bounce 7s infinite;animation:bounce 7s infinite}

hr{ width: 1px; height: 90px; background-color: #000; position: absolute; bottom:-60px; right: 0; left: 0}


.main{ clear:both; margin: 70px 0;}


.wrap-box {padding: 25px 40px;}
.wrap-box p{margin-bottom: 40px}
.wrap-box h3{margin:90px 0 25px}



.form-row h3{ margin-bottom: 50px; max-width: 380px}

.quform input[type=text], .quform input[type=email], .quform textarea {
  border-bottom: 1px solid #aab6c1; border-top: 0; border-left: 0; border-right: 0; border-radius: 0;
  font-size: 15px; color: #000; margin-bottom: 45px; padding: 0;
  background-color: #fff; box-shadow: none;
}

.quform textarea { height: 90px}

.pink-label{ color: #e3c4bb; min-width: 90px; display: inline-block;}
.white-label{ color: #fff; min-width: 90px; display: inline-block;}

.form-control::-webkit-input-placeholder { color: #505456; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #505456; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #505456; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #505456; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #505456; }  /* Microsoft Edge */

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: none;
  border-bottom-color:#747d84;
}



.switch {
  position: relative;
  display: block;
  float: left;
  margin: 0 9px 40px 0;
  width: 22px;
  height: 22px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d3d2da;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: #76767a;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
}

input:checked + .slider:before {
  opacity:1
}



.privacy-text{ font-size: 12px;}
.privacy-text a{ text-decoration: underline;}
.quform-required{ font-size: 24px; font-weight: 700;}
.quform-errors > .quform-error, .quform-outer-no-js .quform-error { margin-top: -38px;}
.privacy .quform-errors > .quform-error, .privacy .quform-outer-no-js .quform-error { margin-top: 5px !important; width: 250px !important;}

.privacy { margin-bottom: 25px; overflow: hidden;}

.footer{ font-size: 14px; padding: 55px 15px 40px; margin-top: 100px; clear: both; background-color: #d3d2da}

.modal-body p{ margin-bottom: 20px; font-size: 13px;}

.modal-content{ border-radius: 0;}
.close {
    font-size: 39px;
    font-weight: 500;
    filter: alpha(opacity=50);
    opacity: .5;
    margin-left: 40px;
}

@media (min-width: 375px) {
  .quform{ padding: 0 25px}
}

@media (max-width: 767px) {
  .carousel { height: 490px;}
  .header-intro{ overflow: hidden;}
  hr{display: none}
  .cta{ margin-bottom: 30px;}
  h1{font-size: 36px;}
  h2{font-size: 34px;}
}

@media (min-width: 768px) {
  .header { margin: 20px;}
  .half-box { width: 50%; float: left; height: 730px}
  .carousel { height: 690px;}
  .social{margin-top: 20px}
  .social::after{ left: 180px; }
}

@media (max-width: 991px) {
  .white-label{ width: 100px;}
}

@media (min-width: 992px) {
  .header-left {width:445px;}
  .header-thumb{ width: 180px; float: left;}
  .header-abstract { width: 265px; float: left;}
  .header-left .social{height: 140px;}
  .cta{ margin-left: -12px; margin-top: 80px;}
  hr{ right: 279px; left: auto}
}

@media (min-width: 1280px) {
  .social::after{ letter-spacing: .1em; font-size: 17px}
  .header-left {width:585px;}
  .header-thumb{ width: 180px; float: left;}
  .header-abstract { width: 300px; float: left;}
  h1{ margin-bottom:40px}
  hr{ right: 420px;}
}