/*
Theme name: boutek
Theme url:
Description: Tema per bou-tek.it
Version: 0.1
Author url:
Tags: clean, minimal
*/
@grey: rgb(167, 167, 167);
@yellow: rgb(228, 255, 0);
@border: 6px solid @yellow;
.transitionAll03 {
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.transitionAll05 {
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.translate50Y {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.translate50X {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.grayScale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}
body {
  margin: 0 auto;
  font-family: museo100;
  font-size: 18px;
}
b {font-family: museo500;}
/********************************************header*********************************************************/
header {background-color: @grey;}
.header {
  display: block;
  min-height: 45px;
  //padding: 0 15px;
  .menuHeaderContainer {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: @grey;
    .menuHeader {
      width: 125px;
      height: 47px;
      line-height: 47px;
      font-family: museo300;
      font-size: 16px;
      text-indent: 15px;
      color: black;
    }
  }
  .glyphicon {
    display: block;
    float: left;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 20px;
  }
  .social {
    float: right;
    width: 200px;
    height: 45px;
    background-size: 170px auto;
    .menuSocial {
      width: 33px;
      height: 45px;
    }
  }
  @media(min-width: 768px) {
    min-height: 35px;
    .menuHeaderContainer  {
      display: block;
      position: relative;
      top: auto;
      left: auto;
      float: left;
      width: 500px;
      text-indent: 0;
      .menuHeader {
        float: left;
        height: 35px;
        line-height: 35px;
      }
    }
    .glyphicon {
      display: none;
    }
    .social {
      height: 35px;
      .menuSocial {
        height: 35px;
      }
    }
  }
  /*
  @media(min-width: 992px) {
    padding: 0 100px;
  }
  */
}
/********************************************end header*********************************************************/
/********************************************all_main******************************************************/
.header, .footer, .front_page, .space, .single, .research, .error404 {
  max-width: 1280px;
  margin: 0 auto;
}

h1 ,h2 ,h3 {
  font-weight: 500;
}

h3 {
  font-size: 30px;
}
.social {
  background-repeat: no-repeat;
  background-position: center;
  .menuSocial {
    float: left;
  }
}
.articleText {
  background-color: @grey;
  font-size: 18px;
  padding: 0 15px;
  h3 {color: @yellow;}
  @media(min-width: 768px) {
    padding: 0 15px;
  }
  @media (min-width: 992px) {
    padding: 0 40px;
    font-size: 14px;
  }
}
.articleImg {
  padding: 0;
  img {
    display: block;
    width: 100%;
  }
}
.blockContatti {
  text-align: center;
  background-color: black;
  padding: 30px 0;
  h3 {
    display: block;
    margin: 0 0 10px 0;
    color: @yellow;
  }
  section {
    display: block;
    vertical-align: top;
    padding: 0 15px;
    text-align: left;
    color: white;
    width: 190px;
    margin: 0 auto;
    a {
      font-size: 16px;
      font-weight: 500;
    }
  }
  @media (min-width: 768px) {
    section {
      display: inline-block;
      width: auto;
    }
  }
}

.space_padd {
  padding-left: 29px;
}

@media(min-width: 768px) {
  .space_padd {
    padding-left: 15px;
  }
}

.logo_white {
  position: relative;
  display: block;
  margin: 0 auto;
  top: 35px;
  left: auto;
  z-index: 1;
  width: 100px;
  @media (min-width: 768px) {
    position: absolute;
    top: 30px;
    left: 11%;
    z-index: 1;
    width: 9%;
  }
}
.logo_white_fp {
  display: none;
  position: absolute;
  top: 30px;
  left: 11%;
  z-index: 1;
  width: 9%;
  @media (min-width: 768px) {
    display: block;
  }
}
.plus {
  display: block;
  width: 44px;
}
input {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid black;
  background-color: transparent;
}
.responsiveContainer {padding: 0;}
form, input {display: block;}
input::-webkit-input-placeholder {color: black;}
input:-moz-placeholder {color: black; opacity: 1;}
input::-moz-placeholder {color: black; opacity: 1;}
input:-ms-input-placeholder {color: black;}
input:placeholder-shown {color: black;}
/********************************************end all_main******************************************************/
/********************************************footer******************************************************/
footer {background-color: @grey;}
.footer {
  article {padding: 30px 0 0 0;}
  section {padding: 0;}
  img {display: block;}
  .block1 {
    font-size: 16px;
    //div:first-child {padding: 0 15px;}
    div:nth-child(3) {
      height: 45px;
      margin-top: 30px;
      padding: 0;
    }
  }
  .block2 {
    margin-top: 30px;
    padding: 30px 15px;
    div {padding: 0;}
  }
  .social {
    width: 200px;
    height: 45px;
    background-size: 170px auto;
    background-position: top center;
    .menuSocial {
      width: 33px;
      height: 45px;
    }
  }
  form {
    width: 100%;
    margin: 30px auto;
    span:first-child {
      display: block;
      margin-bottom: 15px;
      font-size: 20px;
      color: @yellow;
    }
    .emailSub {
      display: block;
      float: right;
      margin-top: 15px;
      font-size: 20px;
      text-align: right;
      background-color: transparent;
      border: none;
      cursor: pointer;
    }
  }
  /*
  .logo_footer {width: 100%;}
  .mauden_footer {
    float: right;
    width: 100%;
    margin-top: 30px;
  }
  */
  .logo_footer {width: 120px;}
  .mauden_footer {
    float: right;
    width: 200px;
    margin-top: 30px;
  }
  @media (min-width: 450px) {

  }
  @media (min-width: 768px) {
    .block1 div:nth-child(3) {
      margin-top: 0;
    }
    .social {float: right;}
    form {
      margin: 0 auto;
      width: auto;
    }
  }
  @media (min-width: 992px) {
    //div:first-child {padding: 0 40px;}
  }
}
/********************************************end footer******************************************************/
/********************************************front_page******************************************************/
.owlContainer {
  p {
    position: absolute;
    margin: 0;
    color: #e4ff00;
    @media (min-width: 768px) {font-size: 30px; top: 60%; left: 12%;}
    @media (min-width: 992px) {font-size: 70px; top: 45%; left: 10%;}
  }
}
.sliderHeaderContainer {
  position: relative;
  max-width: 3840px;
  margin: 0 auto;
  //.logo_white {display: none;}
  .slideFissa {
    width: 100%;
    height: 186px;
    background-image: url(../img/slide1.png);
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: @border;
    //.logo_white {
    //  position: relative;
    //  display: block;
    //  margin: 0 auto;
    //  top: 35px;
    //  left: auto;
    //  z-index: 2;
    //  width: 100px;
    //}
  }
  .owl-carousel {
    position: relative;
    width: 100%;
    border-bottom: @border;
    .backgroundSlide {
      display: block;
      width: 100%;
      height: auto;
    }
    .owl-prev,.owl-next {
      display: block;
      position: absolute;
      .translate50Y;
      width: 30px;
      height: 50px;
      background-size: 100% 100%;
    }
    .owl-prev {
      left: 15px;
      background-image: url(../img/arrow_sx.png);
    }
    .owl-next {
      right: 15px;
      background-image: url(../img/arrow_dx.png);
    }
    //animation
    .slide {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      .transitionAll05;
      img {
        display: block;
        width: 100%;
      }
    }
    .positionPrev {
      opacity: 0;
      right: auto;
      left: -100%;
    }
    .movePrev {
      right: 0;
      opacity: 1;
      left: 0;
    }
    .positionNext {
      opacity: 0;
      left: auto;
      right: -100%;
    }
    .moveNext {
      left: auto;
      opacity: 1;
      right: 0;
    }
    //end animation
  }
  .owlContainer {display: none;}
  .block1 {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    border-bottom: @border;
    .backgroundSpace {
      display: block;
      width: 100%;
    }
  }
  //.logo_white_fp {display: none;}
  @media (min-width: 768px) {
    .owlContainer {display: block;}
    .slideFissa {display: none;}
    .block1 {height: auto;}
    //.logo_white_fp {display: none;}
  }
}
.front_page {
  position: relative;
  //.nav {padding: 0 15px;}
  .menuNav {
    position: relative;
    padding: 0 15px;
    margin: 30px 0;
    text-align: center;
    .bc {
      display: none;
      opacity: 0;
      position: absolute;
      top: -20px;
      .translate50X;
      width: 40px;
      margin: 0 auto;
      .transitionAll03;
    }
    .showBreadcrumb {opacity: 1;}
    h2 {
      font-size: 20px;
      text-align: center;
    }
    div {
      display: inline-block;
      font-size: 18px;
      text-align: left;
    }
    p {display: none;}
    .plus {
      position: absolute;
      .translate50Y;
      left: -10px;
      width: 20px;
    }
    @media (min-width: 768px) {
      //height: 136px;
      margin: 0 0 30px 0;
      //padding: 0 30px;
      .bc {display: block;}
      h2 {
        font-size: 35px;
        text-align: left;
      }
      //div {width: 210px;}
      p {display: block;}
      .plus {
        top: 70px;
        left: -22px;
        width: 44px;
      }
    }
  }
  .menuNav01 {text-align: left;}
  .menuNav02 {text-align: center;}
  .menuNav03 {text-align: right;}
  .block1 {
    display: block;
    background-color: @grey;
    section {display: block;}
  }
  .tecnologie .articleText {padding: 0 15px;}
  .block2 {
    padding: 0;
    .articleText {
      background-color: white;
      h3 {color: black;}
    }
  }
  .block3 {
    padding: 0;
    section {
      padding: 0;
      font-size: 16px;
    }
    li {font-size: 14px;}
  }

  @media (min-width: 768px) {
    .nav {padding: 0;}
  }
  @media (min-width: 992px) {
    .nav {padding: 0;}
    .menuNav01 {text-align: center;}
    .menuNav03 {text-align: center;}
    .tecnologie .articleText {padding: 0 33px 0 40px;}
  }

}
/********************************************end front_page******************************************************/
/********************************************space******************************************************/
.space {
  position: relative;
  /*
  .logo_white {display: none;}
  .block1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: @border;
    .backgroundSpace {
      display: block;
      width: 100%;
    }
  }
  */
  .block2 {
    margin-top: 64px;
    padding: 0;
    .sect2 {
      padding: 30px 15px;
      border-bottom: @border;
      background-color: @grey;
      .plus {float: left;}
      h1 {
        display: block;
        float: left;
        margin-top: 0;
        line-height: 42px;
        font-size: 75px;
        font-family: museo100;
        color: @yellow;
      }
      h2 {
        font-family: museo100;
        font-size: 25px;
        color: @yellow;
      }
    }
  }
  .block3, .block4 {
    padding: 0;
    background-color: @grey;
  }
  .sect3, .sect4 {padding:0;}
  .block3 .plus {
    display: none;
    position: absolute;
    top: -23px;
    right: -21px;
    z-index: 1;
  }
  .block4 {
    .plus {
      position: absolute;
      top: -23px;
      left: -21px;
      z-index: 1;
    }
    .marginBottomCustom {
      margin-bottom: 0;
    }
  }
  .plusSpace {display: none;}
  .block5 .plus {
    position: absolute;
    bottom: -23px;
    left: -21px;
    z-index: 1;
    width: 44px;
  }
  .block6 {
    padding: 0;
    background-color: @grey;
    h3 {
      color: @yellow;
      text-align: left;
      margin: 0;
    }
    .articleText {
      margin-top: 20px;
    }
  }
  .block7 {
    margin-bottom: 90px;
    padding: 0;
  }
  .block8, .block9 {
    position: relative;
    padding: 0;
    ul {font-size: 18px}
    .plus {
      position: absolute;
      top: -23px;
      left: -21px;
    }
  }
  .spacePDF {
    margin-top: 40px;
    img {display: block;}
    img:first-child {
      width: 50px;
      margin-bottom: 10px;
    }
    img:last-child {
      float: left;
      width: 23px;
      margin-top: 35px;
    }
    span {
      display: block;
      float: left;
      width: 280px;
      font-size: 20px;
    }
  }
  .block9 {margin-bottom: 90px;}
  .block4 .marginBottomCustom {margin-bottom: 50px;}
  @media (min-width: 768px) {
    .block2 {
      margin-top: 200px;
      .sect2 {
        background-color: transparent;
      }
    }
    .block6 h3 {text-align: left;}
    .block8 ul, .block9 ul {font-size: 16px;}
  }
  @media (min-width: 992px) {
    .block1 {
      position: relative;
      top: auto;
      left: auto;
    }
    .block2 {
      margin-top: 350px;
      .sect2 {
        padding: 0 40px;
      }
    }
    .block3 .plus {display: block;}
    .plusSpace {display: block;}
  }
  @media(min-width: 1200px) {
    .block2 {margin-top: 400px;}
  }
}
/********************************************end space******************************************************/
/*********************************************breadcrumb********************************************************/
.breadcrumb_blog {
  position: relative;
  height: 180px;
  padding: 0;
  border-bottom: @border;
  overflow: hidden;
  .logo_white {
    position: absolute;
    display: block;
    top: 35px;
    .translate50X;
    z-index: 1;
    width: 100px;
  }
  .breadImg {
    display: block;
    width: auto;
    height: 180px;
    .grayScale;
  }
  .plus {float: left;}
  h1 {
    display: block;
    float: left;
    margin-top: 0;
    line-height: 42px;
    font-size: 70px;
    font-family: museo100;
    color: @yellow;
  }
  h2 {
    font-family: museo100;
    font-size: 25px;
    color: @yellow;
  }
  .responsiveContainer {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 0 15px;
  }
  @media (min-width: 650px) {
    .breadImg {
      //width: 100%;
      width: 100%;
      height: auto;
    }
    h1 {font-size: 75px;}
  }
  @media (min-width: 768px) {
    height: auto;
    .responsiveContainer {display: block;}
    //.logo_white {display: none;}
    .logo_white {
      display: block;
      position: absolute;
      transform: none;
      top: 30px;
      left: 11%;
      width: 9%;
    }
  }
  @media (min-width: 992px) {
    .responsiveContainer {
      position: relative;
      top: auto;
      left: auto;
      margin-top: -130px;
    }
  }
}
/*********************************************end breadcrumb********************************************************/
/*********************************************sidebar********************************************************/
.sidebar {
  input::-webkit-input-placeholder {color: @yellow;}
  input:-moz-placeholder {color: @yellow;}
  input::-moz-placeholder {color: @yellow;}
  input:-ms-input-placeholder {color: @yellow;}
  input:placeholder-shown {color: @yellow;}
  padding: 0;
  background-color: @grey;
  //border-top: @border;
  h3 {color: @yellow;}
  .plus {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 1;
  }
  form {
    margin: 15px 0 90px 0;
    padding: 0 15px 0 30px;
    text-align: left;
    input {
      display: inline-block;
      vertical-align: middle;
      width: 67%;
      font-size: 30px;
    }
    button {
      width: 25px;
      height: 25px;
      background-image: url(../img/search.png);
      background-size: 100% 100%;
      display: inline-block;
      vertical-align: middle;
      margin: 6px 0 0 15px;
      cursor: pointer;

      border: none;
      background-color: transparent;
    }
  }
  .sidebarBox {
    position: relative;
    margin: 90px auto;
    padding: 0 15px 0 30px;
    span {
      font-size: 13px;
      font-family: museo900;
    }
    .sidebar-list {
      p {
        font-size: 15px;
        margin-bottom: -0.5em;
      }
      h4 {
        font-family: museo900;
        margin-bottom: 1em;
      }
      span {
        color: #e4ff00;
      }
    }
  }
  .calendar {
    //padding: 0 15px;
    p {display: block; height: 150px; background-color: @yellow;}}
  .bottomBox {margin-bottom: 70px;}
}

.bottomBox {
  div {position: relative;}
  .plus {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
  }
  .bottom_image {display: block; width: 100%;}
  h3, p {margin-left: 30px;}
  h3 {color: @yellow;}
}
/*********************************************end sidebar********************************************************/

/********************************************blog******************************************************/

.responsiveContainerMain {
  display: block;
  padding: 30px 15px;
  background-color: @grey;
  border-bottom: @border;
  .plus {float: left;}
  h1 {
    display: block;
    float: left;
    margin-top: 0;
    line-height: 42px;
    font-size: 70px;
    font-family: museo100;
    color: @yellow;
  }
  h2 {
    font-family: museo100;
    font-size: 25px;
    color: @yellow;
  }
  @media (min-width: 768px) {
    display: none;
  }
}

.bottomBoxContainer {
  display: block;
  margin-top: 100px;
  padding: 30px 0;
  background-color: @grey;
  @media (min-width: 768px) {
    display: none;
  }
}
.blog_container {
  padding: 0;
}
.blog {
  max-width: 1280px;
  margin: 0 auto;
  .post_img {
    img {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .sLeft {
    margin: 30px 0 30px 0;
  }
  .lLeft {
    margin: 30px 0 30px 0;
  }
  .sRight {
    margin: 30px 0 30px 0;
  }
  .lRight {
    margin: 30px 0 30px 0;
  }
  .post_single {
    border-top: @border;
    padding: 15px;
    &:first-child {border: none;}
    h1 {font-family: museo900;}
  }
  .post_text {
    overflow: hidden;
    margin-bottom: 30px;
    p {margin-top: 15px;}
  }
  .post_meta {
    font-family: museo700;
  }
  .post_titolo {
    font-family: museo500;
    font-size: 35px;
  }
  .date {
    font-family: museo300;
  }
  @media (min-width: 500px) {
    .sLeft {
      width: 204px;
      height: 136px;
    }
    .lLeft {
      width: 420px;
      height: 280px;
    }
    .sRight {
      width: 204px;
      height: 136px;
    }
    .lRight {
      width: 420px;
      height: 280px;
    }
  }
  @media (min-width: 768px) {


  }
  @media (min-width: 992px) {
    .post_single {padding: 30px;}
    .sLeft {
      float: left;
      margin: 0 30px 30px 0;
    }
    .lLeft {
      float: left;
      margin: 0 30px 30px 0;
    }
    .sRight {
      float: right;
      margin: 0 0 30px 30px;
    }
    .lRight {
      float: right;
      margin: 0 0 30px 30px;
    }
  }
}
.black_border {
  display: block;
  width: 51px;
  margin-top: 15px;
}
.post_autore {margin-top: 15px;}
.arrow {
  display: block;
  width: 30px;
  margin: 15px;
  cursor: pointer;
}
.arrowSx {float: left;}
.arrowDx {float: right;}
/********************************************end blog******************************************************/
/********************************************single******************************************************/
.single {
  .blog_container {
    //border-top: @border;
    padding: 0 30px;
  }
  .single_date {
    font-family: museo300;
    margin-bottom: -1em;
  }
  .single_tag {
    margin: 30px 0;
    font-size: 13px;
    font-family: museo900;
  }
  .single_autore {
    margin-top: -0.2em;
    font-family: museo300;
  }
  .single_titolo {
    margin-top: 20px;
    font-family: museo900;
    h1 {
      overflow: hidden;
      display: block;
      margin: 0;
    }
    .black_boarder {float: left;}
    .icon_share {
      display: block;
      float: right;
      width: 32px;
      padding-left: 15px;
      cursor: pointer;
    }
  }
  .single_img {
    position: relative;
    .img_dett {
      width: 100%;
      padding-bottom: 30px;
      img {
        display: block;
        width: 100%;
      }
    }
    .didascalia {
      width: 50%;
      margin: 30px 0;
      cursor: pointer;
      p {margin: 5px 0 0 0;}
    }
  }
  iframe {
    display: block;
    width: 100%;
  }
  @media (min-width: 768px) {
    .didascalia, .img_dett {float: left;}
    .single_img .img_dett {width: 50%;}
    .didascalia {
      position: absolute;
      left: 50%;
      bottom: 15px;
      margin-top: 0;
      padding-left: 30px;
    }
  }
}
/********************************************end single******************************************************/
/********************************************modal******************************************************/
.modal-content {
  border-radius: 0;
  background-color: @grey;
  .modal-header {
    border: none;
  }
  .close {
    color: @yellow;
    opacity: 1;
  }
  .owl-carousel {
    position: relative;
    .owl-item img {
      display: block;
      width: 70%;
      margin: 0 auto;
    }
    .owl-prev,.owl-next {
      display: block;
      position: absolute;
      .translate50Y;
      width: 30px;
      height: 50px;
      background-size: 100% 100%;
    }
    .owl-prev {
      left: 15px;
      background-image: url(../img/arrow_sx.png);
    }
    .owl-next {
      right: 15px;
      background-image: url(../img/arrow_dx.png);
    }
  }
}
/********************************************end modal******************************************************/
/********************************************calendario******************************************************/
.event a {
  background-color: transparent !important;
  background-image: none !important;
  color: @yellow !important;
}
#datepicker {
  span, a {font-family: museo100;}
  .ui-datepicker {
    width: 100%;
  }
  .ui-widget-content {
    background-color: transparent !important;
    background-image: none;
    border: none !important;
    padding: 0;
  }
  .ui-widget-header {
    position: relative;
    background: transparent;
    border: none;
    height: 30px;
    padding: 0;
  }
  .ui-datepicker-title {
    line-height: 0;
    margin: 0 auto;
  }
  .ui-datepicker-title span {
    font-family: museo100;
    text-transform: lowercase;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
  }
  .ui-datepicker-calendar {
    text-transform: uppercase;
    th span {font-family: museo500;}
    td a {
      font-family: museo300;
      font-size: 13px;
      text-align: left;
      padding: 0;
    }
  }
  .ui-state-default {
    border: none;
    background: transparent;
    color: inherit;
  }
  /*
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    right: 13px;
    width: auto;
  }
  */
  /*
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 0;
    left: 13px;
    width: auto;
  }
  */
  .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {
    position: absolute;
    background-size: 100% 100%;
    background-position: center;
    width: 15px;
    height: 30px;
    top: 0px;
    margin: 0;
    cursor: pointer;
  }
  .ui-datepicker-prev {
    .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {
      background-image: url("../img/cal_arrow_sx.png");
      top: 0;
      left: 0;
    }
  }
  .ui-datepicker-next {
    .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {
      background-image: url("../img/cal_arrow_dx.png");
      top: 0;
      right: 0;
    }
  }
  .ui-state-hover, .uiwidget-content .ui-state-hover, .ui-widget-header.ui-state-hover {
    border: none;
    background: none;
  }
  .ui-datepicker th {
    padding-left: 0;
    text-align: left;
  }
  @media (min-width: 992px) {
    .ui-datepicker-title span {font-size: 20px;}
  }
}
/********************************************end calendario******************************************************/
/*********************************************modal_sharing******************************************************/
#shareModal {
  a {
    div {
      float: left;
      width: 50px;
      height: 50px;
      margin: 10px;
      background-image: url(../img/social_set.png);
      background-size: 570px auto;
      background-repeat: no-repeat;
    }
  }
  .shareFacebook div {background-position: 0px -53px;}
  .shareTwitter div { background-position: -415px -53px;}
  .shareLinkedin div {background-position: -208px -53px;}
  .shareGooglePlus div {background-position: -157px -53px;}
}
/*********************************************end modal_sharing******************************************************/
.error404 {
  padding: 0 15px;
  h1 {
    //margin: 50px 0 25px 0;
    font-size: 50px;
  }
  @media (min-width: 768px) {
    padding: 0;
  }
}