css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/css-tiendas/

FONDOS
.fondo-tiendas{background-color: #1996d2}
.fondo-tiendas-beneficios{background-color: #eeeeee}
.tiendas-beneficios-iconos{background-color: #fff}
.fondo-tiendas-contacto{background-color: #0277bd}
.fondo-tiendas-preguntas{background-color: #bdbdbd}


/*MATERIALIZE XL*/
*,*:before,*:after{box-sizing: border-box}
body{font-family:"Open Sans",arial,verdana,sans-serif;background-color: #f0f0f0;}
h1{line-height:110%;margin:2.1rem 0 1.68rem}h2{line-height:110%;margin:1.78rem 0 1.424rem}h3{line-height:110%;margin:1.46rem 0 1.168rem}
h4{line-height:110%;margin:1.14rem 0 0.912rem}h5{line-height:110%;margin:0.82rem 0 0.656rem}h6{line-height:110%;margin:0.5rem 0 0.4rem}
.h1,h1{font-size:40px}.h2,h2{font-size:34px}.h3,h3{font-size:24px}.h4,h4{font-size:20px}.h5, h5{font-size:18px}.h6,h6{font-size:16px}p,.p{font-size:14px;line-height:1.5em}
.uppercase{text-transform:uppercase}
ul{list-style:none}.ul-check-simple{list-style:outside none none; margin: 0; padding: 0}.ul-check-simple li{padding-left: 1.4em; text-indent: -1.35em}
.ul-check-simple li:before{content: '\f00c'; font-family: FontAwesome; margin-right: 5px}
.btn, .btn-large{cursor: pointer; letter-spacing: 0.5px; text-align: center; text-decoration: none;border: medium none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; padding: 0 0.9rem; text-transform: uppercase; vertical-align: middle}
.title{font-weight: 300; text-transform: uppercase}.small{font-size:small} .smaller{font-size:smaller}
#containerGral{margin:0;width:100%}
/*PORTADA*/
#contenedorHero{position:relative; height:65vh; min-height: 400px; margin-top:64px; width:100%}
#contenedorHero2{position:relative; height:51vh; min-height: 400px; margin-top:64px; width:100%}
#contenedorHero.tiendas{background-image:url('../../img/slider/empresas-integradoras.jpg'); background-size:cover;}
#contenedorHero2.tiendas{background-image:url('../../img/slider/empresas-integradoras.jpg'); background-size:cover;}
#contenedorHero.cobranzas{background-image:url('../img/app/portada-cobranzas.jpg'); background-size:cover; background-position:0% 80%}
.titulo-portada{margin-top: 50px;margin-bottom: 0px!important;}
.titulo-portada h1{font-size: 50px; color: white;font-family: 'Roboto', sans-serif; font-weight: 100;}
mark{background-color: rgba(9,25,78,0.70); padding: 5px; margin-bottom:10px; line-height: 80px; color:#fff;}
.flecha{border:solid 1px #FFF;width: 50px; height: 50px; color:#FFF; display:block; box-shadow: 1px 1px 4px 2px #ddd; position: relative; background-color: rgba(0,0,0,0.6); margin-left: auto; margin-right: auto;}
.flecha:hover{box-shadow: 1px 1px 4px 2px #0288d1;}
.flecha i{text-align: center; vertical-align: middle;position: absolute;left:24%;top:20%;}
.cocarda-logo{background-repeat:no-repeat; background-position:center center; background-size:100% auto; display: inline-block; height: 180px; width: 180px; position: absolute; top: 50%; transform: translateY(-50%)}
#anchor-videos .container .row:nth-child(2) .col{margin-bottom: 30px;}
#Comentario{height: 80px; resize: none; }
.cocarda-logo.centrada{left: 50%;transform:translate(-50%,-50%)}.cocarda-logo.izquierda{left:5%}.cocarda-logo.derecha{right:5%}
.cocarda-logo.mercadolibre{background-image:url('../img/app/logos/integraciones/cocarda-ml.png')}
.cocarda-logo.tiendanube{background-image:url('../img/app/logos/integraciones/cocarda-tn.png')}
.cocarda-logo.pedidosya{background-image:url('../img/app/logos/integraciones/cocarda-py.png')}
.cocarda-logo.mercadopago{background-image:url('../img/app/logos/integraciones/cocarda-mp.png')}
.cocarda-logo.todopago{background-image:url('../img/app/logos/integraciones/cocarda-tp.png')}
/*SECCION INTEGRACION*/
.logos-integraciones img{width:70%;height:auto;max-width:381px}
.logos-integraciones-tiendas img{width:60%;height:auto;max-width:200px;}
#img-tarjeta img{width:100%;height:auto;max-width:100% !important;}
.logos-integraciones .todopago img{max-width:185px}
.logos-integraciones div {margin-bottom:25px;}
.ficha-integracion{text-align: center; vertical-align: middle!important; border-radius: 4px;min-height: 250px; max-height: 50%;}
.ficha-api{text-align: center; vertical-align: middle!important; border-radius: 4px; height: auto;}
.logo-portales{margin-top:20px!important; max-width:300px;}
/*PRUEBA DE IMG MAS CHICA
.card .card-image img {display: block;border-radius: 2px 2px 0 0;position: relative;left: 61px; right: 0;top: 0;  bottom: 0;width: 50% !important;}
/*PRUEBA DE IMG MAS CHICA*/
.card .card-image img {display:inline-flex;}

/*PRUEBA DE IMG MAS CHICA*/
.card-content div{display: block; text-align: center;}
.disponible-en{ display: block; text-align: center; color:#434343; padding-bottom: 10px; border-bottom: solid 1px #A6A6A6; margin: 30px;}
.logos-integraciones-tiendas div a:hover{color:#0288D1;}
.ficha-integracion a div p{font-weight: 600;}
#texto-api{color:#fff; margin-bottom: 20px;}
#texto-api:hover{color:#fff;}
#btn-api a{text-decoration: none; color:#fff; font-weight: 400;}
/*RIBBON*/

.ribbon-resto {
  width: 150px;height: 40px;line-height: 40px;padding-left: 15px; font-size: 13px;
  position: absolute;left: -8px; top: 160px; background: #E5405D;color:#FFF;
}
.ribbon-resto:before, .ribbon-resto:after {
  content: "";
  position: absolute;
}
.ribbon-resto:before {
  height: 0; width: 0;top: -9px;left: 0.1px;border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbon-resto:after {
  height: 0;width: 0;right: -15px;border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;border-left: 15px solid #E5405D;
}

.ribbon-gestion {
  width: 150px;height: 40px;line-height: 40px;padding-left: 15px;position: absolute;
  left: -9px;top: 140px;background-color: #039BE5;color:#FFF;font-size: 13px;
}
.ribbon-gestion:before, .ribbon-gestion:after {
  content: "";position: absolute;
}
.ribbon-gestion:before {
  height: 0;width: 0;top: -9px;left: 0.1px;border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbon-gestion:after {
  height: 0; width: 0; right: -15px; border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; border-left: 15px solid #039BE5;
}

.ribbon-pdv {
  width: 150px; height: 40px;line-height: 40px;padding-left: 15px;position: absolute;
  left: -8px;top: 190px;background-color: #4CAF50;color:#FFF; font-size: 13px;
}
.ribbon-pdv:before, .ribbon-pdv:after {
  content: "";
  position: absolute;
}
.ribbon-pdv:before {
  height: 0;width: 0; top: -9px;left: 0.1px; border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbon-pdv:after {
  height: 0;width: 0;right: -15px; border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; border-left: 15px solid #4CAF50;
}

/*RIBBONS API*/
.ribbon-gestion-api {
  width: 150px;height: 40px;line-height: 40px;padding-left: 15px;position: absolute;
  left: -9px;top: 20px;background: rgb(0,220,243);background: linear-gradient(90deg, rgba(0,220,243,1) 6%, rgba(47,167,223,1) 47%, rgba(35,139,186,1) 100%);color:#FFF;font-size: 13px;
}
.ribbon-gestion-api:before, .ribbon-gestion-api:after {
  content: "";position: absolute;
}
.ribbon-gestion-api:before {
  height: 0;width: 0;top: -9px;left: 0.1px;border-bottom: 9px solid #565656;
  border-left: 9px solid transparent;
}


.ribbon-pdv-api {
  width: 150px; height: 40px;line-height: 40px;padding-left: 15px;position: absolute;
  left: -8px;top: 70px;background: rgb(170,217,55);background: linear-gradient(90deg, rgba(170,217,55,1) 6%, rgba(61,174,43,1) 47%, rgba(46,145,61,1) 100%);color:#FFF; font-size: 13px;
}
.ribbon-pdv-api:before, .ribbon-pdv-api:after {
  content: "";
  position: absolute;
}
.ribbon-pdv-api:before {
  height: 0;width: 0; top: -9px;left: 0.1px; border-bottom: 9px solid #565656;
  border-left: 9px solid transparent;
}

/******************************************************************************************/
/********************************/
.nav-wrapper.container{width: 90%} nav.pure ul li a:not(.btn), nav.pure ul a:visited:not(.btn), #main-nav a:visited:not(.btn){color: #333}
#sidenav-overlay{z-index: 100}.drag-target{z-index: 100}.side-nav li{padding:0px}

#sticker{height: 64px; position:fixed; top: 0; background-color:#fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); width: 100%;z-index: 200}
#logo{height: auto;left: 20px; position: absolute;top: 4px; width: auto}#sticker #logo{max-width: 300px}
.contenedor-filtro{position:absolute; right:0px; height: 100%}
div#filtro{height: 100%}#filtro .filtro-item a{margin: 0 10px}.nav-collapse .btn{background-color: #00AFA9; color: #fff; font-size: 18px; font-weight: 400; height: auto; line-height: 36px; margin-top: 0px; }	
.nav-collapse li{width:auto; height: 100%; float:none; display:inline-block}.nav-collapse a{color: #333; line-height: 36px; text-decoration: none; margin-top: 0px}
.nav-collapse.opened{background: #bdbdbd; margin-left: 0; margin-top: 0; padding-left: 0; top: 90px; max-height:400px}.nav-collapse.opened li{width: 100%; margin: 10px 0; height:auto}.nav-collapse.opened li.filtro-item{max-width: 100%}.nav-collapse.opened li a:not(.btn){width: 100%}.nav-collapse .btn{width:auto}.nav-collapse.nav-collapse-0.closed{text-align: right; margin-left: 0; margin-right: 30px; padding-left: 0}
.beneficios h1, .beneficios h2{color: #404141}.pregFrecuentes h1, .pregFrecuentes h2, .pregFrecuentes h3{color: #404141}
.pregFrecuentes h3{font-family: "Open Sans",sans-serif; font-weight: 300; text-align: center; width: 100%}
section.introduccion h1{display: inline-block;font-weight: 300; text-align: center; width: 70%; }section.introduccion h3{display: inline-block; font-weight: 300; text-align: center; width: 70%; }
section.introduccion .img-intro{margin-top: 20px; height: auto; max-width: 400px; width: 85%}
#ico{width:100px; height:auto; margin-bottom: 40px; display: block; margin-left: auto; margin-right: auto}

.contendor-icono-before{position:relative}
.videos.play:before{content:'\f144';color:#FFF;font-family:FontAwesome;font-style:normal;font-weight:normal;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;font-size:40px;text-shadow:1px 1px 3px #333;z-index:1;}
.videos.play:hover:before{font-family:FontAwesome;font-size:4rem}
.videos.play img{box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%), 0 6px 16px 0 rgb(0 0 0 / 16%);;transition:box-shadow .25s ease 0;width:90%}
.thumbs.lupa:before{content:'\f002';color:#FFF;font-family:FontAwesome;font-style:normal;font-weight:normal;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;font-size:40px;text-shadow:1px 1px 3px #333}
.thumbs.lupa:hover:before{font-family:FontAwesome;font-size:4rem}
.thumbs.lupa img{box-shadow:0 8px 12px 0 rgba(0,0,0,0.2),0 6px 16px 0 rgba(0,0,0,0.19);transition:box-shadow .25s ease 0;width:90%}

.fondo-cobranzas{background-color: #00afa9}.fondo-cobranzas-preguntas{background-color: #bdbdbd}.fondo-cobranzas-contacto{background-color: #006064}.fondo-cobranzas-beneficios{background-color: #eeeeee}.cobranzas-beneficios-iconos{background-color: #fff}
.fondo-tiendas{background-color: #1996d2}.fondo-tiendas-preguntas{background-color: white}.fondo-tiendas-contacto{background-color: #1996d2}.fondo-tiendas-beneficios{background-color: #eeeeee}.tiendas-beneficios-iconos{background-color: #fff}
#preguntasfrecuentes .tiendas.tabs .tab a.active{background-color: #1996d2;}
.cont-icoPreg:hover{background-color: #eee;}
.container{width: 70%; margin: 0 auto; max-width: 1280px}
section, .seccion, .section{display: block;padding-bottom: 40px;padding-top: 40px;position: relative;width: 100%;text-align:center}
.row{margin-bottom: 20px; margin-left: auto; margin-right: auto}.row:after{clear: both; content: ""; display: table}.row.no-bottom{margin-bottom: 0}.columna-responsive{float:left; width:50%; position:relative}
.columna-responsive .valign{}

#returns{background: transparent none repeat scroll 0 0;border-radius: 35px;bottom: 20px; display: none; height: 130px; position: fixed;right: 20px;text-align: center;text-decoration: none; transition: all 0.3s ease 0s;width: 50px; z-index: 220}
#returns > a{display: inline}
#godown{background: transparent none repeat scroll 0 0;border-radius: 35px;bottom: 20px;display: none;height: 130px;position: fixed;right: 20px;text-align: center;text-decoration: none;transition: all 0.3s ease 0s;width: 50px;z-index: 220}
#godown > a{display: inline}
#return-nexo{background: transparent none repeat scroll 0 0;border-radius: 35px;bottom: 80px;display: none;height: 50px;position: fixed;right: 20px;text-align: center;text-decoration: none;transition: all 0.3s ease 0s;width: 50px;z-index: 100}
#return-nexo i{color: rgba(0, 0, 0, 0.5);font-size: 38px;margin: 0;position: relative;top: 15px;transition: all 0.3s ease 0s}
#return-nexo:hover i{color: #000;top: 5px}
#return-to-top{background: transparent none repeat scroll 0 0;border-radius: 35px;bottom: 20px;display: none;height: 50px;position: fixed;right: 20px;text-align: center;text-decoration: none;transition: all 0.3s ease 0s;width: 50px;z-index: 120}
#return-to-top i{color: rgba(0, 0, 0, 0.5);font-size: 38px;margin: 0;position: relative;top: 13px;transition: all 0.3s ease 0s}
#return-to-top:hover i{color: #000;top: 5px}#return-to-bottom{background: transparent none repeat scroll 0 0; border-radius: 35px;bottom: 20px;display: none;height: 50px;position: fixed; right: 20px;text-align: center; text-decoration: none;transition: all 0.3s ease 0s;width: 50px; z-index: 120}
#return-to-bottom i{color: rgba(0, 0, 0, 0.5);font-size: 38px; margin: 0; position: relative;top: 13px;transition: all 0.3s ease 0s}
#return-to-bottom:hover i{color: #000;top: 5px}

#preguntasfrecuentes .ancla-invisible{cursor:pointer}
#preguntasfrecuentes .container{ width: 80%}
#preguntasfrecuentes .tabs .tab a{background-color: #ebebeb; color: #333}
#preguntasfrecuentes .tabs .tab a.active{color: #fff}
/*cada tabs activo puede tener su color por producto, ver más arriba*/
#preguntasfrecuentes .tabs .indicator{background-color:#333; top: 0; max-width: 315px; width:100%}
.pr .card{margin-top:0px}
.indicator{display: none;}
#preguntasfrecuentes .collapsible{text-align:left; box-shadow:none}
#preguntasfrecuentes .collapsible-header.active{background-color: #ebebeb}
#preguntasfrecuentes .collapsible-body{padding: 1rem}
.respuesta{font-size: 15px}
.beneficios{color: #666;display: block;padding: 50px 0}
.beneficios .title{font-size: 40px; padding-left: 0; display: block;font-weight: 300; margin-left: auto;margin-right: auto; margin-top: 0;text-align: center;width: 70%}
.submenu{height: auto; margin-top: 20px}.submenu.col{margin-left: 0; width: 33.3333%; float:left; padding:10px}
.submenu.col{text-align:center; }
.submenu span.icono{border-radius: 50%; display: block; height: 90px; margin: auto; text-align: center; text-transform: uppercase; width: 90px; background-color:#009688; color:#fff}
.tiendas-beneficios-iconos .submenu span.icono{background-color:#039be5}
.submenu span.icono i{line-height: 90px; margin-top:0px}

.logos-integraciones img{width:70%; height:auto;max-width:381px}
.logos-integraciones .todopago img{max-width:185px}

section.pasos{background-color:#4db6ac; color:#fff}
section.pasos h1{}section.pasos h1, section.pasos h2{color: #fff; text-align:center; font-weight: 300} 
.submenu.pasos span.icono{border-radius: 50%; display: block; height: 90px; margin: auto; text-align: center; text-transform: uppercase; width: 90px; color:#4db6ac; background-color:#fff; box-shadow: 0 8px 4px -4px #ddd inset; line-height: 90px; font-size:30px; margin-top:0px}
.col.pasos{padding: 0 10px}

.pregunta:hover .cont-icoPreg:before{content: '\f075'}
#imgpanel{height: auto; max-width: 500px; width: 100%}

.contacto{color:#fff}
.contacto table{color: #fff;font-family: "Open Sans",arial,verdana,sans-serif; font-size: 20px; font-weight: 300}
.contacto td, th{padding: 5px; }
.contacto input, .contacto textarea{border: medium hidden; color: #333; background: #fff; display: block; font-family: "Open Sans",arial,verdana,sans-serif; font-size: 20px; font-weight: 300; height: 30px; margin-top: 10px; width: 100%; }
/*FOOTER*/
   
#pie { background-color: white !important;}
#contenedor-pie a i{color: #15182A!important;}
/*NUEVOS ESTILOS REESTRUCTURACION*/
.tiendas h1{font-size:50px !important;}
#vender-online1{color: #101010;}
#vender-online1 h2{color: #0288d1;}
#vender-online1 p{color: #404141;}
#vender-online2{color: #101010;}
#vender-online2 h2{color: #0288d1;}
#vender-online2 p{color: #404141;}
#vender-online3{color: #101010;}
#vender-online3 h2{color: #0288d1;}
#vender-online3 p{color: #404141;}
#cartas-tiendas .card{border-radius: 20px!important;}
#cartas-tiendas  h2 {font-size:  1.46rem !important;}
h1 {font-size:  33px;}
h2{font-size: 2.56rem !important ;}
#contenido-cartas{margin-top: 83px;} 
#btn-carta {margin-left: 13px !important;}
#vender-online1 {text-align: left}
#vender-online2 {text-align: left}
#vender-online3 {text-align: left}
#sub2 {font-size: 25px;}
#nexo-tiendas{ padding-bottom: 10px;padding-top: 10px;}
#img-slide { width: 34%;position: relative;bottom: 35px;}
/*INTEGRACION POR DIRECTA*/
.videos.play:before {display: none;}


/*INTEGRACION POR API*/
#multiples-canales img {width: 350px !important;}




/*SLICK SLIDER*/
#clientes .clientes-logo img {margin-left: auto;margin-right: auto;max-width: 150px;height: auto;}
.slick-next {right: 0 !important;}
.slick-prev {left: 0 !important;z-index: 3!important;}
.slick-dots li button:before {font-size: 13px !important;}
#icon-1 img { width: 240px;margin: 0 auto;}

}



/*FIN NUEVOS ESTILOS REESTRUCTURACION*/

/* */

/*L - MATERIALIZE*/
@media only screen and (min-width: 992px) and (max-width:1200px){
.cocarda-logo{width:200px; height:200px}
.titulo-portada h1 {font-size: 50px;}
.columna-responsive{width:100%}
.container{width: 90%}
#imgpanel{display: inherit}
.columna-responsive .valign{}
.tabs{display:inline-table}
#logo{left:0; top:6px; width:250px;}
#preguntasfrecuentes .tabs .indicator{display:none}
.ficha-integracion{text-align: center; vertical-align: middle!important; border-radius: 4px; height: 35vh; max-height: 300px;}
.ficha-api{max-height: 400px; }

	
}
/*M - MATERIALIZE*/
@media only screen and (min-width: 660px) and (max-width:992px){
.cocarda-logo{height: 150px; width: 150px}
.ficha-integracion{height: 70vh;}
.ficha-integracion .card-image .logo-portales{width: 90%;}
.ficha-api{text-align: center; vertical-align: middle!important; border-radius: 4px; height: 50vh;max-height: 300px;}
.titulo-portada h1 br{display: none;}
#texto-api br{display:none;}
.ribbon-gestion-api {top: 10px}
.ribbon-pdv-api {top: 60px}
.tabs{display:inline-table}
.ficha-integracion{max-height: 300px;}
#vender-online1 {text-align: center !important;}
#vender-online2 {text-align: center !important;}
#vender-online3 {text-align: center !important;}
#home-slide2 #center {max-width: 100% !important;}	
#img-slide { width: 50%;position: relative;bottom: 35px;}
	
	
}

/*S - MATERIALIZE*/
@media only screen and (max-width: 660px){
#logo{ height: auto;  left: 0; position: absolute; top: 8px; width: auto}
#sticker #logo{max-width: 250px; left:0px;}
.contenedor-filtro{width: 100%}
.filtro-item{display: inline-block; float:right}
.filtro-botones .btn{line-height:22px}
.nav-collapse li{height: auto}
.nav-collapse li a{margin: 0}
.js .nav-collapse.nav-collapse-0.closed{top: 90px; opacity:0}
section.introduccion h1{width:100%}	
.submenu.col{margin-left: 0; width: 100%}
.columna-responsive{width: 100%}
.container{width: 90%}
.valign-wrapper{display:block}
.titulo-portada h1 {font-size: 35px;}
mark{line-height: 60px;}
section.introduccion h1, .section.pregFrecuentes h1{font-size: 30px}
section.pregFrecuentes h3{font-size: 18px}
.ficha-integracion{text-align: center; vertical-align: middle!important; border-radius: 4px; height: 35vh;}
.ribbon-gestion{top: 150px;}
.ribbon-pdv{top: 200px;}
.ficha-api{text-align: center; vertical-align: middle!important; border-radius: 4px; min-height:50vh;}
#texto-api br{display:none; margin-bottom: 30%;}
.logos-integraciones-tiendas img{width:65%;height:auto;max-width:200px;padding: 10px;}
.ribbon-gestion-api{top: 30px;}
.ribbon-pdv-api{top: 80px;}
#preguntasfrecuentes .ancla-invisible{margin: 0; width: calc(100% - 20px)}
.tabs{display:inline-table}
#tiendas-1{margin-top:50px; width: 90% !important;}	
#tiendas-2{margin-top:50px; width: 100% !important;}	
#tiendas-3{margin-top:50px; width: 80% !important;}
.tiendas h1{font-size:33px !important;}	
#vender-online1 {text-align: center !important;}
#vender-online2 {text-align: center !important;}
#vender-online3 {text-align: center !important;}
#vender-online1 h2 {font-size: 30px !important;}
#vender-online2 h2 {font-size: 30px !important;}
#vender-online3 h2 {font-size: 30px !important;}	
#sub2 {font-size: 21px;} 
#home-slide2{height:540px !important;}
#home-slide2 .item{height:540px!important;}	
section.introduccion h3{display: inline-block; font-weight: 300; text-align: center; width: 100%; }	
#multiples-canales img {width: 80% !important;}	
#img-slide { width: 100%;position: relative;bottom: 35px;}
#txt-int { font-size: 27px !important;}
	
	
	
}
/*XS*/
@media only screen and (min-width:250px) and (max-width:360px){
.tabs{display:inline-table}
.cocarda-logo{height: 80px; width: 80px}
.ficha-integracion{text-align: center; vertical-align: middle!important; border-radius: 4px; height: 250px;}
.ficha-api{text-align: center; vertical-align: middle!important; border-radius: 4px; min-height:60vh;}
.ribbon-gestion-api {top: 15px}
.ribbon-pdv-api {top: 65px}
#contenedorHero{height:75vh;}
.contacto input, .contacto textarea {width: 80%;}
.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
	width: 250px !important;
}	
#vender-online1 h2 {font-size: 27px !important;}
#vender-online2 h2 {font-size: 27px !important;}
#vender-online3 h2 {font-size: 27px !important;}
#sub2 {font-size: 20px;}	

/*********************LANDSCAPE**********************/

@media only screen and (max-width:900px)and (orientation:landscape){
.tabs{display:inline-table;}
.ficha-integracion{text-align: center; vertical-align: middle!important; border-radius: 4px; height: 70vh;}
.ficha-api{max-height:70vh;height: auto;}
.ribbon-gestion-api {top: 10px}
.ribbon-pdv-api {top: 60px}
}
@media only screen and (max-width:600px)and (orientation:landscape){
.tabs{display:inline-table;}
.ficha-integracion{text-align: center; vertical-align: middle!important; border-radius: 4px; height: 70vh;}
.ficha-api{max-height:70vh;height: auto;}
.ribbon-gestion-api {top: 10px}
.ribbon-pdv-api {top: 60px}
}