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


/*------------------------------------------------------------------
[Tabla de contenido]
 0. Fuentes
 1. Clearfix
 2. PreCarga
 3. Typografia
 4. Encabezados
 5. Botones
 6. Barra navegacion
 7. Contenido
 8. Columnas grid
 9. Imagenes
10. Iconos
11. Galerias
12. Servicios
13. Slider
14. Panel de Info
15. Footer
16. Listas
17. Ajax
18. Blog
-------------------------------------------------------------------*/

/* =0. Fuentes
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello.eot?3837060');
 src: url('../fonts/fontello.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?3837060') format('woff'), url('../fonts/fontello.ttf?3837060') format('truetype'), url('../fonts/fontello.svg?3837060#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* Fin Fuentes
--------------------------------------------------------------------------------------------------------*/

/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix para floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* ocultamos clearfix para IE-mac */
.clearfix { display:block; }/* Fin ocultacion para IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { float:none; display:inline-block }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* Fin Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. PreCarga
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:99999; }
#status { z-index:28; position:absolute; color:#2b2b2b; top:50%; height:220px; width:100%; margin-top:-110px; }
#preloader p.small { font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:700; letter-spacing:1px; /*margin-top:-3px;*/ font-family: "Open Sans", Arial, Helvetica, sans-serif; padding:0 !important }
/* centrado horizontal  */
.parent { width:300px; margin:0px auto; position:relative; height:220px; z-index:11 }
.child { text-align:center; }
/* centrado vertical  */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0 50px; }
.child span { text-transform:uppercase; }
.no-js #preloader { display: none; }
/* Fin PreCarga
--------------------------------------------------------------------------------------------------------*/


