@charset "utf-8";
/* CSS Document */

/* ==========================================================================
  Generales
========================================================================== */

body {font-family: 'Heebo', sans-serif; font-size: 14px; text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important; color:#000; scroll-behavior: smooth; margin: 0;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; height: 100%; background-color: #fff;} 
.wow { visibility:hidden;}/*hack por problemas en firefox con wow animation*/

/* ==========================================================================
  Herramientas
========================================================================== */

.boxshadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.zoom {display: block;}
.zoom img { transform: scale(1); -webkit-transform: scale(1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
-webkit-transition: all 2s; /* Safari */
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transition-delay: 0s;
}
.zoom:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity:0.9; }
.overflow { overflow: hidden; }
.no-padding { padding: 0; }
.blancoynegro img {/*Se ven en Blanco y Negro*/
	filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);}
.blancoynegro img:hover {/*Se ven en Color*/
	filter: grayscale(0%); 	-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%);}
.overflow{overflow: hidden;}

/* ==========================================================================
  Languages
========================================================================== */

.icon-small{  height:auto;  margin:0;  padding:0;}
.icon-medium{  height:auto;  margin:0;  padding:0;}
.img-thumbnail {border:0; border-radius: 0;}

/* ------------------------------------------------------------------------------
   Preloader styles
-------------------------------------------------------------------------------*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999; height: 100%; height: 100%;}
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background: url(ajax-loader.gif) no-repeat center center; margin: -170px 0 0 -100px;}


/* ==========================================================================
  Scroll to Top
========================================================================== */

.scroll-to-top { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition:all .3s; transition: all .3s; background: transparent; border-radius: 0px 0; top: 10px; color: #000;
 display: block; height: auto; opacity: 9; padding: 13px 0 35px; position: absolute; right: 15%; text-align: center; text-decoration: none; width: 20px; z-index: 9999;
 border: solid 0px white; writing-mode: vertical-rl; text-orientation: sideways-right; font-weight: 600; font-size: 14px;}
 .scroll-to-top span {display: inline-block; min-height: 40px;}
.scroll-to-top:hover{ filter: alpha(opacity=100); opacity:1;}
a:hover#scrollToTop, a:focus#scrollToTop{color:#fff!important; text-decoration: none!important;}
.scroll-to-top.visible{ filter: alpha(opacity=75); opacity:.75}

/* ==========================================================================
  Colores 
========================================================================== */

