@font-face {

  font-family: 'raleway-regular-webfont';

  src: url('../fonts/raleway-regular-webfont');

  src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular-webfont.woff2') format('woff2'), url('../fonts/raleway-regular-webfont.woff') format('woff'), url('../fonts/raleway-regular-webfont.ttf') format('truetype'), url('../fonts/raleway-regular-webfont.svg#raleway-regular-webfont') format('svg');

}

.ff1, h2, h3, h4{

  /*font-family: 'raleway-regular-webfont';  */

}

@font-face {

  font-family: 'bebasneue_bold-webfont';

  src: url('../fonts/bebasneue_bold-webfont');

  src: url('../fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff'), url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'), url('../fonts/bebasneue_bold-webfont.svg#bebasneue_bold-webfont') format('svg');

}

.ff2{

  font-family: 'bebasneue_bold-webfont' !important;

}

@font-face {

  font-family: 'bebasneue_book-webfont';

  src: url('../fonts/bebasneue_book-webfont');

  src: url('../fonts/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_book-webfont.woff2') format('woff2'), url('../fonts/bebasneue_book-webfont.woff') format('woff'), url('../fonts/bebasneue_book-webfont.ttf') format('truetype'), url('../fonts/bebasneue_book-webfont.svg#bebasneue_book-webfont') format('svg');

}

.ff3{

  font-family: 'bebasneue_book-webfont';

}

@font-face {

  font-family: 'bebasneue_light-webfont';

  src: url('../fonts/bebasneue_light-webfont');

  src: url('../fonts/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_light-webfont.woff2') format('woff2'), url('../fonts/bebasneue_light-webfont.woff') format('woff'), url('../fonts/bebasneue_light-webfont.ttf') format('truetype'), url('../fonts/bebasneue_light-webfont.svg#bebasneue_light-webfont') format('svg');

}

.ff4{

    font-family: 'bebasneue_light-webfont';

}

@font-face {

  font-family: 'bebasneue_regular-webfont';

  src: url('../fonts/bebasneue_regular-webfont');

  src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../fonts/bebasneue_regular-webfont.woff') format('woff'), url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'), url('../fonts/bebasneue_regular-webfont.svg#bebasneue_regular-webfont') format('svg');

}

.ff5{

   font-family: 'bebasneue_regular-webfont';

}

@font-face {

  font-family: 'bebasneue_thin-webfont';

  src: url('../fonts/bebasneue_thin-webfont');

  src: url('../fonts/bebasneue_thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'), url('../fonts/bebasneue_thin-webfont.woff') format('woff'), url('../fonts/bebasneue_thin-webfont.ttf') format('truetype'), url('../fonts/bebasneue_thin-webfont.svg#bebasneue_thin-webfont') format('svg');

}

.ff6{

  font-family: 'bebasneue_thin-webfont';

}

@font-face {

  font-family: 'caviardreams_bolditalic-webfont';

  src: url('../fonts/caviardreams_bolditalic-webfont');

  src: url('../fonts/caviardreams_bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/caviardreams_bolditalic-webfont.woff2') format('woff2'), url('../fonts/caviardreams_bolditalic-webfont.woff') format('woff'), url('../fonts/caviardreams_bolditalic-webfont.ttf') format('truetype'), url('../fonts/caviardreams_bolditalic-webfont.svg#caviardreams_bolditalic-webfont') format('svg');

}

.ff7{

    font-family: 'caviardreams_bolditalic-webfont';

}

@font-face {

  font-family: 'caviardreams_bold-webfont';

  src: url('../fonts/caviardreams_bold-webfont');

  src: url('../fonts/caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/caviardreams_bold-webfont.woff2') format('woff2'), url('../fonts/caviardreams_bold-webfont.woff') format('woff'), url('../fonts/caviardreams_bold-webfont.ttf') format('truetype'), url('../fonts/caviardreams_bold-webfont.svg#caviardreams_bold-webfont') format('svg');

}

.ff8, b{

  font-family: 'caviardreams_bold-webfont';

  font-weight: normal !important;

}

@font-face {

  font-family: 'caviardreams_italic-webfont';

  src: url('../fonts/caviardreams_italic-webfont');

  src: url('../fonts/caviardreams_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/caviardreams_italic-webfont.woff2') format('woff2'), url('../fonts/caviardreams_italic-webfont.woff') format('woff'), url('../fonts/caviardreams_italic-webfont.ttf') format('truetype'), url('../fonts/caviardreams_italic-webfont.svg#caviardreams_italic-webfont') format('svg');

}

.ff9{

   font-family: 'caviardreams_italic-webfont';

}

@font-face {

  font-family: 'caviardreams-webfont';

  src: url('../fonts/caviardreams-webfont');

  src: url('../fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/caviardreams-webfont.woff2') format('woff2'), url('../fonts/caviardreams-webfont.woff') format('woff'), url('../fonts/caviardreams-webfont.ttf') format('truetype'), url('../fonts/caviardreams-webfont.svg#caviardreams-webfont') format('svg');

}

.ff10{

  font-family: 'caviardreams-webfont';

}

body, html{  

  font-family: 'raleway-regular-webfont' !important;

  color: #828385;

  font-size: 15px;

  background-color: #fff;

}



a

{

     -webkit-transition:all 0.1s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.1s ease-out;  /* Opera */

      -moz-transition:all  0.1s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.1s ease-out;   /* Internet Explorer */

      transition:all  0.1s ease-out;  /* W3C */ 

}

a:hover{

  text-decoration: none;

}

.oh{

  overflow: hidden;

}

