 /*   

Theme Name: Economy Squuare

Theme URI: http://designboxweb.com/stage/henninger/

Description: The Economy Squuare theme for WordPress is stylish, customizable, simple, and readable - make it yours with a custom menu, header image, and background. Economy Squuare supports  (two diferent sidebar, top menu, footer menu). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Home" and "Contact US"

Author: Victor H. Aliaga

Author URI: http://designboxweb.com/



*/
/*@font-face {
 font-family: 'Swiss721BT-Bold';
 src: url(fonts/swissb.ttf);
}*/
@font-face {
  font-family: 'Swiss721BT-Bold';
  src: url('fonts/Swiss721BT-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Swiss721BT-Bold.woff') format('woff'), url('fonts/Swiss721BT-Bold.ttf')  format('truetype'), url('fonts/Swiss721BT-Bold.svg#Swiss721BT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
 font-family: "swissl";
 src: url(fonts/swissl.ttf);
}
@font-face {
 font-family: "swissi";
 src: url(fonts/swissi.ttf);
}


.inner {
	width:980px;
	margin:0 auto;
	position:relative;
}
body {
	/*background-color:#727D3F;*/
	height:100%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#474747;
	background-image:url(images/bg-page-wrapp.jpg);
	background-repeat:repeat;
	background-position:center;
}



#error-page {
	margin:0 !important;
	display:contents !important;
}

.wp-die-message{
	display:none;
}



/*************************HEADER********************************/ 

/*Social Media Buttons*/
/* Contenedor de los botones flotantes */
.floating-social-buttons {

  position: fixed !important; /* Los mantiene en la misma posición al hacer scroll */
  top: 10px; /* Distancia desde la parte superior */
  right: 10px; /* Distancia desde la parte derecha */
  z-index: 9999; /* Asegura que estén por encima de otros elementos */
  display: flex;
  gap: 10px; /* Espaciado entre los íconos */
}

/* Estilo de los íconos */
.floating-social-buttons .social-icon {
  width: 40px; /* Tamaño de los íconos */
  height: 40px;
  border-radius: 50%; /* Hace los íconos redondeados */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Sombra para que destaquen */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animación al pasar el cursor */
}

/* Efectos al pasar el cursor */
.floating-social-buttons .social-icon:hover {
  transform: scale(1.1); /* Aumenta ligeramente el tamaño al pasar el cursor */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* Intensifica la sombra */
}

@media (max-width: 768px) {
  .floating-social-buttons {
    top: 10px; /* Mantiene la distancia desde la parte superior */
    right: 10px; /* Mantiene los íconos alineados a la derecha */
    flex-direction: column; /* Fuerza el alineado vertical en móviles */
    gap: 5px; /* Reduce el espacio entre los íconos en móviles */
  }

  .floating-social-buttons .social-icon {
    width: 30px; /* Reduce el tamaño de los íconos en móviles */
    height: 30px;
  }
}
	
	/*End Social Media Buttons*/




