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

/* Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display: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; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }

/*-------------------------------------------------------------------------------------*/

/* CARGANDO
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:9999; }
#status { z-index:28; position:absolute; color:#fff !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.box-parent { position:relative; height:100%; width:100%; display:table; z-index:11 }
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }
#preloader .child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.box-parent .child { padding-top:10px; }

/* ---------------------------------------------------------------------------------------*/

/* TYPOGRAPHY
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font-size: 14px; font-family:"Lora", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; background:#000; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing: antialiased; }
strong { font-weight:600; color:#555; }
a, a * { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a, a:hover, a:focus { color:#555; text-decoration:none; outline: 0; }
a:hover { color:#2b2b2b }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; text-rendering: optimizeLegibility; outline: 0; }
*:focus, *:after:focus, *:before:focus { outline: 0; }

p { line-height:1.5; padding:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position:relative;}
a { text-decoration:none; }
p a { color:#888; text-decoration:underline; }
p a:hover { color:#2b2b2b; text-decoration:underline; }
a p { color:#555; text-decoration:none; }
em { font-style:italic; }

.teaser a p { color:#888; text-decoration:underline; }
a:hover p { color:#2b2b2b; }
p.small a { color:#888; text-decoration:none; position:relative }
p.small { font-size:10px !important; text-transform:uppercase; font-weight:400; color:#888 !important; letter-spacing:2px; padding-left:2px; font-family:"Oswald", Arial, Helvetica, sans-serif; text-decoration:none !important; }
p.elvagon a { color:#888; text-decoration:none; position:relative }
p.elvagon { font-size:10px !important; text-transform:uppercase; font-weight:400; color:#888 !important; letter-spacing:2px; padding-left:2px; font-family:"Oswald", Arial, Helvetica, sans-serif; text-decoration:none !important; }
.twitter-feed-inner .user { display: block; margin-bottom: 10px; font-size:10px !important; text-transform:uppercase; font-weight:400; color:#888 !important; letter-spacing:2px; padding-left:2px; font-family:"Oswald", Arial, Helvetica, sans-serif; text-decoration:none !important; }
#preloader p.small { color:#fff !important; padding:0 !important }
.stats p { font-size:85%; text-align:left; text-decoration:none !important; color:#555 !important; padding-bottom:0; margin-bottom:0; font-style:italic; }
.larger-text p { padding-bottom:9px; }
.larger-text p.small { padding-top:2px; }
p.date { font-size:13px; }
span.line-through { text-decoration:line-through; }
blockquote { border:0; color:#888; font-style:italic; position:relative; margin:50px 0 10px; text-align:center !important; }
.larger-text blockquote { float:left; width:35%; padding:10px 30px; }
blockquote p { line-height:1.25; font-size:19px !important; padding:0 !important }
blockquote::before { content:"“”" !important; position:absolute; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; left:50%; top:-35px; font-weight:600; width:70px; margin-left:-35px; color:#555; letter-spacing:0.1em; }
blockquote p.name { font-style:normal; color:#555; letter-spacing:0; font-weight:600; font-size:13px !important; margin-top:5px; position:relative; }
.button {  border-radius:30px; background:rgba(0,0,0,0.05); padding:10px 25px 14px; line-height:1; font-size:14px; display:inline-block; margin-bottom:10px; }
.button:hover { background:rgba(0,0,0,0.1);}

/* ----------------------------------------------------------------------------------------------*/

/* Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; margin:0; margin-top:35px; margin-bottom:0px; text-align:center; font-size:0; }
h1#logo a { display:inline-block; background:url(../images/mirandahd.png) center no-repeat; background-size:137px 76px; width:137px; height:76px; text-indent:-9999px; }

h1#logo1 { display:block; position:relative; margin:0; margin-top:35px; margin-bottom:0px; text-align:center; font-size:0; }
h1#logo1 a { display:inline-block; background-size:137px 76px; width:137px; height:76px; text-indent:-9999px; }

.tagline { text-align:center; margin-bottom:3px; margin-top:-10px; position:relative;  }
.tagline p.small { font-size:12px !important; padding:0 15px; display:inline-block; text-transform:none; }
.tagline p.small span { background:#000; z-index:1; position:relative; padding:0 5px 0 7px; }
.tagline p.small::before { border-bottom:1px solid #888; height:1px; content:""; width:100%; position:absolute; top:50%; left:0; }
.year, h1, h2, h3, h4, h5, h6, h4 span.small, h5 span.small { line-height:1.3; color:#2b2b2b; position:relative; font-family:"Oswald", Arial, Helvetica, sans-serif; display:inline-block; font-weight:400; }
span.small { padding-left:2px; }
h1, .year, .tweet-icon { font-size:60px; line-height:1.2; letter-spacing:-3px; }
.year { margin-top:-10px; }
h2 { font-size:44px; line-height:1.2; letter-spacing:-2px; }
h2 strong { letter-spacing:-1px; }
h3 { font-size:24px; line-height:31px; }
h4 { font-size:20px; line-height:27px; }
h5 { font-size:17px; }
h6 { font-size:14px; color:#888; padding:0 15px; letter-spacing:1px; }
h6::before { border-bottom:1px solid #888; height:1px; content:""; width:100%; position:absolute; top:50%; left:0; }
h6 span { background:#000; z-index:1; position:relative; padding:0 5px 0 6px; }
.header { margin-top:-2px !important; }
.lone-header { margin-top:-10px; }
.grey-bg-large h2 { max-width:60%; display:inline-block }

/* ------------------------------------------------------------------------------------------*/