.plr0{

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.plr15{

  padding-left:15px !important;

  padding-right: 15px !important;

}

.pb60{

  padding-bottom: 60px;

}



.pt50{

  padding-top: 50px;

}

.pl0{

  padding-left: 0!important;

}

.pr{

  position: relative;

}

.mt0{

  margin-top: 0 !important;

}

.mb0{

  margin-bottom: 0 !important;

}

.mt15{

  margin-top: 15px !important;

}

.mt20{

  margin-top: 20px !important;

}

.mt25{

  margin-top: 25px !important

}

.mt-35{

  margin-top: -35px !important;

}

.mt30{

  margin-top: 30px !important

}

.mb30{

  margin-bottom: 30px !important

}

.db{

  display: block;

}

.mw100{

  max-width: 100%;

}

.img-center{

  max-width: 100%;

  display: block;

  margin: 0 auto;

}

b{

  font-weight: normal !important;

}

.fs1, h2, h3, h4{

  font-size: 24px;

}

.fs2{

  font-size: 55px;

}

.fs3{

  font-size: 16px;

}

.fs4{

  font-size: 28px;

}

.fs5{

  font-size: 33px;

}

.fs6{

  font-size: 25px;

}

.fs7{

  font-size: 14px;

}

.fs8{

  font-size: 27px;

}

.fs8{

  font-size: 16px;

}

.fs9{

  font-size: 13px;

}

.fs10{

  font-size: 21px;

}

.fs11{

  font-size: 14px;

}

.fc1, h2, h3{

  color: #000000!important;

}

.fc2, h4{

  color: #000 !important;

}

.fc5{

  color: #fec156;

}

.fc3{

  color:#ecebf3 !important;

}

.ff4{

   font-family: 'HelveticaNeue-UltraLight';

}

.plr0{

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.pb60{

  padding-bottom: 60px;

}

.pr{

  position: relative;

}

.mt0{

  margin-top: 0 !important;

}

.mb0{

  margin-bottom: 0 !important;

}

.mt15{

  margin-top: 15px !important;

}

.mt20{

  margin-top: 20px !important;

}

.mt25{

  margin-top: 25px !important

}

.mt30{

  margin-top: 30px !important

}

.db{

  display: block;

}

.fs1{

  font-size: 18px;

}

.fs2{

  font-size: 13px;

}

.fs3{

  font-size: 25px;

}

.fs4{

  font-size: 30px;

}/*

.fc1{

  color: #545454;

}

.fc2{

  color: #fff !important;

}

.fc3{

  color: #56D7FF !important

}

.fc4{

  color: #898989 !important;

}*/



h3#comments{

  background-color: #E5E5E5;

  padding: 15px;

}

.commentlist{padding: 0;}

.commentlist li {  list-style: none !important;}

.comment-body {    position: relative;}

.comment-body p{}

.comment-body img.img-come{ float:right; margin-left: 20px; width: auto !important;}

 #respond h3 {background-color:#A00D13  ; color: #fff; font-size: 18px !important }

.main img.avatar {margin:8px 0 !important; }

.comment-author .fn, {font-weight: bold; color: #000}

.comment{border-bottom: solid 1px #C4C2C2; margin-bottom: 10px; padding-bottom: 0px !important;}

.commentmetadata a{font-size: 12px; color: #666 !important; margin-bottom: 10px; display: block;}

.reply a{color: #FF4800;}

#respond{position: relative; display: block; overflow: hidden;}

.comentarios{position: relative;overflow: hidden;}

 #respond h3 {padding: 15px; font-size: 16px; margin-bottom: 0 !important; text-transform: uppercase; }

 #respond a{color: #E33858}

#commentform{background-color: #E5E5E5; float: left;padding-top: 15px; margin-bottom:30px; padding-bottom: 15px; width: 100%;}

.tac{

  text-align: center;

}

.pagination > li > a, .pagination > li > span{

 color:#a5793c;

 font-size: bold;

}

.pagination > li > a:hover, .pagination > li > a:focus{

   color:#A00D13;



}

.text-left-md{

  text-align: left;

}

.text-right-md{

  text-align: right;

}

html, body{

}

h2, h3, h1{

}

h3{



}

h1, h4{

 

}



.bg2{ 

  background-color: #fff !important;

 }

 .bg3{

  background: url("../img/f-servicio1b.jpg") center top no-repeat;

 }

 .bg4{

  background: #56555D;

 }

 footer{

  background-color: #231F20;

  padding-top: 15px;

  color: #ECEBF3 !important;

  padding-bottom: 15px;

 }

.form-theme .form-control {

    background-color: #9c9c9c;

    border-radius: 0px !important;

    box-shadow:none;

    display: block;

    color: #fff !important;

    border:none !important;

    font-size: 15px;

/*height: 34px;*/

    line-height: 1.42857;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

  }

  .form-theme .form-control {



  }

 /* .form-control {

    background-color: transparent;

    background-image: none;

    border: 1px solid #0A5083;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

  }*/

.form-theme .form-control::-moz-placeholder {

  color:#ecebf3 !important;

  opacity: 1;

}

.form-theme label{

  color: #fff;



}

.form-theme .form-control:-ms-input-placeholder {

  color:#ecebf3 !important

}

.form-theme .form-control::-webkit-input-placeholder {

  color:#ecebf3 !important

}

.form-theme .input-group-addon{

  background-color: #808080;

  border: 2px solid #808080;

  color: #fff;

}

.sprite{

  background: url("../img/sprite.png") no-repeat scroll;

}

.sprite2{

  background: url() no-repeat scroll;

}

.btn-default {

    background-color:#64636B;

    border-color:#64636B;

    color: #fff !important;

    font-size: 16px;

    padding: 8px 22px;

    line-height: 16px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

     border-radius: 0px;

       -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */ 



}

.btn-default:hover, .btn-default:focus{

  background-color: #B6143E;

  border-color:#B6143E;

  color: #fff;  

}

.btn-primary {

    background-color:#00518A;

    border-color: #8b8b8b;

    color: #fff;

    font-size: 15px;

    padding: 6px 22px

}

.btn-primary:hover, .btn-primary:focus{

  background-color:#0F3263 !important;

  color: #fff;  

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{

  background: transparent;

}

.br5{

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

 border-radius: 6px;

}

.bola{

  width: 140px;

  height: 140px;

  display: block;

  margin:0 auto;

  -moz-border-radius: 70px;

  -webkit-border-radius: 70px;

  border-radius: 70px;

  overflow: hidden;

     -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */     



}

.bola.pink{

  background-color: #B6143E;

}

.bola.gris{

  background-color:#797B7E;

}

.bola.negra{

  background-color: #000000;

}

.is-selected p{

  font-size: 18px;

}

.is-selected .bola{

  width: 190px;

  height: 190px;

  -moz-border-radius: 95px;

  -webkit-border-radius: 95px;

  border-radius: 95px;

}

.is-selected{

  margin-top: 0 !important;

}

.gallery-cell{}

.form-group{

   display: block;

    margin-bottom: 15px;

    overflow: hidden;

    position: relative;

}

#tabs-1 {

    background-color: transparent;

    border-bottom: 3px solid #0389C8;

    margin-bottom: 5px;

    margin-top: 15px;

}

#tabs-1 ul.nav-tabs {

    background: transparent;

    border-bottom: 3px solid #0389C8;

}

#tabs-1 ul.nav-tabs li.active, #tabs-1 ul.nav-tabs li.active a, #tabs-1 ul.nav-tabs a:hover {

    background-color: #0389C8;

    color: #fff

}

#tabs-1 .nav-tabs > li {

    margin-bottom: 0px;

    margin-right: 5px;

}

#tabs-1 .nav-tabs > li > a {

    border: medium none;

    border-radius: 0 !important;

    color: #fff;

    font-family: "ufonts.com_alwyn_bold-webfont";

    font-size: 14px;

    padding: 15px 9px !important;

     background-color:#78C8ED;

    color: #0D3766

}

#tabs-1 .tab-content {

    color: #3f3f3f;

    padding: 16px 20px;

}