#header {
	width:100%;
	background-image:url(images/bg-header.jpg);
	background-position:center;
	background-color:#dd1d00;
	height:124px;
	overflow:hidden;
	position:relative;
}
.header-logo {
	width:286px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
}
.header-logo img{
	width:286px;
	height:120px;
}
.header-nav {
	background-image:url(images/bg-header-nav.png);
	background-repeat:no-repeat;
	background-position:center;
	width:590px;
	height:50px;
	position:absolute;
	right:40px;
	top:30px;
}
.languajes {
	padding: 10px 0px;
	text-align: right;
}
.languajes #qtranslate-3{
	display: inline-block;
}
.languajes span {
	display: inline-block;
	color:white;
	margin-right:10px;
}
.languajes ul{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.languajes li {
	display: inline-block;
	width:20px;
	margin-top: 5px;
	margin-right:5px;
}
.image-es {
	background-image:url(images/lang-es.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	text-indent:-99999px;
	width:20px;
}
.image-es-inactive {
	background-image:url(images/lang-es-inactive.jpg);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	text-indent:-99999px;
	width:20px;
}
.image-en {
	background-image:url(images/lang-en.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	text-indent:-99999px;
	width:20px;
}
.image-en-inactive {
	background-image:url(images/lang-en-inactive.jpg);
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	text-indent:-99999px;
	width:20px;
}
.navigation {
	width:100%;
	text-align:center;
	height:40px;
}
.navigation ul {
	text-align:center;
	height:100%;
	margin:0 auto;
}
.navigation ul li {
	display:inline;
	margin:0 10px;
	padding-bottom:14px;
}
.navigation ul li a {
	color:#c30000;
	text-transform:capitalize;
	line-height:38px;
	display:inline-block;
	font-family: 'Swiss721BT-Bold';
}
.navigation ul li.active, .navigation ul li.current-menu-item {
	background-image:url(images/top-menu-active.png);
	width:23px;
	height:11px;
	background-repeat:no-repeat;
	background-position:bottom center;
	color:white;
	font-family: 'Swiss721BT-Bold';
}
.navigation ul li.current-menu-item a, .navigation ul li a:hover {
	color:white;
}
/********************************PAGE WRAPP***************************************/
#container {
	/*background-image:url(images/bg-page-wrapp.jpg);*/
/*	background-image:url(images/bg-container.png);*/
	background-repeat:repeat-y;
	background-position:top left;
	width:100%;
	height:100%;/*	background-color:#727d3f;*/
	float: left;
}
#page-wrapp {
/*	background-image:url(images/bg-page-wrapp.png);
	background-repeat:no-repeat;
	background-position:center top;*/
	float: left;
}
.header-bottom {
	float: left;
	height:428px;
	position:relative;
	z-index:3;
	width:100%;
	background-image:url(images/bg-all_slideshow.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
.slide-container {
	/*	width:1260px;*/
	height:428px;
	position:relative;
	margin:0 auto;
	background-image:url(images/bg-slideshow.jpg);
	background-repeat:no-repeat;
	background-position:center;
	font-family: "swissl";
}
.slideshow {
	position:relative;
	height:100%;
}
.slide {
	width:100%;
	height:352px;;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
}
.content-slide {
	width:320px;
	height:230px;
	position:absolute;
	top:13%;
	left:0;
	z-index:10;
}
.content-slide h1 {
	font-size:40px;
	color:000;
	margin-bottom:18px;
	font-weight:normal;
	height:100px;
}
.content-slide p {
	width:85%;
	line-height:24px;
	font-size:14px;
	color:#717171;
}
.content-slide .details , .cycle-slideshow li .details {
	margin: 15px auto 20px;
	z-index:10;
	background-image:url(images/bg-details.png);
	width:96px;
	height:27px;
	line-height:27px;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	background-repeat:no-repeat;
}
.content-slide .details a , .cycle-slideshow li .details a{
	color:white;
	margin-left:10px;
	display:block;
}
.image-bg {
	width:540px;
	height:320p;
	position:absolute;
	bottom:0px;
	right:170px;
	z-index:2;
}
.image-languaje {
	width:318px;
	height:620px;
	position:absolute;
	right:0px;
	top:-40px;
	z-index:4;
}
#panel-sidebar {
	width:295px;
	float:left;
	/*margin-top:19px;*/
	background-image:url(images/bg-panel-sidebar.png);
	height:348px;
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
	margin-top:5px;
}
.panel-item {
	background-image:url(images/background-header-sidebar-panel.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:115px;
	width:295px;
	position:relative;
	z-index:10;
}
.panel-item h2 {
	font-size:18px;
	color:black;
	position:absolute;
	top:15px;
	left:15px;
}
.content-item {
	width:100%;
	height:100%;
	overflow:hidden;
}
.panel-item:hover {
	background-image:url(images/background-header-sidebar-panel-hover-large.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:bbbbbb;
	margin:0;/*	padding-left:20px;*/
}
.image-list {
	position:absolute;
	bottom:-1px;
	right:0;
	height:97px!important;
}
.carousel-inner {
	height:70px;
	width:600px;
}
. jcarousel-skin-tango{ width:600px; height:70px;}
#carousel {
	width: 960px;
	position: relative;
	height:70px;
/*	padding-top:18px;*/
/*	background-color:#727d3f;*/
	margin-top:3px;
	margin:0 auto;
}
#carousel img {
	border: 0;
/*	margin-top:15px;*/
}
#ui-rcarousel-next, #ui-rcarousel-prev {
	display: block;
	position: absolute;
}
#ui-rcarousel-next {
	top: 39px;
	right: -15px;
}
#ui-rcarousel-prev {
	top: 39px;
	left: -15px;
}
.content {
/*	width:100%;*/
	/*padding:0 20px;*/
}
.home-page {
	width:455px;
	float:left;/*height:238px;*//*padding:20px;*/
}
.image-logo {
	width:327px;
	float:left;
	margin-top:20px;
	height:220px;
	position:absolute;
	right:0px;
	top:-20px;
	width:544px;
}
.post h1 {
	color:#FFF;
	font-size:24px;
	line-height:30px;
	margin:5px 0;
	text-transform:capitalize;
	font-family: 'Swiss721BT-Bold';
}
.post p {
	font-size:14px;
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:20px;
	margin:10px;
	margin-bottom:0;
}
.board-panel-images {
	/*	background-image:url(images/bg-panel-images.png);
	background-repeat:no-repeat;
	background-position:center;*/
	background-color:#00bc00;
	height:210px;
	overflow:hidden;
	width:100%;
	padding-top:14px;
}
.panel-images {
	width:980px;
	margin:0 auto;
}
.panel-single {
	width:318px;
	float:left;
	margin-left:0px;
	position:relative;
	/*	height:620px;*/
	overflow:hidden;
	margin-right:5px;
	margin-top:7px;/*border:1px solid red;*/
}
.video .title-panel-images {
	display:none;
}
.title-panel-images{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(images/bg-title-image-panel.png);
	background-repeat:repeat;
	background-position:top left;
	text-align:center;
}
.title-panel-images h2{
	margin: 10px auto;
}
.title-panel-images h2, .title-panel-images a {
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	/*margin-left:15px;*/
	text-transform:capitalize;
}
.panel-links {
	background-image:url(images/bg-image-links.png);
	background-repeat:repeat;
	background-position:center;
	width:100%;
	position:absolute;
	left:0;
	bottom:5px;
	height:70px;
	overflow:hidden;
	z-index:3;
}
.panel-links .panel-images {
	/*width:980px;*/
/*	margin:0 auto;*/
	height:70px;
	overflow:hidden;
}
.panel-links .panel-single {
	width:135px;
	height:60px;
	overflow:hidden;
}
.panel-links .panel-single {
/*	margin-left:16px;*/
}
#footer {
	/*	background-image:url(images/bg-footer.png);
	background-repeat:no-repeat;*/
	width:100%;
	/*	background-position:bottom center;*/
	height:285px;
	position:relative;
	background-color:#ff0000;
	height:142px;
}
.in-footer {
	height:100%;
	position:relative;
}
.image-footer {
	position:absolute;
	width:278px;
	height:121px;
	bottom:10px;
	left:0px;
}
.inner-footer {
	width:600px;
	height:86px;
	position:absolute;
	right:70px;
	top:19px;
}
.footer-menu {
}
.footer-menu ul {
	margin-top:20px;
	text-align:center;
}
.footer-menu ul li {
	display:inline;
	line-height:12px;
	margin-right:20px;
}
.footer-menu ul li a {
	color:#FFF;
	font-size:12px;
	text-transform:capitalize;
}
.sound {
	width:95px;
	height:36px;
	line-height:36px;
	position:absolute;
	top:40px;
	right:10px;
	color:#FFF;
}
.sound span {
	font-size:16px;
}
.sound img {
	position:absolute;
	top:2px;
	right:10px;
	width:36px;
	height:35px;
}
.copy {
	color:#e2e2e2;
	line-height:20px;
	height:20px;
	font-size:12px;
	margin:20px 0;
	width:490px;
	text-align:center;
}
.single {
	width:100%!important;
	background-color:#f1f1f1;
	background-image:url(images/bg_new.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	position:relative;
}
.single .post {
	width:960px;
	float:none;
	margin:0 auto;
	position:relative;
	padding-bottom:15px;
}
.directions {
	width:477px;
	height:375px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
}
.directions p {
	width:379px;
	margin:0 auto;
	font-size:14px;
	line-height:25px;
	color:black;
}
.gmaps {
	float:right;
	width:400px;
	margin-bottom:25px;
	color:black;
	height:373px;
}
.slideshow-leasing {
	position:relative;
	width:920px;
	height:400px;
}
.slide-leasing {
	width:920px;
	height:395px;
	background-image:url(images/bg-slide-leasing.png);
	background-repeat:no-repeat;
	background-position:center;
}
.leasing {
	width:430px;
	height:190px;
	overflow:hidden;
	float:left;
	margin-left:20px;
	margin-bottom:30px;
}
.leasing-images {
	width:160px;
	float:left;
	overflow:hidden;
	height:180px;
	position:relative;
}
.leasing-logo {
	position:absolute;
	width:155px;
	height:44px;
	top:0;
	left:0;
}
.leasing-image {
	position:absolute;
	width:120px;
	height:120px;
	top:50px;
	left:0;
}
.leasing a {
	color:#922d33;
	font-weight:normal;
}
.leasing-content {
	width:230px;
	float:left;
	overflow:hidden;
	margin-left:20px;
}
.leasing-content p {
	font-size:12px;
	color:#262626;
	font-weight:bold;
	line-height:18px;
	margin-bottom:20px;
}
/***************************lenguajes slide***********************/
.image-languaje img {
	width:318px;
	height:600px;
}
.image-bg img {
	width:538px;
	height:313px;
}
.active-es {
	display:none;
	font-weight:normal;
}
h2 {
	color:#1c1c1c;
	font-size:18px;
}
.list_directory {
	width:100%;
	background-image:url(images/bg-list-directions.png);
	background-position:right 10px;
	background-repeat:no-repeat;
	min-height:580px;
	padding:0 15px;
}
.list-category {
	width:100%;
	float:left;
	padding-bottom:9px;
	margin-top:10px;
}
.list-category ul {
	background: #ffffff;
	border-left: 4px solid #b2b2b2;
	border-bottom: 4px solid #b2b2b2;
	padding: 10px 5px 10px 10px;
	list-style: none;
}
.list-category ul li {
	background-image:url(images/bg-item-list-category.png);
	background-repeat:no-repeat;
	background-position:left 10px;
	padding-left:10px;
	margin-left:10px;
}
.list-category ul li a, .list-category ul li {
	color:#fc2f2f;
	font-size:12px;
	line-height:25px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:capitalize;
}
.items-category {
	float:left;
	width:100%;
	padding-top: 25px;
}
.items-category ul li a, .items-category ul li {
	color:#545454;
	font-size:16px;
	line-height:30px;
}
.welcome {
	height:220px!important;
	overflow:hidden;
}
.welcome .title {
	margin:5px 0!important;
}
.welcome p {
	color:#FFF!important;
	margin-top:0;
}
.title {
	background-image:url(images/bg_title.jpg);
	background-repeat:repeat-x;
	background-position:left;
	border-bottom:3px solid #c92525;
	border-left:3px solid #c92525;
	float:left;
	height:36px;
	margin-top:27px;
	padding:0 10px;
	margin-bottom:25px;
}
.title-boxed{
	color: #ffffff;
	background: #fc302f;
	border-bottom: 3px solid #c92525;
	border-left: 3px solid #c92525;
	display: inline-block;
	padding: 6px 20px;
	font-size: 29px;
	margin-bottom: 25px;
}
.video {
	margin-right:13px;
}
.panel-single iframe {
	width:310px;
	height:174px;
	overflow:hidden;
}
#slide-nav {/* background-image:url(images/bg-navigation-slide.jpg); background-repeat:repeat-x; border:1px solid #b5b5b5;*/
	height:22px;
	line-height:22px;
	position:absolute;
	z-index:1000;/* background-color:#e3e3e3; background-position:top left;*/
	left:0px;
	top:-95px; /*padding-right:45px;*/
}
#slide-nav li {
	float: left;
	list-style: none
}
#slide-nav a {
	margin:0;
	padding: 0 10px;
	text-decoration: none;
	background-image:url(images/slide-inactive.png);
	background-repeat:no-repeat; /*margin-left:5px;*/
}
#slide-nav li.activeSlide a {
	background-image:url(images/slide-active.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0px 10px;/* margin-left:5px;*/
}
.current-menu-item {
	font-weight:bold!important;
}
.slogan {
	
}
.slogan p {
	font-family: "swissi";
	color:#ffffff;
	font-size:16px;
	text-align: center;
}
.slide-container .panel-links #carousel{ width:600px!important;	padding-right:390px!important;}
.slide-container .panel-links a.next {right: 435px;}
.slide-container .panel-links #foo2{ width:512px;}
#prev{ position:absolute; top:270px;; left:-25px; cursor:pointer;}
#next{ position:absolute; top:270px; right:15px; cursor:pointer;}