/* MENÚ
--------------------------------------------------------------------------------------------------------*/
#menu-button { float:left; font-size:14px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor:pointer; margin-top:16px; margin-bottom:16px; display:none; z-index:145; }
#nav-button { display:inline-block; width:16px; margin:0; margin-left:5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align:middle; }
.nav-bar { background-color:#555; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} 
#main-nav ul#options {padding:0px; position:relative; text-align:center; }
#main-nav ul#options li { display:inline-block; padding-right:25px; }
#main-nav a { text-decoration: none; color: #FFF; font-size:14px; text-transform:uppercase; font-weight:400; color:#888; letter-spacing:2px; font-family:"Oswald", Arial, Helvetica, sans-serif; padding:20px 0 5px 0; display:block; }
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav li a:hover, #options li a.current, #options li a.selected { color: #565656; }
#main-nav ul#options li .sub-nav { position:absolute; background:#fff; margin-left:-15px; }
#main-nav ul#options li .sub-nav > li { display:block; border-top:1px solid #d8d8d8; padding-right:0 }
#main-nav ul#options li .sub-nav > li > a { font-size:10px; padding: 13px 15px 14px 15px; display:block; line-height:1;  }
#main-nav ul#options li .sub-nav > li > a:hover { background:#f5f5f5; }
.menu-open #nav-button span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.menu-open #nav-button span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -2px; -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; }
.menu-open #nav-button span:nth-child(3) { display: none; }

/*---------------------------------------------------------------------------------------*/

/* MAIN
--------------------------------------------------------------------------------------------------------*/
#header { position:fixed; z-index:155; width:100%; -webkit-transform: translateZ(0); background:#000; }
#content { width:100%; position:relative; /*z-index:55;*/ height:auto; padding-top:30px; background:#000; }
.container { padding:0px; position:relative; padding-top:10px; padding-bottom:10px; margin:0 auto; }
header .container, footer .container { padding:0; margin:0 auto; }
#container { margin-left:10px; padding-top:30px; }

/* -----------------------------------------------------------------------------------*/

/* Column Grid
--------------------------------------------------------------------------------------------------------*/
.rectangle {  text-align:center; float:left; }
.col1-1.rectangle, .col1-2.rectangle, .col-half.rectangle { width:290px; }
.col2-2.rectangle, .col2-1.rectangle { width:580px; }
.col3.rectangle { width:870px; height:auto; margin-bottom:10px; }
.col4.rectangle { width:1160px; height:auto; margin-bottom:10px; }
.auto { height:auto !important; margin-bottom:10px; }
.padding-wrapper { position:relative; height:calc(100% - 10px); width:calc(100% - 10px); overflow:hidden; }
.grey-bg { background:#fff; position:absolute; left:0; bottom:0; height:auto; min-height:55%; width:100%; padding:11%; }
.teaser .grey-bg { padding-bottom:calc(11% + 35px); }
.grey-bg.no-padding { padding:0 }
.grey-bg2 { background:#fff; padding:12%; }
.full-height { height:100%; }
.grey-bg-large { background:#fff; position:relative; width:100%; padding-top:4%; padding-bottom:4%; }
.larger-text { text-align:left; padding-top:20px; }
.contains-rectangles { padding:10px 0; }

/* -------------------------------------------------------------------------------------*/

/* CONTENT
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:20px; width:100%; }
.borderline { background:#d8d8d8; height:1px; width:100%; display:block; margin:15px 0 10px; position:relative }
.stats { border-top:1px solid #d8d8d8; background:#f5f5f5; width:100%; display:block; margin:15px 0 0px; position:absolute; padding:12px 11% 22px; bottom:0; left:0; }

.grey-bg-large .stats { border-top:1px dotted #eee; position:relative; left:auto; bottom:auto; padding:12px 0 0; margin-top:25px; }
.grey-bg-large .stats .alignleft { padding-top:2px; }
.left-to-avatar { text-align:left !important; padding-left:140px; }
.centralizer { display: table-cell; vertical-align: middle; }

table { table-layout:fixed; border-bottom:1px solid #ddd; margin-top:20px; }
thead, th.heading { color:#2b2b2b; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; }
.final-price { font-weight:600; }
table th, table td { vertical-align:middle !important; }
table a, table a:hover { text-decoration:underline; }
table i.fa { color:#555 !important; }
table i.fa:hover { color:#2b2b2b !important; }

/* -----------------------------------------------------------------------------------------*/

/* ICONOS
--------------------------------------------------------------------------------------------------------*/
.social-list { padding-bottom:10px; padding-top:10px; margin:0; cursor:default; font-size:0; }
header .social-list { padding:0; position:relative; top:18px; margin-right:2px; z-index:145; }
.stats .social-list { padding:0; }
.left-to-avatar .social-list { padding-bottom:0; }
.social-list li { display:inline-block; padding:0 5px; }
.stats .social-list li { padding:1px 0 0 10px; }
.social-list.alignleft li, .left-to-avatar .social-list li { padding:0 10px 0 0 }
.left-to-avatar .social-list li { padding:0 10px 0 0 }
.sidebar .social-list li { padding:0 5px; }
.social-list li a i { color:#555; font-size:16px; margin:0; }
.social-list.big li a i { color:#2b2b2b; font-size:22px; }
.social-list li a:hover i { color:#2b2b2b; }
nav .social-list li { padding:0 10px 0 0; }
nav .social-list li a { border:0 !important; }
nav .social-list li a i { color:rgba(255,255,255,0.6); }
nav .social-list li a:hover i { color:rgba(255,255,255,0.9); }
.social-list li.shopping-cart { border-left:1px solid #d8d8d8; margin-left:10px; padding-left:10px; }
.social-list li span { font-size:10px; position:relative; top:-5px; font-family:"Oswald", Arial, Helvetica, sans-serif; margin-left:3px;}
h5 i.fa { position:relative; top:-1px; }
i.fa { margin-right:3px; color:#2b2b2b }
p i.fa, .button i.fa { color:#555; font-size:11px !important; }
a:hover i.fa { color:#2b2b2b; }
a:hover .stats i.fa { color:#555; }

.circled { width:80px; height:80px; display:table; margin:0 auto; text-align:center; margin-bottom:6px; margin-left:12px; }
.circled:hover { background:#f5f5f5; }
.circled i.fa { display:table-cell; font-size:18px;  }

.abaredes { background:url(../images/clientes/abaredes.png) center no-repeat; }
.alucoil { background:url(../images/clientes/alucoil.png) center no-repeat; }
.ambulanciasrodrigo { background:url(../images/clientes/ambulanciasrodrigo.png) center no-repeat; }
.ananaturismo { background:url(../images/clientes/ananaturismo.png) center no-repeat; }
.aytomiranda { background:url(../images/clientes/aytomiranda.png) center no-repeat; }
.aytomriberabaja  { background:url(../images/clientes/aytomriberabaja.png) center no-repeat; }
.aytopancorbo { background:url(../images/clientes/aytopancorbo.png) center no-repeat; }
.azpiaran { background:url(../images/clientes/azpiaran.png) center no-repeat; }
.bfe { background:url(../images/clientes/bfe.png) center no-repeat; }
.bielsa { background:url(../images/clientes/bielsa.png) center no-repeat; }
.castillocuzcurrita { background:url(../images/clientes/castillocuzcurrita.png) center no-repeat; }
.centrodietetico { background:url(../images/clientes/centrodietetico.png) center no-repeat; } 
.ciudaddemiranda { background:url(../images/clientes/ciudaddemiranda.png) center no-repeat; }
.clubmirandes { background:url(../images/clientes/clubmirandes.png) center no-repeat; }
.cofradia { background:url(../images/clientes/cofradia.png) center no-repeat; }
.ebrovision { background:url(../images/clientes/ebrovision.png) center no-repeat; }
.icscyl { background:url(../images/clientes/icscyl.png) center no-repeat; }
.itm { background:url(../images/clientes/itm.png) center no-repeat; }
.mirandaempresas { background:url(../images/clientes/mirandaempresas.png) center no-repeat; }
.josu { background:url(../images/clientes/josu.png) center no-repeat; }
.kanlli { background:url(../images/clientes/kanlli.png) center no-repeat; }
.merkatu { background:url(../images/clientes/merkatu.png) center no-repeat; }
.juntacyl { background:url(../images/clientes/juntacyl.png) center no-repeat; }
.novadiet-logo { background:url(../images/clientes/novadiet.png) center no-repeat; }
.talgo { background:url(../images/clientes/talgo.png) center no-repeat; }
.stinser { background:url(../images/clientes/stinser.png) center no-repeat; }
.rtvcyl { background:url(../images/clientes/rtvcyl.png) center no-repeat; }
.monasterio { background:url(../images/clientes/monasterio.png) center no-repeat; }
.truchuelo { background:url(../images/clientes/truchuelo.png) center no-repeat; }
.mirandes { background:url(../images/clientes/mirandes.png) center no-repeat; }
.gamarra { background:url(../images/clientes/gamarra.png) center no-repeat; }
.galemys { background:url(../images/clientes/galemys.png) center no-repeat; }
.talleresmac { background:url(../images/clientes/talleresmac.png) center no-repeat; }
.promecal { background:url(../images/clientes/promecal.png) center no-repeat; }
.sonocid { background:url(../images/clientes/sonocid.png) center no-repeat; }
.semeslogo { background:url(../images/clientes/semes.png) center no-repeat; }
.semescas { background:url(../images/clientes/semescas.png) center no-repeat; }
.beloki { background:url(../images/clientes/beloki.png) center no-repeat; }
.ccp { background:url(../images/clientes/ccp.png) center no-repeat; }
.labrit { background:url(../images/clientes/labrit.png) center no-repeat; }
.onza { background:url(../images/clientes/onza.png) center no-repeat; }
.mapfre { background:url(../images/clientes/mapfre.png) center no-repeat; }

.icons { height:30px; width:30px; margin:0 auto; margin-bottom:15px; float:none; opacity:0.85; }
.icons.video { background:url(../images/icons/1-video.png) center no-repeat; background-size:36px 36px; }
.icons.grafico { background:url(../images/icons/2-grafico.png) center no-repeat; background-size:36px 36px; }
.icons.web { background:url(../images/icons/3-web.png) center no-repeat; background-size:30px 30px; }
.icons.eventos { background:url(../images/icons/4-eventos.png) center no-repeat; background-size:30px 30px; }
.icons.like { background:url(../images/icons/facebook.png) center no-repeat; background-size:30px 30px; }
.icons.contacto { background:url(../images/icons/contacto.png) center no-repeat; background-size:30px 30px; }

/*-------------------------------------------------------------------------------------------*/

/* PROYECTOS
--------------------------------------------------------------------------------------------------------*/
img { width:100%; display: block; max-width: 100%; z-index:9; -webkit-box-shadow:#fff 0 0 0; box-shadow: #fff 0 0 0;  }
.round img, .avatar img { border:0 none; border-radius:50%; }
.col1-1 .avatar img { width:80px; height:80px; display:inline-block; margin-bottom:20px; }
.sidebar .avatar { margin-top:10px; }
.col1-2 .avatar img, .col2-2 .avatar img, .col3 .avatar img { width:110px; height:110px; }
.col3 .avatar { float:left; margin-right:30px; }

.images { display:block; position:relative; opacity:1; }
a:hover .images { opacity:0.6; }

.background-contacto { background:url(../images/contacto.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }

.background-boda1 { background:url(../images/works/bodas/r+j.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda2 { background:url(../images/works/bodas/v+i.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda3 { background:url(../images/works/bodas/s+m.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda4 { background:url(../images/works/bodas/p+r.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda5 { background:url(../images/works/bodas/b+m.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda6 { background:url(../images/works/bodas/b+a.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda7 { background:url(../images/works/bodas/p+c.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda8 { background:url(../images/works/bodas/a+i.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-boda9 { background:url(../images/works/bodas/o+i.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }

.background-mirandes1 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes2 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes3 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes4 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes5 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes6 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes7 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes8 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes9 { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }

.background-lidertv { background:url(../images/works/lidertv.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-laregadera { background:url(../images/works/laregadera.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-arrate { background:url(../images/works/arrate.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-apolo { background:url(../images/works/apolo.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-castillo { background:url(../images/works/castillo.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-lahistoria { background:url(../images/works/lahistoria.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semanasanta { background:url(../images/works/semanasanta.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-simulacro { background:url(../images/works/simulacro.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-sanjuan { background:url(../images/works/sanjuan.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-aereos { background:url(../images/works/aereos.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-monasterio { background:url(../images/works/monasterioespino.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-centrodietetico { background:url(../images/works/centrodietetico.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandahd { background:url(../images/works/mirandahd.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-nervion { background:url(../images/works/nervion.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-goragasteiz { background:url(../images/works/goragasteiz.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-curso { background:url(../images/works/curso.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-ikasbidea { background:url(../images/works/ikasbidea.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-viranda { background:url(../images/works/viranda.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes { background:url(../images/works/mirandes.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes2015 { background:url(../images/works/mirandes2015.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-mirandes2016 { background:url(../images/works/mirandes2016.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-lapava { background:url(../images/works/lapava.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-infisport { background:url(../images/works/infisport.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-ferrocarril { background:url(../images/works/ferrocarril.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-ebrovision { background:url(../images/works/ebrovision.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-dhpancorbo { background:url(../images/works/dhpancorbo.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-novadiet { background:url(../images/works/novadiet.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-colestia { background:url(../images/works/colestia.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-trainer365 { background:url(../images/works/trainer365.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-belladel { background:url(../images/works/belladel.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-kildetox { background:url(../images/works/kildetox.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-castillo { background:url(../images/works/castillo.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-carrerat { background:url(../images/works/carrerat.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-esfinter { background:url(../images/works/esfinter.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-elvagon { background:url(../images/works/elvagon.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-elvagon-joseba { background:url(../images/works/elvagon-joseba.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-elvagon-pablo { background:url(../images/works/elvagon-pablo.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-elvagon-juanito { background:url(../images/works/elvagon-juanito.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-elvagon-jesus { background:url(../images/works/elvagon-jesus.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-viajes { background:url(../images/works/viajes.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-roma { background:url(../images/works/roma.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-venecia { background:url(../images/works/venecia.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-portugal { background:url(../images/works/portugal.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-praga { background:url(../images/works/praga.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-paris { background:url(../images/works/paris.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semes1 { background:url(../images/works/semes1.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semes2 { background:url(../images/works/semes2.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semes3 { background:url(../images/works/semes3.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semes4 { background:url(../images/works/semes4.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semes5 { background:url(../images/works/semes5.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-semes6 { background:url(../images/works/semes6.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }
.background-ebola { background:url(../images/works/ebola.jpg) no-repeat center; height:100%; display:block; width:100%; -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;  }

.images.alignleft { width:40%; margin:7px 30px 17px 0; z-index:1; position:relative }
.videos { width:1140px; height:650px; border:0;}
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.musicWrapper { position:relative; height:auto; margin-bottom:-6px; }
.musicWrapper iframe { width:100%; height:auto; }
.covering-image { position:absolute; left:0; top:0; width:100%; height:100%; border:0; z-index:19; display:block; padding:11%; }
.info-box-content { height:100%; width:100%; }
.info-box-content .parent { height:100%; width:100%; }
.info-box-content .child { vertical-align:middle;}

.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4  { color:#fff !important; border-bottom:0px solid rgba(255,255,255,1); margin:4px; opacity:0; }
/*.covering-image h4::after { content:""; border-bottom:1px solid rgba(255,255,255,1); position:absolute; left:0; bottom:1px; height:1px; width:100%; }*/

.covering-image h4 .underline { background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
 -webkit-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
  -o-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
   -ms-background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
background-size:.05em 1px,.05em 1px,1px 1px;background-repeat:no-repeat,no-repeat,repeat-x;background-position:0 90%,90% 90%,0 90% }

.covering-image p.small { border:0; background-color:#000;}
.covering-image p.elvagon { border:0; margin-top:-40px; background-color:#000; }
a:hover .covering-image h4 { opacity:1; }
a:hover .covering-image p { opacity:0.7 !important; }

.left-corner { width:13px; height:13px; position:absolute; left:35px; top:35px; border-left:2px solid rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.7); display:block; opacity:0; }
.right-corner { width:13px; height:13px; position:absolute; right:35px; top:35px; border-right:2px solid rgba(255,255,255,0.7); border-top:2px solid rgba(255,255,255,0.7); display:block; opacity:0; }
.left-corner.bottom { bottom:35px; top:auto; border-bottom:2px solid rgba(255,255,255,0.7); border-top:0; opacity:0; }
.right-corner.bottom { bottom:35px; top:auto; border-bottom:2px solid rgba(255,255,255,0.7); border-top:0; opacity:0; }
a:hover .left-corner, a:hover .right-corner, a:hover .left-corner.bottom, a:hover .right-corner.bottom { opacity:1; }

.hidden-content { opacity:0; }
a:hover .hidden-content { opacity:1; }
.child h1 { line-height:1; margin-top:0; }
.image-caption { position:absolute; right:35px; top:35px; background:#fff; z-index:99; padding:7px 10px; font-family:"Oswald", Arial, Helvetica, sans-serif; color:#2b2b2b; font-size:12px; }
.image-caption i.fa {position:relative; top:-1px }

/* ---------------------------------------------------------------------------------------------*/

/* LISTAS
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul, ol { list-style:outside none disc; line-height:1.5; padding:0px 0px 10px 30px; font-size: 14px; font-family:Lora, "Helvetica Neue", Helvetica, Arial, sans-serif; }
ol { list-style:outside none decimal; }
.child ul.unordered-list, .child .hentry ul, .child ol { list-style:inside none disc; padding:0px 0px 10px 0px; }
.child ol { list-style:inside none decimal; padding:0px 0px 10px 0px; }

ul.unordered-list li, ol li { padding-bottom:7px; }
ul.unordered-list li:last-child, ol li:last-child { padding-bottom:0px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; text-decoration:underline; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; text-decoration:underline; }

ul.tag-list { list-style: none; line-height:1.5; padding:0px 0px 0px 0px; text-align:center; font-size:0; }
ul.tag-list li { display:inline-block }
ul.tag-list li a { background:none; width:auto; height:auto; border:1px solid #d8d8d8; padding: 8px 12px 10px; margin: 10px 5px 0px 5px; font-size:12px; line-height:1; display: inline-block; color:#555; border-radius:3px; }
ul.tag-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px; color:#888 }
ul.tag-list li a:hover { color:#2b2b2b; background:#f5f5f5;  }

ul.category-list { list-style: none; line-height:1.5; padding:10px 0px 0px 0px; text-align:center; font-size:0; margin-bottom:0; }
ul.category-list li { display:block }
ul.category-list li a { background:none; width:100%; height:auto; border-top:1px dotted rgba(0,0,0,0.1); padding: 12px 12px 15px; margin:0; font-size:14px; line-height:1; display: block; color:#555; }
ul.category-list li:last-child a { border-bottom:1px dotted rgba(0,0,0,0.1); }
ul.category-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px; color:#888 }
ul.category-list li a:hover { color:#2b2b2b;}

/* ----------------------------------------------------------------------------------------------*/

/* FOOTER
-------------------------------------------------------------------------------------------------------
#footer { min-height:105px; margin:0px; padding:21px 0px 19px; border-top:1px solid rgba(0,0,0,0.05); width:100%; position:relative; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); text-align:center }
footer .container { padding:0 9px; }
footer p { color:#888; font-size:12px; padding:0; border:0; text-decoration:none }
footer p a { color:#888; }
footer p a:hover { color:#fff; }
span.padding { padding:0 3px 0 3px; }
footer .social-list { margin-left:20px; padding:0; padding-top:2px; }

--------------------------------------------------------------------------------------------*/

footer { height:auto; position:relative; padding:0px 35px 95px 35px; text-align:center; }
footer p {
	display:inline-block;
	margin:0 10px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:0px;
	font-style:normal;
	text-transform:none;
	color:#888;
}
footer p a { color:#888; border:0 }
footer p span { font-family:Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; color:#888; font-style:italic }
footer p a:hover { color:#888; }


@font-face {
    font-family: 'si';
    src: url('icons/socicon.eot');
    src: url('icons/socicon.eot?#iefix') format('embedded-opentype'),
         url('icons/socicon.woff') format('woff'),
         url('icons/socicon.ttf') format('truetype'),
         url('icons/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(icons/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
	margin-bottom:10px;
}

.soc a:hover {
    z-index: 2;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
	color:f5f5f5;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 19px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    margin-right: 7px;
    color: #565656;
	
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter:before {
    content:'\e040';
}
.soc-facebook:before {
    content:'\e041';
}
.soc-instagram:before {
    content:'\e057';
}
.soc-vimeo:before {
    content:'\e052';
}
.soc-youtube:before {
    content:'\e051';
}