#tabs-1 .tab-content ul {

    margin-bottom: 10px;

    padding-left: 15px;

}

.tab-content .tab-pane h2:first-child {

    color: #444444;

    margin-top: 0;

    padding-top: 0;

}

  #logo, #logo-jpg {

    background: rgba(0, 0, 0, 0) url("../img/logo-aslab.png") no-repeat scroll 0 0;

      height:186px;

      width:546px;

      left: 50%;

      margin-left: -273px;

      z-index: 11;

      position: absolute;

      top: 50%;

      margin-top: -93px;

}

#logo-jpg{

    background: rgba(0, 0, 0, 0) url("../img/logo-aslab.jpg") no-repeat scroll 0 0 !important;  

}

#logo-linea{

      background: rgba(0, 0, 0, 0) url("../img/logo/linea.png") no-repeat scroll 0 0;

      height:0px;

      width:546px;

      left: 50%;

      margin-left: -273px;

      z-index: 1;

      position: absolute;top: 50%;

      margin-top: -93px;

      z-index: 10;

       -webkit-transition:all 1s ease-out;  /* Chrome y Safari */

      -o-transition:all  1s ease-out;  /* Opera */

      -moz-transition:all  1s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  1s ease-out;   /* Internet Explorer */

      transition:all  1s ease-out;  /* W3C */

}

#logo-linea.cre{

  height: 186px;

}

#logo-linea.cra{

  display: none;

}



#logo-linea2{

      background: rgba(0, 0, 0, 0) url("../img/logo/linea2.png") no-repeat scroll 0 0;

      height:186px;

      width:546px;

      left: 50%;

      margin-left: -273px;

      z-index: 1;

      position: absolute;

      top: 50%;

      margin-top: -93px;

      z-index: 9;

      display: none;

}

#logo-linea2.cri{

    display: block;

}

#logo-as{

      background: rgba(0, 0, 0, 0) url("../img/logo/as.png") no-repeat scroll 0 0;

      height:186px;

      width:546px;

      left: 50%;

      margin-left: -0px;

      z-index: 8;

      position: absolute;

      opacity: 0;

      top: 50%;

      margin-top: -93px;

       -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all   0.5s ease-out;  /* W3C */

}

#logo-as.cre2{

  opacity: 1; 

  margin-left: -273px;

}

#logo-lab{

      background: rgba(0, 0, 0, 0) url("../img/logo/lab.png") no-repeat scroll 0 0;

     height:186px;

      width:546px;

      left: 50%;

      margin-left: -587px;

      z-index: 1;

      position: absolute;

      top: 50%;

      margin-top: -93px;

      z-index: 9;

      opacity: 0;

       -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all   0.5s ease-out;  /* W3C */

}

#logo-lab.cre1{

  margin-left: -273px;

  opacity: 1;

}

#logo-pm{

      background: rgba(0, 0, 0, 0) url("../img/logo/pm.png") no-repeat scroll 0 0;

      height:186px;

      width:546px;

      left: 50%;

      margin-left: -273px;

      z-index: 13;

      position: absolute;

      top: 70%;

      opacity: 0;

       -webkit-transition:all 1.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  1.5s ease-out;  /* Opera */

      -moz-transition:all  1.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  1.5s ease-out;   /* Internet Explorer */

      transition:all  1.5s ease-out;  /* W3C */

}

#logo-pm.cre3{

  top: 50%;

  margin-top: -93px;

  opacity: 1;

}

#menu-fixed{

    z-index: 1000;

}

 #menu-fixed.fixed {

  background-color: #fff;

    position: fixed;

    top: -70px !important;  

     -webkit-transition:all 0.1s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.1s ease-out;  /* Opera */

      -moz-transition:all  0.1s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.1s ease-out;   /* Internet Explorer */

      transition:all  0.1s ease-out;  /* W3C */ 

      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  }

header{

}

header#menu-fixed.fixed{

}

header.fixed .navbar-default .navbar-nav > li > a{

 

}



body, html{

}

header{

  position: absolute;

  left: 0;

  right: 0;

  /*height: 62px;*/

}

.navbar-default{

  background-color: transparent;

  border: none;

  margin-bottom: 0px !important

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{

  background-color: none;

  box-shadow: none !important;

}

.navbar-default .navbar-nav > li > a{

  color: #000;

  text-transform: uppercase;

  font-size:15px;

  /*text-shadow:0px 0px 10px rgba(0,0,0,0.5)*/

}

.navbar-default .navbar-nav > li > a span{

  display: block;

  height: 4px;

  width: 0%;

  background-color: #FD7C38;

   -webkit-transition:all 0.4s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.4s ease-out;  /* Opera */

      -moz-transition:all  0.4s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.4s ease-out;   /* Internet Explorer */

      transition:all  0.4s ease-out;  /* W3C */ 

}

.navbar-default .navbar-nav > li > a:hover span, 

.navbar-default .navbar-nav > li > a.active span{

  width: 100%;

}

.navbar-nav > li a.active{

  background-color: transparent !important;

  color: #000 !important;



}



@media (max-width: 991px) {

   

    header{

      position: absolute;

      left: 0;

      right: 0;

      height: auto !important;

      min-height: 62px;

    }

    #menu-fixed.fixed {

      position: fixed;

      top: auto;

    }

    .navbar-default{

      border: none;

    }



  }

@media (min-width: 768px) and (max-width: 1201px) {

  .navbar-nav > li > a {

      padding: 21px 10px 21px 10px !important;

      margin: 0px;

      font-size: 12px !important

  }



}

.galerias{

    width: 340px;

  }

@media (min-width: 992px) {



  #formulario-contacto{

  padding-top: 50px;

  padding-bottom: 25px;

}

  .navbar-nav > li > a {

      margin: 0px;

      padding: 0 !important

  }

  .navbar-nav > li > a i {

      padding-left: 10px !important;
      padding-right: 10px !important;
      padding-top: 28px !important;
      padding-bottom: 28px !important;
      font-size:12px;

      display: block;

      font-style: normal;

  }

  .navbar-nav > li > a.active, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{

      color: #9AA4A1 !important;

  }

  .menu1{

    min-height: 0 !important

  }

}

.navbar-nav > li > a i {

      font-style: normal;

  }

/**********************************/