/*********************************************************************/
.image_carousel {
	/*padding: 15px 0 15px 40px;*/
	position: relative;
/*	height:100px;
	width:960px; margin:0 auto;*/
	
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 15px;
}
a.prev {			left: -45px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: 20px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}

.clearfix {
	float: none;
	clear: both;
}
#foo2{ width:900px;}
#footer a{ color:#FFF; font-weight:bold;}

.wrapper-website{
	float: left;
	width: 100%;
}
.wrapper-header{
	float: left;
	width: 100%;
	background-color:#dd1d00;
	
	background-position:center;
	background-size: 100% 100%;
}
.navbar-main-menu{
	background-color: #FC2F2F;
    border-color: #FC2F2F;
    border: 0px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.navbar-main-menu #main-menu li a{
	color: #c30000;
	font-family: 'Swiss721BT-Bold';
	text-transform: capitalize;
	font-size: 12px;
	color: #ffffff;
}
.navbar-default.navbar-main-menu .navbar-nav > .active > a, 
.navbar-default.navbar-main-menu .navbar-nav > li a:focus, 
.navbar-default.navbar-main-menu .navbar-nav > li a:hover {
	background-color: #C30000;
}
.navbar-main-menu button.navbar-toggle{
	background: #ffffff !important;
}
.logo-main{
	margin: 0px auto;
}
.wrapper-slider{
	float: left;
	width: 100%;
	min-height: 200px;
	background: #DEDDDB;
}
.wrapper-footer{
	float: left;
	width: 100%;
	padding: 15px 0px;
	background: #FF0000;
	color: #ffffff;
}
.wrapper-footer a{
	font-weight: bold;
	color: #ffffff;
}
.wrapper-footer p{
	text-align: center;
}
#footer-menu-main{
	width: 100%;
	margin: 15px 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