h1.black { border-bottom: 2px solid #000; color:#000;}
h1.white { border-bottom: 2px solid #fff; color:#fff;}
h1.black span {background: #000; color:#000;}
h1.white span {background: #fff; color:#fff;}
p.black {color:#000;}

/* ==========================================================================
  Animate Delay 
========================================================================== */

.animate-delay-1 {animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s;}
.animate-delay-2 {animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s;}

/* ==========================================================================
  Provisoria 
========================================================================== */

.logos {position: relative;	float: left; width: 506px; top: -1px; z-index: 9999; height: 100%; visibility: visible!important;}
.logos .sexy, .logos .fantasia {width: 50%;}
.logos .sexy img, .logos .fantasia img {width: 100%;}
.logos .sexy-inverted img, .logos .fantasia-inverted img {width: 100%;}
/* .logos .sexy {background-image: url("../images/btn-sexy.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; 
padding: 10px; position: absolute; left: 0;top:-1px;} */
.logos .sexy:hover {background-image: none;}
.logos .fantasia {background-image: none; padding: 10px; position: absolute; right: 29px;}
.logos .fantasia:hover {background-image: url("../images/btn-fantasia.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; }

.prov-text {position: relative;	top: 50%;}
.prov-text p {font-weight: 300; font-size: 42px; letter-spacing: -0.05em; margin: 0; line-height: 24px;}
.prov-text p b {font-weight: 600;}
.prov-text h1 { font-weight: 300; font-size: 92px; letter-spacing: -0.075em; margin: 0; display: inline-block; height: 100%; line-height: 107px;}
.prov-text h1 span {height: 4px; position: relative; display: block; width: 10%; float: right; top: 6px;}

.prov-text-under {	position: absolute;	bottom: 20px; text-align: right; color: #fff; width: 100%; z-index: 99}
.prov-text-under p {font-weight: 300; font-size: 34px; letter-spacing: -0.05em; margin: 0; line-height: 54px;}
.prov-text-under p b {font-weight: 600;}
.prov-text-under h1 { font-weight: 300; font-size: 42px; letter-spacing: -0.075em; margin: 0; display: inline-block; height: 100%; line-height: 48px;}
.prov-text-under h1 span {height: 4px; position: relative; display: block; width: 10%; float: right; top: 6px;}

.logos .sexy-inverted {background-image: none; left: 0;top:-1px; padding: 10px; position: absolute;}
.logos .sexy-inverted:hover {background-image: url("../images/btn-sexy.svg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.logos .fantasia-inverted { position: absolute; right: 29px;padding: 10px; background-image: url("../images/btn-fantasia.svg"); 
background-position: center; background-repeat: no-repeat; background-size: cover; }
.logos .fantasia-inverted:hover {background-image: none; }


/* ==========================================================================
  Site 
========================================================================== */

#top {position: absolute; top:0;}
.offset-body {}
.after {margin-top: 98px;}
.beftore {margin-top: 0px;}
.offset {}

/* ==========================================================================
  Header 
========================================================================== */

.header { z-index: 99; overflow: hidden; background: #fff; top:0; position: fixed; width: 100%;   display:block;  transition: top 0.3s; 
	-webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s;}
.relative {position: relative;}
.fixed {position: fixed;}
.navbar-default { background-color: transparent; border-color: transparent;}
.navbar { border-radius: 0px;}
.navbar { position: relative; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent;}
.navbar-default .navbar-nav > li > a { color: #000; font-weight: 400; text-transform: uppercase; font-size: 14px;}
.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #000;}
.navbar-nav.navbar-right { margin-top: 20px;}

.navbar-default .navbar-nav .inverted > li > a { color: #000; font-weight: 400; text-transform: uppercase; font-size: 14px;}
#inverted > li > a:active, #inverted > li > a:hover, #inverted > li > a:focus { color: #fff; background-color: #af3195;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff; background-color: #000;}
#inverted > .active > a, #inverted > .active > a:hover, #inverted > .active > a:focus {
	color: #fff; background-color: #af3195;}

/* ==========================================================================
  Slider 
========================================================================== */

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0000)), to(rgba(0,0,0,.0)));
	background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;}

.carousel-control {opacity: .9;}
.carousel-control.inverted {opacity: .9;}

.carousel-control:hover, .carousel-control:active, .carousel-control:focus {opacity: .7;}
.carousel-control.inverted:hover, .carousel-control.inverted:active, .carousel-control.inverted:focus {opacity: .9;}
.carousel-control .icon-next, .carousel-control .icon-navigate_next2 {font-size: 0;}
.carousel-control .icon-prev, .carousel-control .icon-navigate_before2 {font-size: 0;}

.carousel-control .icon-navigate_next2 {background: url(../carousel/slider-right.svg) no-repeat; height: 119px; width: 77px; top:33%;}
.carousel-control .icon-navigate_before2 {background: url(../carousel/slider-left.svg) no-repeat; height: 119px; width: 77px; top:33%;}

.carousel-control .icon-navigate_next2 img {vertical-align: middle;	width: 70%;	margin-top: 65%;}
.carousel-control .icon-navigate_before2 img {vertical-align: middle;	width: 70%;	margin-top: 65%;}

.carousel-control .icon-navigate_next2.inverted{background: url(../carousel/slider-right-inverted.svg) no-repeat; height: 119px; width: 77px; top:33%;}
.carousel-control .icon-navigate_next2.inverted:hover, .carousel-control .icon-navigate_next2.inverted:focus, .carousel-control .icon-navigate_next2.inverted:active {
	background: url(../carousel/slider-right.svg) no-repeat; height: 119px; width: 77px; top:33%;}
.carousel-control .icon-navigate_before2.inverted {background: url(../carousel/slider-left-inverted.svg) no-repeat; height: 119px; width: 77px; top:33%;}
.carousel-control .icon-navigate_before2.inverted:hover, .carousel-control .icon-navigate_before2.inverted:focus, .carousel-control .icon-navigate_before2.inverted:active {
	background: url(../carousel/slider-left.svg) no-repeat; height: 119px; width: 77px; top:33%;}

.carousel-caption {	position: absolute;	right: 0; bottom: 0; left: 0; z-index: 10; padding: 40px; color: #fff; text-align: right;
	text-shadow: 0 1px 2px rgba(0,0,0,.0);	width: 100%; background: linear-gradient(to right bottom, transparent 50%, #fff 40%);
background: -webkit-linear-gradient(to right bottom, transparent 50%, #fff 40%); background: -moz-linear-gradient(to right bottom, transparent 50%, #fff 40%);
background: -o-linear-gradient(to right bottom, transparent 50%, #fff 40%);}

.carousel-caption p {font-weight: 300; font-size: 34px; letter-spacing: -0.05em; margin: 0; line-height: 54px;}
.carousel-caption p b {font-weight: 600;}
.carousel-caption h1 { font-weight: 300; font-size: 42px; letter-spacing: -0.075em; margin: 0; display: inline-block; height: 100%; line-height: 48px;}
.carousel-caption h1 span {height: 4px; position: relative; display: block; width: 10%; float: right; top: 6px;}

/* ==========================================================================
  Lineas 
========================================================================== */

.text-under {position: absolute; bottom: -15px;	text-align: right;	color: #000; width: 100%; z-index: 99;	padding: 0;}
/*.top-right-separator { width: 100%; position: absolute;  bottom: 0px;  right: 0; height: 0; border-style: solid;
border-width: 0 0 130px 100vw; border-color: transparent transparent #fff transparent; z-index: 1;}*/

.top-right-separator { width: 100%; position: absolute; bottom: 0px; right: 0; height: 0; border-style: solid; border-top-color: transparent; border-bottom-color: white; z-index: 1;
border-left-color: white; border-right-color: white; border-top-width: 146px; border-bottom-width: 0; border-left-width: 0; border-right-width: 1923px; border-style: solid; display: none;}

.text-under p {font-weight: 300; font-size: 34px; letter-spacing: -0.05em; margin: 0; line-height: 54px;}
.text-under p b {font-weight: 600;}
.text-under p.inverted b {color:#af3195;}
.text-under h1 { font-weight: 300; font-size: 42px; letter-spacing: -0.075em; margin: 0; display: inline-block; height: 100%; line-height: 48px;}
.text-under h1 span {height: 4px; position: relative; display: block; width: 10%; float: right; top: 6px;}
.text-under h1 span.inverted {background-color:#af3195;}

.titulos {position: relative; margin-bottom: 40px;}
.titulos p {font-weight: 300; font-size: 34px; letter-spacing: -0.05em; margin: 0; line-height: 54px;}
.titulos p b {font-weight: 600;}
.titulos h1 {font-weight: 300; font-size: 62px; letter-spacing: -0.075em; margin: 0; display: inline-block; height: 100%; line-height: 68px;}
.titulos h1 span {height: 4px; position: relative; display: block; width: 10%; float: right; top: 6px;}
.titulos h1 span.inverted {background-color:#af3195;}

/* ==========================================================================
  Backgrounds 
========================================================================== */

.bgvd { background: url(../images/recursoverticalderecho.svg) no-repeat; width: 5px; background-position: right bottom; position: absolute; top: -150px;
 z-index: 9; right: 0; height: 115%;}

.bgvd.ajustado { height: 105%;}

 .bgvd.inverted { background: url(../images/recursoverticalderecho-inverted.svg) no-repeat; width: 5px; background-position: right bottom; position: absolute; top: -150px;
 z-index: 9; right: 0; height: 115%;}
.bgvi { background: url(../images/recursoverticalizquierdo.svg) no-repeat; width: 5px; background-position: left top; position: absolute; top: 0px; z-index: 9; left: 0; height: 105%;}
.bgvi.inverted{ background: url(../images/recursoverticalizquierdo-inverted.svg) no-repeat; width: 5px; background-position: left top; position: absolute; top: 0px; z-index: 9; left: 0; height: 105%;}
.category {z-index: 9; margin-bottom: 40px;}
.bgvdi { background: url(../images/recursoverticalderechoi.svg) no-repeat; width: 5px; background-position: right top; position: absolute; top: 0px;
 z-index: 9; right: 0; height: 105%;}
 .bgvdi.inverted { background: url(../images/recursoverticalderechoi-inverted.svg) no-repeat; width: 5px; background-position: right top; position: absolute; top: 0px;
 z-index: 9; right: 0; height: 105%;}
.category .tag { background-color: #000; font-size: 32px; font-weight: 300; color: #fff; position: absolute; z-index: 1; padding: 0 10px 0px 30px; left: -10px; 
 bottom: 30px; letter-spacing: -0.05em;}

/* ==========================================================================
  Modelos 
========================================================================== */

.tright {text-align: right;}
.textos p {color:#8d8d8d; font-weight: 400; font-size: 14px; line-height: 24px;}
.destacado p { font-weight: 600; font-size: 18px; color: #000; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px; margin: 10px 0px;}
#modelos .category .tag.left-up { left: -10px; top: 30px; bottom: auto;}
#modelos .category .tag.right-down { right: -10px; bottom: 30px; top: auto; left: auto; padding: 0 30px 0px 10px;}

/* ==========================================================================
  Backstage 
========================================================================== */

#backstage .category { display: block; overflow: hidden; height: 460px;}
#backstage .category .tag.left-up.video { left: -10px; top: 30px; bottom: auto; min-height: 60px; -webkit-transition:all .3s; -moz-transition:all .3s; 
	transition:all .3s; -o-transition:all .3s; z-index: 9;}
#backstage .category .tag.right-down.video { right: 30px; bottom: 30px; top: auto; left: auto; padding: 0 30px 0px 10px; min-height: 60px;   z-index: 9;
	-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#backstage .category .tag.left-up.video span { position: absolute; left: 50px; min-width: 300px; line-height: 38px;}
#backstage .category .tag.right-down.video span { position: absolute; right: 0px; min-width: 280px; line-height: 38px;}
#backstage .category .tag.left-up.video a { color:#fff;}
#backstage .category .tag.right-down.video a { color:#fff;}
#backstage .category .tag.left-up.video:hover { left: 0px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#backstage .category .tag.right-down.video:hover {right:40px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#nuevo, #viejo {position: absolute; top:0; z-index: -1; display: block; overflow: hidden;}
#nuevo a, #viejo a {display: block; overflow: hidden;}
#backstage .blancoynegro.fade.in.active {z-index: 1;}


#html5-watermark {display: none!important;}
.lightboxcontainer { width:100%;  text-align:left;}
.lightboxleft {width: 40%; float:left;}
.lightboxright {width: 60%; float:left;}
.lightboxright iframe {  min-height: 390px;}
.divtext {margin: 36px;}

@media (max-width: 800px) {
  .lightboxleft {width: 100%;}
  .lightboxright {width: 100%;}
  .divtext {margin: 12px;}
}

/* ==========================================================================
  Contacto 
========================================================================== */

.form-control { display: block; width: 100%; height: 34px; padding: 0px 2px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: transparent;
 background-image: none; border: 0px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border-bottom: 2px solid #000;}
.form-control:focus, .form-control:active { display: block; width: 100%; padding: 0px 2px; font-size: 14px; color: #000; background-color: transparent; background-image: none;
 border: 0px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border-bottom: 2px solid #dedede;}
textarea.form-control {	height: auto; min-height: 120px;}
.contact-form {margin-left:-15px;}
.btn.green { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 18px; font-weight: 300; line-height: 1.42857143; text-align: center; white-space: nowrap;
 vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none;
 border: 0px solid transparent; border-radius: 0px; float: right; text-transform: uppercase; background-color: #000; color:#fff; width: 40%;}
.btn.green:hover, .btn.green:focus, .btn.green:active {color:#000; background-color: #dedede;}
.complete {color:#8d8d8d; font-weight: 400; font-size: 14px; text-align: right;}
.complete a {color:#000;}
#contacto .destacado p {text-align: left;}
#contacto .destacado a {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#contacto .destacado a:hover, #contacto .destacado a:focus, #contacto .destacado a:active {opacity:0.2;
-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;	}
#contacto .info {padding-top: 140px;}

/* ==========================================================================
  Footer 
========================================================================== */

footer {background-color: #e6e7e8; padding:40px 0; position: relative;}
footer .col h3 {color:#000; font-weight: 400; font-size:14px; margin-bottom: 20px; text-transform: uppercase;}
footer .col p {line-height: 18px; color:#8d8d8d; font-size: 12px; font-weight: 400;}
footer .col p a {color:#8d8d8d; font-size: 12px; font-weight: 400;}
footer .col p a:hover, footer .col p a:active, footer .col p a:focus {color:#000;}
footer .form-footer .form-control { display: block; width: 100%; height: 34px; padding: 0px 2px; font-size: 12px; line-height: 1.42857143; color: #8d8d8d; background-color: transparent; 
 background-image: none; border: 0px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border-bottom: 1px solid #000;}
footer .form-footer textarea.form-control {	height: auto; min-height: 40px;}
footer .form-footer .btn.green { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; 
 white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none;
 border: 0px solid transparent; border-radius: 0px; float: right; text-transform: capitalize; background-color: transparent; color:#000; width: auto;}
footer .form-footer .btn.green:hover, footer .form-footer .btn.green:focus, footer .form-footer .btn.green:active {color:#fff; background-color: #000;}


/* ==========================================================================
  Galeria Fantasia 
========================================================================== */

/*.fila { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; display: -webkit-box; flex-wrap: wrap; padding: 0 4px; margin-left: -15px; margin-right: -15px;}*/
.fila { margin-left: -2px; margin-right: 0; width: 100%; float: left; display: block; padding-left: 0; padding-right: 0;}
/*.column { -ms-flex: 50%; flex: 50%; -webkit-flex: 50%; max-width: 50%; padding:0 6px; position: relative;}*/
.column { width: 50%; padding: 0 2px; position: relative; float: left;}
.column img { vertical-align: middle;}
/*.containar {  position: relative;  width: 100%;  margin: 0px 0px 15px 0px;}*/
.containar { position: relative; width: 100%; margin: 0px 0px 5px 0px;}
.image {  display: block;  width: 100%;  height: auto;}
.overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  background-color: #af3195;
transition: .5s ease; -webkit-transition: .5s ease; -moz-transition: .5s ease; -o-transition: .5s ease;}
.containar:hover .overlay {  opacity: 0.9;}
.containar:hover .overlay .text { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-transition: all .3s; right: 6%; left:auto;}
.text {  font-size: 300%;  color: #fff;  font-weight: 400;  letter-spacing: -0.075em;  position: absolute;  bottom: 5%;  right:100%; text-align: center;  
	transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

@media screen and (max-width: 800px) {
 .column {/* -ms-flex: 100%; -webkit--ms-flex: 100%; flex: 100%; -webkit-flex: 100%; max-width: 100%; */width: 100%;}
}
@media screen and (max-width: 600px) {
 .column { /*-ms-flex: 100%; -webkit--ms-flex: 100%;  flex: 100%; -webkit-flex: 100%; max-width: 100%;  */width: 100%;}
}
.copyright {margin-top: 20px; border-top: dotted 1px #bfbcbc; padding-top: 20px}
.copyright p {	line-height: 18px; color: #8d8d8d;	font-size: 12px; font-weight: 400; text-align:center;}
.copyright p a {color: #8d8d8d;}
.copyright p a:hover, .copyright p a:active, .copyright p a:focus {color: #000;}



/**********************
Ws botón
***********************/

/**********************
Ws botón
***********************/
#chat-wsma {
  position: fixed;
  bottom: 70px;
  left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
}

#chat-wsma img {
  padding-left: 0px;
  padding-top: 0px;
  width: 100%;
}

#chat-wsmi {
  position: fixed;
  bottom: 20px;
  left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
}

#chat-wsmi img {
  padding-left: 0px;
  padding-top: 0px;
  width: 100%;
}

#ayudama {
  position: fixed;
  color: white;
  padding: 10px 15px;
  bottom: 70px;
  left: 60px;
  width: auto;
  height: auto;
  background-color: black;
  border-radius: 40px;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
}

#ayudama a {
  color: white;
  text-decoration: none;
  font-size: calc(5px + 0.4vw);
}

#ayudami {
  position: fixed;
  color: white;
  padding: 10px 15px;
  bottom: 15px;
  left: 60px;
  width: auto;
  height: auto;
  background-color: black;
  border-radius: 40px;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
}

#ayudami a {
  color: white;
  text-decoration: none;
  font-size: calc(5px + 0.4vw);
}