@media (min-width:992px) {



  .newhe{

    height: 319px ;

  }

  .mt70{

    margin-top: 70px;

  }

  .cont-gal{

      width: 900px;

      display: block;

      position: relative;

      margin: 0 auto;

    }

.bg1{

    

     /*padding-top: 250px;

     padding-bottom: 339px;*/

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  .icon-serv1, 

  .icon-serv2,

  .icon-serv3,

  .icon-serv4,

  .icon-serv5,

  .icon-serv6{

    margin: 0 auto !important;

    opacity: 1 !important;

  }



  #logo{

      

  }

  .title-h2-qs{

    padding-top: 50px;

	  

  }

  #qs > div > div.row{

    padding-top: 30px;

    padding-bottom: 50px;

  }

  #serv2 > div.row{

    padding-top: 50px;

    padding-bottom: 50px;

  }

}

@media (max-width:767px) {

  .bg11{

  background-image: url("../img/fondo-naranja.jpg");

  background-repeat: repeat;

    background-attachment: fixed !important;

}



  #serv2 > div.row{

    padding-top: 50px;

    padding-bottom: 50px;

  }

  #serv2 h3{

    margin-bottom: 60px;

  }

  #navbar{

    border: none;

  }

  .flag33{

    font-size: 12px !important;

  }

  .title-h2-qs{

     padding-top: 50px;

  }

  #qs > div > div.row{

    padding-top: 30px;

    padding-bottom: 50px;

  }



    

  #logo {

      background: rgba(0, 0, 0, 0) url("../img/logo-aslab-xs.png") no-repeat scroll 0 0;

      height:103px;

      width:300px;

      left: 50%;

      margin-left: -150px;

      z-index: 11;

      position: absolute;

      top: 50%;

      margin-top: -51px;

  }



}

#layer1{

  position: relative;

  z-index: 10;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  height: 100%;

}

#layer2{

  position: absolute;

  z-index: 0;

      top: 0;



}

@media (max-width:992px) {

  #layer2{

  min-height: 800px;



  }

}

.slider1{

  padding-left: 0px !important;

  position: relative;

}

.slider1 li{

  float: left;

  list-style: outside none none;

  position: relative;

}

.slider1 li img{

  display: block;

  margin: 0 auto;  

}

.carta-container {

  display: inline-block;

  height: 445px;

  margin: 10px -110px 10px 0;

  position: relative;

  width: 359px;

  z-index: 1;

}

@media (min-width: 992px) and (max-width:1050px) {



 .carta-container {

    margin: 10px -157px 10px 0 !important;

  }

}



.carta-container {

    -webkit-perspective: 800;

}

.carta {

  /*box-shadow: 0px 0px 5px black;*/

  height: 100%;

  width: 100%;

  position: relative;

  top: 100px;

  -webkit-transform-style: preserve-3d;

  -webkit-transition: all 0.5s;

}

.carta-container:hover .carta{

  -webkit-transform: rotateY(180deg);



}

.carta .lado{

  position: absolute;

  height: 100%;

  width: 100%;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

    backface-visibility: hidden;

}

.carta .frente{  

  height: 100%;

  width: 100%;

}

.carta .atras{

  font-family: Helvetica, Verdana, Arial;

  height: 100%;

  width: 100%;

  -webkit-transform: rotateY(180deg);

}





.carta .atras .header{

  padding: 14px 5px;

  text-align: center;

  text-shadow: 1px 1px 3px rgba(0,0,0,0.7);

}

.daft{

  background: url(daft.jpg);

  color: white;

}

.pink{

  background: url(pink.jpg);

  color: white;

}

.david{

  background: url(david.jpg);

  color: white;

}

.carta .atras ul{

  padding: 0;

  margin: 0;

}

.carta .atras ul li{

  cursor: pointer;

  font-size: 12px;

  list-style: none;

  margin: 0;

  padding: 10px;

}

.carta .atras ul li:hover{

  background-color: #2AC92D;

  color: white;

}

.cont1{

      overflow: hidden;

     /* padding-bottom: 25px;*/

}

.cont1 h2{

  padding-top: 15px;



}

.cont-gal p{

  padding-top: 15px;

}

.cont3 .bx-wrapper .bx-prev{

  left: -15px;

}

.cont3 .bx-wrapper .bx-next{

  right: -15px;

} 

.lista-portafolio li{  

      overflow: hidden;

}

.lista-portafolio li a{

  padding-bottom: 15px;

}

.lista-portafolio li img{

  max-width: 100%;

}

.lista-portafolio li.col-md-4{

      padding: 0 15px 0 0 !important;



}

.lista-portafolio li .col-md-12{

  padding-left: 0px !important;



}

.lista-portafolio li .col-md-6:last-child{

      padding-right: 15px !important;



}

.lista-portafolio{

  padding-bottom: 30px;

  overflow: hidden;

}

.cont-ser article{

  color: #fff;

  text-align: center;

}

.cont-ser article p{

  opacity: 0;

}
#quienes-somos .line-or{

  /*bottom: 38px;*/

  bottom: 98px;

}

@media (max-width:767px) {

  .title-h2-qs{

    background-attachment: scroll !important; 

    height: 120px !important;

  }

  #quienes-somos .line-or{

    bottom: 18px;

  }

  .pt30-xs{

    padding-top: 30px;

  }

  #slider h2{

    font-size: 24px !important;

    line-height:26px !important

  }

  .mt-33{

    margin-top: -33px;  

  }

  .icon-serv1, 

  .icon-serv2,

  .icon-serv3,

  .icon-serv4,.icon-serv5,.icon-serv6{

    margin: 0 auto !important;

    opacity: 1 !important;

  }

  .banerrr{

    position: relative !important;

    z-index: 10;

    left: 0;

    right:0;

    bottom: 0px !important;

    top: 50px;

    height: auto !important;

    margin-bottom: 20px !important;

  }

  .banerrr .service-box-detail{

    display: none !important;

    position: relative !important;

  }

  #logo-p{

    background: rgba(0, 0, 0, 0) url("../img/logo-kx-xs.png") no-repeat scroll center top !important;

    width: 180px !important;

    height: 37px !important;

    display: inline-block;

    margin: 8px auto !important;

  }

  .navbar-toggle{

   /* padding: 15px 10px*/

  }

  header{

    min-height: 51px !important;

  }

  #qs img{

    width: 60%;

    height: auto;

  }

  .carta{

    top: 0 !important;

  }

      .navbar-default .navbar-toggle {

        border-color: #fff;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #fff;

    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

        background-color: #fff;

    }

    .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {

        background-color: #000;

    }

    .navbar-toggle{

      border: none !important;

    }

    .navbar-toggle .icon-bar{

      height: 3px;

      width: 26px;

    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

        background-color: #B6143E !important;

    }

    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle{

        background-color: #FEC156 !important;

    }

    .navbar-toggle:hover .icon-bar, 

    .navbar-toggle:focus .icon-bar {

        color: #fff !important;

        background: #fff !important;

    }

    #triangle-down { 

       /* border-top: 25px solid #7F7F7F !important;*/

    }



    #triangle-down { 

        bottom: -15px !important;

    }

  .cont2 h3{

    text-align: left !important;

  }

  .cont-ser article p{

      opacity: 1;

    }

  .cont-ser article{

    padding-top: 25px;

    padding-bottom: 25px;

    }

  .bg3{

    background-color: #B6153F;

  }

  .au{

    background-color: #B6153F;

  }

  .dg, .dm{

    background-color: #D41848;

  }

  .cont-ser h3{

    text-align: center;

  }

  .lista-portafolio img{

    margin-bottom: 25px;

  }

  .gallery-cell{

    width: 80% !important;

    height: 300px !important

  }

}



