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

/*Estilos Generales*/

*::before, *::after, * {box-sizing: border-box; margin:0; padding:0;}
html,body {margin:0; padding:0; font-family: 'Archivo Narrow Regular', sans-serif!important; font-weight:normal; color:#4f4f4f; background:#fff; direction:ltr;unicode-bidi:embed; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration:none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
a:hover, a:active, a:focus {text-decoration: none!important;}
b,strong{font-weight:bold; font-family: 'Archivo Narrow Bold', sans-serif;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.width-auto {width:0 auto;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
.clearfix {clear:both;}
.list {list-style:outside none;}
.responsive {width:100%; height:100%;}
.invisible{visibility:hidden}
.hidden{display:none!important;visibility:hidden!important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.cover {background-size:cover;}
h1, h2, h3, h4, h5 {margin-bottom:5px;}
p {line-height:140%; margin-bottom:5px;}
.overflow {overflow:hidden;}
img {border:0; vertical-align:middle;}
.banner-cabecera {width:100%; position:relative}
.banner-cabecera img {width:100%;}

/*Secciones Offset*/

.secciones{ position:absolute; top:100px;}
#home {top:0px; position:relative;}
.home {top:130px; position:relative; overflow:hidden;}
#productos {top:-93px; position:relative;}
.productos {top:130px; position:relative; overflow:hidden;}
#clientes {top:-130px; position:relative;}
.clientes {top:0px; position:relative;}
#mapa {top:-140px; position:relative;}
.mapa {top:0px; position:relative;}
#bienvenidos {top:-130px; position:relative;}
.bienvenidos {top:0px; position:relative;}
#camaras {top:-130px; position:relative;}
.camaras {top:0px; position:relative;}
#campanasdigitales {top:-93px; position:relative;}
.campanasdigitales {top:130px; position:relative;}
#elcontacto {top:-130px; position:relative;}
.elcontacto {top:0px; position:relative;}
#footer {top:140px; position:relative;}
.footer {top:0px; position:relative;}
#lower-foot {top:140px; position:relative;}
.lower-foot {top:0px; position:relative;}

/*Font Size*/

.extralimitado{font-size:92px;}
.sesentaydos{font-size:62px;}
.extragigalarge{font-size:48px;}
.gigalarge{font-size:40px;}
.extralarge{font-size:32px;}
.large{font-size:28px;}
.otro{font-size:24px;}
.nuevo{font-size:21px;}
.medium{font-size:18px;}
.normal{font-size:16px;}
.small{font-size:14px;}
.extrasmall{font-size:12px;}
.gigasmall{font-size:10px;}

/*Columnas*/

.container{margin: 0 auto;}
.fullwidth{width:100%; /*overflow:hidden;*/}
.row{margin-left:-15px; margin-right:-15px}
.col1,.col1a,.col2,.col3,.col4,.col5,.col6,.col7,.col8,col7a,.col9,.col10,.col11,.col12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;} 
.col1,.col1a,.col2,.col3,.col4,.col4a,.col5,.col6,.col7,.col7a,.col8,.col8a,.col9,.col10,.col11,.col12{float:left;}
.col8a{position:relative;min-height:1px;padding-left:5px;padding-right:5px;} 
.col4a{position:relative;min-height:1px;padding-left:5px;padding-right:5px;} 
.col1{width:8.33333333%}
.col1a{width:16%}
.col2{width:17.66666667%}
.col3{width:25%}
.col4{width:33.33333333%}
.col4a{width:33.33333333%}
.col5{width:41.66666667%}
.col6{width:50%}
.col7{width:58.33333333%;}
.col7a{width:64%;}
.col8{width:66.66666667%}
.col8a{width:66.66666667%}
.col9{width:75%}
.col10{width:83.33333333%}
.col11{width:91.66666667%}
.col12{width:100%}

/* Padding Secciones */

.home .col12{padding-top: 10px; padding-bottom: 10px; overflow:hidden;}
.losservicios .col12{padding-top: 10px; padding-bottom: 10px; overflow:hidden;}
.clientes .col12{padding-top: 10px; padding-bottom: 10px; /*overflow:hidden;*/}
.campanasdigitales .col12{padding-top: 10px; padding-bottom: 10px; /*overflow:hidden;*/}
.elcontacto .col12{padding-top: 10px; padding-bottom: 10px; overflow:hidden;}

/*Scroll*/

.scroll-to-top{-webkit-transition:all .3s; -moz-transition:all .3s;transition:all .3s; background:#000; border-radius:0px 0; bottom:10px; color:#fff;display:block; height:9px; opacity:0; padding:13px 0 35px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:999; border: solid 1px white;}
.scroll-to-top:hover{filter: alpha(opacity=100);opacity:1}
.scroll-to-top.visible{filter: alpha(opacity=75);opacity:.75}

/*Colores*/

.bg-white {background-color:white;}
.supertop.bg-dark {background-color:#222!important;}
.bg-dark {background-color:#222!important;}
.bg-black {background-color:#000;}
.bg-grey {background-color:#ececec;}
.bg-sky {background:#2aa1c8;}
.bg-green {background:#009042;}
.bg-blue {background:#1b70a8;}
.bg-violet {background:#b142a6;}
.bg-orange {background:#fe5e44;}
.bg-yellow {background:#fcc12c;}
.bg-light-grey {background:#bebebe;}

.color-white {color:white;}
.color-black {color:black;}
.color-grey {color:#4f4f4f;}
.color-light-grey {color:#bebebe;}
.color-dark {color:#222;}
.color-green {color:#009042;}
.color-greener {color:#8ecb40;}
.color-blue {color:#1b70a8;}
.color-sky {color:#2aa1c8;}
.color-violet {color:#b142a6;}
.color-orange {color:#fe5e44;}
.color-yellow {color:#fcc12c;}
.color-gray {color:#949393;}
.color-texto {color:#7e7d7d;}

/*Supertop*/

header .supertop {width:100%; position:relative; overflow:hidden;}
header .menu-top {width: 50%; float:left; padding:15px 0 0;}
header .menu-top ul li {margin-right:10px;}
header .menu-top ul li a{color:#fff;}
header .menu-top ul li a:hover{color:#009042;}
header .menu-top ul li a.current:hover{color:#fff;}
header .menu-top ul li a.current{color:#009042;}

/* Buscador Cabecera */

.buscador { display: block; overflow: hidden; position: absolute; right: 17.33%; top: 10%; width: 24%; z-index: 1; background:rgba(0,0,0,0.6)}
.buscador .inner{margin:20px 40px; border-bottom:solid 1px #4f4f4f;}
.buscador .inner p{letter-spacing:0.02em;}
.buscador .inner h2{letter-spacing:0.02em;}
.buscador .inner h2 span{font-family: 'Archivo Narrow Bold', sans-serif;}
#buscador {width:100%; overflow:hidden;}
#buscador .titulos-slider { width:60%; display:block; position:absolute; left:0%; top:0; position: relative; z-index:1!important; float:left;}
#buscador .super-titulo {padding:40px 0; width:45%;}
#buscador .super-titulo img {width:100%;}

#buscador .titulos-slider .container {overflow:hidden;}
#buscador .titulos-slider .container p {font-weight:normal; text-align:left; font-family: 'Archivo Narrow Regular', sans-serif; 
letter-spacing:0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); 
	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-indent:20px;}
#buscador .titulos-slider .container h2 {font-weight:bold; text-align:left; 
	font-family: 'Archivo Narrow Bold', sans-serif; letter-spacing:0.05em; 
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);	
	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); margin-top:40px;  text-indent:20px;}

/*Menu nuevo*/

.header-wrapper{background-color:#000;color:#aaa}
.header-wrapper .container-inner{position:relative}
.header-above-inner{padding-top:0px;padding-bottom:0px}
.header-wrapper>.container{position:relative}
.header-wrapper.float-header{position:absolute;z-index:999;left:0;right:0}
.header-nav-wrapper{background-color:#fff;color:#222}
.header-customize-wrapper .header-customize-item:first-child{margin-left:45px}
.header-customize-nav{float:left; line-height:82px;}
.header-customize-nav .header-customize-item{margin-left:13px}
.header-customize-nav .header-customize-item i{font-size:20px}
.header-customize-nav .search-form .search-submit{color:#009042}
.header-customize-nav .search-form .search-submit:hover{color:#222}
.header-customize-left,.header-customize-right{line-height:82px}
.header-customize-left .header-customize-item:first-child,.header-customize-right .header-customize-item:first-child{margin-left:0}
.header-customize-left{float:left;text-align:left}.header-customize-left .header-customize-item{margin-left:13px}
.header-customize-right{float:right;text-align:right}
.header-customize-right .header-customize-item{margin-left:13px}
.header-customize-item{display:inline-block;vertical-align:middle;line-height:1;max-width:100%}
.header-customize-item .widget{margin-bottom:0}
.header-wrapper.full-border,.header-wrapper.container-border .container-inner{border-bottom:solid 1px #eee} 
.header-float{position:absolute;z-index:999;left:0;right:0}.is-sticky .logo-sticky{display:initial}
.is-sticky .has-logo-sticky .no-sticky{display:none}.x-menu-a-text{position:relative}.x-caret{position:absolute;right:-15px}
.header-2 .x-nav-menu > li > .x-menu-a-text,.header-3 .x-nav-menu > li > .x-menu-a-text,.header-4 .x-nav-menu>li>.x-menu-a-text{position:relative;display:block;line-height:inherit}
.header-2 .x-nav-menu > li.current-menu-parent > .x-menu-a-text:after,.header-3 .x-nav-menu > li.current-menu-parent > .x-menu-a-text:after,.header-4 .x-nav-menu > li.current-menu-parent > .x-menu-a-text:after,.header-2 .x-nav-menu > li:hover > .x-menu-a-text:after,.header-3 .x-nav-menu > li:hover > .x-menu-a-text:after,.header-4 .x-nav-menu>li:hover>.x-menu-a-text:after{content:'';display:block;background-color:#009042;height:4px;position:absolute;left:0;right:0;bottom:0}
.header-1 .x-caret{top:50%;margin-top:-8px}
.header-1 .header-customize-nav{display:inline-block; vertical-align:middle; background-color:#009042; position:relative}
.header-1 .header-customize-nav .header-customize-item:first-child{margin-left:26px}
.header-1 .header-customize-nav .item-custom-text:before{content:'';display:block;border-top:solid 0 transparent;border-bottom:solid 82px #009042;border-left:solid 22px transparent;right:100%;position:absolute;bottom:0;top:0}
.header-1 .header-customize-nav .item-custom-text:after{content:'';display:block;background-color:#009042;width:1000%;height:100%;position:absolute;left:100%;top:0}
.header-1 .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,.header-1 .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,.header-1 .x-nav-menu > li.current-menu-item > a.x-menu-a-text,.header-1 .x-nav-menu > li.menu-current > a.x-menu-a-text,.header-1 .x-nav-menu > li > a.x-menu-a-text:hover,.header-1 .x-nav-menu>li.x-menu-item:hover>a{color:#222 !important}
.header-1 .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,.header-1 .x-nav-menu > li > a.x-menu-a-text:hover,.header-1 .x-nav-menu > li.x-active > a.x-menu-a-text,.header-1 .x-nav-menu>li.current-menu-ancestor>a.x-menu-a-text{position:relative}
.header-1 .x-nav-menu > li.current-menu-parent > a.x-menu-a-text .x-menu-text,.header-1 .x-nav-menu > li > a.x-menu-a-text:hover .x-menu-text,.header-1 .x-nav-menu > li.x-active > a.x-menu-a-text .x-menu-text,.header-1 .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text .x-menu-text{position:relative}
.header-1 .x-nav-menu > li.current-menu-parent > a.x-menu-a-text .x-menu-text:before,.header-1 .x-nav-menu > li > a.x-menu-a-text:hover .x-menu-text:before,.header-1 .x-nav-menu > li.x-active > a.x-menu-a-text .x-menu-text:before,.header-1 .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text .x-menu-text:before{content:'';position:absolute;top:-18px;left:50%;height:4px;width:10px;margin-left:-10px;background-color:#009042;-webkit-transform:skew(0deg, 150deg);-moz-transform:skew(0deg, 150deg);-ms-transform:skew(0deg, 150deg);-o-transform:skew(0deg, 150deg);transform:skew(0deg, 150deg)}
.header-1 .x-nav-menu > li.current-menu-parent > a.x-menu-a-text .x-menu-text:after,.header-1 .x-nav-menu > li > a.x-menu-a-text:hover .x-menu-text:after,.header-1 .x-nav-menu > li.x-active > a.x-menu-a-text .x-menu-text:after,.header-1 .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text .x-menu-text:after{content:'';position:absolute;top:-18px;left:50%;height:4px;width:10px;background-color:#009042;-webkit-transform:skew(0deg, -150deg);-moz-transform:skew(0deg, -150deg);-ms-transform:skew(0deg, -150deg);-o-transform:skew(0deg, -150deg);transform:skew(0deg, -150deg)}
.header-1 .x-nav-menu > li.current-menu-parent > a.x-menu-a-text:after,.header-1 .x-nav-menu > li > a.x-menu-a-text:hover:after,.header-1 .x-nav-menu > li.x-active > a.x-menu-a-text:after,.header-1 .x-nav-menu>li.current-menu-ancestor>a.x-menu-a-text:after{content:'';display:block;width:70%;height:4px;background-color:#009042;position:absolute;top:28px;left:0;right:0;margin-left:auto;margin-right:auto;max-width:100%}
.header-1 .primary-menu{float:right}
.is-sticky .sticky-region{position:fixed;left:0;right:0;z-index:999;-webkit-box-shadow:1px 0 3px 2px rgba(0,0,0,0.1);-moz-box-shadow:1px 0 3px 2px rgba(0,0,0,0.1);box-shadow:1px 0 3px 2px rgba(0,0,0,0.1);margin:auto}
.header-is-float .is-sticky .sticky-region .header-customize-nav a:hover,.header-is-float .is-sticky .sticky-region .x-nav-menu > li.current-menu-ancestor > a.x-menu-a-text,.header-is-float .is-sticky .sticky-region .x-nav-menu > li.current-menu-parent > a.x-menu-a-text,.header-is-float .is-sticky .sticky-region .x-nav-menu > li.current-menu-item > a.x-menu-a-text,.header-is-float .is-sticky .sticky-region .x-nav-menu > li.menu-current > a.x-menu-a-text,.header-is-float .is-sticky .sticky-region .x-nav-menu > li > a.x-menu-a-text:hover,.header-is-float .is-sticky .sticky-region .x-nav-menu>li.x-menu-item:hover>a{color:#009042 !important}
.contact-phone{text-align:right; font-weight:normal; display:inline-block;margin-right:20px}
.header-customize-item .submit-property{display:inline-block;line-height:82px;background-color:#009042;margin-left:40px}
.header-customize-item .submit-propertya{display:block;padding:020px}
.header-customize-item .submit-property:hover{background-color:#FFF}
.header-customize-item .submit-property i{font-size:12px;margin-right:10px}

/*Colores Menú*/

hr.hr {background:#dddddd; width:100%; height:1px; border:none; margin:3px auto; float:left;}
hr.hr-black {background:#000; width:100%; height:1px; border:none; margin:3px auto; float:left;}
.menu{background:transparent;}
.menuint{background:transparent;}
.submenu{background:transparent;}
.children{background:transparent; color:#000;}
.children a{color:#000;}
.menuint a{ text-decoration:none; color:#fff; font-family: 'Archivo Narrow Bold', sans-serif;}
.menuint a.current{color:#009042;}
header nav{background-color:#000;}
#submenu a{color:#fff;}
#submenu {color:#fff;}
#btmobile{ background-color:#000; color:#fff;}
#children{background-color:transparent;}
header nav ul li.current {background:transparent;}
header nav ul#menu li .children {background:transparent;}
header nav ul#menu li .children li {background:transparent;}
/*SUBMENU*/
header nav ul#menu li #big {background:transparent;}
/*SUBMENU*/
header nav ul#menu li #big li {background:transparent;}
/*CHILDREN*/
header nav ul#menu .children .submenu .children {background: transparent;}

/*Menu Desplegable*/

.menu{text-align:center; display:inline-block; float:left;}
.menuint{ display:inline-block;  position: relative; float:left; min-height:50px; width:auto; margin-left:0px; cursor:pointer; text-align:center; line-height:50px; margin-right:4%; font-weight:bold;}
.menuint:hover {}
.menuinta {color:#fff;}
.menuinta:hover {color:#009042;}
.menuint2{ display:inline-block;  position: relative;  float:left; min-height:30px; width:100%; margin-left:0px; cursor:pointer; text-align:center; line-height:30px;}
.submenu{ display:inline-block;  position: relative; float:left; height:30px; width:100%; cursor:pointer; text-align:left; text-indent:20px; line-height:30px; text-decoration:none;}
.submenu span.caret {margin-top:7px;}
.submenu a{text-decoration:none;}
.children{ display:inline-block;  position: relative; float:left; min-height:30px; width:100%; cursor:pointer; text-align:left; line-height:30px; padding-left:10px;}
.children:hover{background-color:rgba(255, 255, 255, 0.4)}
.children a{text-decoration:none; }
.materiales img{ width:10px; height:10px;}
header nav{text-align:center; width:100%;  margin:0 auto;  float:left;  position: relative;  -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); min-height: 50px; }
#submenu{ position:absolute; width:14%;display:none; margin-top:0px;}
#children{ position:absolute; width:16%; display:none; margin-left:0px; margin-top:0px; padding:10px;}
.fl{float:right;margin-right:2px; margin-top:7px;}
.FSM{float:right;margin-right:2px; margin-top:7px;}
#puntomenu{display:none;}
#puntosubmenu{display:none;}
#pagina{display:none;}
#btmobile{ display:none; position:absolute; top:25px; right:0px; width:35px; height:30px; cursor:pointer; font-size:150%; padding:5px; z-index:9999;}
#btmobile img{ width:25px; height:25px;}
.materiales { display:inline-block; float: right; margin-right:5px; position: relative; top: 0px;}
.materiales img{padding:2px; border: solid thin white; width:17px; height:17px;}
.menu_bar {display:none;}
.menubtrs{display:none;}
nav .logo img{width:100%; vertical-align: middle;}
nav .logomob {display: none; float: left; left: 0%; padding: 0px; position: relative; text-align: left; top: 0; margin:1% 0;}
nav .logomob img{width:100%; vertical-align: middle;}
nav .header-info {position: relative; float:right; top:0px; margin:10px; height:28px;}
nav .header-info .datos-top{display: block; float: right; padding: 0; position: relative; text-align: right; width: 100%;}
nav .header-info .datos-top p{color:white; font-weight:400;}
.menu_bar {display:none;}
header {width: 100%; position:fixed; z-index:99999; left:0;}
.facebook{width:30px; height:28px;}
.twitter{width:30px; height:28px;}
.linkedin{width:30px; height:28px;}
.instagram{width:30px; height:28px;}
.googleplus{width:30px; height:28px;}
.sm{display:block!important;}
.ch{width:100%; display:none; float:left; height:200px; height:auto; margin-top:2px;margin-bottom:2px;}
nav .logo {left: 0%; position: relative; float:left; top:0px; text-align:left; margin:0.7% 0;}
.menu_bar {display:none;}
header nav .bgmenu {height:100%;}
header nav ul#menu {list-style:none; margin:0 auto; position: relative; top: 0px; margin:0 auto;}
header nav ul li {position: relative; font-weight:400;}
header nav ul#menu li a {display:block; text-decoration:none; padding: 20px 20px 10px; text-transform:uppercase;}
header nav ul#menu li.current a {display:block; text-decoration:none; padding: 20px 20px 10px; text-transform:uppercase;}
header nav ul#menu li.current a:hover {display:block; text-decoration:none; padding: 20px 20px 10px; text-transform:uppercase;}
header nav ul#menu li.submenu a:hover, header nav ul#menu li.submenu a:focus {border-bottom:none;}
header nav ul#menu li a:hover {}
header nav ul#menu li a span {margin-right:10px;}
header nav ul#menu li:hover .children {display:block;}
header nav ul#menu li .children {display: none; position: absolute; width: 100%;z-index:9999; left:0px; padding:10px 0px;}
header nav ul#menu li .children li {display:block; overflow: hidden;}
header nav ul#menu li .children li a {display: block;}
header nav ul#menu li .children li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu li span.icon-arrow {font-size: 0.7em; font-weight: 700; top: -3px;}
header nav ul#menu ul.children li a{display:block; text-decoration:none; display: block;  padding: 8px; text-decoration: none;}
header nav ul#menu ul.children li a:hover {display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; }

/*SUBMENU*/
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {display: none; position: absolute; /*width: 300%;*/ width: 100%; z-index:9999; left:0px; padding:10px 0px;}
header nav ul#menu li #big li {display:block; overflow: visible!important;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%;}
header nav ul#menu ul#big li a:hover {display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none;}

/*CHILDREN*/
header nav ul#menu ul.children li:hover .children {display:block;}
header nav ul#menu .children .submenu .children {display: none; left: 200px; position: absolute; top: -10px; /*width: 90%;*/width: 250%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none}
header nav ul#menu .children .submenu .children li {float:left; clear:right; display:inline-block; /*width:50%;*/ width:50%;}

/*CHILDREN IMAGENES*/
header nav ul#menu .children .submenu .children li div.materiales { display:inline-block; float: right; margin-left: 10px; margin-right: 0; position: relative; top: 0px;}
header nav ul#menu .children .submenu .children li div.materiales img{padding:2px; border: solid thin white; width:17px; height:17px;}

/*Social*/

#redes-top {padding: 0; position: fixed; top:130px; right:0; z-index:3;}
.redes-top li {cursor:pointer; list-style:outside none; padding:5px; background:#059da2; margin:5px; border-radius:5px; text-align:center;}
.redes-top li:hover {background:#036366;}
.redes-top .icon{font-size:1.4em; color:#fff; padding:0; cursor:pointer;}
.redes-top .icon:hover{color:#fff; }

#redes-pie{clear: right; float: right; position: relative; padding: 0; right:70px; top:0px;}
.redes-pie li {display: inline-block; cursor:pointer; line-height: 1.7em;}
.redes-pie .icon{font-size:2.2em; color:#fff; padding:0 10px}
.redes-pie .icon:hover{color:#0098ce; }

/* Slider Cabecera */

#galeria {position:relative; top:0px!important; margin-top:0px!important; padding-top:0px!important; background: url('') no-repeat; background-size:cover;}
#jssor_1 {position: relative; top:0px!important; margin-top:0px!important; padding-top:0px!important;}
.jssorb05 {position: absolute;display:none;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: absolute;width: 16px;height: 16px;background: url('../slider-cabecera/b05.png') no-repeat;overflow: hidden;cursor: pointer;}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora22l, .jssora22r {position:relative; display:inline-block; clear:both; width: 60px; height: 59px; cursor: pointer; background: url('../slider-cabecera/a22.png') center center no-repeat; overflow: hidden;}

.arrows {width:100%; position:relative; clear:both; top:45%; height:auto; margin:0 auto; padding:0px 40px; display:inline-block; z-index:1!important;}
.jssora22l { background-position: -10px -31px; display:inline-block; left:0!important;}
.jssora22r { background-position: -70px -31px; float:right; display:inline-block; right:0!important;}

.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }

#contenedor-tabs .titulos-slider { width:100%; display:block; position:relative; left:0%; top:2%; z-index:9999!important;}
.titulos-slider { width:100%; display:block; position:absolute; left:0%; top:24%; z-index:9999!important;}
.super-titulo {padding:40px 0; width:25%;}
.super-titulo img {width:100%;}

.titulos-slider .container {overflow:hidden;}
.titulos-slider .container h2 {
	font-weight:900; 
	font-family: 'Archivo Narrow Bold', sans-serif; 
	letter-spacing:0.05em; 
	margin-top:0px; 
	text-transform: uppercase;
	text-align:center;
}
.titulos-slider .container p {
	font-weight:400; 
	 font-family: 'Archivo Narrow Regular', sans-serif; 
	 letter-spacing:0.05em; 
	 text-align:center;
	text-transform: uppercase;
}

/* Galería Catálogo */

#linea {height:350px; width:100%;}
#relleno { background: #c1d72e none repeat scroll 0 0; float: left; margin: 5px; padding: 20px; box-sizing: content-box;/* height: 240px;*/}
#relleno:hover { opacity:0.7;}
#relleno img { width: 100%; height:100%; border:solid thin white;}
a.more_link{ color:#fff;  background:#c1d72e; text-decoration:none; padding:2px 10px; font-style:normal; cursor:pointer;}
a.more_link:hover{ color:#fff; background:#414141; text-decoration:none; font-style:normal;}
.contenedor {position:relative;	/*margin:10px;*/}
#full-view{ position:fixed; top:60px; left:0px; width:100%!important; height:91%!important; z-index:1000; display:none; background-color:white;}
.header{ position:absolute; top:0px;padding:20px 30px;background:#414141;left:0px;color:#fff;margin:5px;-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);box-shadow:1px 1px 3px rgba(0,0,0,0.3);width:400px;/*min-width:340px;*/}
.header h1 span{ line-height:60px; float: left; color:#ef1010;}
.header h2{ text-transform:uppercase; width:100%;}
p.subline{font-family: 'Droid Sans Regular', sans-serif; line-height:20px; font-size:11px; text-transform: uppercase; letter-spacing: 4px; font-style:normal;}
.block{ float:left; margin:20px; background:#000; box-sizing:content-box;}
.block-small{ width:160px;} 
.block-medium{ width:174px;}
.block h2{ font-size: 15px; text-transform: uppercase; background: #414141; color: white; padding: 2px 5px;}
.block p{ font-style:italic; line-height:20px; padding-bottom:5px;}
.block p.subline{ margin:10px 0px; font-style:normal; height:40px; text-align:left;}
.block img{ border:none; display:block;}
.project-descr{ display:none;}
.project-descr-full{ position:absolute; background:#fff; padding:0px; top:50%; opacity:0.9; left:6px; margin:150px 0 0 0; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); min-width:0px;}
.project-descr2{width:140px;}
.project-descr-full-wrapper{ margin:20px; overflow:hidden; width:33%; /*nuevo*/}
.project-descr-full-wrapper2{ margin:20px; overflow:hidden; width:33%; /*nuevo*/}
.project-descr-full-content p{ line-height: normal; padding-bottom: 5px; font-style: normal; color:#666463;}
.full-view .thumbs-wrapper{ margin:5px;/*nuevo 20px ultimo*/ float:right; /*width:57%;*/ -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#articulo{text-align:left; line-height:normal;}
.thumbs-wrapper{ overflow:hidden; position:relative;}
.thumbs-wrapper2{ overflow:hidden; position:relative;}
.thumbs img{ float:left; cursor:pointer; }
.thumbs2 img{ float:left; cursor:pointer;}
.thumbs-nav span{ position:absolute; width:22px; height:40px; background:transparent url(../images/nav.png) no-repeat top left; top:50%; left:5px; margin-top:-20px; cursor:pointer; text-indent:-9000px; display:none;}
.thumbs-nav span.thumbs-nav-next{ left:auto; right:5px; background-position:top right;}
.thumbs-nav span.thumbs-nav-prev:hover{ background-position:bottom left;}
.thumbs-nav span.thumbs-nav-next:hover{ background-position:bottom right;}
.full-view-exit{ background:#414141 url(../images/cross.png) no-repeat 10px 50%; position:absolute; top:40px; right:0px; cursor:pointer; width:50px; height:46px; text-indent:-9000px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;}
.full-view-exit:hover{ width:60px; background:#c1d72e url(../images/cross.png) no-repeat 10px 50%;}
.full-nav{ float:right; padding-top:5px;}
.full-nav-prev,.full-nav-next{ float:left; width:22px; height:40px; background:transparent url(../images/nav.png) no-repeat bottom left; cursor:pointer; text-indent:-9000px;}
.full-nav-next{ background-position:bottom right;}
.full-nav-pages{ float:left; line-height:40px; font-size:12px; padding:0 10px; font-style:italic; color:#fff;}
.intro-loading{ background: transparent url(../images/loading.gif) no-repeat center center; opacity:0.6;}
.loading-small{ position:absolute; top:20px; right:20px; width:16px; height:16px; background: transparent url(../images/loading-small.gif) no-repeat center center; display:none;}
.thumbs{ position:absolute;}
.thumbs2{ position:absolute;}
.title{ margin:0px;}
.vuelta{ position:absolute; top:60px; left:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav11.png"); display:none;}
.ida{ position:absolute; top:60px; right:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav21.png");}
.vuelta2{ position:absolute; top:60px; left:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav11.png"); display:none;}
.ida2{ position:absolute; top:60px; right:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav21.png");}
.fondpant{ width:100%; display:block; overflow:auto; /*height:100%;*/}
.fondpant img{ width:100%;}
#articulo{/*width:170px;*/}
.galeria{ position:relative; width:100%; /*height:auto;*/ height:100%; min-width:250px; text-align:center; min-height:305px;}
#imgbg{height:100%;}
.titulos{margin-top:10px; font-family: "Acens",sans-serif; font-weight: 800; padding-left:10px; }
.titulos p{border-left:solid 7px #c1d72e; color:#c1d72e; letter-spacing:normal; line-height:0.85em; text-align: left; text-indent:5px;}
.articulo{margin-top:0px; font-weight: 800; padding-left:10px; width:100%;}
.articulo p{border-left:solid 7px #fff; color:#fff; letter-spacing:normal; line-height:0.85em; text-align: left; text-indent:5px;}
.intro a.link {padding:5px 10px; border:1px solid #c1d72e; text-align:center; position:relative; bottom:0px; left:20px; float:left; text-decoration:none; color:#c1d72e;}
.intro a.link:hover {text-decoration:none; border:1px solid #fff; color:#fff;}
.intro a.link i{margin-left:10px;}
.visor { position:absolute; width:98%; overflow:hidden; height:350px;}
.carro { position:absolute; width:150%;}
.descripcion{ float:left; display:block; width:99%; background: black; padding-bottom:10px;}
.foto { padding:0px; cursor:pointer; width:11.11%; color:#fff; float:left;}
.foto img{margin:0px;  width:99%;}
#avanza	{ position:absolute; top:40%; margin-top:-20px; height:39px; width:20px; right:5px; cursor:pointer}
#vuelve	{ position:absolute; top:40%; margin-top:-20px; height:39px; width:20px; left:5px; display:none; cursor:pointer}
#vuelve img{ height:100%; width:100%;}
#avanza img{ height:100%; width:100%;}
#pantcomp{ width:100%; height:100%; position:fixed; display:none; top:0px; left:0px; z-index:1040;}
#pantcom2{ width:100%; height:100%; top:0px; left:0px; overflow:hidden;}
#pantcomp img{ position:absolute; top:0px; height:100%; right:0px;}
#descfp{ position:absolute; background-color:#000; width:50%; height:200px; top:10px; left:10px;}
#titulopf{ font-size:2rem; color:#fff; text-indent:30px; margin-top:30px; font-family: "Acens",sans-serif; letter-spacing:normal;}
#materialpf{ font-size:1.2rem; color:#fff; text-indent:30px; /*margin-top:40px;*/}
#articulopf{ font-size:1.2rem; color:#fff; text-indent:30px; margin-top:5px;}#colorespf{ width:64px; height:21px; position:absolute; left:30px; top:130px;}#colorespf img{width:64px; height:21px;}
#avanzapf{ width:20px; height:39px; position:absolute; top:30px; right:30px; cursor:pointer;}
#vuelvepf{ width:20px; height:39px; position:absolute; top:30px; right:90px; cursor:pointer;}
#paginapf{ width:40px; height:39px; line-height:39px; position:absolute; top:30px; right:50px; color:#fff; text-align:center; font-size:1.2rem;}
.full-view-exit{ background:#414141 url(images/cross.png) no-repeat 10px 50%; position:absolute; top:40px; right:0px; cursor:pointer; width:50px; height:46px; text-indent:-9000px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;}
.full-view-exit:hover{ width:60px; background:#c1d72e url(images/cross.png) no-repeat 10px 50%;}

/* Clientes logos */

.jcider-nav span,.jcider-pagination{text-align:center;position:absolute}
.jcider-nav{position:absolute;top:35%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:0; width:100%;color:#fff;font-size:30px}
.jcider-nav span{cursor:pointer; font-size:80px; color:#fff; -webkit-transition:all .3s; transition:all .3s; line-height:0}
.jcider-nav span:hover{color:#000}
.jcider-nav .jcider-nav-left{left:5px}
.jcider-nav .jcider-nav-right{right:5px}
.jcider-pagination{bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.jcider-pagination .jcider-pagination-point{position:relative;border-radius:50%;margin:0 8px;display:inline-block;width:8px;height:8px;cursor:pointer;background:rgba(255,255,255,.5);-webkit-transition:all .3s;transition:all .3s; display:none;}
pepe.demo{background:black;}
pepe.demo,.demo div.wrapper>div,.loader{width:100%;text-align:center}
.jcider-pagination .jcider-pagination-point.active{background:#fff}
.loader{background:#1abc9c;color:#F2F2F2}
.contenido{max-width:95%; margin:0 auto;}
.loader{height:100%;position:absolute}
.loader h1{position:relative;top:35%}
.loader h1 span{position:relative;-webkit-animation:bounce .8s infinite;animation:bounce .8s infinite}
.loader h1 span.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.loader h1 span:nth-child(1){-webkit-animation-delay:50ms;animation-delay:50ms}
.loader h1 span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.loader h1 span:nth-child(3){-webkit-animation-delay:150ms;animation-delay:150ms}
.loader h1 span:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}
.loader h1 span:nth-child(5){-webkit-animation-delay:250ms;animation-delay:250ms}
.loader h1 span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}

pepe.demo div.wrapper .active img {opacity:0.9}
pepe.demo div.wrapper > div img {opacity:0.4}
pepe.demo div.wrapper > div img:hover {opacity:0.9}

@-webkit-keyframes bounce{0%,100%,50%{top:0}25%{top:-10px}}

@keyframes bounce{0%,100%,50%{top:0}25%{top:-10px}}

.logos{text-align:center; background-color:#e6e6e6;}
pepe.demo{margin:0 auto; height:360px; width:100%;}
pepe.demo div.wrapper>div{height:100%;margin:0px}
pepe.demo div.wrapper > div img {width:100%;}
pepe.demo div.wrapper>div p{font-weight:400;font-size:200%;position:relative;top:40%}
pepe.demo div.wrapper {width:100%!important; cursor:default!important; margin:0 auto!important;}
#nuestros-clientes {padding:0!important;}

/*Flechas Clientes Logos*/
/* jcider */

[data-icon]:before {
  font-family: 'FontAwesome'!important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="jcider-"]:before,
[class*=" jcider-"]:before {
 font-family: 'FontAwesome' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jcider-nav-left:before { content:'\f104';}
.jcider-nav-right:before {  content:'\f105';}

/* Animaciones */

.appear-animation{opacity:0}
.appear-animation-visible{opacity:1}
.animated,.appear-animation{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}

@-moz-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
@-o-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
@keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}

.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}

@-webkit-keyframes shake {0%, 100% {-webkit-transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}}

@-moz-keyframes shake {0%, 100% {-moz-transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}}

@-o-keyframes shake {0%, 100% {-o-transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}20%, 40%, 60%, 80% {-o-transform: translateX(10px);}}

@keyframes shake {0%, 100% {transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}20%, 40%, 60%, 80% {
transform: translateX(10px);}}

.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}

@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}40% {-webkit-transform: translateY(-30px);}60% {
-webkit-transform: translateY(-15px);}}

@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);opacity: 1;}40% {-moz-transform: translateY(-30px);}60% {-moz-transform: translateY(-15px);}}

@-o-keyframes bounce {0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);opacity: 1;}40% {-o-transform: translateY(-30px);}60% {-o-transform: translateY(-15px);}}

@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);opacity: 1;}40% {transform: translateY(-30px);}60% {transform: translateY(-15px);}}

.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}

@-webkit-keyframes tada {0% {-webkit-transform: scale(1);}10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}100% {-webkit-transform: scale(1) rotate(0);opacity: 1;}}

@-moz-keyframes tada {0% {-moz-transform: scale(1);}10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}100% {-moz-transform: scale(1) rotate(0);opacity: 1;}}

@-o-keyframes tada {0% {-o-transform: scale(1);}10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}100% {-o-transform: scale(1) rotate(0);opacity: 1;}}

@keyframes tada {0% {transform: scale(1);}10%, 20% {transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);
}40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}100% {transform: scale(1) rotate(0);opacity: 1;}}

.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}

@-webkit-keyframes swing {20%, 40%, 60%, 80%, 100% {-webkit-transform-origin: top center;}20% {-webkit-transform: rotate(15deg);}40% {-webkit-transform: rotate(-10deg);}60% {-webkit-transform: rotate(5deg);}80% {-webkit-transform: rotate(-5deg);}100% {-webkit-transform: rotate(0deg);opacity: 1;}}

@-moz-keyframes swing {20% {-moz-transform: rotate(15deg);}40% {-moz-transform: rotate(-10deg);}60% {-moz-transform: rotate(5deg);}80% {-moz-transform: rotate(-5deg);}100% {-moz-transform: rotate(0deg);opacity: 1;}}

@-o-keyframes swing {20% {-o-transform: rotate(15deg);}40% {-o-transform: rotate(-10deg);}60% {-o-transform: rotate(5deg);}80% {-o-transform: rotate(-5deg);}100% {-o-transform: rotate(0deg);opacity: 1;}}

@keyframes swing {20% {transform: rotate(15deg);}40% {transform: rotate(-10deg);}60% {transform: rotate(5deg);}80% {transform: rotate(-5deg);
}100% {transform: rotate(0deg);opacity: 1;}}

.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}

@-webkit-keyframes wobble {0% {-webkit-transform: translateX(0%);}15% {-webkit-transform: translateX(-25%) rotate(-5deg);}30% {-webkit-transform: translateX(20%) rotate(3deg);}45% {-webkit-transform: translateX(-15%) rotate(-3deg);}60% {-webkit-transform: translateX(10%) rotate(2deg);
}75% {-webkit-transform: translateX(-5%) rotate(-1deg);}100% {-webkit-transform: translateX(0%);opacity: 1;}}

@-moz-keyframes wobble {0% {-moz-transform: translateX(0%);}15% {-moz-transform: translateX(-25%) rotate(-5deg);}30% {-moz-transform: translateX(20%) rotate(3deg);}45% {-moz-transform: translateX(-15%) rotate(-3deg);}60% {-moz-transform: translateX(10%) rotate(2deg);}75% {-moz-transform: translateX(-5%) rotate(-1deg);}100% {-moz-transform: translateX(0%);opacity: 1;}}

@-o-keyframes wobble {0% {-o-transform: translateX(0%);}15% {-o-transform: translateX(-25%) rotate(-5deg);}30% {-o-transform: translateX(20%) rotate(3deg);}45% {-o-transform: translateX(-15%) rotate(-3deg);}60% {-o-transform: translateX(10%) rotate(2deg);}75% {-o-transform: translateX(-5%) rotate(-1deg);}100% {-o-transform: translateX(0%);opacity: 1;}}

@keyframes wobble {0% {transform: translateX(0%);}15% {transform: translateX(-25%) rotate(-5deg);}30% {transform: translateX(20%) rotate(3deg);
}45% {transform: translateX(-15%) rotate(-3deg);}60% {transform: translateX(10%) rotate(2deg);}75% {transform: translateX(-5%) rotate(-1deg);}100% {transform: translateX(0%);opacity: 1;}}

.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}

@-webkit-keyframes wiggle {0% {-webkit-transform: skewX(9deg);}10% {-webkit-transform: skewX(-8deg);}20% {-webkit-transform: skewX(7deg);}
30% {-webkit-transform: skewX(-6deg);}40% {-webkit-transform: skewX(5deg);}50% {-webkit-transform: skewX(-4deg);}60% {-webkit-transform: skewX(3deg);}70% {-webkit-transform: skewX(-2deg);}80% {-webkit-transform: skewX(1deg);}90% {-webkit-transform: skewX(0deg);}100% {-webkit-transform: skewX(0deg);opacity: 1;}}

@-moz-keyframes wiggle {0% {-moz-transform: skewX(9deg);}10% {-moz-transform: skewX(-8deg);}20% {-moz-transform: skewX(7deg);}30% {-moz-transform: skewX(-6deg);}40% {-moz-transform: skewX(5deg);}50% {-moz-transform: skewX(-4deg);}60% {-moz-transform: skewX(3deg); }70% {-moz-transform: skewX(-2deg);}80% {-moz-transform: skewX(1deg);}90% {-moz-transform: skewX(0deg);}100% {-moz-transform: skewX(0deg);opacity: 1;}}

@-o-keyframes wiggle {0% {-o-transform: skewX(9deg);}10% {-o-transform: skewX(-8deg);}20% {-o-transform: skewX(7deg);}30% {-o-transform: skewX(-6deg);}40% {-o-transform: skewX(5deg);}50% {-o-transform: skewX(-4deg);}60% {-o-transform: skewX(3deg);}70% {-o-transform: skewX(-2deg);
}80% {-o-transform: skewX(1deg);}90% {-o-transform: skewX(0deg);}100% {-o-transform: skewX(0deg);opacity: 1;}}

@keyframes wiggle {0% {transform: skewX(9deg);}10% {transform: skewX(-8deg);}20% {transform: skewX(7deg);}30% {transform: skewX(-6deg);}
40% {transform: skewX(5deg);}50% {transform: skewX(-4deg);}60% {transform: skewX(3deg);}70% {transform: skewX(-2deg);}80% {transform: skewX(1deg);
}90% {transform: skewX(0deg);}100% {transform: skewX(0deg);opacity: 1;}}

.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(1.1);}100% {-webkit-transform: scale(1);opacity: 1;}}

@-moz-keyframes pulse {0% {-moz-transform: scale(1);}50% {-moz-transform: scale(1.1);}100% {-moz-transform: scale(1);opacity: 1;}}

@-o-keyframes pulse {0% {-o-transform: scale(1);}50% {-o-transform: scale(1.1);}100% {-o-transform: scale(1);opacity: 1;}}

@keyframes pulse {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);opacity: 1;}}

.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}

@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(20px);}100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp {0% {opacity: 0;-o-transform: translateY(20px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDown {0% {opacity: 0;-o-transform: translateY(-20px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-20px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInLeft {0% {opacity: 0;-moz-transform: translateX(-20px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInLeft {0% {opacity: 0;-o-transform: translateX(-20px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(20px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRight {0% {opacity: 0;-moz-transform: translateX(20px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRight {0% {opacity: 0;-o-transform: translateX(20px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(2000px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUpBig {0% {opacity: 0;-moz-transform: translateY(2000px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUpBig {0% {opacity: 0;-o-transform: translateY(2000px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUpBig {0% {opacity: 0;transform: translateY(2000px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}

@-webkit-keyframes fadeInDownBig {0% {opacity: 0;-webkit-transform: translateY(-2000px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDownBig {0% {opacity: 0;-moz-transform: translateY(-2000px);}100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDownBig {0% {opacity: 0;-o-transform: translateY(-2000px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDownBig {0% {opacity: 0;transform: translateY(-2000px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-2000px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInLeftBig {0% {opacity: 0;-moz-transform: translateX(-2000px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInLeftBig {0% {opacity: 0;-o-transform: translateX(-2000px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInLeftBig {0% {opacity: 0;transform: translateX(-2000px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}

@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(2000px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRightBig {0% {opacity: 0;-moz-transform: translateX(2000px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRightBig {0% {opacity: 0;-o-transform: translateX(2000px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRightBig {0% {opacity: 0;transform: translateX(2000px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}

@-webkit-keyframes bounceIn {0% {opacity: 0;-webkit-transform: scale(0.3);}50% {opacity: 1;-webkit-transform: scale(1.05);}70% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);opacity: 1;}}

@-moz-keyframes bounceIn {0% {opacity: 0;-moz-transform: scale(0.3);}50% {opacity: 1;-moz-transform: scale(1.05);}70% {-moz-transform: scale(0.9);
}100% {-moz-transform: scale(1);opacity: 1;}}

@-o-keyframes bounceIn {0% {opacity: 0;-o-transform: scale(0.3);}50% {opacity: 1;-o-transform: scale(1.05);}70% {-o-transform: scale(0.9);}100% {
-o-transform: scale(1);opacity: 1;}}

@keyframes bounceIn {0% {opacity: 0;transform: scale(0.3);}50% {opacity: 1;transform: scale(1.05);}70% {transform: scale(0.9);}100% {transform: scale(1);opacity: 1;}}

.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}

@-webkit-keyframes bounceInUp {0% {opacity: 0;-webkit-transform: translateY(2000px);}60% {opacity: 1;-webkit-transform: translateY(-30px);}80% {
-webkit-transform: translateY(10px);}100% {-webkit-transform: translateY(0);opacity: 1;}}

@-moz-keyframes bounceInUp {0% {opacity: 0;-moz-transform: translateY(2000px);}60% {opacity: 1;-moz-transform: translateY(-30px);}80% {-moz-transform: translateY(10px);}100% {-moz-transform: translateY(0);opacity: 1;}}

@-o-keyframes bounceInUp {0% {opacity: 0;-o-transform: translateY(2000px);}60% {opacity: 1;-o-transform: translateY(-30px);}80% {-o-transform: translateY(10px);}100% {-o-transform: translateY(0);opacity: 1;}}

@keyframes bounceInUp {0% {opacity: 0;transform: translateY(2000px);}60% {opacity: 1;transform: translateY(-30px);}80% {transform: translateY(10px);
}100% {transform: translateY(0);opacity: 1;}}

.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}

@-webkit-keyframes bounceInDown {0% {opacity: 0;-webkit-transform: translateY(-2000px);}60% {opacity: 1;-webkit-transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);}100% {-webkit-transform: translateY(0);opacity: 1;}}

@-moz-keyframes bounceInDown {0% {opacity: 0;-moz-transform: translateY(-2000px);}60% {opacity: 1;-moz-transform: translateY(30px);}80% {-moz-transform: translateY(-10px);}100% {-moz-transform: translateY(0);opacity: 1;}}

@-o-keyframes bounceInDown {0% {opacity: 0;-o-transform: translateY(-2000px);}60% {opacity: 1;-o-transform: translateY(30px);}80% {-o-transform: translateY(-10px);}100% {-o-transform: translateY(0);opacity: 1;}}

@keyframes bounceInDown {0% {opacity: 0;transform: translateY(-2000px);}60% {opacity: 1;transform: translateY(30px);}80% {transform: translateY(-10px);}100% {transform: translateY(0);opacity: 1;}}

.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes bounceInLeft {0% {opacity: 0;-webkit-transform: translateX(-2000px);}60% {opacity: 1;-webkit-transform: translateX(30px);}80% {
-webkit-transform: translateX(-10px);}100% {-webkit-transform: translateX(0);opacity: 1;}}

@-moz-keyframes bounceInLeft {0% {opacity: 0;-moz-transform: translateX(-2000px);}60% {opacity: 1;-moz-transform: translateX(30px);}80% {-moz-transform: translateX(-10px);}100% {-moz-transform: translateX(0);opacity: 1;}}

@-o-keyframes bounceInLeft {0% {opacity: 0;-o-transform: translateX(-2000px);}60% {opacity: 1;-o-transform: translateX(30px);}80% {-o-transform: translateX(-10px);}100% {-o-transform: translateX(0);opacity: 1;}}

@keyframes bounceInLeft {0% {opacity: 0;transform: translateX(-2000px);}60% {opacity: 1;transform: translateX(30px);}80% {transform: translateX(-10px);}100% {transform: translateX(0);opacity: 1;}}

.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight {0% {opacity: 0;-webkit-transform: translateX(2000px);}60% {opacity: 1;-webkit-transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);}100% {-webkit-transform: translateX(0);opacity: 1;}}

@-moz-keyframes bounceInRight {0% {opacity: 0;-moz-transform: translateX(2000px);}60% {opacity: 1;-moz-transform: translateX(-30px);}80% {-moz-transform: translateX(10px);}100% {-moz-transform: translateX(0);opacity: 1;}}

@-o-keyframes bounceInRight {0% {opacity: 0;-o-transform: translateX(2000px);}60% {opacity: 1;-o-transform: translateX(-30px);}80% {-o-transform: translateX(10px);}100% {-o-transform: translateX(0);opacity: 1;}}

@keyframes bounceInRight {0% {opacity: 0;transform: translateX(2000px);}60% {opacity: 1;transform: translateX(-30px);}80% {transform: translateX(10px);}100% {transform: translateX(0);opacity: 1;}}

.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}

@-webkit-keyframes rotateIn {0% {-webkit-transform-origin: center center;-webkit-transform: rotate(-200deg);opacity: 0;}100% {-webkit-transform-origin: center center;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateIn {0% {-moz-transform-origin: center center;-moz-transform: rotate(-200deg);opacity: 0;}100% {-moz-transform-origin: center center;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateIn {0% {-o-transform-origin: center center;-o-transform: rotate(-200deg);opacity: 0;}100% {-o-transform-origin: center center;
-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateIn {0% {transform-origin: center center;transform: rotate(-200deg);opacity: 0;}100% {transform-origin: center center;transform: rotate(0);opacity: 1;}}

.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}

@-webkit-keyframes rotateInUpLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInUpLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInUpLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}100% {-o-transform-origin: left bottom;
-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInUpLeft {0% {transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}100% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}}

.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}

@-webkit-keyframes rotateInDownLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInDownLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInDownLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}100% {-o-transform-origin: left bottom;
-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInDownLeft {0% {transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}100% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}}

.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}

@-webkit-keyframes rotateInUpRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(-90deg);opacity: 0;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInUpRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(-90deg);opacity: 0;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInUpRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(-90deg);opacity: 0;}100% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInUpRight {0% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0;}100% {transform-origin: right bottom;transform: rotate(0);opacity: 1;}}

.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}

@-webkit-keyframes rotateInDownRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(90deg);opacity: 0;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInDownRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(90deg);opacity: 0;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInDownRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(90deg);opacity: 0;}100% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInDownRight {0% {transform-origin: right bottom;transform: rotate(90deg);opacity: 0;}	100% {transform-origin: right bottom;
transform: rotate(0);opacity: 1;}}

.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}

/*Animate.css*/

.animated { animation-duration: 1s; animation-fill-mode: both;}
.animated.infinite { animation-iteration-count: infinite;}
.animated.hinge { animation-duration: 2s;}

@keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0px);} 40% { transform: translateY(-30px);} 60% { transform: translateY(-15px);} }
.bounce { animation-name: bounce;}

@keyframes flash {0%, 50%, 100% { opacity: 1;}25%, 75% { opacity: 0;}}
.flash { animation-name: flash;}

@keyframes pulse {0% { transform: scale(1);}50% { transform: scale(1.1);}100% { transform: scale(1);}}
.pulse { animation-name: pulse;}

@keyframes rubberBand {0% { transform: scale(1);}30% { transform: scaleX(1.25) scaleY(0.75);}40% { transform: scaleX(0.75) scaleY(1.25);}60% { transform: scaleX(1.15) scaleY(0.85);}100% { transform: scale(1);}}
.rubberBand { animation-name: rubberBand;}

@keyframes shake {0%, 100% { transform: translateX(0px);}10%, 30%, 50%, 70%, 90% { transform: translateX(-10px);}20%, 40%, 60%, 80% { transform: translateX(10px);}}
.shake { animation-name: shake;}

@keyframes swing {20% { transform: rotate(15deg);}40% { transform: rotate(-10deg);}60% { transform: rotate(5deg);}80% { transform: rotate(-5deg);}100% { transform: rotate(0deg);}}
.swing { animation-name: swing; transform-origin: center top 0;}

@keyframes tada {0% { transform: scale(1);}10%, 20% { transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg);}40%, 60%, 80% { transform: scale(1.1) rotate(-3deg);}100% { transform: scale(1) rotate(0deg);}}
.tada { animation-name: tada;}

@keyframes wobble {0% { transform: translateX(0%);}15% { transform: translateX(-25%) rotate(-5deg);}30% { transform: translateX(20%) rotate(3deg);}45% { transform: translateX(-15%) rotate(-3deg);}60% { transform: translateX(10%) rotate(2deg);}75% { transform: translateX(-5%) rotate(-1deg);}100% { transform: translateX(0%);}}
.wobble { animation-name: wobble;}

@keyframes bounceIn {0% { opacity: 0; transform: scale(0.3);}50% { opacity: 1; transform: scale(1.05);}70% { transform: scale(0.9);}100% { opacity: 1; transform: scale(1);}}
.bounceIn { animation-name: bounceIn;}

@keyframes bounceInDown {0% { opacity: 0; transform: translateY(-2000px);}60% { opacity: 1; transform: translateY(30px);}80% { transform: translateY(-10px);}100% { transform: translateY(0px);}}
.bounceInDown { animation-name: bounceInDown;}

@keyframes bounceInLeft {0% { opacity: 0; transform: translateX(-2000px);}60% { opacity: 1; transform: translateX(30px);}80% { transform: translateX(-10px);}100% { transform: translateX(0px);}}
.bounceInLeft { animation-name: bounceInLeft;}

@keyframes bounceInRight {0% { opacity: 0; transform: translateX(2000px);}60% { opacity: 1; transform: translateX(-30px);}80% { transform: translateX(10px);}100% { transform: translateX(0px);}}
.bounceInRight { animation-name: bounceInRight;}

@keyframes bounceInUp {0% { opacity: 0; transform: translateY(2000px);}60% { opacity: 1; transform: translateY(-30px);}80% { transform: translateY(10px);}100% { transform: translateY(0px);}}
.bounceInUp { animation-name: bounceInUp;}

@keyframes bounceOut {0% { transform: scale(1);}25% { transform: scale(0.95);}50% { opacity: 1; transform: scale(1.1);}100% { opacity: 0; transform: scale(0.3);}}
.bounceOut { animation-name: bounceOut;}

@keyframes bounceOutDown {0% { transform: translateY(0px);}20% { opacity: 1; transform: translateY(-20px);}100% { opacity: 0; transform: translateY(2000px);}}
.bounceOutDown { animation-name: bounceOutDown;}

@keyframes bounceOutLeft {0% { transform: translateX(0px);}20% { opacity: 1; transform: translateX(20px);}100% { opacity: 0; transform: translateX(-2000px);}}
.bounceOutLeft { animation-name: bounceOutLeft;}

@keyframes bounceOutRight {0% { transform: translateX(0px);}20% { opacity: 1; transform: translateX(-20px);}100% { opacity: 0; transform: translateX(2000px);}}
.bounceOutRight { animation-name: bounceOutRight;}

@keyframes bounceOutUp {0% { transform: translateY(0px);}20% { opacity: 1; transform: translateY(20px);}100% { opacity: 0; transform: translateY(-2000px);}}
.bounceOutUp { animation-name: bounceOutUp;}

@keyframes fadeIn {0% { opacity: 0;}100% { opacity: 1;}}
.fadeIn { animation-name: fadeIn;}

@keyframes fadeInDown {0% { opacity: 0; transform: translateY(-20px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInDown { animation-name: fadeInDown;}

@keyframes fadeInDownBig {0% { opacity: 0; transform: translateY(-2000px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInDownBig {animation-name: fadeInDownBig;}

@keyframes fadeInLeft {0% { opacity: 0; transform: translateX(-20px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInLeft { animation-name: fadeInLeft;}

@keyframes fadeInLeftBig {0% { opacity: 0; transform: translateX(-2000px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInLeftBig { animation-name: fadeInLeftBig;}

@keyframes fadeInRight {0% { opacity: 0; transform: translateX(20px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInRight { animation-name: fadeInRight;}

@keyframes fadeInRightBig {0% { opacity: 0; transform: translateX(2000px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInRightBig { animation-name: fadeInRightBig;}

@keyframes fadeInUp {0% { opacity: 0; transform: translateY(20px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInUp { animation-name: fadeInUp;}

@keyframes fadeInUpBig {0% { opacity: 0; transform: translateY(2000px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInUpBig { animation-name: fadeInUpBig;}

@keyframes fadeOut {0% { opacity: 1;}100% { opacity: 0;}}
.fadeOut { animation-name: fadeOut;}

@keyframes fadeOutDown {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(20px);}}
.fadeOutDown {animation-name: fadeOutDown;}

@keyframes fadeOutDownBig {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(2000px);}}
.fadeOutDownBig { animation-name: fadeOutDownBig;}

@keyframes fadeOutLeft {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(-20px);}}
.fadeOutLeft { animation-name: fadeOutLeft;}

@keyframes fadeOutLeftBig {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(-2000px);}}
.fadeOutLeftBig { animation-name: fadeOutLeftBig;}

@keyframes fadeOutRight {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(20px);}}
.fadeOutRight { animation-name: fadeOutRight;}

@keyframes fadeOutRightBig {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(2000px);}}
.fadeOutRightBig { animation-name: fadeOutRightBig;}

@keyframes fadeOutUp {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(-20px);}}
.fadeOutUp { animation-name: fadeOutUp;}

@keyframes fadeOutUpBig {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(-2000px);}}
.fadeOutUpBig { animation-name: fadeOutUpBig;}

@keyframes flip {0% { animation-timing-function: ease-out; transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);}40% { animation-timing-function: ease-out; transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);}50% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);}80% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);}100% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);}}
.animated.flip { animation-name: flip; backface-visibility: visible;}

@keyframes flipInX {0% { opacity: 0; transform: perspective(400px) rotateX(90deg);}40% { transform: perspective(400px) rotateX(-10deg);}70% { transform: perspective(400px) rotateX(10deg);}100% { opacity: 1; transform: perspective(400px) rotateX(0deg);}}
.flipInX { animation-name: flipInX; backface-visibility: visible !important;}

@keyframes flipInY {0% { opacity: 0; transform: perspective(400px) rotateY(90deg);}40% { transform: perspective(400px) rotateY(-10deg);}70% { transform: perspective(400px) rotateY(10deg);}100% { opacity: 1; transform: perspective(400px) rotateY(0deg);}}
.flipInY { animation-name: flipInY; backface-visibility: visible !important;}

@keyframes flipOutX {0% { opacity: 1; transform: perspective(400px) rotateX(0deg);}100% { opacity: 0; transform: perspective(400px) rotateX(90deg);}}
.flipOutX { animation-name: flipOutX; backface-visibility: visible !important;}

@keyframes flipOutY {0% { opacity: 1; transform: perspective(400px) rotateY(0deg);}100% { opacity: 0; transform: perspective(400px) rotateY(90deg);}}
.flipOutY { animation-name: flipOutY; backface-visibility: visible !important;}

@keyframes lightSpeedIn {0% { opacity: 0; transform: translateX(100%) skewX(-30deg);}60% { opacity: 1; transform: translateX(-20%) skewX(30deg);}80% { opacity: 1; transform: translateX(0%) skewX(-15deg);}100% { opacity: 1; transform: translateX(0%) skewX(0deg);}}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out;}

@keyframes lightSpeedOut {0% { opacity: 1; transform: translateX(0%) skewX(0deg);}100% { opacity: 0; transform: translateX(100%) skewX(-30deg);}}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in;}

@keyframes rotateIn {0% { opacity: 0; transform: rotate(-200deg); transform-origin: center center 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: center center 0;}}
.rotateIn { animation-name: rotateIn;}

@keyframes rotateInDownLeft {0% { opacity: 0; transform: rotate(-90deg); transform-origin: left bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}}
.rotateInDownLeft { animation-name: rotateInDownLeft;}

@keyframes rotateInDownRight {0% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}}
.rotateInDownRight { animation-name: rotateInDownRight;}

@keyframes rotateInUpLeft {0% { opacity: 0; transform: rotate(90deg); transform-origin: left bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}}
.rotateInUpLeft { animation-name: rotateInUpLeft;}

@keyframes rotateInUpRight {0% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}}
.rotateInUpRight { animation-name: rotateInUpRight;}

@keyframes rotateOut {0% { opacity: 1; transform: rotate(0deg); transform-origin: center center 0;}100% { opacity: 0; transform: rotate(200deg); transform-origin: center center 0;}}
.rotateOut { animation-name: rotateOut;}

@keyframes rotateOutDownLeft {0% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}100% { opacity: 0; transform: rotate(90deg); transform-origin: left bottom 0;}}
.rotateOutDownLeft { animation-name: rotateOutDownLeft;}

@keyframes rotateOutDownRight {0% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}100% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom 0;}}
.rotateOutDownRight { animation-name: rotateOutDownRight;}

@keyframes rotateOutUpLeft {0% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}100% { opacity: 0; transform: rotate(-90deg); transform-origin: left bottom 0;}}
.rotateOutUpLeft { animation-name: rotateOutUpLeft;}

@keyframes rotateOutUpRight {0% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}100% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom 0;}}
.rotateOutUpRight { animation-name: rotateOutUpRight;}

@keyframes slideInDown {0% { opacity: 0; transform: translateY(-2000px);}100% { transform: translateY(0px);}}
.slideInDown { animation-name: slideInDown;}

@keyframes slideInLeft {0% { opacity: 0; transform: translateX(-2000px);}100% { transform: translateX(0px);}}
.slideInLeft { animation-name: slideInLeft;}

@keyframes slideInRight {0% { opacity: 0; transform: translateX(2000px);}100% { transform: translateX(0px);}}
.slideInRight { animation-name: slideInRight;}

@keyframes slideOutLeft {0% { transform: translateX(0px);}100% { opacity: 0; transform: translateX(-2000px);}}
.slideOutLeft { animation-name: slideOutLeft;}

@keyframes slideOutRight {0% { transform: translateX(0px);}100% { opacity: 0; transform: translateX(2000px);}}
.slideOutRight { animation-name: slideOutRight;}

@keyframes slideOutUp {0% { transform: translateY(0px);}100% { opacity: 0; transform: translateY(-2000px);}}
.slideOutUp { animation-name: slideOutUp;}

@keyframes slideOutDown {0% { transform: translateY(0px);}100% { opacity: 0; transform: translateY(2000px);}}
.slideOutDown { animation-name: slideOutDown;}

@keyframes hinge {0% { animation-timing-function: ease-in-out; transform: rotate(0deg); transform-origin: left top 0;}20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: left top 0;}40% { animation-timing-function: ease-in-out; transform: rotate(60deg); transform-origin: left top 0;}80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg) translateY(0px); transform-origin: left top 0;}100% { opacity: 0; transform: translateY(700px);}}
.hinge { animation-name: hinge;}

@keyframes rollIn {0% { opacity: 0; transform: translateX(-100%) rotate(-120deg);}100% { opacity: 1; transform: translateX(0px) rotate(0deg);}}
.rollIn { animation-name: rollIn;}

@keyframes rollOut {0% { opacity: 1; transform: translateX(0px) rotate(0deg);}100% { opacity: 0; transform: translateX(100%) rotate(120deg);}}
.rollOut { animation-name: rollOut;}

/**********************************************Comienzan los sectores*********************************************/

/*Generales*/

.bienvenidos {overflow:hidden; padding:20px 0;}
.lostitulos {font-family: 'Archivo Narrow Bold', sans-serif; letter-spacing:normal; line-height:normal; font-weight:bold;}
.recursotitulos {position: relative; width: 100%; height:2px; margin-bottom:40px; margin-top: 0; margin-right: auto; margin-left: auto; }
.elrecurso {background-color: #009042;  height: 2px; margin: 0 auto; position: relative; width: 10%; float:left;}
.espacio .elrecurso {float:none; width:5%;}
.espacio .recursotitulos {margin-bottom:20px;}
.lossubtitulos {font-family: 'Archivo Narrow Regular', sans-serif; margin-bottom:40px;}
.subtitulos {font-family: 'Archivo Narrow Bold', sans-serif; margin-bottom:20px; font-style:normal; text-align:left; font-weight:bold;}
.espacio {padding:40px 0!important;}
.espacio.fotos {padding:40px 0 0 0!important;}
.presupuesto {padding-bottom:40px!important;}
.espacio p {letter-spacing:0.05em;}
.im{width:17%; margin:0 auto;}
.im img{width:auto;}
.im a:hover{opacity:0.7;}
.textos {font-family: 'Archivo Narrow Regular', sans-serif; color:#7e7d7d; text-align:justify;}

.widget__header .recursotitulos {position: relative; width: 100%; height:2px; margin-bottom:60px; margin-top: 0; margin-right: auto; margin-left: auto; }
.widget__header .elrecurso {background-color: #009042;  height: 2px; margin: 0 auto; position: relative; width: 5%; float:none;}
.tab-content figure .vermas { color:#009042; left: 160px; border-radius:100%; border:solid 2px #009042; 
	font-family: 'Archivo Narrow Regular', sans-serif; padding: 0px 21px;  display: block; font-size:40px; position: absolute; top: 100px;}

.titulo-centrado h2 {text-align:center;}
.titulo-centrado .elrecurso {background-color: #009042;  height: 2px; margin: 0 auto; position: relative; width: 3%; float:none;}

.institucional {margin:20px auto;}
.institucional p {letter-spacing:normal; margin-bottom:10px;}
.institucional img {width:100%; margin-bottom:20px;}
.institucional a.vermas {background:#009042; padding:7px 15px; color:#fff; float:left;}
.institucional a.vermas:hover {background:#000; color:#fff;}
.institucional ul {display:block; margin-bottom:20px;}
.institucional ul li {list-style:outside none; color:#000; font-family: 'Archivo Narrow Italic', sans-serif; font-style:italic; line-height:140%;}
.institucional ul li:before {content:'\203a  ';}

.eldestacado {padding:20px; text-align:center;}

.botonera {width:20%; text-align:center; margin:0 auto;}
.botonera ul li {display:inline-block; margin:0 20px;}
.botonera ul li a.current{color:#222; border-bottom:solid 2px #009042; padding-bottom:10px;}
.botonera ul li a.current:hover{color:#949393;}
.botonera ul li a{color:#949393; border-bottom:solid 2px #009042; padding-bottom:10px;}
.botonera ul li a:hover{color:#222;}

/*Banners*/

.columna-derecha .banner.left {padding-left:15px; padding-right:15px;}
.columna-derecha .banner.right {padding-left:15px; padding-right:15px;}

.banner.left {padding-left:0}
.banner.right {padding-right:0}
.banner .img { overflow:hidden; width:100%; }
.banner .img img { width:100%; }
.banner a { overflow:hidden; }
.banner .zoom img { transform: scale(1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.banner .zoom:hover img { transform: scale(1.1); opacity:0.9; }

.banner.left .layer {position:absolute; display:block; top:0; left:0; z-index:1; width:97.44%; height:100%;}
.banner.right .layer {position:absolute; display:block; top:0; right:1px; z-index:1; width:97.44%; height:100%;}
.banner:hover .layer {z-index:0;}

.banner.left .layer .layer-tittle {position:relative; float:left; width:100%; display:block; top:0px; background:#000;}
.banner.left .layer .layer-tittle .layer-image{position:relative; float:left; width:auto; background:#009042;}
.banner.left .layer .layer-tittle .layer-text{position:relative; float:left; width:auto; background:#000; font-family: 'Archivo Narrow Bold', sans-serif; letter-spacing:normal; line-height:normal; font-weight:bold; color:white; padding:5px 10px; height:100%; max-height:60px; text-align:center;}

.banner.right .layer .layer-tittle {position:relative; float:right; width:auto; display:block; top:20px; background:#009042;}
.banner.right .layer .layer-tittle .layer-image{position:relative; float:right; width:auto; background:#000;}
.banner.right .layer .layer-tittle .layer-text{position:relative; float:right; width:auto; background:#009042; font-family: 'Archivo Narrow Bold', sans-serif; letter-spacing:normal; line-height:normal; font-weight:bold; color:white; padding:5px 10px; height:45px;}

.banner.left .layer .layer-bottom {position:relative; float:left; width:100%; display:block; top:290px; background:#000;}

.banner.left .layer .layer-bottom span.destacado {position:relative; float:left; width:auto; font-family: 'Archivo Narrow Italic', sans-serif; letter-spacing:normal; line-height:normal; font-weight:normal; color:#009042; padding:11px 0px 0px 10px; height:45px; font-style:italic;}
.banner.left .layer .layer-bottom span.negrita {position:relative; float:right; width:auto; font-family: 'Archivo Narrow Bold', sans-serif; letter-spacing:normal; line-height:normal; font-weight:bold; color:#fff; padding:12px 10px 0px 0px; height:45px;}

.banner.right .layer .layer-bottom {position:relative; float:right; width:100%; display:block; background:#000; max-height:80px; height:100%;}

.banner.right .layer .layer-bottom figure.data-left {width:50%; float:left; padding-left:10px;}
.banner.right .layer .layer-bottom figure span.data-left-up {position:relative; float:left; width:auto; font-family: 'Archivo Black Regular', sans-serif; letter-spacing:normal; line-height:normal; font-weight:bold; color:#fff; padding:11px 0px 0px 10px; height:35px; font-style:normal;}
.banner.right .layer .layer-bottom figure span.data-left-down {position:relative; float:left; width:auto; font-family: 'Archivo Narrow Italic', sans-serif; letter-spacing:normal; line-height:normal; font-weight:normal; color:#fff; padding:0 0 0 10px; height:35px; font-style:italic;}

.banner.right .layer .layer-bottom figure.data-right {width:50%; float:right; padding-right:10px;}
.banner.right .layer .layer-bottom figure.data-right span.data-left-up {position:relative; float:right; width:auto; font-family: 'Archivo Black Regular', sans-serif; letter-spacing:normal; line-height:normal; font-weight:bold; color:#fff; padding:10px 11px 0 0; height:35px; font-style:normal;}
.banner.right .layer .layer-bottom figure.data-right span.data-left-down {position:relative; float:right; width:auto; font-family: 'Archivo Narrow Italic', sans-serif; letter-spacing:normal; line-height:normal; font-weight:normal; color:#fff; padding:0 11px 0 0; height:35px; font-style:italic;}


/*Media*/

.parallax { background-image: url("images/parallax.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top:35px;}
.texto-parallax {float:none; margin:5% auto;}

.video-parallax { height: 500px; margin-top:35px; overflow:hidden;}
.link-parallax a{width:100%; background-color:rgba(0,0,0,0.6); display:block; overflow:hidden; z-index:2; position:absolute; height:500px;}
.video-parallax iframe{z-index:1; position:relative; top:-120px;}
#html5-watermark, #html5-text {display:none!important;}

.video-parallax .titulos-slider { width:100%; display:block; position:absolute; left:0%; top:30%; z-index:9999!important;}
.video-parallax .titulos-slider .container {overflow:hidden;}
.video-parallax .titulos-slider .container p {font-weight:bold; text-align:left; font-family: 'Archivo Narrow Bold', sans-serif; letter-spacing:0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); 	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-align:center;}
.video-parallax .titulos-slider .container h2 {font-weight:900; text-align:left; font-family: 'Bradley Hand ITC', cursive; letter-spacing:0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); margin-top:0px; text-align:center;}

.lightboxcontainer {width:100%; text-align:left;}
.lightboxfull {width: 100%; float:left;}
.lightboxfull iframe{width: 100%; float:left; min-height: 390px;}
.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;}
}

/*Planes*/
.plan {border-radius: 100%;  height: 100%; line-height: 30px; overflow: hidden; padding: 40px 5px; width: 80%; margin:20px auto;}
.plan:hover {background:#000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.precio {font-family: 'AlexBrush Regular', sans-serif;}
.moneda {display: inline;  font-family: 'NATS', sans-serif; font-size: 50%; left: 15%; padding-top: 25px; }
.duracion {line-height:100%;}
.consultar-plan {font-family: 'NATS', sans-serif; width:100%; float:left; text-align:center; margin-top:20px;}
.consultar-plan a{color:#fff; padding:0 10px; border-radius:20px;}
.consultar-plan a:hover{color:#fff; background:#000;}
.plan-detalle {float:right; padding-top:100px!important;}
.plan-detalle p.first {display:block; border-bottom: solid 1px #ddd; line-height:260%;}
.plan-detalle p {line-height:300%;}
.plan-detalle span.underline-green {border-bottom: solid 6px #009e7b; padding-bottom:3px;}
.plan-detalle span.underline-blue {border-bottom: solid 6px #009fc3; padding-bottom:3px;}
.plan-detalle span.underline-violet {border-bottom: solid 6px #b142a6; padding-bottom:3px;}
.camaras .container {width:80%;}
.camaras .espacio img {width:90%;}

/*Sociales*/

.social {border-radius: 100%;  height: 100%; line-height: 30px; overflow: hidden; padding: 40px 5px; margin:40px 20px 20px 0; text-align:center;}
.social img{width:auto}
.social:hover {background:#000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

/*Galeria*/

section.clientes .titulo {background-image:url("img/recurso-titulos.png"); background-repeat:no-repeat; background-position:left center; background-size:20% auto; line-height:400%;}
section.clientes .galeria-texto {padding-top:12%; text-align:right;}
section.clientes .galery {padding-bottom:80px;}
.galery-container {width:95%; margin:0 auto; float:none;}

/*Lightbox*/

.lb-loader, .lightbox { text-align:center; line-height:0 }
body:after { content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png); display:none }
.lb-dataContainer:after, .lb-outerContainer:after { content:""; clear:both }
body.lb-disable-scrolling { overflow:hidden }
.lightboxOverlay { position:absolute; top:0; left:0; z-index:9999; background-color:#000; filter:alpha(Opacity=80); opacity:.8; display:none }
.lightbox { position:absolute; left:0; width:100%; z-index:10000; font-weight:400 }
.lightbox .lb-image { display:block; height:auto; max-width:inherit; max-height:none; border-radius:3px; border:4px solid #fff }
.lightbox a img { border:none }
.lb-outerContainer { position:relative; width:250px; height:250px; margin:0 auto; border-radius:4px; background-color:#fff }
.lb-loader, .lb-nav { position:absolute; left:0 }
.lb-outerContainer:after { display:table }
.lb-loader { top:43%; height:25%; width:100% }
.lb-cancel { display:block; width:32px; height:32px; margin:0 auto; background:url(images/loading.gif) no-repeat }
.lb-nav { top:0; height:100%; width:100%; z-index:10 }
.lb-container>.nav { left:0 }
.lb-nav a { outline:0; background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) }
.lb-next, .lb-prev { height:100%; cursor:pointer; display:block }
.lb-nav a.lb-prev { width:34%; left:0; float:left; background:url(images/prev.png) left 48% no-repeat; filter:alpha(Opacity=0); opacity:0; -webkit-transition:opacity .6s; -moz-transition:opacity .6s; -o-transition:opacity .6s; transition:opacity .6s }
.lb-nav a.lb-prev:hover { filter:alpha(Opacity=100); opacity:1 }
.lb-nav a.lb-next { width:64%; right:0; float:right; background:url(images/next.png) right 48% no-repeat; filter:alpha(Opacity=0); opacity:0; -webkit-transition:opacity .6s; -moz-transition:opacity .6s; -o-transition:opacity .6s; transition:opacity .6s }
.lb-nav a.lb-next:hover { filter:alpha(Opacity=100); opacity:1 }
.lb-dataContainer { margin:0 auto; padding-top:5px; width:100%; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px }
.lb-dataContainer:after { display:table }
.lb-data { padding:0 4px; color:#ccc }
.lb-data .lb-details { width:85%; float:left; text-align:left; line-height:1.1em }
.lb-data .lb-caption { font-size:13px; font-weight:700; line-height:1em }
.lb-data .lb-caption a { color:#4ae }
.lb-data .lb-number { display:block; clear:left; padding-bottom:1em; font-size:12px; color:#999 }
.lb-data .lb-close { display:block; float:right; width:30px; height:30px; background:url(images/close.png) top right no-repeat; text-align:right; outline:0; filter:alpha(Opacity=70); opacity:.7; -webkit-transition:opacity .2s; -moz-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s }
.lb-data .lb-close:hover { cursor:pointer; filter:alpha(Opacity=100); opacity:1 }

.thumb {background-size:100% auto; background-repeat:no-repeat; background-position:center center; padding:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; margin:10px; width:24%;}
.thumb img{width:100%;}
.easing {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.easing:hover {opacity:0.9;}

.uno {background-image:url("../lightbox/thumbs/thumb-1.jpg");}
.dos {background-image:url("../lightbox/thumbs/thumb-2.jpg");}
.tres {background-image:url("../lightbox/thumbs/thumb-3.jpg"); }
.cuatro {background-image:url("../lightbox/thumbs/thumb-4.jpg");margin-right:0;}
.cinco {background-image:url("../lightbox/thumbs/thumb-5.jpg");}
.seis {background-image:url("../lightbox/thumbs/thumb-6.jpg"); }
.siete {background-image:url("../lightbox/thumbs/thumb-7.jpg");}
.ocho {background-image:url("../lightbox/thumbs/thumb-8.jpg"); margin-right:0;}

/* Mapa Ubicación */

.mapa {padding-left:0; padding-right:0;}
.mapa img{width:100%;}
.titulo-mapa {padding:25px 0; min-height: 120px;}
.titulo-mapa .recursotitulos { border-bottom:solid 1px #ececec; position: relative; width: 20%; height:2px; margin-bottom:0px; margin-top: 0; margin-right: auto; margin-left: auto; }
.titulo-mapa .elrecurso {background-color: #fff;  height: 4px; margin: 0 auto; position: relative; width: 25%; }


/*Contacto*/

.seguinos {float:right; width:70%; line-height:25px; border:solid thin #888; padding-right:5px; margin:5px;}
.seguinos a {color:#888}
.seguinos .icon {width:100%; font-family: 'NATS', sans-serif; position:relative; top:normal;}
.seguinos .icon span{text-align:left; float:left; background:#888; padding:5px; width:30px; font-size:80%; text-align:center;}
.left-contact {border-right: solid thin #ddd;}
.contact {margin-bottom:80px;}
#contenedor {float:none!important; margin:0 auto; margin:20px 40px}
.contact .col11 {margin-bottom:40px;}
.contact .col11 img{width:70%;}
#cont_form {padding:0!important; border-radius:0!important;}

/*Footer*/

footer {background:#000000; width:100%; padding:0px; position:relative; clear:both; overflow:hidden;}
footer #upper-foot { padding: 30px 0;}
.primer-bloque .reservados{ padding: 35px 5px 5px 5px;}

footer #upper-foot .texto-pie .in-izq {padding:0;}
footer #upper-foot .texto-pie .in-der {padding:0;}

footer #upper-foot .texto-pie{ margin-top:40px;}
footer #upper-foot .texto-pie h2 {font-weight:normal; border-bottom: solid 2px #009042; padding-bottom:10px; margin-bottom:20px; display:inline-block;}
footer #upper-foot .texto-pie p {line-height:200%; letter-spacing:normal;}
footer #upper-foot .operaciones {margin-top:40px;}
footer #upper-foot .operaciones .in-izq {padding-left:0;}
footer #upper-foot .operaciones .in-der {padding-right:0;}
footer #upper-foot .operaciones h2 {font-weight:normal; border-bottom: solid 2px #009042; padding-bottom:10px; margin-bottom:20px; display:inline-block;}
footer #upper-foot .operaciones a {color:#bebebe;}
footer #upper-foot .operaciones a:hover {color:#009042; padding-left:5px;}
footer #upper-foot .operaciones p {border-bottom: solid 1px #353535; padding-bottom:5px; width:100%;}
#lower-foot {padding:10px 0; background-color:#222;}
#lower-foot p{letter-spacing:0.1em; margin-top:10px;}
#lower-foot .container {}
#lower-foot .container .firma { float: right; right: 50px; margin-top:5px; padding:35px 5px 5px 5px ;}
.logo-pie {padding-left:0;}
.logo-pie img {width:90%; margin-top:10px;}

.contact-pie {float: right; margin-top:40px;}
.contact-pie h2 {font-weight:normal; border-bottom: solid 2px #009042; padding-bottom:10px; margin-bottom:20px; display:inline-block;}
.contact-pie .contenedor { margin-top: 20px;}
.contact-pie .contenedor input { background: #000 none repeat scroll 0 0; border: thin solid #bebebe; color: #bebebe; display: block; font-size: 0.75em; font-weight: normal; line-height: 1; margin-bottom: 10px; overflow: hidden; padding: 10px; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.contact-pie .contenedor input:focus { border: thin solid #009042;}
.contact-pie .contenedor #enviar { background-color: #009042; border: 0; color: #fff; cursor: pointer; font-weight: normal; padding: 5px 20px; font-size:14px; width:100%}
.contact-pie .contenedor #enviar:hover { opacity: 0.7;}
.contact-pie .contenedor #comentario {min-height:100px;}

/*Comentarios*/
.clear { clear: both;}
.hide { display: none;}
.colset { margin: 0 -10px;}
colset .col12, .colset .col13, .colset .col14, .colset .col23, .colset .col34 { box-sizing: border-box; float: left; padding: 0 10px;}
.colset .col12 { width: 50%;}
.colset form label { display: block; margin-bottom: 10px; text-align: left;}
.colset form label strong { cursor: default; display: block; font-weight: normal;margin-bottom: 2px;}
.colset  .form input[type="text"], .form input[type="password"], .form textarea { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; box-sizing: border-box; color: #777; font-family: Arial; outline: 0 none; padding: 5px 4px; width: 100%;}
.colset  .form input[type="submit"], .submit { background: #444 none repeat scroll 0 0; border: 0 none; color: #fff; cursor: pointer; display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; vertical-align: top;}
.comentarios { background: #ececec; padding: 20px; position: relative; }
.comentarios .comentario .author { font-size: 12px; text-transform: uppercase; color: #AAA; text-align: center !important; line-height: 10px; height: 10px; margin: 0 0 12px; }
.comentarios .comentario .author span { font-size: 12px; display: inline-block;/*background: url(img/date.png) no-repeat 0 0;*/ text-align: right; padding-left: 1px; }
.comentarios .comentario p { color: #949393; font-size: 18px; font-family: 'Archivo Narrow Italic', sans-serif; font-style: italic; margin-bottom: 5px !important; text-align:center; font-weight:300;}
.comentarios .comentario { border-bottom: 1px dotted #949393; margin: 10px 0; }
.comentarios .comentario.last { border-bottom: 0; margin-bottom:40px;}
.button2 { line-height: 50px; border: 0; display: inline-block; font-weight: 400; font-family: 'Archivo Narrow', Arial; margin: 0; font-size: 14px; color: #FFF !important; text-transform: uppercase; text-decoration: none; background: #080314; padding: 0 18px; position: relative; cursor: pointer; }
.button2:before { content:''; width: 100%; height: 6px; display: block; position: absolute; top: -6px; left: 0; background: url(img/button.png) no-repeat center top; }
.button3 { line-height: 50px; border: 0; display: inline-block; font-weight: 400; font-family: 'Archivo Narrow', Arial; margin: 0; font-size: 14px; color: #FFF !important; text-transform: uppercase; text-decoration: none; background: #7ac415; padding: 0 18px; position: relative; cursor: pointer; }
.button3:before { width: 100%; height: 6px; display: block; position: relative!important; top: -6px; left: 0;}
.button4 { line-height: 50px; border: 0; display: inline-block; font-weight: 400; font-family: 'Archivo Narrow', Arial; margin: 0; font-size: 14px; color: #FFF !important; text-transform: uppercase; text-decoration: none; background: #068a16; padding: 0 18px; position: relative; cursor: pointer; }
.button4:before {width: 100%; height: 6px; display: block; position: relative!important; top: -6px; left: 0; float:right;}
.title { line-height: 50px; display: inline-block; font-weight: 400; font-family: 'Archivo Narrow', Arial; font-size: 14px; color: #FFF !important; text-transform: uppercase; text-decoration: none; background: #000; padding: 0 18px; position: relative; }
.title.active { background: url(img/title.gif) no-repeat; }
.title.active:after { content:''; width: 100%; height: 6px; display: block; position: absolute; bottom: -6px; left: 0; background: url(img/title.png) no-repeat center bottom; z-index: 99; }
.title_green { line-height: 40px !important; display: block; font-weight: 400; font-family: 'Archivo Narrow', Arial; font-size: 14px; color: #000 !important; text-transform: uppercase; text-decoration: none; background: #a5c859; padding: 0 0 0 15px !important; position: relative; }
.title_green:after { content:''; width: 100%; height: 6px; display: block; position: absolute; bottom: -6px; left: 0; background: url(img/title_green.png) no-repeat center bottom; z-index: 99; }
.title_black { line-height: 40px; display: block; font-weight: 400; font-family: 'Archivo Narrow', Arial; font-size: 14px; color: #FFF !important; text-transform: uppercase; text-decoration: none; background: #070213; padding: 0 18px; position: relative; }
.title_black:after { content:''; width: 100%; height: 6px; display: block; position: absolute; bottom: -6px; left: 0; background: url(img/title_black.png) no-repeat center bottom; z-index: 99; }
.button3:hover, .button4:hover {opacity:0.8;}
.button3, .button4 {width:45%; float:left; margin:5px; line-height: normal; padding:10px;}
.btn-comentarios {width:45%; margin:0 auto; overflow:hidden; margin-bottom:20px;}

/*Lista de Propiedades*/
.breadcrumbs .container {width:100%;}
.properties_features {position:relative; width:100%; float:left;}
.properties_features ul li .iconos {width:37px; height:31px; background-image:url(img/iconos.jpg); background-repeat:no-repeat; display:inline-block; float:left;}
.properties_features ul li .icon-text {width:37px; height:31px; display:inline-block; font-size:14px; color:#444; padding:10px; float:left; font-family: 'Archivo Narrow Regular', sans-serif;}
.properties_features ul li .operacion {background-position:0 0px;}
.properties_features ul li .localidad {background-position:0 -32px;}
.properties_features ul li .dormitorios {background-position:0 -70px;}
.properties_features ul li .superficie {background-position:0 -104px;}
.properties_features ul li .precio {background-position:0 -176px;}
.properties_features ul li .dependencia {background-position:0 -212px;}
.properties_features ul li .antiguedad {background-position:0 -249px;}
.properties_features ul li .pileta {background-position:0 -285px;}
.properties_features ul li .cochera {background-position:0 -320px;}
.properties_features ul li .escritorio {background-position:0 -355px;}
.properties_features ul li .calefaccion {background-position:0 -395px;}
.properties_features ul li .banos {background-position:0 -431px;}
.properties__item .vermore {position:relative; float:left; margin-top:20px;}
#listado-countries .properties_countries .vermore {position:relative; float:left; margin-top:20px; width:100%;}
#listado-countries .properties_countries a.properties__more {width:100%; text-align:center; display:block; margin-top:-10px;}
.site__main figure .vermas { color:#009042; left: 140px; border-radius:100%; border:solid 2px #009042; font-family: 'Archivo Narrow Regular', sans-serif; padding: 5px 18px;  display: block; font-size:40px; position: absolute; top: 70px;}
#listado-countries figure .vermas { color:#009042; left: 90px; border-radius:100%; border:solid 2px #009042; font-family: 'Archivo Narrow Regular', sans-serif; padding: 5px 18px;  display: block; font-size:40px; position: absolute; top: 50px;}
#listado-countries .properties__address-street {text-transform:uppercase;}
.site__main .properties__offer {display: block; text-align: right; width: 100%;}

/*Ficha*/
#laficha .titulo-centrado.novo {width:80%; margin-right:0!important; display:inline-block;}
#laficha .titulo-centrado.novo h2{text-align:left!important;}
#laficha .titulo-centrado.novo .recursotitulos{width:70%; float:left; margin-right:0!important; margin-bottom:5px!important;}
#laficha .titulo-centrado.novo .recursotitulos .elrecurso {float:left!important; }
#laficha .precios {float:right; font-weight: bold; font-family: 'Archivo Narrow Bold', sans-serif; width:20%; text-align:right;}
#laficha .precios img{width:50%; margin-bottom:10px;}
#laficha #ficha .form-group .imprimir, #laficha #ficha .form-group .enviar {float:right; border:solid 1px #fff; background:#009042;}
.form-group .imprimir, .form-group .enviar {float:left; border:solid 1px #fff; background:#009042;}
.form-group .imprimir {margin-right:5px;}
.form-group .imprimir:hover, .form-group .enviar:hover {background:#000;}

.properties__details__ficha .properties_features {position:relative; width:100%; float:left;}
.properties__details__ficha .properties_features ul li .iconos {width:37px; height:31px; background-image:url(img/iconos.jpg); background-repeat:no-repeat; display:inline-block; float:left;}
.properties_features .col6 ul.list li {float:left; width:100%;}
.properties_features .col6 ul.list li .icon-text {width:90%; font-family: 'Archivo Narrow Regular', sans-serif; color:#222;}
.properties__details__ficha .properties__info {width:100%;}
.properties__details__ficha .properties__info .divider--dotted {margin-top:40px; margin-bottom:40px;}
#ficha .listing__item {border-bottom:0;}

/*Consulta Rápida*/
.busqueda-derecha #cont_form { border: 1px solid #d6d6d6; padding: 20px; width: 100%;}
.busqueda-derecha #cont_form #formu{ margin: 20px; width: 90%; padding:10px;}
.busqueda-derecha #cont_form #formu #area1 {width:96%!important;}
.busqueda-derecha #cont_form #formu #contenviar {width:96%!important;}
.busqueda-derecha #cont_form #formu #enviar {width:100%!important; float:none!important;}
.busqueda-derecha #cont_form #formu .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {color: #444;  font-family: "Archivo Narrow Regular",sans-serif; border:1px solid #d6d6d6; font-size:14px!important;}
.busqueda-derecha #cont_form #formu #area1  {color: #444!important;  font-family: "Archivo Narrow Regular",sans-serif; padding-left: 25px; border: 1px solid #d6d6d6!important;  font-size:14px!important;}
busqueda-derecha #cont_form #formu .input {color: #444;  font-family: "Archivo Narrow Regular",sans-serif;  font-size:14px!important;}

#feos .img-responsive {display: block;
    float: none;
    margin: 10px auto;
    max-width: 100%;}


.fresnos {background-color: rgba(0,0,0,0.1); padding:20px 0 0 0 ; border:dotted 1p #dedede; border-radius:20px}    

.fresnosimg {padding:0; text-align: center}
.fresnosimg img {max-width: 100%; margin:0 auto;}    
.fresnostitulo {padding: 20px 0 0; width: 56%}
.fresnosboton {padding: 20px 0 0; float: right; text-transform: uppercase;}
.fresnosboton a {text-align: center; display: block; border-radius:20px 0px 0px 20px;}
@media screen and (max-width: 992px) {
	.fresnosimg {width: 100%;}
	.fresnostitulo {width: 100%;}
	.fresnosboton {width: 100%;}
}

/*tags*/
span.reservado { width: 87px; height: 86px; background: transparent url(img/franja.png) no-repeat 0px 0px; position: absolute; top: -5px; left: -5px; }
span.vendido { width: 87px; height: 86px; background: transparent url(img/franja.png) no-repeat -87px 0px; position: absolute; top: -5px; left: -5px; }
span.alquilado { width: 87px; height: 86px; background: transparent url(img/franja.png) no-repeat -174px 0px; position: absolute; top: -5px; left: -5px; }

.links_map{ background: #FFF; overflow: hidden; padding: 2%;}
.links_map div{ position: relative; min-height: 45px;}
.links_map div:nth-child(even){ }
.links_map img{ position: absolute; top: 0;left: 0;}
.links_map ul{ margin: 0 0 20px 0; padding: 26px 0 0 20px; list-style: none;overflow: hidden;}
.links_map ul li{ padding-left: 16px; background: url(img/point.png) no-repeat 0 1px; padding-bottom: 2px; margin-left: 10px;float: left;width: 17%;}
.links_map ul a{ display: block; color: #555; text-decoration: none;}
.links_map ul a:hover{ text-decoration: underline;}

.ui-dialog { z-index: 99999 !important ;}
#listado_countries li{font-size: 11px;}
#listado_countries li input{margin-right: 7px;}
.ui-dialog .ui-dialog-title{font-family: 'Archivo Narrow Regular';font-weight: 400;}
#dialog-modal h2{font-family: 'Archivo Narrow Bold';}
#dialog-modal .properties__more{cursor: pointer;border: 0;float: none;}
#dialog-modal .buttons a{font-size: 12px;}

.mapa iframe{width: 100% !important;}

.form label{display: block; margin-bottom: 10px;text-align: left;}
.form label strong{display: block; margin-bottom: 2px;font-weight: normal;cursor: default;font-family: 'Archivo Narrow Regular';}
.form input[type=text],
.form input[type=password],
.form textarea{font-family: Arial;border: 1px solid #DDD;background: #FFF;color: #777;padding: 5px 4px;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;outline:0;}
.form input[type=submit],.submit{background: #444;border: 0;padding: 0 15px;cursor: pointer;color: #FFF !important;line-height: 40px;display: inline-block;height: 40px;vertical-align: top;}
.form input[type=submit]:hover,.submit:hover{background: #666; text-decoration: none !important;}
.form input[type=button],.button{background: #CCC;border: 0;padding: 0 15px;cursor: pointer;color: #333 !important;line-height: 40px;display: inline-block;height: 40px;vertical-align: top;}
.form input[type=button]:hover,.button:hover{background: #DDD;text-decoration: none !important;}
.inputerror{background: #FFF0F0 !important;border: 1px dotted #F3ABAB !important;}
span.error{display: block;padding: 5px 7px 5px 22px;color: #555;margin: 0 0 0 1px;display: none;background: rgba(255,240,200,0.8) url(img/error.png) no-repeat 2px center;border: 1px solid #EDDAB1;position: absolute;}

@media only screen and (max-width: 767px) {	
	.links_map{ padding: 4%;}
	.links_map div{ float: none !important; width: auto;}
	.links_map div li{ float: none !important; width: auto;}
}

@media print{

	.columna-derecha{display: none;}
	.col8,
	.col8a{width: 100%;}
	header{position: static;background: #000;-webkit-print-color-adjust: exact;width: 100%;padding: 10px 10px 10px 20px;margin-bottom: 50px;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.home{width: 100%;position: static;}
	.banner-cabecera,
	header .menu-top,
	.menu,
	nav .header-info,
	.breadcrumbs,
	.footer,
	#lower-foot,
	.scroll-to-top,
	.recursotitulos,
	.properties__details__ficha .properties__info .divider--dotted,
	#laficha #ficha .form .form-group{display: none !important;}
	.header-1 .header-customize-nav{float: right;}
	.header-wrapper .container-inner{text-align: center;background: #000;position: static;}
	nav .logo{display: inline-block;float: left;}
	header nav{min-height: 0;}
	.row{margin: 0 !important;}
	.container{width: 100%;}
	ul.list li{margin-bottom: 0;}
	.properties_features .col6 ul.list li{position: relative;padding-left: 40px;}
	.properties_features ul li .icon-text{height: 30px;line-height: 34px;padding: 0;font-size: 13px;float: left;}	
	.properties__details__ficha .properties_features ul li .iconos{-webkit-print-color-adjust: exact;width: 34px;float: left;position: absolute;left: 0;}
	.site__main .titulo-centrado h2{margin: 20px 0;}
	
	#inmobot-bubble,
	#inmobot{display: none;}
}


/*Comienza el grid*/


/* Grid */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}

.hovereffect h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: absolute;
  font-size: calc(18px + .4vw);
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  padding: 10px;
  z-index: 1;
  bottom: 10vh;
  width: 100%;
  font-weight: 600;
}

#pequenoscards .hovereffect h3 {
  font-size: calc(18px + .4vw);
}

.hovereffect:hover h3, .hovereffect:hover a.info {
  -webkit-transform: translatey(150px);
          transform: translatey(150px);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: calc(20px + .4vw);
  background: rgba(12, 129, 76, 0.6);
  -webkit-transform: translatey(-150px);
          transform: translatey(-150px);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  padding: 10px;
  font-weight: 600;
}

#pequenoscards .hovereffect h2 {
  font-size: calc(18px + .4vw);
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  /* font-weight: bold; */
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: calc(32% - 50px);
  padding: 7px 14px;
  font-size:  calc(18px + .4vw);
  /* border-radius:100%; */
}

.hovereffect a.info:hover {
  -webkit-box-shadow: 0 0 5px #fff;
          box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2, .hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translatey(0);
          transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.card-deck .card {
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  min-width: 10px !important;
  min-height: 10px !important;
}

.card-img-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.card-deck .card a.linked {
  position: absolute;
  display: block;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.no-padding {
	padding:0!important;
}
.nuevotitulo {
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-family: 'Archivo Narrow Bold', sans-serif;
    line-height: 1.4;
    font-size: 28px;
  }

.contact-pie .contenedor input::placeholder {
  color: #bebebe !important;
}
::-webkit-input-placeholder {
  color: #bebebe !important;
}

:-ms-input-placeholder {
  color: #bebebe !important;
}

::-ms-input-placeholder {
  color: #bebebe !important;
}

::placeholder {
  color: #bebebe !important;
}



/*Redes*/

.icon-bar-redes {
  position: fixed;
  top: 40%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9999;
}

.icon-bar-redes a.redondas {
  display: block;
    text-align: center;
    padding: 8px 14px;
    margin: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    border: 1px solid transparent;
    border-radius: 100%;
    background: black;
    width: 45px;
    height: 44px;
}

.icon-bar-redes a.redondas:hover, .icon-bar-redes a.redondas:active, .icon-bar-redes a.redondas:focus {
  background: #009042;
  border: 1px solid transparent;
}

.icon-bar-redes .facebook {
  background: black;
  color: white;
}

.icon-bar-redes .instagram {
  color: #fff;
  background: black;
}

.icon-bar-redes .whatsapp {
  background: black;
  color: white;
}

.icon-bar-redes .linkedin {
  background: black;
  color: white;
}

@media (max-width:578px) {
	.icon-bar-redes {
	  position: fixed;
	  top: 45%;
	}
}
@media (max-width:380px) {
	.icon-bar-redes {
	  position: fixed;
	  top: 55%;
	}
}