@charset "utf-8";

/* CSS Document */

/* fixes */

* {
  margin  : 0;
  padding : 0;
}
a:hover {
  text-decoration : none !important;
}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}

#imgShipilovD {
  display : block;
}

#imgShipilovM {
  display : none;
}

/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  position                    : relative;
  background                  : #E1E1E1;
  -webkit-transition-property : color;
  transition-property         : color;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  top                                : 0;
  bottom                             : 0;
  left                               : 0;
  right                              : 0;
  background                         : #1C3A64;
  -webkit-transform                  : scaleX(0);
  transform                          : scaleX(0);
  -webkit-transform-origin           : 50%;
  transform-origin                   : 50%;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color : white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform : scaleX(1);
  transform         : scaleX(1);
}

/* Underline Reveal */
.hvr-underline-reveal {
  display           : inline-block;
  vertical-align    : middle;
  -webkit-transform : perspective(1px) translateZ(0);
  transform         : perspective(1px) translateZ(0);
  box-shadow        : 0 0 1px transparent;
  position          : relative;
  overflow          : hidden;
}
.hvr-underline-reveal:before {
  content                            : "";
  position                           : absolute;
  z-index                            : -1;
  left                               : 0;
  right                              : 0;
  bottom                             : 0;
  background                         : #F58220;
  height                             : 4px;
  -webkit-transform                  : translateY(4px);
  transform                          : translateY(4px);
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform : translateY(0);
  transform         : translateY(0);
}

/* Float */
.hvr-float {
  display                            : inline-block;
  vertical-align                     : middle;
  -webkit-transform                  : perspective(1px) translateZ(0);
  transform                          : perspective(1px) translateZ(0);
  box-shadow                         : 0 0 1px transparent;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform : translateY(-8px);
  transform         : translateY(-8px);
}

/* classes comunes */

.clear {
  width : 100%;
  clear : both;
}
.float-left {
  float : left;
}
.float-right {
  float : right;
}
.none {
  display : none;
}

#btn_enviar_contacto {
  background-color : rgb(246, 149, 65);
  border           : medium none;
  border-radius    : 0;
  color            : rgb(255, 255, 255);
  font-size        : 20px;
  font-weight      : bolder;
  padding          : 10px 35px;
  text-transform   : uppercase;
}

body {
  font-family : 'Source Sans Pro', sans-serif !important;
  font-size   : 16px;
}

#piechart {
  margin  : 0 auto;
  display : block;
}

/* firma kábala */

#logoKabala {
  display  : block;
  width    : 50px;
  height   : 13px;
  position : absolute;
  bottom   : 10px;
  left     : 10px;
}


/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/

@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select,
  textarea,
  input {
    font-size : 16px !important;
  }
}

/* responsive youtube iframe container */

.videoWrapper {
  position       : relative;
  padding-bottom : 56.25%; /* 16:9 */
  padding-top    : 25px;
  height         : 0;
}

.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

/* layout */

#iconFacebook,#iconInstagram {
  font-size   : 25px !important;
  margin-left : 10px !important;
}

p {
  text-align : justify;
}

.t20 {
  font-size : 20px;
}

.t18 {
  font-size : 18px;
}

.col30 {
  width : 30%;
}

.col50 {
  width : 50%;
}

.col70 {
  width : 70%;
}

.container-fluid {
  padding-right : 0px !important;
  padding-left  : 0px !important;
}

.container {
  padding-right : 0px !important;
  padding-left  : 0px !important;
}

.textGrey {
  color : #454545 !important;
}

.textWhite {
  color : #FFF !important;
}

.textOrange {
  color : #F5821F !important;
}

.textBlue {
  color : #1C3A64 !important;
}

.backgroundWhite {
  background-color : #FFF !important;
}

.backgroundBlue {
  background-color : #1C3A64 !important;
}

.backgroundOrange {
  background-color : #F5821F !important;
}

.backgroundGrey {
  background-color : #D8DBDD !important;
}

.backgroundWhiteRGBA {
  background-color : rgba(255, 255, 255, 0.75) !important;
}

.backgroundBlueRGBA {
  background-color : rgba(48, 75, 114, 0.95) !important;
}

.backgroundOrangeRGBA {
  background-color : rgba(245, 130, 31, 0.75) !important;
}

.bolder {
  font-weight : bolder !important;
}

.lighter {
  font-weight : lighter !important;
}

.italic {
  font-style : italic;
}