@media (min-width:768px) {

  .bg11{

  background-image: url("../img/fondo-naranja.jpg");

  background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed !important;

}

    #serv2 .col-md-6 .content-serv{

      padding-left: 138px;

    }

    #serv2 .col-md-6 span{

      position: absolute;



    }



    .cont1 h2.hideme,

    .cont1 p.hideme,

    .cont1 img.hideme,

    h3.hideme{

      padding-top: 20px;

    }

    .cont1 p.shomw,

    .cont1 img.shomw,

    h3.shomw

    {

      padding-top: 0 !important;

    }

    .cont1 h2.shomw{

      padding-top: 4.5em !important;

    }

    .shomw{

      opacity: 1 !important;

    }

    .hideme{

      -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all 0.5s ease-out;  /* Opera */

      -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all 0.5s ease-out;   /* Internet Explorer */

      transition:all 0.5s ease-out;  /* W3C */ 

      opacity: 0;

    }



  .bg31{

  background: url("../img/f-servicio1.jpg") center top no-repeat !important;



 }

  .bg32{

  background: url("../img/f-servicio2.jpg") center top no-repeat !important;

 }

  .bg33{

  background: url("../img/f-servicio3.jpg") center top no-repeat !important;

 }

  .bg34{

  background: url("../img/f-servicio4.jpg") center top no-repeat !important;

 }



    .cont-ser h3{

      margin-bottom: -305px;

      margin-top:250px;

    }

  .cont-ser{

    min-height: 887px;

    overflow: hidden;

  }

    .cont-ser article:first-child{

      margin-bottom: 42px;

    }



    .dg{

      padding-top: 600px;

    }

    .dg:hover{

      padding-top: 520px !important;

    }

    .au{

      padding-top: 469px;

    }

    .au:hover{

      padding-top: 400px;

    }

    .dm{

      padding-top:323px;

    }

     .dm:hover{

      padding-top:230px;

    }

    .fv{

      padding-top: 190px;

    }

    .fv:hover{

     padding-top: 100px;

    }



   

    .cont-ser article:hover p{

      opacity: 1;

    }

    .cont-ser article:hover{}

    /*.au{

      margin-top: 469px;

    }

    .dm{

      margin-top:323px;

    }

    .fv{

      margin-top: 190px;

    }*/



    .lista-portafolio li{

      padding: 0 10px 0px 0px !important;

    }

    .lista-portafolio li.col-sm-2{

      width: 16.45%;

    }

    .lista-portafolio li.col-sm-3{

      width: 21.45%;

    }

    .lista-portafolio li.col-sm-4{

      width: 28.45%;

    }

    .lista-portafolio li.col-sm-5{

      width: 33.35%;

    }

    .lista-portafolio li a{

      float: left;

    }

    .cont1{

      text-align: justify;

    }

    /*.cont1{

      text-align: justify;

      margin-top: -70px;

    }*/

    

    .cont2 h3{

      margin-bottom: 35px;

    }

}

.cont-ser, .cont-ser article, .cont-ser article p, .cont-ser h4{  

     -webkit-transition:all 0.8s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.8s ease-out;  /* Opera */

      -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

      transition:all  0.8s ease-out;  /* W3C */ 



}

#logo-p{

    background: rgba(0, 0, 0, 0) url("../img/logo-kx.png") top center no-repeat  ;

    display: block;

    height:52px ;

    width:250px ;

    z-index: 1000;

    position:absolute;

    left:;

    margin-left: ; 

    margin-top: 15px;

    margin-bottom: 15px;

}



#triangle-down { 

    border-left: 30px solid transparent;

    border-right: 30px solid transparent;

    border-top: 15px solid rgba(0, 0, 0, 0.7);

    height: 0;

    left: 50%;

    margin-left: -30px;

    position: absolute;

    bottom: -15px;

    width: 0; 

}

#portafolio ul{

  padding-left: 15px !important

}

#portafolio ul > li ul  li{

  position: relative;

  text-align: center;

  color: #fff;



}

#portafolio ul > li ul li:hover

{  

  margin-top: -15px;

  margin-bottom: 15px;

}



#portafolio ul > li ul li img{

  margin-bottom:15px;

  width: 100%;

}

#portafolio ul > li ul li > div > a.fancybox{

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  color: #fff !important;

}

#portafolio ul > li ul li div > a:hover, #portafolio ul > li ul li div > a:focus{

  color: #fff;

}

#portafolio ul > li ul li div{

  -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */ 

  opacity: 0;

  position: absolute;

  left:0px;

  right: 15px;

  top: 0;

  bottom: 15px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.7+100;Neutral+Density */

  background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */



}

#portafolio ul h5{

  font-size: 20px;

  text-decoration: underline;

  text-transform: uppercase;

  margin-top: 50px;

}

.ico-enlace{

  width: 25px;

  height: 25px;

  display: block;

  background: url("../img/link.png") no-repeat;

  margin: 0 auto;

}

#portafolio ul > li ul li:hover div{

  opacity: 1;

}



#portafolio ul > li ul li{

  padding-left: 0 !important;

  -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */ 

  

}

#portafolio ul{}

#map-canvas{

  padding-top: 15px;

  padding-bottom: 15px;

}



.map-1{

   position: relative;

   padding-bottom: 33%;

   overflow: hidden;

}

.map-1 iframe

 {

  position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



#cli .gal-1{

  height: 130px;

  overflow: hidden;

  position: relative;

  display: block;

}

#map-api{

        height: 500px;

        width: 100%;

      }

#layer3{

 background-color: #fff;

 position: fixed;

 top: 0;

 bottom: 0;

 left: 0;

 z-index: 100010;

 right: 0;

opacity: 1;

 -webkit-transition:all 0.8s ease-out;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

}

body, html{



}

#layer3 #logo-jpg{

