/*
/potator/secrethash
created user=252 with data=252 and store=310
*/
@font-face {
	font-family: Nexa_Bold;
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/Nexa_Bold.otf);  }
@font-face {
	font-family: Nexa_Light;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/Nexa_Light.otf);}
@font-face {
   font-family: BebasNeue;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/BebasNeue.otf);
}
h6, h5, h4, h3, h2, h1{
  font-family: BebasNeue;
  margin-top: 0;
  padding-top: 0;  
}
/*
=fonts
*/
.Nexa_Bold{font-family: Nexa_Bold}
.Nexa_Light{font-family: Nexa_Light}
.BebasNeue{font-family: BebasNeue}
a{
  color: #ccc
}
body{
  color: #000!important;
  font-family: helvetica;
  background: url(../images/fnd_degradado.png);
  background-repeat: repeat-x;
  font-size: 16px
}
/*
=page
*/
.main{text-align: justify;}
.page{min-height: 530px;  padding-top: 60px; text-align: justify; }
/*
=gremios
*/
.gremios-icon{}
@media(min-width: 762px){
  .gremios-icon{ width:55%; }
}
/*
=colores
*/
.blue{color: #00456B}
/*
=cabecera
*/
/*
=home
*/
.about-home{
  margin-top: 30px
}
.container-control-user{
  background: url(../images/bg-banner.png);

  display: block;

  color: #fff

}

.footer,

.banner{

  background: #CC0001;

  display: block;

  color: #fff;

  min-height: 100px;

  padding:20px 20px 0;

  background-repeat: repeat-x; ;

  background-color: #C20001

}

.banner .navicon{font-size: 34px}

.footer{z-index: 298;  position: relative}

.container-control-user a{



  color: #fff;



}

.container-control-user a.carro-btn{



  color: #fff;

  margin-left: 20px



}





.container-control-user .navbar-form{

  margin-left: 0px



}



.container-control-user div > div{

  display: block;

  min-height: 36px;

  padding-top: 4px

}



.menu-principal{}

.dropdown-toggle li{

  text-align: center;

}

/*

=menú

*/

.navbar-fixed-top{

  background: #fff;

  opacity: .8

}

.masthead.main{

  background: url(../images/fnd-menu.png);

}

.navbar-toggle {

  

  margin-top: 15px;



}







.masthead .row{height: 50px}



.menu-almacen {padding-top: 20px}

.menu-almacen a{ 

  font-size: 13px!important;

}

 .nav > li > a {

  display: block;

  padding: 3px 20px 3px 40px;

  position: relative;

  #color: #222!important

}   





 .nav > li { }   

 .nav > li:last-child{border-right: 0px}   



.menu-almacen li a:hover{ 

    color: #ccc!important

    }

.navbar-collapse{#margin-top: 20px}

.navbar-collapse ul li a{

    font-family:Nexa_Light!important;  

    #font-size: 12pt;  

    letter-spacing: 1.2px }



.buscar div{

  padding: 0px

}

.navbar-form input[type="text"]{

  background: url(../images/s.png) #fff ; 

  background-position: right;

  background-repeat: no-repeat;

  border-radius:0 

}

.navbar-form .form-control {

  height: 25px;

  border: 0px;

}

.container-control-user  .navbar-form{ margin-top: 0px;}

.navbar-form{

  margin-top: 20px;

  margin-right: 0px;

  padding-right: 0px;

}





/*



*/

.navbar-page{

  #background: #00456B;

  border-bottom: 3px solid #ddd;

}

.navbar-page  .nav > li { border-right: 1px  solid #ccc}  

.navbar-page  .nav > li:last-child { border-right: px!important}  



.navbar-page .navbar, 

.navbar-page .navbar-default .navbar-collapse, 

.navbar-page .navbar-default .navbar-form {border: 0px!important}

.navbar-page .navbar-default .navbar-form {box-shadow: none;}

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

  border-color: none!important;

}



@media(max-width: 400px){



}

@media(max-width: 767px){



.menu-almacen {padding-top: 0px}

.navbar-page .navbar-default .navbar-form {text-align: center;}





}



.navbar-page .nav > li > a {color: #222!important}



.buscar_{}





.logo img{width:200px}



/*

=historia

*/

.historia{}

hr  {border-color:#C5DDFF;}

.historia .fabricacion h2 {font-size:36px}

.historia .fabricacion h3 {font-size:15px; color: #222}

/*

=footer

*/



.footer {}



.footer h3,

.footer{color: #fff; font-size: 15px}

.footer{}

.footer{}

.footer .navbar-form{

  padding-top: 20px;

}

.footer  .social{padding-left: 0px}

.footer  .social a{margin-right: 10px}

.footer .creditos{ font-size: 15; font-family: Nexa_Light}



.footer .info-store{

  font-size: 12px

}



.footer.main { }

.footer.main .row{ background: #00456B;padding: 20px 0px }

.footer.main{

 

  max-height: 50px;

  color: #fff

}



@media(max-width: 600px){

  .footer .text-center{text-align: left!important;}

  .footer div{ padding-bottom: 5px}

}



.nav-secundario .redes_menu img{height: 18px}

.nav-secundario .redes_menu {margin-right: 10px}

.nav-secundario .redes_menu a{

    float: left!important;

    padding-right: 5px; padding-left: 5px;

  }

.anuncio-uno img:hover{opacity: .8}

.anuncio-uno{}  



/* 

=producto

*/ 

 .products{position: relative; background: #fff; margin-bottom: 20px; margin-top: 30px }



 .products{}

 .products .filter{padding-top: 20px; margin-bottom: 30px}

 .products .breadcrumb{text-transform: uppercase; background:transparent; padding-left: 0 ; }

 .products h2{color: #222; padding: 30px 0}

 .products h3{font-size: 23px; margin: 0; padding: 0}

 .products .row > div.product{ min-height: 360px } 

 .products .row p{ color: #222;  font-size: 15px; text-align: center; }

 .products .row h3{ color: #222;  font-size: 20px; text-align: center; }

 .products.products-list h2{padding: 0px }

 .products.products-list    {margin-top: 0px }

.carousel-control.next {

  left: 120%!important;

}







#ProductNew .carousel-inner .price{margin-top: 10px;  font-family: arial}



.carousel-control.right {

  left:auto;

  margin-right: 10px;

  right: -60px;

  top: 30%;



}

.carousel-control.left {

  top: 30%;

 

  left: -60px;

  

}

 

 .variations{}   

 .variations{}   

 .variations .col-md-3 .inner{border: 1px  solid #ccc;  padding: 5px}   

 

/*

  .products  div:first-child  { margin:0!important }

  .products > div:last-child   { margin:0!important }

*/





/*

=lista producto

*/ 

 .list-products_{}

 .list-products_ h3{font-size: 23px; margin: 0; padding: 0}

 .list-products_ h3,

 .list-products_ p{ color: #fff;  font-size: 15px }

 div.img-box-product:hover  div  {

    background: #5596FB;

    background-image: url(../images/plus.png);

    background-repeat: no-repeat;

    background-position: right ;

}







  /* Yo nunca he... */

 

/*

  .list-products_  div:first-child  { margin:0!important }

  .list-products_ > div:last-child   { margin:0!important }

*/



div.img-box-product{ padding: 0; margin-bottom: 20px}

div.img-box-product div {

    position: absolute;

    bottom: 0;

    opacity: .8;

    background: #222;

    background-image: url(../images/plus.png);

    background-repeat: no-repeat;

    background-position: right ;

    height: 80px;

    width:100%;

    padding: 0 -30px; 

    display: block;

    padding-top: 20px;

    padding-left: 10px;

    padding: 20px 0 0;



 }



 @media(max-width:767px){

 .products >  div {margin-bottom: 20px}

 .products >  div >  img  {

    display: 100%;

  }

 }



 @media(max-width:400px){

 .products >  div   {margin-top: 20px}  

   .products >  div >  img  {

      width: 100%

    }

 }



/*

=description profile

*/

 .description-profile{}

 .description-profile h2{color: #5596FB}

 .description-profile{margin-top: 40px!important}



/*

=galeria

*/



 .galery-item > div> div { padding: 0; margin-bottom: 20px; }



 .galery-item >  div >  div > a h2{color: #fff!important}

 .galery-item >  div >  div > a {

    position: absolute;

    top:0;

    opacity: .8;

    background: #222;

   display: none;

    padding-left: 0px;



 }



 div.galery-item  >  div > div:hover > a  {

     position: absolute;

    top:0;

    opacity: .8;

    background: #5596FB;

    background-image: url(../images/plus.png);

    background-position:260px 60px  ;

    background-repeat: no-repeat;

    display:block; 

    width:100%;

    height: 100%; 

    padding: 70px 20px 0;



}



 .photos-item > div > div { margin-bottom:10px }

/*

=team cogua

*/



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

.team-item {}

.team-item h2{font-size: 14px;  margin-top: 10px; margin-bottom: 5px}

.team-item p{font-size: 12px}



/*

=contacto

*/



.contacto {}

.contacto button{margin-top: 5px; background: #579AFC; color: #fff;  border-radius: 0}

.contacto label{padding: 5px 0}

.contacto .form-control{ border-radius: 0; background: #EDEEF0; border: #ccc 1px solid}



.contacto textarea{ min-height: 250px }

.contacto .text_{ margin-bottom: 20px }



.btn-carro:hover{color: #fff}

.btn-carro{

  padding: 5px 10px;

  text-transform: uppercase;

  font-size: 12px;

  border-radius: 6px;

  border-radius: 0

}

.marcas{position: relative; margin-top: 20px;  height: 60px}

.marcas img{display: block; float:left; margin-right: 30px!important; height: 45px}

.compartir{

  border: 0px;

  padding: 5px

}

.valoracion{

  background-image: url(../images/valoraciones.png);

}

.valoracion,

.box-valoracion{

  height: 23px;

  width:113px;

}

.description{

  font-size: 14px;

  padding: 10px;

}

.aditional-information{

  background-color: #E6E7E8;

  padding: 10px;

  font-size: 14px;

  text-align: center;

}

h2.title_relevant {font-size: 16px!important}

.name_producto {font-size: 24px}

.box-producto {margin-bottom: 20px}

.box-producto .col-md-4:hover hr,

.box-producto .col-md-3:hover hr{border-color: #EC1C24!important}

.box-producto .producto{max-height:360px; height: 639px }

.box-producto .box-image,

.box-producto .img-producto{height:160px; max-height:160px; overflow: hidden;}

.box-producto .precio a{color: #EC1C24}

.box-producto .more{border-radius:0 ;}

.box-producto .precio {padding-top: 10px; font-family: Nexa_Bold;

font-size: 14px; color: #EC1C24}

.box-producto a.more{

  background-image: url(../images/fnd-btn-more.png);

  color: #fff;

  border-radius: 6px;

}

.box-producto hr{ margin-top: 0px;margin-bottom: 5px; }

.box-producto h2 a{color: #EC1C24;

   font-family: Casper}

.box-producto h2.title{ font-size: 24px; margin: 0 }

.box-producto h2{ font-size: 14px; margin-top: 3px;  height: 32px;  color: #EC1C24;

   font-family: }

.box-producto p{font-size: 11px; height:31px; }

.productos h1{font-size: 24px }

.productos h2{font-size: 20px }

.productos ul.pagination {margin-top: 0px!important }

.productos .lister{ }

.productos .lister li a {font-family: Nexa_Bold }

.productos .lister ul{list-style: none; }

div.list{

  background-image: url(../images/list-flecha-roja.png);

    background-repeat: no-repeat;

    padding-left: 14px

}

.list-group ul{

  margin: 0px;

  padding: 0px

}

li.list{

  background-image: url(../images/list-flecha-roja.png);

  background-repeat: no-repeat;

 padding-left: 14px

}



/*

=slider  principal

http://vimeo.com/86149650

*/



/*



=service

*/



.servicios .item{

  border:4px solid #A40411;

  background-color: #DADADA;

  border-radius: 50px;

  padding: 10px;

  width: 50px;

  margin: 0  auto;

  float: right

}



.carousel-control span{ top:35%!important; left: 10px }

.carousel-control{}

.carousel-control span{left: 35%!important}



#slider-main{ overflow: hidden; }

.carousel-inner {

   height: auto;

   overflow: hidden;

}

#slider-main .carousel-inner img{

   width: 100%

}



.carousel-indicators {

  left: 0%;

  margin-left: 0;

  padding-left: 0;

  text-align: center;

  width: 95%;

  z-index: 15;

  bottom:10px;

}

.carousel-indicators li {

  background-color: #ccc;

  border: 1px solid #ccc;

}



.carousel-indicators .active {

  background-color: #fff;

  border: 1px solid #ccc;

}



.carousel-caption h1,

.carousel-caption h2,

.carousel-caption h3,

.carousel-caption h5,

.carousel-caption h5,

.carousel-caption h6{color: #FFEC00; margin-top: 10px}

.carousel-caption {

  bottom: 0;

  padding-bottom: 0px;

  padding-left: 10px;

  padding-top: 0px;

  #background-color: #231F20;

  width: 100%;

  left:0px;

  right:0px;

  height: 60px;

  text-align: left;



}





.carousel-generico{}

.carousel-generico {margin-bottom: 30px}

.carousel-generico .carousel-control {

  background: none;

  color: #ccc;

  font-size: 30px

}



.carousel-generico .item{}

.carousel-generico .item .col-md-6{}

.carousel-generico .item .col-md-6 .col-md-12:last-child{padding-top:75px}



@media (max-width:767px ){

  .carousel-generico{}

  .carousel-generico .item .col-md-6 .col-md-12{padding-top:30px!important}



}



/*

=sidebar

*/

.sidebar{}

.sidebar .logo{

  background: #cc0001;

  background-size: cover;

  padding:   20px 0;

  margin-bottom: 5px;

  box-shadow: 0px 0px 5px #000;

  z-index: 1000;





}

.sidebar{box-shadow: 3px 0px 2px #ccc; }

.sidebar .sidebar-module ol{margin-bottom: 20px}

.sidebar  h4{font-size: 24px;margin-bottom: 10px; color: #222;  margin-left: 20px;  color: #BC0411}

.sidebar h5{color: #222;  font-size: 24px}

.sidebar h5,

.sidebar{font-family:BebasNeue;  font-size: 18px}

.sidebar ul a{color: #777777;  padding:10px 0; padding-left: 25px;  border-bottom: dotted 1px #888;}

.sidebar li {margin-left: 12px;}

.list-group a:hover,

.sidebar-module a:hover{color:#346886 }

.link-interes{font-family: Nexa_light; font-size: 16px}



  .list-group,

  .list-group a{font-size: 14px }

  



/*

=lookbook

*/



.lookbook-sidebar{}

.carousel-generico .portada-lookbook{

  max-height: 703px;

  width: auto!important

}





.lookbooks-last{}

.lookbooks-last div{ position: relative; overflow: hidden;}

.lookbooks-last div.inner{  }

.lookbooks-last div.name{}

.lookbooks-last a{overflow:hidden; position:relative; display:block}

.lookbooks-last div img {  }



.lookbooks-last .angled-pattern {

  position: absolute;

  left: 0;

  top: 0;

 

  width: 100%;

  height: 100%;

}



.lookbooks-last  .angled-pattern {

  opacity: .6;

  z-index: 899



}



.lookbooks-last div div.name h3{ height: 100%; vertical-align: middle; display:block; }

.lookbooks-last div div.name a{color: #fff; font-size: 14px;  padding-top: 12%;   display: block; vertical-align: middle; height: 100% }

.lookbooks-last div div.name a:hover{color: #1B82BA;}

.lookbooks-last div div.name{

  position: absolute;

  display: block;

  top: 60%;

  width: 100%;

  height: 60%;

  opacity:0;

  z-index: 900;

}



.lookbooks-last  div.item:hover .angled-pattern {

  background: url("../images/ts-angled-cover-cut.png");

  opacity: 0.7;

}



.lookbooks-last div.item:hover .angled-pattern{

  

  border: 6px solid #00456B ;

  /* padding-top: 30%;

  border-bottom: 2px 65px #222;

 position: absolute;  clip:rect(0px,100%,200px,0px); 



   position: relative;

    clip: rect(0, 10px, 10px, 10px);

  */ 

}

/*

-webkit-transform:scale(1.25); /* Safari and Chrome 

    -moz-transform:scale(1.25); /* Firefox 

    -ms-transform:scale(1.25); /* IE 9 

    -o-transform:scale(1.25); /* Opera 

     transform:scale(1.25);



 transition-property: width;

  transition-duration: 1s;

  transition-timing-function: linear;

  width:150%;

  max-height: 100%;

  #background-color: #D21D2A;*/

.lookbooks-last div.item:hover div.name{

  

  top:100%;

  opacity: 1;

   -webkit-transition: 0.2s ease-in-out top;

     -moz-transition: 0.2s ease-in-out top;

      -ms-transition: 0.2s ease-in-out top;

       -o-transition: 0.2s ease-in-out top;

          transition: 0.2s ease-in-out top;

  top: 50%;

  background: rgba(0, 69, 107, .9 );



 

 }







/*

=capaña



.campania:first-child .col-md-6{padding-right:10px }

.campania:last-child .col-md-6{padding-left:10px }

*/



.campania .col-xm-12,

.campania .col-md-6{overflow: hidden;}



.campania >  div:hover >  div  {

    background: #5596FB;

    background-repeat: no-repeat;

    background-position: right ;

    

  }

.campania >  div {

      position: relative; overflow: hidden;

      #padding: 0;

      #margin: 0 15px

    }





.campania .inner { overflow: hidden; }

.campania .inner img{#height: 100%}

.campania .col-md-6:first-child {padding-left: 0px;  padding-right: 5px}

.campania .col-md-6:last-child {padding-right: 0px; padding-left: 5px }



@media(max-width: 767px) {

  .campania .col-xs-12{padding: 0!important; padding-bottom: 10px!important}

  .campania >  div >  div > a {

  height: 98.5%;

 }

}



@media(max-width: 400px) {

  .campania .col-md-6{padding: 0}

  .campania .inner img{height: 100%}

 .campania >  div >  div > a {

  height: 97%;

 }



}







/*

=componentes

*/





.accesorios,

.componentes{

  margin-top:60px;

}

.componentes p{

  color: #5596FB;

  font-size: 15px;

  font: bold;

  font-weight: bold;

  margin-top: 10px

}



/*

=blog

*/



/*

=colores

*/

h1.rojo,

h2.rojo,

h3.rojo,

h4.rojo,

h5.rojo,

h6.rojo,

h1.rojo a,

h2.rojo a,

h3.rojo a,

h4.rojo a,

h5.rojo a,

h6.rojo a,

p.rojo,

a.rojo,

.rojo {color:#A10411 }

h1.negro,

h2.negro,

h3.negro,

h4.negro,

h5.negro,

h6.negro,

h1.negro a,

h2.negro a,

h3.negro a,

h4.negro a,

h5.negro a,

h6.negro a,

p.negro,

a.negro {color:#231F20 }

h1.amarillo,

h2.amarillo,

h3.amarillo,

h4.amarillo,

h5.amarillo,

h6.amarillo,

h1.amarillo a,

h2.amarillo a,

h3.amarillo a,

h4.amarillo a,

h5.amarillo a,

h6.amarillo a,

p.amarillo,



/*

control  user en  cabecera

*/



.box-carro a{

      font-size: 24px; 

      font-family: ;  

      #margin-left: 2.5px;

      color: #ccc 

    }

.box-carro a:hover{color: #fff }

.box-carro{

  background-image: url(../images/icon-carro.png);

  font-family: ; font-size: 24px;

  text-align: center;

  background-size: 100%

}

.control-user a{margin-right: 10px}

.control-user a:hover{color: #EC1C24!important}

.box-control-user{display: table; overflow: hidden;}



.control-user{}



.control-sesion{

  text-align: right;

  padding-top: 20px

}



@media(max-width: 768px){

  .navbar-collapse{margin-top: 0px}

  .menu-almacen {}

  .menu-almacen a{color:#777!important;}

  .menu-almacen {

      background: none!important;

      background-image:none; ;

      

  }

 

  .control-user {

        border-bottom: 1px  solid #ccc; display: table;

        width: 100%;

        position:relative!important;

        margin-top: 20px     

      }

  .control-user .col-xs-5{width: 80%}

  .control-user .col-xs-1{width: 20%;}

  .control-user .col-xs-1 .box-carro{

    text-align: left;

    background-repeat: no-repeat;

    padding-left: 5px

  }

  .control-user .col-xs-offset-6{

    margin: 0px;

    padding:0px;

    padding-top: 20px;

    text-align: left;

  }

  .idioma{

    border-top: 3px solid #ccc;

    padding-bottom: 10px;

    margin-bottom: 10px;

     display: table;

        width: 100%

  }

  .carousel-inner {

   height: auto!important;

  }

  .promocion-home .anuncio-dos{margin-top: 10px;  padding-bottom: 20px}

  .promocion-home .col-xs-6 .inner {

      height: auto;

    max-height: auto;

    position: relative;

  }

}

/*

=form  login

*/

.header-login{width: 100%;  background: #DB001A;  color: #fff}  

.header-login {padding: 10px 5px; overflow: hidden; position: relative;}

.header-login h2, .header-login a{margin: 0; color: #fff;  font-family: }

.header-login h2{margin-top:10px;  font-size: 24px  }

.header-login a{font-size: 34px; margin: 0;}

.header-login .cancel a{padding: 0px}

.login-form  form{ width: 80%; margin:20px 10% 0;}

.login-form  .controls{

  width: 70%;

  margin:0 15%

}

.login-form  {

  display: block;  width: 100%;

  padding-bottom: 50px;

  overflow: hidden; 

  height: 400px

}

.header-cambiar-pass {padding: 10px 5px; 

      overflow: hidden; position: relative;

      width: 100%}

.header-cambiar-pass h2, .header-cambiar-pass a{margin: 0; color: #fff; }

.header-cambiar-pass h2{margin-top:10px  }

.header-cambiar-pass a{font-size: 28px; margin: 0;}

.header-cambiar-pass .cancel a{padding: 0px}

.cambiar-pass-form  form{ width: 80%; margin:20px 10% 0;}

.cambiar-pass-form  {

  display: block;  width: 100%!important;

  padding-bottom: 50px;

  overflow: hidden; }

  

/*

=slider-fade

*/

/*

.carousel.carousel-fade .item { 

     

}



.carousel.carousel-fade .active.item { z-index: 1}

.carousel.carousel-fade .item img {

  -webkit-transition-property: opacity;

  -webkit-transition-duration: .6s; 

  -moz-transition-property: opacity;

  -moz-transition-duration: .6s; 

  -o-transition-property: opacity;

  -o-transition-duration: .6s; 

  transition-property: opacity;

  transition-duration: .6s; 

  transition-delay: .5s;

  opacity:0;

}

.carousel.carousel-fade .item .carousel-caption h2 {

  -webkit-transition-property: opacity;

  -webkit-transition-duration: .6s; 

  -moz-transition-property: opacity;

  -moz-transition-duration: .6s; 

  -o-transition-property: opacity;

  -o-transition-duration: .6s; 

  transition-property: opacity;

  transition-duration: .6s; 

  transition-delay: 1.5s;

  opacity:0;

  z-index: 2

}

.carousel.carousel-fade .active.item img {

  

  -webkit-transition-property: opacity;

  -webkit-transition-duration: .6s; 

  -moz-transition-property: opacity;

  -moz-transition-duration: .6s; 

  -o-transition-property: opacity;

  -o-transition-duration: .6s; 

  transition-property: opacity;

  transition-duration: .6s; 

  #transition-delay: 1.5s;

  opacity:1;

}

.carousel.carousel-fade .active.item .carousel-caption h2 {

  -webkit-transition-property: opacity;

  -webkit-transition-duration: .6s; 

  -moz-transition-property: opacity;

  -moz-transition-duration: .6s; 

  -o-transition-property: opacity;

  -o-transition-duration: .6s; 

  transition-property: opacity;

  transition-duration: .6s; 

  transition-delay: .5s;

  opacity:1;

  z-index: 3;

}

.carousel.carousel-fade .active {

  top: 0px;

}

.carousel.carousel-fade .next {

  top: 0;

  left:0;

}

.carousel.carousel-fade .prev {

  top: 0;

  left:0;

}

.carousel.carousel-fade .next.left,

.carousel.carousel-fade .prev.right {

  top: 0;

  left:0;

}

.carousel.carousel-fade .active.left, 

.carousel.carousel-fade .active.right {

  top: 0;

  left:0;

  z-index: 1;

}

.carousel.carousel-fade .item {

    left: 0px;

}

*/

/*

=slider-vertical

*/

.slider-vertical .carousel-inner {

  height: 360px;

}

.carousel.slider-vertical .item {

  -webkit-transition: 0.6s ease-in-out top;

     -moz-transition: 0.6s ease-in-out top;

      -ms-transition: 0.6s ease-in-out top;

       -o-transition: 0.6s ease-in-out top;

          transition: 0.6s ease-in-out top;

}

.carousel.slider-vertical .active {

  top: 0;

}

.carousel.slider-vertical .next {

  top: 360px;

}

.carousel.slider-vertical .prev {

  top: -360px;

}

.carousel.slider-vertical .next.left,

.carousel.slider-vertical .prev.right {

  top: 0;

}

.carousel.slider-vertical .active.left {

  top: -360px;

}

.carousel.slider-vertical .active.right {

  top: 360px;

}

.carousel.slider-vertical .item {

    left: 0;

}





.videoWrapper {

  position: relative;

  padding-bottom: 56.25%; /* 16:9 */

  padding-top: 25px;

}

.videoWrapper object,

.videoWrapper iframe,  

.videoWrapper embed  {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  #height: 100%;

}



.videos .center-block {

   

    margin-bottom: 10px;

   

}



.player .video-wrapper .video {

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size:inherit!important ;

    height: 100%;

    left: 0;

    margin: 0 auto;

    position: absolute;

    top: 0;

    width: 100%;

}



.player, .player * {

  box-sizing: border-box;

}





.carousel-fade .item {

                      -webkit-transition-property: opacity;

  -webkit-transition-duration: .6s; 

  -moz-transition-property: opacity;

  -moz-transition-duration: .6s; 

  -o-transition-property: opacity;

  -o-transition-duration: .6s; 

  transition-property: opacity;

  transition-duration: .6s; 

  transition-delay: .2s;

  opacity:1;

                    }

.carousel-fade .active.left {left:0;opacity:0;z-index:2;}

.carousel-fade .next {left:0;opacity:1;z-index:1;}





/*

=fuentes

*/

.Antonio_Regular{font-family:Antonio_Regular }



/*

apuntes  de configuracion



*/



/*---------------*/
/***** Ruby *****/
/*---------------*/

div.effect-ruby {
  overflow: hidden;
}

div.effect-ruby img {

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
 
  -webkit-transform: scale(1);
  transform: scale(1);
}

div.effect-ruby:hover img {
   -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

@media(min-width: 960px){

  .clientes div div { min-height: 243px }

}