.contenedorCentrado {
  margin  : 0 auto;
  display : block;
}

.padding {
  padding : 15px;
}

.noStyle {
  list-style : none;
}

.uppercase {
  text-transform : uppercase;
}

.text-center {
  text-align : center;
}

/* header */

#logo {
  display : block;
  margin  : 0 auto;
}

header {
  position : relative !important;
  z-index  : 999 !important;
}

.navbar {
  min-height    : 40px !important;
  border        : 0px !important;
  margin-bottom : 0px !important;
  border-radius : 0px !important;
}

.navbar .navbar-nav {
  display        : inline-block;
  float          : none;
  vertical-align : top;
}

.navbar .navbar-collapse {
  text-align : center;
}

.navbar-nav > li > a {
  padding-bottom : 15px;
  padding-top    : 15px;
}

.navbar-default .navbar-nav > li > a {
  color          : rgb(119, 119, 119);
  font-size      : 14px;
  letter-spacing : 4px;
}

/* carousel */

.container-fluid.carousel.slide {
  /*margin-top: -205px !important;*/
}

.carousel-inner {
  /*overflow : hidden;*/
  /*position : absolute !important;*/
  /*width    : 100%;*/
}

.carousel-fade .carousel-inner .item {

  opacity                     : 0;
  -webkit-transition-property : opacity;
  -moz-transition-property    : opacity;
  -o-transition-property      : opacity;
  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;
}

/* separador */

.separador {
  height : 75px !important;
}

/* boxes */

.boxThree {
  width    : 33%;
  padding  : 1%;
  float    : left;
  margin   : 0 auto;
  position : relative;
}

#contenedorBoxes {
  /*margin-top    : 440px;*/
  margin-bottom : 20px;
}

.contenedorTexto {
  padding : 10px;
}

.botonAmarillo {
  background-image    : url("./imagenes/botonAmarillo.png");
  background-position : center center;
  background-repeat   : no-repeat;
  float               : right;
  height              : 30px;
  width               : 221px;
}

.botonAmarillo > a {
  padding : 2.5px 10px;
}

.botonAmarillo > a:hover {
  text-decoration : none;
}

.bottomBox {
  bottom   : 0;
  position : absolute;
  /**top: 197px;**/
  width    : 94%;
  z-index  : 999;
}

#imgDesktop1, #imgDesktop2, #imgDesktop3 {
  display : block;
}

#img1Mobile, #img2Mobile, #img3Mobile {
  display : none;
}

/* footer */

.noMargin {
  margin : 0px !important;
}

#logoFooter {
  margin      : 0 auto;
  padding-top : 5px;
}

/* empresa */

#mapaSchipilov {
  display : block;
  margin  : 0 auto;
  width   : 85%;
}

/* historia */

#paddingContenedor {
  padding : 0px 35px;
}

#ingBox {
  padding : 50px 35px !important;
}

.contenedorPadding {
  padding : 50px 35px !important;
}

/* historia carousel */

#owl-demo .item img {
  display : block;
  width   : 100%;
  height  : auto;
}

/* obras destacadas */

.imgBox {
  display  : inline-block;
  position : relative;
}

.cbox.cboxElement {
  display    : block;
  margin     : 0 auto;
  transition : 0.50s;
}

.cbox.cboxElement > img {
  display : block;
  margin  : 15px;
}

.listaObrasDestacadas {
  color        : rgb(28, 58, 100);
  font-weight  : bolder;
  list-style   : outside none none;
  padding-left : 15px;
}

/* mediaqueries */

/* 1199 */

@media (max-width : 1199px) {

  .navbar-default .navbar-nav > li > a {
    font-size      : 14px;
    letter-spacing : 0;
  }

  #contenedorBoxes {
    margin-bottom : 60px;
    margin-top    : 370px;
  }

  .container-fluid.carousel.slide {
    /*margin-top: -170px !important;*/
  }

  @media screen and (-webkit-min-device-pixel-ratio : 0) {
    #contenedorBoxes {
      margin-top    : 500px !important;
      margin-bottom : 65px !important;
    }
  }
}
/* 991 */
@media (max-width : 991px) {

  @media screen and (-webkit-min-device-pixel-ratio : 0) {
    .contenedorTexto {
      margin-top : -90px !important;
      padding    : 10px;
    }

    .botonAmarillo {
      margin-top : 0px !important;
    }
  }

  #contenedorBoxes {
    margin-bottom : 30px;
    margin-top    : 265px;
  }

  .contenedorTexto {
    margin-top : -90px;
    padding    : 10px;
  }

  .botonAmarillo {
    margin-top : -2px;
  }
}