/*top: -233px;*/

  opacity: 0;

  -webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

 





} 

.girar{  

    /* Primer bloque */

    transform: perspective(300px) rotateY(-360deg);

    transform-origin: 50% 50%;



}

.girar1{

  -webkit-animation: CrecerElementoUno 3s ease-in-out  infinite;

  -moz-animation: CrecerElementoUno 3s ease-in-out infinite;

  -o-animation: CrecerElementoUno 3s ease-in-out infinite;

  -ms-animation: CrecerElementoUno 3s ease-in-out infinite;

  animation: CrecerElementoUno 3s ease-in-out  infinite;

}

@-webkit-keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  100% {transform: scale(0.8);}

  100% {transform: scale(1);}

}

@-moz-keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  50% {transform: scale(0.8);}

  100% {transform: scale(1);}

}

@-o-keyframes CrecerElementoUno{

 0% {transform: scale(1);}

  50% {transform: scale(0.8);}

  100% {transform: scale(1);}

}

@-ms-keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  50% {transform: scale(0.9);}

  100% {transform: scale(1);}

}

@keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  50% {transform: scale(0.8);}

  100% {transform: scale(1);}

}





.girar2{

  -webkit-animation: CrecerElementoUno 3s ease-in-out  infinite;

  -moz-animation: CrecerElementoUno 3s ease-in-out infinite;

  -o-animation: CrecerElementoUno 3s ease-in-out infinite;

  -ms-animation: CrecerElementoUno 3s ease-in-out infinite;

  animation: CrecerElementoUno 3s ease-in-out  infinite;

}

@-webkit-keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  100% {transform: scale(0.8);}

  100% {transform: scale(1);}

}

@-moz-keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  50% {transform: scale(0.8);}

  100% {transform: scale(1);}

}

@-o-keyframes CrecerElementoUno{

 0% {transform: scale(1);}

  50% {transform: scale(0.8);}

  100% {transform: scale(1);}

}

@-ms-keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  50% {transform: scale(0.9);}

  100% {transform: scale(1);}

}

@keyframes CrecerElementoUno{

  0% {transform: scale(1);}

  50% {transform: scale(0.8);}

  100% {transform: scale(1);}

}





#serv2{

  -webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

}

#serv2 .col-md-3{

  overflow: hidden;

  -webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

}

.tu1{

  border-bottom: 103px solid #b6153f;

    border-left: 293px solid transparent;

    border-right: 0 solid transparent;

    display: block;

    height: 0;

    position: relative;

    width: 0;-webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

}

.td1{

  width: 0; 

  height: 0; 

  border-left: 0px solid transparent; 

  border-right: 293px solid transparent; 

  border-top: 103px solid #b6153f;

  display: block;

  position: relative;-webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

}

#serv2 .col-md-3:hover .gy{

  background-color: #D41848;

}

#serv2 .col-md-3:hover .td1,

#serv2 .col-md-3:hover .tu1{

  border-top-color: #D41848;

  border-bottom-color: #D41848;

}

#serv2 .gy{  

    background-color: #B6153F;

  -webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

}

#serv2 p{

  -webkit-transition:all 0.8s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.8s ease-out;  /* Opera */

  -moz-transition:all  0.8s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

  transition:all  0.8s ease-out;  /* W3C */

 

 color: #fff;

 text-align: justify;

 font-size: 15px;

}

@media (max-width: 767px) {

  .cont1, .cont2, .cont3, .cont9, #eeq{

      padding-top: 45px;

      padding-bottom: 50px;

    }

  .gy{

    padding-top: 30px;

    padding-bottom: 30px;

  }

  #serv2 .col-md-3{

    padding-top: 0 !important;

  }

  #serv2 h3{

    position: relative;

    text-align: center;

  }

  .serv13 .gy, .serv15 .gy{

    background-color:#d41848!important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

    .tu1{

        border-left: 376px solid transparent;

    }

    .td1{

      border-right: 376px solid transparent;

    }

     #serv2 .col-md-3{

    padding-top: 0 !important;

  }

  .cont1, .cont2, .cont3, .cont9, #eeq{

      padding-top: 45px;

      padding-bottom: 30px;

    }

}

@media (min-width: 992px) {

  .lista-portafolio-1{

    overflow: hidden;

  }

  #serv2 h4{

    padding-top: 123px;

    padding-bottom: 20px;

     -webkit-transition:all 0.2s ease-out ;  /* Chrome y Safari */

  -o-transition:all  0.2s ease-out;  /* Opera */

  -moz-transition:all  0.2s ease-out;  /* Mozilla Firefox */

  -ms-transition:all  0.2s ease-out;   /* Internet Explorer */

  transition:all  0.2s ease-out;  /* W3C */

  } 

  #serv2 .gy:hover h4{

    padding-top: 50px !important;

  }

   #serv2 .col-md-3:hover h4{

    padding-top: 25px;

  }

  #serv2 p{

  }

  #serv2 .col-md-3:hover p{

  }

  #serv2 .gy{    

    height: 285px;

    overflow: hidden;

    display: block;

  }

  #serv2 .col-md-3{

  }

  #serv2 h3{

  }

}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{

  background: #B6153F !important;

}

ol#pagination{overflow:hidden; float:right; bottom: -30px; margin:50px 0 50px 0; width: 100%; position: absolute; text-align: center;}

ol#pagination li{ display: inline-block;

 list-style:none;  

 cursor:pointer; background: none repeat scroll 0 0 #7A7D80; 

 width: 12px;

 height: 12px;

 overflow: hidden;

 text-indent: -10000px;  

  -webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

 color: #000000 !important;    

  font-size: 14px;    line-height: normal;    

  margin-right: 8px;}

ol#pagination li { text-shadow:none; color:#666666;}

ol#pagination li.current{ background: none repeat scroll 0 0 #F71148;    color: #FFFFFF !important;}

ol#pagination li:hover{  background: none repeat scroll 0 0 #F71148;    color: #FFFFFF !important;}

#diagonal-izquierda{

  width: 80%;

  height: 100%;

  -webkit-transform: skew(-20deg);

     -moz-transform: skew(-20deg);

       -o-transform: skew(-20deg);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f71148+1,f71148+100&0.9+0,0.9+100 */