/* =3. Tipografia
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height:100%; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font: 14px 'Open Sans', Arial, Helvetica, sans-serif; color:#555; position:absolute; height:100%; width:100%; /*background:#fcfcfc*/ }
*, *:after, *:before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; padding: 0; margin: 0; }
strong { font-weight:700; }
a { color:#e44b43; text-decoration:none; }
p a { border-bottom:1px dotted #e44b43; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p a:hover { border-bottom:1px solid #e44b43; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { padding:0px 0px 16px 0; line-height:1.6; font-weight:400; }
.col2-3 p { text-align:left !important }
p.sub-heading { display: block; max-width: 424px; margin: 0 auto; font-size:17px; text-align:center; font-family:'Lora', Georgia, "Times New Roman", Times, serif; padding-bottom:36px; }
.small { font-size:13px; }
p.no-border a { border:0 }
.stand-alone { margin-top:13px; padding-bottom:20px; font-size:19px; font-family:'Lora', Georgia, "Times New Roman", Times, serif; font-style:italic }
#section1 p { color:#fff; }
.content p, p.content, .hentry p { font-size:17px; font-family:'Lora', Georgia, "Times New Roman", Times, serif; }
span.arrow { font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; border:0 !important }
em { font-style:italic; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:0 30px 25px 30px; border:1px dotted #c0c0c0; margin-top:10px; margin-bottom:30px; display:inline-block }
blockquote { padding-top:130px!important; margin:10px 0 25px 0; background:url(../images/icons/bg-chat.png) center 50px no-repeat; background-size:48px 48px; border-left: 0!important;}
.hentry blockquote { padding:0 0 0 30px; margin:0px 0 28px 0; background:none; border-left:2px solid #e0e0e0 }
blockquote p { display: block; margin: 0 auto; padding: 0 12px 0 12px; max-width: 742px; font-style:italic; font-size:19px; text-align:center; font-family:'Lora', Georgia, "Times New Roman", Times, serif; color:#fff }
.hentry blockquote p { max-width:none; padding:0; font-style:italic; color:#333; }
blockquote p a { text-transform: uppercase; font-style: normal; font-size: 12px; line-height: 14px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px dotted #fff; }
blockquote p a:hover { border-bottom:1px solid #fff; }
.superscript { vertical-align: super; font-size:9px }
p .superscript { font-size:11px; }
.divider { padding:0 6px 5px 0; text-align: center; position: relative; font-size: 21px; color: #8E8E8E; margin-top:-5px; }
/* Fin Tipografia
--------------------------------------------------------------------------------------------------------*/


/* =4. Encabezados
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; display:table; /*height:52px;*/ position:relative; float:left; text-transform:none; margin-top: 0px; }
h1#logo a { font-size:18px; display: table-cell; vertical-align: middle; font-family: "Dosis", "Open Sans", Arial, Helvetica, sans-serif; color:#181818 }
.tagline { float:left; font-family:'Lora', Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:400; padding:0 0 0 20px; margin:0px auto; position:relative; display:table; height:52px; margin-top:-1px; font-style:italic; }
.tagline span { display: table-cell; vertical-align: middle; padding:0 0 0 19px; border-left:1px dotted #c0c0c0 }
h2, h3, h4, h5 { font-family: "Dosis", "Open Sans", Arial, Helvetica, sans-serif; line-height:1.25 }
.hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5 { padding-bottom:25px; }
h1 { font-size: 50px; line-height: 1; text-transform: uppercase; color: #2b2b2b; font-weight: 700; }
h2 { font-size: 40px; line-height: 48px; text-transform: uppercase; color: #2b2b2b; font-weight: 700; letter-spacing:5px; }
#section1 h2 { color:#fff; margin-bottom:4px; }
h3 { font-size:36px; font-weight:700; color:#2b2b2b; text-transform:uppercase; line-height:1.1; padding:0 0px 10px 0; text-align:center; letter-spacing:4px; }
.centered h3 { margin-left:4px; }
.hentry h3 { text-align:left }
h4 { font-weight:700; color:#2b2b2b; text-transform: uppercase; font-size: 21px; margin-bottom:15px; letter-spacing:3px; }
.centered h4 { margin-left:3px; }
h4.white {color:#fff; }
h4.with-p-below { margin-bottom:5px; }
h5 { font-weight:500; color:#2b2b2b; text-transform: none; font-size: 18px; line-height: 21px; /*letter-spacing: 3px;*/ margin-bottom:17px; }
/* Fin Encabezados
--------------------------------------------------------------------------------------------------------*/


/* =5. Botones
--------------------------------------------------------------------------------------------------------*/
#arrow-down { position:absolute; bottom:0; left:50%; z-index:11; height:100px; width:70px; margin-left:-35px; background:url(../images/bg-arrow-down.png) no-repeat 21px 26px rgba(255, 103, 95, .8); background-size:28px 16px; text-indent:-9999px; display:block; }
.read-more { position:absolute; z-index:54; bottom:0; left:0; text-align:center; width:100%; margin-bottom:-40px; opacity:0; -webkit-transition: opacity 0.42s ease-in-out 0s, margin 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s, margin 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s, margin 0.42s ease-in-out 0s; }
.gallery_item:hover .read-more { margin-bottom:0; opacity:1 }
.read-more span { background:rgba(255, 103, 95, .8); color:#fff; font-size:12px; text-transform:uppercase; font-style:normal; padding:10px 14px 11px 14px; display:inline-block; margin:0 auto; height:38px; }
/* Fin Texto y Botones
--------------------------------------------------------------------------------------------------------*/


/* =6. Barra navegacion
--------------------------------------------------------------------------------------------------------*/
nav { margin:0px auto; position:relative; display:table; height:52px; float:right; z-index:1000 }
#nav { display: table-cell; vertical-align: middle; }
#nav li { float:left; margin:0px 0px 0px 25px; cursor:pointer; position:relative }
#nav li.external {border-left:1px dotted #c0c0c0; padding-left:25px; }
#nav li a { color:#2b2b2b; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; text-decoration:none; text-transform:uppercase; display:block; padding:3px 0; z-index:100 }
#nav li:hover a { color:#2b2b2b; }
#nav li .menu-line { text-align: center; position: absolute; left:50%; width:30px; margin-left:-15px; font-size: 13px; color: #fff; margin-top:-8px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index:1; pointer-events:none }
#nav li.active .menu-line { color: #8E8E8E; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#nav li.external .menu-line {padding-left:25px; }
/* Fin Barra navegacion
--------------------------------------------------------------------------------------------------------*/


/* =7. Contenido
--------------------------------------------------------------------------------------------------------*/
header { position:relative; z-index: 9999; width:100%; background:#fff; padding:16px 35px 0px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.17); box-shadow:0 1px 0 rgba(0, 0, 0, 0.17); }
#undefined-sticky-wrapper { /*position:fixed;*/ z-index:200; width:100% }
.container { width:960px; position:relative; margin:0 auto; }
.section { position:relative; padding:94px 0 67px 0; display:block; border-bottom:1px solid #d8d8d8; }
.section.no-padding { padding:0; border:0; }
.section.no-border, #section1 { border:0 }
.section.grey { background:#ececec; }
#ancor2, #ancor3, #ancor4, #ancor5, #ancor6, #ancor7, #ancor8 { position:absolute;/* top:-159px;*/ }
#section1 { display:block; height:100%; width:100%; }
.post #section1 { height:80%; }
/* fullscreen intro */
.intro { height:100%; width:100%; background:url(../images/fullscreen-me.jpg) no-repeat center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:block; background-attachment:fixed; }
.touch .intro { background:url(../images/fullscreen-me.jpg) center center no-repeat; background-attachment: scroll; }

.blog #section3 { height:auto; width:100%; background:url(../images/references.jpg) no-repeat center center fixed; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:block; background-attachment:fixed; position:relative }
.blog.touch #section3 { background:url(../images/references.jpg) center center no-repeat; background-attachment: scroll; }

.post1 .intro, .post1 #section3 { height:70%; width:100%; background:url(../images/blog/fullscreen-blog.jpg) no-repeat center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:block; background-attachment:fixed; }
.post1.touch .intro, .post1.touch #section3 { background:url(../images/fullscreen-blog.jpg) center center no-repeat; background-attachment: scroll; }
.post1 #section3 {height:auto !important }

.overlay { display:block; position:absolute; top:0; background-color:rgba(0, 0, 0, .5); z-index:10; width:100%; height:100%; }
.overlay2 { display:block; position:absolute; top:0; background-color:rgba(0, 0, 0, .6); z-index:10; width:100%; height:100%; }
#headline_cycler { display: table; position: absolute; text-align: center; top: 50%; height:140px; margin-top:-70px; width: 100%; z-index:111; }
.headline_cycler_centralizer { display: table-cell; vertical-align: middle; }
#headline_cycler ul.flexslider { display: block; text-align: center; width: 100%; }
#headline_cycler ul.flexslider > li > h2 { font-size: 60px; line-height: 62px; text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 5px; margin-bottom: 8px; margin-left:5px; }
#headline_cycler ul.flexslider > li > p { color: #fff; font-size: 20px; margin: 0; padding: 0 0 0px 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-style:italic }
#headline_cycler .slide { padding: 0 12px; }
.no-js #headline_cycler .slide { display: none; }
.no-js #headline_cycler .slide:first-child { display: block; }
.thin-borderline { background:#e0e0e0; width:100%; display:block; height:1px; position:relative; margin:10px 0 30px 0; }
.borderline { width:100%; display:block; height:1px; position:relative; background-color:rgba(222, 222, 222, 1); margin:15px 0 15px 0 }
.borderline:before { background:none repeat scroll 0 0 rgba(222, 222, 222, 1); bottom:-7px; content:""; height:14px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:14px; margin-left:-7px; }
.borderline:after { background:#fff; bottom:-5px; content:""; height:16px; left:50%; margin-left:-8px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:16px; }
.margin { margin:0 20px; }
.break { display:block; height:30px; width:100%; position:relative }
.tiny-break { display:block; height:10px; width:100%; position:relative }
.big-break { display:block; height:50px; width:100%; position:relative }
.videos { height:350px; width:620px }
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
#quotes-wrapper { height:auto; width:100%; background:url(../images/references.jpg) no-repeat center center fixed; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:block; background-attachment:fixed; position:relative }
.touch #quotes-wrapper { background:url(../images/references.jpg) center center no-repeat; background-attachment: scroll; }
/*only for webkit  browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .intro, #quotes-wrapper, #section3{ 
        background-attachment: scroll;
    }
}
/* =Fin Contenido
--------------------------------------------------------------------------------------------------------*/


/* =8. Columnas grid
--------------------------------------------------------------------------------------------------------*/
.col1-1 { /* width:940px; */ margin:0px 10px; float:none; position:relative; }
.col1-2 { width:460px; margin:0px 10px; float:left; position:relative; }
.col1-3 { width:300px; margin:0px 10px; float:left; position:relative; }
.col2-3 { width:620px; margin:0px 10px; float:left; position:relative; }
.col2-3.no-margin { margin:0 !important; width:640px; }
.column-count2 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; }
.col2-3.column-count2 { padding-right:20px; }
.post .col1-3m { margin:0 auto; float:none }
.col1-1.border-bottom { border-bottom:1px dotted #c0c0c0; padding-bottom:20px; margin-bottom:35px; }
.col1-1.border-top { border-top:1px dotted #c0c0c0; padding-top:20px; margin-top:25px; }
.accordion { margin:5px 0 45px 0; border-top:1px dotted #c0c0c0; }
section.grey .accordion { border-top:0 }
.tab { background:#fff; background-size:28px 16px; border-bottom:1px dotted #c0c0c0; margin-bottom:0px; position:relative }
.tab-arrow { background:url(../images/icons/bg-arrow-down.png) no-repeat; background-size:28px 16px; width:48px; height:48px; position:absolute; right:30px; top:50px; display:block; opacity:0; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; }
.tab.closed:hover .tab-arrow, .tab.open .tab-arrow { opacity:1; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; }
.tab.closed { cursor:pointer }
section.grey .tab { margin-bottom:20px; }
.time-range { width:260px; float:left; margin-right:20px; font-size:21px; font-weight:600; padding:40px; padding-right:0px; padding-top:45px; letter-spacing:-1px; text-transform:uppercase; height:100%; }
.time-range span { font-size:13px; font-weight:400; padding-right:6px; letter-spacing:0; }
.employer { width:660px; padding:14px 60px 7px 40px; border-left:1px dotted #c0c0c0; margin:25px 0; float:left }
.employer h4 { margin-bottom:8px; margin-top:0px; font-size:28px; text-transform:none; letter-spacing:0; font-weight:600 }
.employer h5 small { font-size:13px; font-weight:400; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
/* =Fin Columnas grid
--------------------------------------------------------------------------------------------------------*/


/* =9. Imagenes
--------------------------------------------------------------------------------------------------------*/
.images img { width:100%; display: block; max-width: 100% !important; z-index:9; }
.images { overflow:hidden; position:relative; margin:0 0 20px 0 !important; }
img { box-shadow: #fff 0 0 0 }
.images.round img { border:0 none; border-radius:50%; }
.sliphoveritemTitle { font-size:16px; font-weight:600; line-height:22px; font-family: "Dosis", "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:3.6px; padding-left:3.6px; }
.sliphoveritemTitle span { font-size:13px; font-style:italic; text-transform:none; font-weight:400; letter-spacing:0; font-family: "Open Sans", Arial, Helvetica, sans-serif; display:block; margin-top:-1px }
.sliphoveritemTitle div { position:relative; padding-left:5px; }
/* Fin Imagenes
--------------------------------------------------------------------------------------------------------*/


/* =10. Iconos
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; float:left; margin-top:4px; margin-bottom:20px; }
.centered .icons { float:none; display:inline-block; height:48px; width:48px; margin-top:5px; margin-bottom:14px; z-index:2; }
.map { background:url(../images/icons/bg-map.png) no-repeat center left; background-size:48px 48px; height:48px; width:48px; white-space:nowrap; padding-left:72px; padding-top:5px; margin-top:5px; }
.winner { background:url(../images/icons/bg-winner.png) no-repeat center; background-size:48px 48px; }
.time { background:url(../images/icons/bg-time.png) no-repeat center; background-size:48px 48px; }
.pig { background:url(../images/icons/bg-pig.png) no-repeat center; background-size:48px 48px; }
.adjust { background:url(../images/icons/bg-adjust.png) no-repeat center; background-size:48px 48px; }
.team { background:url(../images/icons/bg-team.png) no-repeat center; background-size:48px 48px; }
.works { background:url(../images/icons/bg-works.png) no-repeat center; background-size:48px 48px; }
.chat { background:url(../images/icons/bg-chat.png) no-repeat center; background-size:48px 48px; }
.notes { background:url(../images/icons/bg-notes.png) no-repeat center; background-size:48px 48px; }
.camera { background:url(../images/icons/bg-camera.png) no-repeat center; background-size:48px 48px; }
.illustration { background:url(../images/icons/bg-illustration.png) no-repeat center; background-size:48px 48px; }
.social { background:url(../images/icons/bg-social.png) no-repeat center; background-size:48px 48px; }
.vector { background:url(../images/icons/bg-vector.png) no-repeat center; background-size:48px 48px; }
.commerce { background:url(../images/icons/bg-commerce.png) no-repeat center; background-size:48px 48px; }
.search { background:url(../images/icons/bg-search.png) no-repeat center; background-size:48px 48px; }
.like { background:url(../images/icons/bg-like.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.document { background:url(../images/icons/bg-document.png) center no-repeat; background-size:48px 48px; }
.apple { background:url(../images/icons/bg-apple.png) center no-repeat; background-size:48px 48px; }
.balance { background:url(../images/icons/bg-balance.png) center no-repeat; background-size:48px 48px; }
.beaker { background:url(../images/icons/bg-beaker.png) center no-repeat; background-size:48px 48px; }
.beer { background:url(../images/icons/bg-beer.png) center no-repeat; background-size:48px 48px; }
.books { background:url(../images/icons/bg-books.png) center no-repeat; background-size:48px 48px; }
.box { background:url(../images/icons/bg-box.png) center no-repeat; background-size:48px 48px; }
.cake { background:url(../images/icons/bg-cake.png) center no-repeat; background-size:48px 48px; }
.calculator { background:url(../images/icons/bg-calculator.png) center no-repeat; background-size:48px 48px; }
.cd { background:url(../images/icons/bg-cd.png) center no-repeat; background-size:48px 48px; }
.champagne { background:url(../images/icons/bg-champagne.png) center no-repeat; background-size:48px 48px; }
.chart { background:url(../images/icons/bg-chart.png) center no-repeat; background-size:48px 48px; }
.cheese { background:url(../images/icons/bg-cheese.png) center no-repeat; background-size:48px 48px; }
.court { background:url(../images/icons/bg-court.png) center no-repeat; background-size:48px 48px; }
.delivery { background:url(../images/icons/bg-delivery.png) center no-repeat; background-size:48px 48px; }
.dvd { background:url(../images/icons/bg-dvd.png) center no-repeat; background-size:48px 48px; }
.eco { background:url(../images/icons/bg-eco.png) center no-repeat; background-size:48px 48px; }
.film { background:url(../images/icons/bg-film.png) center no-repeat; background-size:48px 48px; }
.grape { background:url(../images/icons/bg-grape.png) center no-repeat; background-size:48px 48px; }
.hot { background:url(../images/icons/bg-hot.png) center no-repeat; background-size:48px 48px; }
.house { background:url(../images/icons/bg-house.png) center no-repeat; background-size:48px 48px; }
.icecream { background:url(../images/icons/bg-icecream.png) center no-repeat; background-size:48px 48px; }
.joystick { background:url(../images/icons/bg-joystick.png) center no-repeat; background-size:48px 48px; }
.keynote { background:url(../images/icons/bg-keynote.png) center no-repeat; background-size:48px 48px; }
.link { background:url(../images/icons/bg-link.png) center no-repeat; background-size:48px 48px; }
.magic { background:url(../images/icons/bg-magic.png) center no-repeat; background-size:48px 48px; }
.mail { background:url(../images/icons/bg-mail.png) center no-repeat; background-size:48px 48px; }
.microphone { background:url(../images/icons/bg-microphone.png) center no-repeat; background-size:48px 48px; }
.network { background:url(../images/icons/bg-network.png) center no-repeat; background-size:48px 48px; }
.palette { background:url(../images/icons/bg-palette.png) center no-repeat; background-size:48px 48px; }
.plaster { background:url(../images/icons/bg-plaster.png) center no-repeat; background-size:48px 48px; }
.player { background:url(../images/icons/bg-player.png) center no-repeat; background-size:48px 48px; }
.polaroid { background:url(../images/icons/bg-polaroid.png) center no-repeat; background-size:48px 48px; }
.printer { background:url(../images/icons/bg-printer.png) center no-repeat; background-size:48px 48px; }
.pulse { background:url(../images/icons/bg-pulse.png) center no-repeat; background-size:48px 48px; }
.radio { background:url(../images/icons/bg-radio.png) center no-repeat; background-size:48px 48px; }
.recorder { background:url(../images/icons/bg-recorder.png) center no-repeat; background-size:48px 48px; }
.scissors { background:url(../images/icons/bg-scissors.png) center no-repeat; background-size:48px 48px; }
.select { background:url(../images/icons/bg-select.png) center no-repeat; background-size:48px 48px; }
.serving { background:url(../images/icons/bg-serving.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.shop { background:url(../images/icons/bg-shop.png) center no-repeat; background-size:48px 48px; }
.shopping { background:url(../images/icons/bg-shopping.png) center no-repeat; background-size:48px 48px; }
.smartphone { background:url(../images/icons/bg-smartphone.png) center no-repeat; background-size:48px 48px; }
.sofa { background:url(../images/icons/bg-sofa.png) center no-repeat; background-size:48px 48px; }
.syringe { background:url(../images/icons/bg-syringe.png) center no-repeat; background-size:48px 48px; }
.tape { background:url(../images/icons/bg-tape.png) center no-repeat; background-size:48px 48px; }
.target { background:url(../images/icons/bg-target.png) center no-repeat; background-size:48px 48px; }
.television { background:url(../images/icons/bg-television.png) center no-repeat; background-size:48px 48px; }
.video { background:url(../images/icons/bg-video.png) center no-repeat; background-size:48px 48px; }
.walkman { background:url(../images/icons/bg-walkman.png) center no-repeat; background-size:48px 48px; }
.zoom { background:url(../images/icons/bg-zoom.png) center no-repeat; background-size:48px 48px; }
.tags { background:url(../images/icons/bg-tags.png) center no-repeat; background-size:48px 48px; }
.quote { background:url(../images/icons/bg-quote.png) center no-repeat; background-size:48px 48px; }
/* Fin Iconos
--------------------------------------------------------------------------------------------------------*/


/* =11. Galerias
--------------------------------------------------------------------------------------------------------*/
.full_width_gallery { width: 80%; margin-top: 5px; margin: auto;text-align: center;}
.centralizer, .col1-3 .centralizer { margin: 0 auto; text-align: center; font-size: 0;}
.col1-3 .price-table .centralizer { text-align:center }
.load_more_btn, .button { display: block; color: #e44b43; font-style: italic; border: solid 2px #e44b43; padding: 9px 15px 10px 15px; margin: 60px auto 34px auto; width: 128px; height: 44px; font-size:14px; }
.button.active { font-weight:700; }
.col1-3 .button { margin:0; margin-bottom:25px; }
.centralizer > .load_more_btn, .centralizer > .button { width: auto; display: inline-block; margin-left:5px; margin-right:5px; white-space:nowrap }
.centralizer > .load_more_btn, .centralizer > .button:hover { background-color: #e44b43!important; color: white!important; }
.full_width_gallery > .gallery_item { display: inline-block; /* float: left; */ margin: 0; width: 100%; height: auto; position: relative; overflow: hidden; }
.gallery_item.centered_item { float:none; margin:0 auto; }
.full_width_gallery > .gallery_item > img { display: block; margin: 0; line-height: 0; width: 100%; height: auto; }
.full_width_gallery > .gallery_item > .gallery_item_text { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; padding: 36% 20px 10px 20px; background-color: rgba(0, 0, 0, 0.5); color: #fff; opacity: 0.0; -webkit-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; }
.full_width_gallery > .gallery_item:hover > .gallery_item_text, .full_width_gallery > .gallery_item:active > .gallery_item_text, .full_width_gallery > .gallery_item.active > .gallery_item_text { top: 0; padding-top: 29.4%; opacity: 1.0; -webkit-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s, padding 0.42s ease-in-out 0s; }
.blog .full_width_gallery > .gallery_item > .gallery_item_text, .full_width_gallery > .gallery_item > .gallery_item_text.show { top: 0; opacity: 1.0; padding:0; }
.ie9 .blog .full_width_gallery > .gallery_item > .gallery_item_text { padding-top: 29.4%; }
.flexbox .full_width_gallery > .gallery_item > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item > .gallery_item_text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 40px 20px 10px 20px; }
.gallery_item_text.no-hover { padding: 10px 20px 10px 20px !important; }
.whole-tile { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:55; }
.flexbox .blog .full_width_gallery > .gallery_item > .gallery_item_text, .flexboxlegacy .blog .full_width_gallery > .gallery_item > .gallery_item_text { padding: 10px 20px 10px 20px !important; }
.flexbox .full_width_gallery > .gallery_item > .gallery_item_text > .v_centralizer, .flexboxlegacy .full_width_gallery > .gallery_item > .gallery_item_text > .v_centralizer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-top: 145px;}
.v_centralizer.up { margin-top:-30px; }
.flexbox .full_width_gallery > .gallery_item:hover > .gallery_item_text, .flexbox .full_width_gallery > .gallery_item:active > .gallery_item_text, .flexbox .full_width_gallery > .gallery_item.active > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item:hover > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item:active > .gallery_item_text, .flexboxlegacy .full_width_gallery > .gallery_item.active > .gallery_item_text { padding-top: 10px; }
.v_centralizer strong { text-transform: uppercase; font-size: 16px; line-height: 22px; letter-spacing: 3.6px; /*margin-left:3.6px;*/ padding-bottom:1px; padding-right:50px; padding-left:57px; font-family: "Dosis", "Open Sans", Arial, Helvetica, sans-serif; display:block }
#section4 .v_centralizer strong { font-size: 18px; padding-bottom:3px; }
.blog .v_centralizer strong { font-size: 18px; }
.v_centralizer i { font-size: 13px; }
#section4 .full_width_gallery { cursor:help }
.gallery_item > .gallery_item_text > .social_links { display: block; position: relative; text-align: center; position: absolute; left: 0; bottom: 35%; width: 100%; }
.gallery_item > .gallery_item_text > .social_links > .social_icon { display: inline-block; position: relative; padding: 4px 2px; font-size: 16px; line-height: 26px; height: 32px; width: 24px; top: 159px; color: #fff; -webkit-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; -moz-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; opacity: 1; font-variant: normal; text-transform: none; }
.gallery_item > .gallery_item_text > .social_links > .social_icon:hover { opacity:1; -webkit-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; -moz-transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; transition: top ease-out 0.5s, opacity 0.42s ease-in-out 0s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.pinterest, .gallery_item > .gallery_item_text > .social_links > .social_icon.vimeo, .gallery_item > .gallery_item_text > .social_links > .social_icon.email, .gallery_item > .gallery_item_text > .social_links > .social_icon.googleplus { -webkit-transition: top ease-out 0.6s; -moz-transition: top ease-out 0.6s; transition: top ease-out 0.6s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.twitter, .gallery_item > .gallery_item_text > .social_links > .social_icon.slack { -webkit-transition: top ease-out 0.7s; -moz-transition: top ease-out 0.7s; transition: top ease-out 0.7s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.soundcloud, .gallery_item > .gallery_item_text > .social_links > .social_icon.git, .gallery_item > .gallery_item_text > .social_links > .social_icon.xing { -webkit-transition: top ease-out 0.8s; -moz-transition: top ease-out 0.8s; transition: top ease-out 0.8s; }
.gallery_item > .gallery_item_text > .social_links > .social_icon.facebook, .gallery_item > .gallery_item_text > .social_links > .social_icon.instagram, .gallery_item > .gallery_item_text > .social_links > .social_icon.behance { -webkit-transition: top ease-out 0.9s; -moz-transition: top ease-out 0.9s; transition: top ease-out 0.9s; }
.full_width_gallery > .gallery_item:hover > .gallery_item_text > .social_links > .social_icon, .full_width_gallery > .gallery_item:focus > .gallery_item_text > .social_links > .social_icon, .full_width_gallery > .gallery_item:active > .gallery_item_text > .social_links > .social_icon, .full_width_gallery > .gallery_item.active > .gallery_item_text > .social_links > .social_icon { top: 0; }
.social_icon:before { content: ""; }
.social_icon.facebook:before { content: '\e800'; }
.social_icon.dribbble:before { content: '\e801'; }
.social_icon.behance:before { content: '\e802'; }
.social_icon.git:before { content: '\e803'; }
.social_icon.googleplus:before { content: '\e804'; }
.social_icon.xing:before { content: '\e805'; }
.social_icon.instagram:before { content: '\e806'; }
.social_icon.twitter:before { content: '\e807'; }
.social_icon.youtube:before { content: '\e808'; }
.social_icon.slack:before { content: '\e809'; }
.social_icon.pinterest:before { content: '\e80a'; }
.social_icon.tumblr:before { content: '\e80b'; }
.social_icon.soundcloud:before { content: '\e80c'; }
.social_icon.skype:before { content: '\e80d'; }
.social_icon.linkedin:before { content: '\e80e'; }
.social_icon.vimeo:before { content: '\e80f'; }
.social_icon.flickr:before { content: '\e810'; }
.social_icon.email:before { content: '\e811'; }
/* =Fin Galerias
--------------------------------------------------------------------------------------------------------*/


/* =12. Servicios
--------------------------------------------------------------------------------------------------------*/
.service_box { display: block; text-align: center; margin-top: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:55; position:relative }
.service_item { display: inline-block; padding: 12px 22px; position: relative; cursor:help; text-align: center; min-width: 152px; margin-bottom: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.icon_box { display: inline-block; height: 48px; width: 48px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_name { padding: 0; margin: 13px 0 0 0; }
.service_details:before { background:none repeat scroll 0 0 rgba(212, 212, 212, 1); bottom:-8px; content:""; height:14px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:14px; margin-left:-7px; }
.service_details:after { background:#fff; bottom:-6px; content:""; height:16px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:16px; margin-left:-8px; }
.service_item.hover > .service_details, .service_item.open > .service_details { display: block; }
.service_details > li { text-align: left; font-size: 13px; line-height: 16px; margin-bottom: 5px; position: relative; list-style: circle; margin-left:5px; text-align:left !important; }
ol.service_details > li { list-style:decimal; }
.service_details { display: block; opacity: 0; position: absolute; bottom: 120px; left: 50%; width:248px; margin-left: -124px; background-color: #fff; border: 1px dotted #c0c0c0; padding: 21px 28px 17px 31px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service_item:hover .service_details { bottom: 170px; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service_name { padding: 0; margin: 20px 0 0 0; }
.pie_progress { text-align: center; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 0 auto; left: 37px; top: -3px; }
.pie_progress__number { font-size: 15px; top: -17px; }
.service_box { display: block; text-align: center; margin-top: 30px; }
.ancor-skills { position: absolute; top: -500px; }
.service_lang.hover > .service_details_lang, .service_lang.open > .service_details_lang { display: block; }
.service_lang:hover .service_details_lang { top: 59.3px; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service_lang { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_details_lang:before { background:none repeat scroll 0 0 rgba(212, 212, 212, 1); top: -25px; content:""; height:14px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:14px; margin-left:-7px; }
.service_details_lang:after { background:#fff; top: -31.3px; content:""; height:16px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:16px; margin-left:-8px; }
.service_details_lang { display: block; opacity: 0; position: absolute; top: 16.5px; width:109.2px; margin-left: -32.3px; background-color: #fff; border: 1px dotted #c0c0c0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* =Fin Servicios
--------------------------------------------------------------------------------------------------------*/


/* =13. Slider
--------------------------------------------------------------------------------------------------------*/
#quotes_slider_container { margin: 0 auto; position: relative; z-index:100; padding:40px 0 80px 0 }
#quotes_slider_container > .flex-direction-nav a { opacity: 1.0; }
#quotes_slider_container > .flex-direction-nav .flex-prev, #quotes_slider_container > .flex-direction-nav .flex-next { background-color:rgba(255, 103, 95, .8); }
/* =Fin Slider
--------------------------------------------------------------------------------------------------------*/


/* =14. Panel de Info
--------------------------------------------------------------------------------------------------------*/
.info_panel { padding: 0 21px; }
.info_panel h4 { margin-bottom: 15px; }
.info_panel p + h4 { margin-top: 9px; }
.info_panel h5 {  text-transform: uppercase; }
.info_panel .map span { display: inline-block; border-bottom: 1px dotted #e44b43; font-size: 13px; margin-top: 5px; text-transform:uppercase; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.info_panel .map span:hover { border-bottom:1px solid #e44b43; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.info_panel p { padding-bottom: 28px; }
.info_panel .email_link { text-decoration: none; color: #555; border: none; }
/* =Fin Panel de Info
--------------------------------------------------------------------------------------------------------*/


/* =15. Footer
--------------------------------------------------------------------------------------------------------*/
footer { min-height:100px; margin:0px 0px 0 0px; background:#fff; width:100%; }
footer .container { padding:34px 10px 0 10px; }
footer p { color:#8d8d8d; line-height:32px; }
footer p a { color:#8d8d8d; border:0; }
footer p a:hover { color:#555; border:0; }
footer p a.social_icon { display:block; float:right; position: relative; margin:0; border-left:1px dotted #c0c0c0; font-size: 18px; line-height: 32px; height: auto; width: 34px; color: #8d8d8d; -webkit-transition: opacity 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; opacity: 1; font-variant: normal; text-transform: none; }
/* Fin Footer
--------------------------------------------------------------------------------------------------------*/


/* =16. Listas
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: circle; line-height:1.6; padding:0px 15px 16px 15px; margin-left:5px; text-align:left !important; font-size:14px; }
ol { list-style:decimal; line-height:1.6; padding:0px 15px 16px 15px; margin-left:5px; font-size:14px; }
.centered ol { padding:0; margin:0; }
ul.unordered-list li a, ol li a { border-bottom:1px dotted #e44b43; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
ul.unordered-list li a:hover, ol li a:hover { border-bottom:1px solid #e44b43; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
/* Fin Listas
--------------------------------------------------------------------------------------------------------*/


/* =17. Ajax
--------------------------------------------------------------------------------------------------------*/
.close-ajax { display: inline-block; cursor: pointer; background:url(../images/icons/bg-close.png) no-repeat; background-size:48px 48px; width:48px; height:48px; text-indent:-9999px; text-decoration:none; border:0; margin-bottom:40px; }
.close-ajax:hover {border:0 !important }
#ajax-content .flex-next, #ajax-content .flex-prev { background-color: rgba(255, 103, 95, .8); }
#loading { min-height: 800px; text-align: center; vertical-align: middle; position: relative; }
#loading img { top: 47%; position: absolute; }
.prev-ajax { background-image: url(../images/icons/bg-prev.png); background-size:48px 48px; background-color: transparent; border: none; height: 48px; width: 48px; box-shadow: none; left: -80px; top: 0; position: absolute; color: transparent; position: absolute; cursor: pointer; }
.next-ajax { background-image: url(../images/icons/bg-next.png); background-size:48px 48px; background-color: transparent; border: none; height: 48px; width: 48px; box-shadow: none; right: -80px; top: 0; position: absolute; color: transparent; position: absolute; cursor: pointer; }
/* =Fin Ajax
--------------------------------------------------------------------------------------------------------*/


/* =18. Blog
--------------------------------------------------------------------------------------------------------*/
.centered.white-space {  font-size:0; }
.tag { background:rgba(255, 103, 95, .8); padding:10px 14px 11px 14px; margin:5px; color:#fff; font-weight:600; font-size:14px; display:inline-block }
.tag span { border-left:1px dotted #fff; margin-left:14px; padding-left:14px; font-size:13px; font-style:normal; font-weight:400; }
.container.z-index {z-index:11; }
.centered p a.social_icon { display:inline-block; position: relative; margin:0; font-size: 18px; line-height: 32px; height: auto; width: 24px; color: #8d8d8d; -webkit-transition: opacity 0.42s ease-in-out 0s; -moz-transition: opacity 0.42s ease-in-out 0s; transition: opacity 0.42s ease-in-out 0s; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; opacity: 1; font-variant: normal; text-transform: none; border:0; padding-top:2px; }
.centered p a.social_icon:hover {border:0; }
.blog-author-picture { margin:0 30px; line-height: 0; width: 150px; display:inline-block; margin-top:10px; }
.blog-author-picture > img { display: block; width: 100%; max-width: 150px; }
.close-post { display: block; cursor: pointer; background:url(../images/bg-close.png) no-repeat; background-size:48px 48px; width:48px; height:48px; text-indent:-9999px; text-decoration:none; border:0; position:absolute; top:40px; right:40px; z-index:1111}
.close-post:hover {border:0 !important }
/* =Fin Blog
--------------------------------------------------------------------------------------------------------*/