/* 786 */
@media (max-width : 768px) {

  #carousel-example-generic {
    display : none !important;
  }

  #contenedorBoxes {
    margin-top : 0px !important;
  }

  #imgDesktop1, #imgDesktop2, #imgDesktop3 {
    display : none !important;
  }

  #img1Mobile, #img2Mobile, #img3Mobile {
    display : block !important;
  }

  .navbar-default .navbar-nav > li > a {
    font-size : 14px;
  }

  .boxThree {
    width   : 100%;
    display : block;
    margin  : 0 auto;
  }

  .botonAmarillo {
    margin-top : -24px;
  }

  .bottomBox {
    top      : 2px;
    position : absolute;
    width    : 98%;
    z-index  : 999;
  }

  /* hamburguer menu */
  #nav-icon1 {
    width              : 30px;
    height             : 22.5px;
    position           : relative;
    margin             : 15px 10px;
    -webkit-transform  : rotate(0deg);
    -moz-transform     : rotate(0deg);
    -o-transform       : rotate(0deg);
    transform          : rotate(0deg);
    -webkit-transition : .5s ease-in-out;
    -moz-transition    : .5s ease-in-out;
    -o-transition      : .5s ease-in-out;
    transition         : .5s ease-in-out;
    cursor             : pointer;
  }

  #nav-icon1 span {
    display            : block;
    position           : absolute;
    height             : 4.5px;
    width              : 100%;
    background         : #FFF;
    border-radius      : 0px;
    opacity            : 1;
    left               : 0;
    -webkit-transform  : rotate(0deg);
    -moz-transform     : rotate(0deg);
    -o-transform       : rotate(0deg);
    transform          : rotate(0deg);
    -webkit-transition : .25s ease-in-out;
    -moz-transition    : .25s ease-in-out;
    -o-transition      : .25s ease-in-out;
    transition         : .25s ease-in-out;
  }

  #nav-icon1 span:nth-child(1) {
    top : 3.5px;
  }

  #nav-icon1 span:nth-child(2) {
    top : 9px;
  }

  #nav-icon1 span:nth-child(3) {
    top : 18px;
  }

  #nav-icon1.open span:nth-child(1) {
    top               : 9px;
    -webkit-transform : rotate(135deg);
    -moz-transform    : rotate(135deg);
    -o-transform      : rotate(135deg);
    transform         : rotate(135deg);
  }

  #nav-icon1.open span:nth-child(2) {
    opacity : 0;
    left    : -30px;
  }

  #nav-icon1.open span:nth-child(3) {
    top               : 6px;
    -webkit-transform : rotate(-135deg);
    -moz-transform    : rotate(-135deg);
    -o-transform      : rotate(-135deg);
    transform         : rotate(-135deg);
  }

  /* header mobile */
  .navbar-default .navbar-toggle {
    border : none !important;
  }

  .navbar-default .navbar-toggle:hover {
    background-color : transparent !important;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color : #FFF !important;
  }

  .navbar-default .navbar-nav > li > a:hover {
    background-color : rgb(245, 130, 31);
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    /*border-color: */
  }

  /* contacto */
  /* footer */
  footer > .boxThree {
    width       : 100%;
    margin      : 0 auto;
    display     : block;
    font-size   : 14px;
    line-height : 10px;
  }

  #navFooter {
    display     : block;
    font-size   : 14px;
    line-height : 10px;
    margin      : 0 auto;
    text-align  : center;
  }

  .col50 {
    width   : 100%;
    margin  : 0 auto;
    display : block;
  }
}

@media (max-width : 480px) {

  #carousel-example-generic {
    display : none !important;
  }

  #contenedorBoxes {
    margin-top : 0px !important;
  }

  #imgShipilovD {
    display : none;
  }

  #imgShipilovM {
    display : block;
    width   : 75%;
  }

  .contenidoMobile {
    width : 100% !important;
  }
}

.slide-portada {
  background-size     : 100%;
  background-position : center bottom;
  background-repeat   : no-repeat;
  position            : relative;
}
.slide-portada:before {
  display     : block;
  content     : " ";
  width       : 100%;
  padding-top : calc((6 / 16) * 100%);
}