background: -moz-linear-gradient(top,  rgba(247,17,72,0.9) 0%, rgba(247,17,72,0.9) 1%, rgba(247,17,72,0.9) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(247,17,72,0.9) 0%,rgba(247,17,72,0.9) 1%,rgba(247,17,72,0.9) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(247,17,72,0.9) 0%,rgba(247,17,72,0.9) 1%,rgba(247,17,72,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f71148', endColorstr='#e6f71148',GradientType=0 ); /* IE6-9 */



  position: absolute;

 left: -110%;

  top: 0;

  bottom: 0;

  z-index: 10;

   -webkit-transition:all 0.8s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.8s ease-out;  /* Opera */

      -moz-transition:all 0.8s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

      transition:all 0.8s ease-out;  /* W3C */ 

}



#diagonal-derecha{

  width: 80%;

  height: 100%;

  -webkit-transform: skew(-20deg);

     -moz-transform: skew(-20deg);

       -o-transform: skew(-20deg);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f71148+1,f71148+100&0.9+0,0.9+100 */

background: -moz-linear-gradient(top,  rgba(247,17,72,0.9) 0%, rgba(247,17,72,0.9) 1%, rgba(247,17,72,0.9) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(247,17,72,0.9) 0%,rgba(247,17,72,0.9) 1%,rgba(247,17,72,0.9) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(247,17,72,0.9) 0%,rgba(247,17,72,0.9) 1%,rgba(247,17,72,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f71148', endColorstr='#e6f71148',GradientType=0 ); /* IE6-9 */



  position: absolute;

  right: -110%;

  top: 0;

  bottom: 0;

  z-index: 10;

  -webkit-transition:all 0.8s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.8s ease-out;  /* Opera */

      -moz-transition:all 0.8s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.8s ease-out;   /* Internet Explorer */

      transition:all 0.8s ease-out;  /* W3C */ 

}



#slider-prev{

  position: absolute;

  top: 50%;

  margin-top: -23px;

  left: 15px;

  opacity: 0;

}

#slider-prev a{

  padding: 34px 1px;

  background-color: #ececec;

  color: #fff ;

}



#slider-next{

  position: absolute;

  top: 50%;

  margin-top: -23px;

  right: 15px;

  opacity: 0;

}



#slider-next a{

  padding: 34px 1px;

  background-color: #ececec;

  color: #fff ;



}



.gal-1:hover #slider-prev, .gal-1:hover #slider-next{

  opacity: 1;



}

#clientes-aslab{

  position: relative;

  display: block;

  overflow: hidden;

}

@media (min-width: 768px) {

  #serv2{

  

  }

  .row.banerrr  .column-service-box.wpb_column.vc_column_container.col-sm-3.mt30{

    width: 20% !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

   #serv2{  }

}

#qs, #na, #cli,  #portafolio, #eeq{

  overflow: hidden;

}







.text-porta{

  background-color: #000;

  left: 0px;

  right: 15px;

  top: 0;

  bottom: 0px;

  position: absolute;

  z-index: -1;

   -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */

}

.imgs-porta img{

 

   -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */

}

.proyecto-x:hover .imgs-porta img:first-child{

  opacity: 0.3;

  margin-bottom:15px;

}

.proyecto-x:hover  .text-porta{

  bottom: 15px;

}

.proyecto-x{

   -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */

      padding-left: 0px !important;

      overflow: hidden;

      margin-bottom: 15px;

}

.proyecto-x:hover{

  margin-top: -15px;

  margin-bottom: 15px;



}

.dn{

  display: none;

}

.title-fc,

.descrip-fc,

.ico-enlace{

  opacity: 0;

  color: #fff;

  text-align: center;

  position: absolute;

}

.proyecto-x:hover .title-fc,

.proyecto-x:hover .descrip-fc,

.proyecto-x:hover .ico-enlace{

  opacity: 1;

  display: block;

}



.title-fc{

  top: 45px;

  font-size: 20px;

  text-decoration: underline;

  text-transform: uppercase;



  width: 100%;

}

.descrip-fc{

  top: 70px;

  width: 100%;

}

.ico-enlace{

  top: 100px;

  left: 50%;

  margin-left: -10px;

}

#portafolio1 ul.lista-portafolio-1 {

    padding-left: 15px !important;

}

.bg10{

  background: #fff;

}



.title-h2-qs{

	height: 250px;

    background-repeat: no-repeat;

    background-size: 100%;

    background-attachment: fixed;

    background-image: url("../img/foto-1.jpg");

    display: block;

    padding-bottom: 50px;

    text-transform: uppercase;

}

.title-h2-qs h2{

  margin: 0 !important;

  color: #fff !important;

}

.icon-serv1{

  background: url("../img/");

}

#menu-fixed .bg10{

  box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2);

  -webkit-border-radius: 3px;

-moz-border-radius: 3px;

 border-radius: 3px;

}

.sprite-flag{

  background: url("../img/icon-flat.jpg")  no-repeat;

  width: 25px;

  height: 18px;

  display: block;

}

.flag-s{

  background-position: 0px -10px;

}

.flag-es{

  background-position: 0px -10px;

}

.flag-en{

  background-position: 0px -30px;

}

.flag-pt{

  background-position: 0px -50px;

}

.flag-arrow{

  background-position: 0px 4px;

  height: 12px;

}

.flag-arrow2{

  background-position: 0px -70px;

  height: 12px;

}

.dropdown.flag{

  background-color: #fff;

  padding:5px 10px;

  margin-bottom: 20px;

  display: inline-block;

  float: right;

  -webkit-border-bottom-right-radius: 6px;

-webkit-border-bottom-left-radius: 6px;

-moz-border-radius-bottomright: 6px;

-moz-border-radius-bottomleft: 6px;

border-bottom-right-radius: 6px;

border-bottom-left-radius: 6px;

}

.flag33{

  padding:10px 10px;

  font-size: 14px;

  background-color: #fff;

  display: block;

  -webkit-border-bottom-right-radius: 6px;

-webkit-border-bottom-left-radius: 6px;

-moz-border-radius-bottomright: 6px;

-moz-border-radius-bottomleft: 6px;

border-bottom-right-radius: 6px;

border-bottom-left-radius: 6px;

}

.dropdown.flag .dropdown-menu{

  min-width: auto !important;

  border:none;

  margin-top: -16px !important;

}

.dropdown.flag .dropdown-menu > li > a{

  padding: 3px 10px;

}

/*.tp-service-box {

    position: relative;

    transform: translateY(-60px);

}*/

.tp-service-box {

    position: relative;

}

.tp-service-box .service-box {

    background: #ec8425 none repeat scroll 0 0;

    text-align: center;

      -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */

}

.tp-service-box .service-box:hover, .tp-service-box .service-box:focus{

    background: #7c7c7c none repeat scroll 0 0;

    text-align: center;

}

.tp-service-box .service-box:hover a, .tp-service-box .service-box:focus a{

   color:#fff !important;

}



.tp-service-box .service-box:hover span, .tp-service-box .service-box:focus span{

   background-color:#fec156  !important;

}