#footer-menu-main li{
	display: inline-block;
	margin: 0px 5px;
}
#footer-menu-main li a{
	color: #ffffff;
	font-size: 12px;
    text-transform: capitalize;
}
.footer-logo{
	margin: 0px auto;
}
.wrapper-videos{
	float: left;
	width: 100%;
	padding: 15px 0px;
	background: #00BC00;
}
.video-item{
	width: 100%;
	max-width: 320px;
	margin: 15px auto;
	position: relative;
}
.video-item p{
	text-align: center;
	margin: 0px;
}
.video-item iframe{
	background-color: #000000;
	background-image: url('images/loading_spinner.gif');
	background-repeat: no-repeat;
	background-position: center;
}
.video-item iframe, .video-item img{
	width: 100%;
	height: 176px;
	display: inline-block;
	margin: 0px auto;
}
.wrapper-content-home{
	float: left;
	width: 100%;
	color: #ffffff;
	background: #00A000;
}
.home-content{
	font-size: 14px;
}
.wrapper-carousel-stores{
	float: left;
	width: 100%;
	background: #EFEFEE;
	padding: 15px 0px 5px 0px;
}
.cycle-slideshow{
	float: left;
	width: 100%;
	list-style: none;

}
.cycle-slideshow li{
	list-style: none;
	float: left;
	width: 100%;
}
.slider-person{
	position: absolute;
	top: -60px;
	right: 0px;
	height: 600px;
    width: 318px;
}
.slider-img-main{
	width: 100% !important;
	height: 400px;
}
.pos-relative{
	position: relative;
}
.item-slide{
	display: none;/* do not display till it is loaded */
}
.wrapper-content{
	float: left;
	width: 100%;
	padding: 15px 0px;
	min-height: 200px;
	background: #F1F1F1;
}
.wrapper-content img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.item-info{
	margin-top: 25px;
	margin-bottom: 25px;
}
.item-info p{
	color: #262626;
	font-size: 12px;
	font-weight: bold;
	word-break: break-all;
}
.item-info .img-info{
	margin: 0 auto;
    width: 200px;
    max-width: 100%;
    display: block;
}
.directions-img{
	display: block;
	max-width: 100%;
	margin: 5px auto;
}
.directions-text{
	font-size: 14px;
	color: #000000;
}
.map-iframe{
	width: 90%;
	height: 372px;
	margin: 5px auto;
	display: block;
}
.store-info-description
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 25px 0px;
}
.play-button{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -23px !important;
	margin-left: -30px !important;
	width: 60px !important;
	height: 45px !important;
}
/******************************/
.link-faceboock
{
	padding:20px 0px;
	text-align:center;
	width:100%; 
	float:left;
}
.link-faceboock p
{
	margin-bottom:0px;
}
.link-faceboock p a
{
	color:#fff;
	font-size:18px;
	color: #ffffff;
    background: #fc302f;
    border-bottom: 3px solid #c92525;
    border-left: 3px solid #c92525;
    display: inline-block;
    padding: 6px 20px;   
}
.link-faceboock p a:hover
{
	text-decoration:none;
}
.content-img
{
	width:100%;
	float:left;
}
span.posbarB_mp3j .ui-slider-handle, span.loadB_mp3j
{
    display:none;
}