.tp-service-box .service-box .service-title a {

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    padding: 9px 0;

    display: block;

    -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */

}

.tp-service-box .service-box .service-title a:hover {

    color: #f0e246;

}

.tp-service-box .service-box .tp-service-icon {

    color: #233859;

}

.tp-service-box .service-box .tp-service-icon::before {

    font-size: 55px;

}

.tp-service-box .service-box-detail {

    background: #fff none repeat scroll 0 0;

    bottom: 52px;

    left: 0;

    opacity: 0;

    position: absolute;

    transform: scaleX(0);

    transition: all 700ms ease 0s;

    z-index: -999;

}

.tp-service-box .service-box-detail .tp-service-icon {

    color: #e9ebee;

    float: right;

    padding-right: 20px;

}

.tp-service-box .service-box-detail .tp-service-icon::before {

    font-size: 45px;

}

.tp-service-box .service-box-detail .service-title {

    padding-left: 5px;

    padding-top: 15px;

}

.tp-service-box .service-box-detail .service-title a {

    color: #233859;

    text-transform: uppercase;

    padding: 15px 20px;

    display: block;

    font-size: 15px;

}

.tp-service-box .service-box-detail .service-title a:hover {

    color: #f0e246;

}

.tp-service-box .service-box-detail .tp-service-content {

    padding: 1px 5px 20px 20px;

}

.tp-service-box .service-box-detail .tp-service-content p {

    line-height: 2;

    margin-bottom: 20px;

}

.tp-service-box .service-box-detail .tp-service-content a {

    border-left: 1px solid #233859;

    color: #233859;

    font-weight: 800;

    margin-left: 165px;

    padding-left: 5px;

}

.tp-service-box .service-box-detail .tp-service-content a:hover {

    border-left: 1px solid #f0e246;

    color: #f0e246;

}

.tp-service-box:hover .service-box-detail {

    opacity: 1;

    transform: scale(1);

    z-index: 9999;

}

.vc_col-sm-3 {

    width: 25%;

}

.vc_column_container > .vc_column-inner {

    box-sizing: border-box;

    padding-left: 0px;

    padding-right: 0px;

    width: 100%;

}

.tp-service-box img{

    max-width: 100%;

    width: 100%;

}

.tp-service-box {

    position: relative;

}

/*.banerrr{

    position: absolute;

    z-index: 10;

    left: 0;

    right:0;

    bottom: -97px;

  }*/



  .banerrr{

    display: block;

    height: 130px;

    bottom: 0;

  }

  .line-or{

   background-color: #fec156;

    bottom: 0;

    height: 5px;

    left: 50%;

    position: absolute;

    width: 64px;

    margin-left: -32px;

    -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */

      -o-transition:all  0.5s ease-out;  /* Opera */

      -moz-transition:all  0.5s ease-out;  /* Mozilla Firefox */

      -ms-transition:all  0.5s ease-out;   /* Internet Explorer */

      transition:all  0.5s ease-out;  /* W3C */

  }

.service-title:hover span{

  width: 64px;

}

h4.hideme{

  font-size: 20px;

}



.title-h3-ser{}

.title-h3-ser h3{

  color: #fff !important;

  margin: 0;

  text-transform: uppercase;

  font-size: 24px;

}

.title-h3-ser span{

  bottom: -12px;

}

.icon-serv1{

}

.icon-serv1{

  width: 110px;

  height: 108px;

  display: block;

  background: url("../img/ico1.png") no-repeat;

  margin: 0 auto;  

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

    margin-top: -250px;

    opacity: 0;

}

.icon-serv2{

  width: 110px;

  height: 108px;

  display: block;

  background: url("../img/ico2.png") no-repeat;

  margin: 0 auto;

   -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

    margin-top: -250px;

    opacity: 0;

}

.icon-serv3{

  width: 110px;

  height: 108px;

  display: block;

  background: url("../img/ico3.png") no-repeat;

  margin: 0 auto;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

    margin-top: -250px;

    opacity: 0;

}

.icon-serv4{

  width: 132px;

  height: 109px;

  display: block;

  background: url("../img/ico4.png") no-repeat;

  margin: 0 auto;

   -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

  margin-top:-250px;

  opacity: 0;

}



.icon-serv5{

  width: 132px;

  height: 109px;

  display: block;

  background: url("../img/ico5.png") no-repeat;

  margin: 0 auto;

   -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

  margin-top:-250px;

  opacity: 0;

}



.icon-serv6{

  width: 132px;

  height: 109px;

  display: block;

  background: url("../img/ico6.png") no-repeat;

  margin: 0 auto;

   -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

  margin-top:-250px;

  opacity: 0;

}



#serv2 h5{

  color: #fff;

  font-weight: bold;

  font-size: 17px;

}

#serv2 .content-serv{

  margin-top: 70px;

  margin-bottom: 25px;

}

#serv2 .content-serv{}

#serv2 .content-serv{}

#serv2{}

#serv2{}

#serv2{}

.rotate{

  margin:0px;

  opacity: 1;

}

#serv2 .fancybox{

 /* position: absolute;

  z-index: 900;

  bottom: -16px;

  left: 50%;

  text-transform: uppercase;

  margin-left: -111px;

  font-size: 15px !important;*/



}

#serv2 .fancybox{

  

  text-transform: uppercase;

  font-size: 15px !important;



}

.col-sm-7>ul{

	margin-bottom: 20px;

}

.cont1-1{

  padding-top: 50px;

  padding-bottom: 50px;

}

.footer-pre .entidad{

  margin-bottom: 0px !important;

  font-size: 13px;

  line-height: 15px;

}

.footer-pre, .footer-pre .link a{

  color: #fff;

}

.footer-pre .link a{

  font-size: 12px;

  font-weight: bold;

}

.entidad{

}

.entidad.direccionnn{

  line-height: 20px !important;

}

.footer-pre h5{

  margin-top: 0 !important

}

footer{

  font-size: 12px;

}

@media (min-width: 768px) and (max-width: 991px) {

    .tp-service-box .service-box .service-title a{

      font-size: 12px !important;

    }

    .bg11{

      background-image: url("../img/fondo-naranja.jpg");

      background-repeat: repeat;

        background-attachment: fixed !important;

    }

    

     .newhe{

      height: 430px ;

    }

}

#quienes-somos img.img-center.hideme.shomw{

        padding-top: 15px !important;

    }



  .fancybox.btn.btn-info.btn-lg{

    margin-top: 30px;

  }

.fancybox.btn.btn-info.btn-lg span{

  position: relative !important;

}



@media (max-width: 415px) {

a.fc5 > strong{

display:block

}

.dropdown.flag{

   padding: 14px 10px 10px;

}

}