body{margin: 0; padding: 0; font-family:arcon;font-size:18px;}
body.top-off{padding-top:0;}
.region.region-main-menu{width:100%;}
#toolbar-bar{z-index: 99999;}
nav{font-size:14px;}
.navbar{z-index: 9999;border-bottom:1px solid #000;top:0;padding: 45px 15px 40px 15px; -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);width: 100%;background: white;}
.navbar-brand{padding: 0 40px;}
.navbar .navbar-nav{margin:0 auto;display: flex; justify-content: center;align-items:center;}
a.nav-item{text-transform:uppercase;}
.--navbar-light .navbar-nav .nav-link.is-active{color:#000;}
.navbar-light .navbar-nav .nav-link{color:#000;font-weight:bold;padding:0;}
.region.region-main-menu li.nav-item{padding-right:25px;}
.region.region-main-menu li.nav-item-1{max-width:400px;}
.region.region-main-menu li.nav-item-1 img{margin-top:-13px;height: 33px;}

.navbar.top-off {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; padding: 15px 15px 10px 15px; z-index:2000;}
.navbar.top-off .logo-ham {padding-top: 9px; padding-bottom: 9px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.navbar .logo-ham img{height:auto; width:auto; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.navbar.top-off .logo-ham img{ height:15px; width:auto; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.navbar.top-off #block-oscarprieto-local-tasks li a { padding: 10px 8px !important; font-size: 13px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

section{text-align:center;}
h2{font-size:44px;}
img.rounded.float-left {margin-left: 220px;float: left;}
img.rounded.float-right {margin-right: 220px; float: right;}

/* Title */
#block-oscarprieto-page-title{margin-top:30px;}

/* General */
html, body{ scroll-snap-type: y mandatory; overflow: hidden;}
html.not-front,body.not-front{ scroll-snap-type: initial; overflow: initial;}
body #block-oscarprieto-content { /* scroll-snap-type: y mandatory */; height: calc(100vh - 120px); overflow-y: auto; overflow-x: hidden;position: relative;}
body.not-front #block-oscarprieto-content { scroll-snap-type: initial; height: auto; overflow-y: initial; overflow-x: initial;position: relative;}
body.top-off #block-oscarprieto-content { height: calc(100vh - 78px);}
body.not-front.top-off #block-oscarprieto-content { height: auto;}
section.section-content { scroll-snap-align: start; min-height: calc(100vh - 120px); position:relative;}
.col-lg-7 a, .col-right a{text-transform:uppercase; color:#000; border:1px solid #d4493a; font-size:18.92px; padding:20px 40px;font-weight:bold;}
.col-lg-7 a, .col-right a:hover{color: #fff; background-color: #d4493a;}
.col-right{text-align:right; padding-right:80px; padding-left:45%;}
body:not(.landing-page) main .not-front{margin-top:60px;}
body:not(.landing-page) main .not-front h1{text-align:center;color:#d4493a;font-size:44px;text-transform:uppercase;margin-bottom:30px;}
body:not(.landing-page) main .not-front h2{font-size:25px;text-transform:uppercase;margin-top:30px;}
body:not(.landing-page) main .not-front #block-oscarprieto-content ul{padding-left:30px;}
body:not(.landing-page) main .not-front #block-oscarprieto-content ul li{list-style-type:disc;}
body:not(.landing-page) main .not-front #block-oscarprieto-content ul li:before{display:none;}
body.full-width main > .container{width:100% !important;max-width:100% !important;padding:0 !important;}
body.landing-page .block-page-title-block{display:none;}
a.logo-responsive{display:none;}
.arrow-next-container, .arrow-prev-container{width:100%; position:absolute; bottom:30px; left:0; width:100%;}
.arrow-next-container img.arrow-next, .arrow-prev-container img.arrow-prev{ padding:0; margin:0; cursor:pointer;}

/* Portada varios */
#presentacion .fondo {margin-top:45px;}
#presentacion .fondo {background-size:contain;}

/* Selector de idiomas */
#block-oscarprieto-main-menu{display: inline-block;}
.language-switcher-language-url{display: inline-block;}
.language-switcher-language-url .links{display: flex;}
.language-switcher-language-url .links li.is-active a{text-decoration: underline;}
.language-switcher-language-url .links li.is-active a:hover{text-decoration: underline;cursor:context-menu;opacity: 1;}
.language-switcher-language-url .links li a:hover{text-decoration: underline;}
.language-switcher-language-url .links li a{text-transform: uppercase;font-weight: bold;}

/* Presupuesto */
#presupuesto{padding-bottom:60px; background-image: url(../images/fondo.png); background-repeat:no-repeat; background-size:cover;width:100%;}
#presupuesto .col-right h1{margin:60px 0px 20px 0px;font-size:45px;font-weight:600;padding-left:100px;}
#presupuesto .col-right h1 strong{color:#d4493a;}
#presupuesto .col-right h2{color:#d4493a; font-size:21px; margin-bottom:50px;max-width:500px;font-weight:600;float:right;line-height:180%;}
#presupuesto .col-right img{display:block; margin-left:50%; margin-bottom:50px;}
#presupuesto .col-right .content-btn-presupuesto{display:inline-block;float:right;clear:right;}

/* Presentación */
#presentacion{padding-top:50px;}
#presentacion .container-img{position:absolute;width:100%;top:0;}
#presentacion .container-img img{padding-top:0;}
#presentacion .fondo{ padding-bottom:60px;position:relative;}
#presentacion .fondo::after{background-image: url(../images/fondo-presentacion4.webp); background-repeat:no-repeat;width:50%;height:100%;position:absolute;right:0;top:0;content:'';background-size:cover;}
#presentacion .col-right{padding-top:0;padding-bottom:30px;text-align: left; padding-left: 80px; padding-right: 50%;margin-right:50px;}
#presentacion .col-right h2 p{font-size:45px;font-weight:bold;}
#presentacion .col-right h2 p strong{color:#d4493a;}
#presentacion .col-right .text-color{color:#d4493a;}
#presentacion .col-right .article-content{margin-top:70px; margin-bottom:55px; font-size:23px;}
#presentacion .col-right p{font-size:24.77px; margin-bottom:70px;}
#presentacion .col-right .article-content+p{font-weight:bold;}
#presentacion img{padding-top: 40px;}
#presentacion .col-2{display: flex; align-items: center;}
#presentacion .logos img{padding:20px 0px; }

/* Cómo trabajo */
#como-trabajo{padding:0px 50px 60px 50px; border-top:1px solid #000;}
#como-trabajo .como-trabajo-inner h2{margin-top:100px;}
#como-trabajo .como-trabajo-inner #slider-como-trabajo{height:325px; margin:70px 0px; text-align:left;}
#como-trabajo .como-trabajo-inner #slider-como-trabajo h3{color:#d4493a; font-size:33px;}
#como-trabajo .como-trabajo-inner #slider-como-trabajo p{font-size:23px;}
#como-trabajo .como-trabajo-inner #slider-como-trabajo img.float-left{margin-right:35px;}
#como-trabajo .como-trabajo-inner #slider-como-trabajo img.float-right{margin-left:35px;}

/* por que un freelance */
#porque{padding-bottom:60px; border-top:1px solid #000; height:auto;}
#porque .porque-inner{position:relative; margin:0 auto;}
#porque .porque-inner h2{padding-top:50px; /*padding-bottom:30px;*/color: black;font-size: 45px;font-weight: 600;}
#porque .porque-inner h2 strong {color: #d4493a;}
#porque .porque-inner h3{font-size:28px;}
#porque .porque-inner .porque-lista{width:100%;max-width:1500px;height:655px;margin:0 auto;padding-left:8%;}
#porque .porque-inner .porque-lista div{text-align:left;padding-left: 105px;padding-top: 110px;}
#porque .porque-inner .porque-lista p{font-size:19px;color:black;width: 245px;}
#porque .porque-inner .porque-lista .porque-txt{width:280px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#porque .porque-inner .porque-lista .porque-elemento-1{width:540px; height:415px;background-image:url(../images/fondo-porque-profesionalidad.png); background-repeat:no-repeat; background-size:contain;padding-left:112px;}
#porque .porque-inner .porque-lista .porque-elemento-2{width:495px; height:406px; position:relative; top:-18%; left:8%;background-image:url(../images/fondo-porque-compromiso.png); background-repeat:no-repeat; background-size:contain;padding-top:100px;}
#porque .porque-inner .porque-lista .porque-elemento-3{width:496px; height:390px; position:relative; left:25%; top:-113%;background-image:url(../images/fondo-porque-rapidez.png); background-repeat:no-repeat; background-size:contain;}
#porque .porque-inner .porque-lista .porque-elemento-4{width:472px; height:389px; position:relative; left:55%; top:-185%;background-image:url(../images/fondo-porque-resultados.png); background-repeat:no-repeat; background-size:contain;padding-left:90px;padding-top:100px;}
#porque .porque-inner .porque-lista .porque-elemento-4{left:56%;}
#porque .porque-inner .porque-lista h3{color:black;font-weight:bold;}

/* Dicen */
#dicen{background-color:rgba(157,157,156,.17); padding:80px 50px 60px 50px;}
#dicen .dicen-inner #slider-dicen{height:450px; margin:40px 0px;}
#dicen .dicen-inner #slider-dicen p{font-size:33px;}
#dicen .dicen-inner #slider-dicen .autor p:first-child{font-size:31px; color:#d4493a;}
#dicen .dicen-inner #slider-dicen .autor p{font-size:17px; text-align:left; line-height:1;}
#dicen .dicen-inner #slider-dicen .row:nth-child(2){ padding-top:60px;}
#dicen .dicen-inner #slider-dicen img.float-right{position:relative; top:30%;}
#dicen .dicen-inner #slider-dicen img.float-left{position:relative; top:30%;}

/* Blog */
#blog {padding:0px 50px 60px 50px; border-top:1px solid #000;}
#blog .blog-inner h2{margin-top:80px;font-size: 45px;font-weight: 600;text-transform:uppercase;}
#blog .blog-inner #slider-blog{margin:100px 0px 40px 0px; text-align:left;}
#blog .blog-inner #slider-blog h3{font-size:34px; color:#d4493a; padding-bottom:20px;}
#blog .blog-inner #slider-blog p:nth-child(2){font-size:13px;}
#blog .blog-inner #slider-blog div.text p{font-size:22px; padding-top:35px;}
#blog .blog-inner #slider-blog p:nth-child(5){font-size:22px; color:#bcbcbc; padding-top:35px;}
#blog .blog-inner #slider-blog a{text-transform: lowercase;font-size:26px; padding-top:35px; color:#000; display:block; text-align:right;padding-right: 15px;}
#blog .blog-inner #slider-blog a img{padding-bottom: 5px;}
#blog .blog-inner #slider-blog .float-right {margin-top:20%;}
#blog .blog-inner #slider-blog .float-left {margin-top:20%;}
#blog .blog-inner #slider-blog .slider-blog img:nth-child(3){width:100%;}
#blog .blog-inner #slider-blog .post-blog1{margin-right:30px;}
#blog .blog-inner #slider-blog .post-blog2{margin-left:30px;}
#blog .blog-inner #slider-blog .slider-blog .pie-img{float:right; color:#fff; background-color:#d4493a; font-size:12px; margin-top:3px; padding:0 20px; }

/* Servicios */
#servicios{padding-bottom:60px;background-color:rgba(157,157,156,.17); background-image: url(../images/servicios-fondo-hexa.png) ,url(../images/fondo-servicios.png); background-repeat:no-repeat; background-size:50%, cover; background-position:right, center; }
#servicios .servicios-inner{padding-top: 50px;padding-bottom: 30px;}
#servicios .servicios-inner h2{padding-bottom:70px;}
#servicios .servicios-box{text-align:left;}
#servicios .servicios-box .col-2 img{width: 50px;margin-top: 20px;margin-left: 40px;}
#servicios .servicios-box .servicios-elemento-1{padding: 0px 0px 20px; padding-left:55%;}
#servicios .servicios-box .servicios-elemento-2{background-color:rgba(212,73,58,.1); padding: 20px 0px 0px; padding-left:55%;}
#servicios .servicios-box .servicios-elemento-3{padding: 20px 0px 0px; padding-left:55%;}

/* Contacto */
#contacto .contacto-inner .row{padding-bottom: 60px;padding-top:85px; padding-right:150px; background-image: url(../images/fondo-contacto.png); background-size:contain;}
#contacto .contacto-inner .col-lg-5 img{width:428px;}
#contacto .contacto-inner .col-lg-7{text-align:left;}
#contacto .contacto-inner .col-lg-7 h2{font-size:30px; padding-bottom:30px;}
#contacto .contacto-inner .col-lg-7 p{font-size:24px; padding-bottom:30px;}
#contacto .contacto-inner .col-lg-7 p:nth-child(4){color:#c6c6c6; margin-bottom:0px;}
#contacto .contacto-inner .col-lg-7 input{color:#c6c6c6; font-size:24px; border:none; border-bottom:1px solid #d4493a; width:100%; padding-bottom:20px;margin-bottom:25px;}
#contacto .contacto-inner .col-lg-7 textarea{border:1px solid #d4493a; background-color:#f6f6f6; width:100%; height:74px; margin-bottom:75px;}
#contacto .contacto-inner .col-lg-7 .btn-contacto{text-align:center; margin-bottom:40px;}

#section-footer .rrss {text-align: left; padding-left: 150px;}
#section-footer .rrss i{font-size:2em; color:#9d9d9c; cursor:pointer; cursor: hand; padding: 35px 10px 35px 10px;}
#section-footer .rrss i:hover{color:#d4493a;}

/* Footer */
#section-footer{text-align:center;}
#section-footer .eslogan{padding-top:0; font-style:italic;font-size:24px;margin-bottom:0;}
#section-footer .footer{border-top:1px solid #000;font-size:23px;}
#section-footer .footer .col-2 img{margin-top:50px; margin-bottom:40px;height: 70px;width: auto;}
#section-footer .footer .col-md-5{text-align: right;}
#section-footer .footer .col-md-5 > img{ margin: 40px 0;    margin-top: 75px; height: 225px;}
#section-footer .footer .col-lg-5{border-right:1px solid #000;}
#section-footer .footer .col-lg-7 ul{margin-left:175px; padding-top:90px; }
#section-footer .footer .col-lg-7 li{list-style:none; text-align:left;}
#section-footer .footer .col-lg-7 li i{color:#9d9d9c; margin-right:10px;}
#section-footer .footer .col-lg-7 li i.fa-map-marker-alt{color:#d4493a;}
#section-footer .footer .col-lg-7 li:last-child{color:#d4493a; margin-top:30px;}
footer .subfooter{padding-top:50px; padding-bottom:60px;text-align:center;}
footer .subfooter span{font-size:20px; padding:0px 10px;border-right:2px solid #d4493a;}
footer .subfooter a{font-size:20px; padding:0px 10px;border-right:2px solid #d4493a;}
footer .subfooter a:hover{color:#d4493a;}
footer .subfooter a:last-child{border-right:none;}
.footer ul{text-align: left;padding-left: 150px;margin-top: 100px;}
.footer ul li:before{display:none;}
.footer ul li{color:black; padding-bottom: 5px; font-size: 20px;}
.footer ul li i{padding-right:10px;width: 30px;height: auto;color:#9d9d9c; vertical-align: top;padding-top: 3px;}
.footer ul li > div{display: inline-block;line-height: 30px;}
.footer .col-md-7 ul{padding-right:30px;}
.technologies-wrapper .col-2{width: 14%;}

/* Flotante */
#flotante .flotante{display:scroll; position:fixed; right:40px; bottom:40px; z-index:100; color:#fff;}
#flotante .hexagon{position: relative; width: 120px;  height: 69.28px; background-color: #d4493a; margin: 34.64px 0;}
#flotante .hexagon:before,
#flotante .hexagon:before,
#flotante .hexagon:after { content: ""; position: absolute; width: 0; border-left: 60px solid transparent; border-right: 60px solid transparent;}
#flotante .hexagon:before { bottom: 100%; border-bottom: 34.64px solid #d4493a;}
#flotante .hexagon:after { top: 100%; width: 0; border-top: 34.64px solid #d4493a;}
#flotante .flotante .content-flotante{text-align:center;}

/* Popup Cookies */
#cookiesjsr .cookiesjsr-layer{max-width: 650px; max-height: 440px;}
#cookiesjsr .cookiesjsr-banner.active{background-color: #fff; flex-direction: column;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--info{width: 100%;text-align: center;margin-bottom: 0;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--info .cookiesjsr-banner--text{color: rgb(0, 0, 0);font-size: 16px;font-weight: 300;text-align: center;display: inline;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--info .cookiesjsr-links{ display: inline;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--info .cookiesjsr-links  li a{color: rgb(0, 0, 0);font-size: 16px;font-weight: 600; text-decoration: underline;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--info .cookiesjsr-links  li{display: inline; margin-left: 5px;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action{flex-direction: row-reverse;justify-content: center;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action .cookiesjsr-btn{min-height: unset;width: unset;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action .cookiesjsr-btn.allowAll{padding: 7px 12px; background-color: #d4493a; color: #fff; border: 1px solid #d4493a; text-transform: initial;font-size: 16px;font-weight: 300;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action .cookiesjsr-btn.denyAll{padding: 7px 12px; background-color: #000; color: #fff; border: 1px solid #000;text-transform: initial;font-size: 16px;font-weight: 300;}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action .cookiesjsr-btn.cookiesjsr-settings{padding: 7px 12px; text-transform: initial;background-color: #fff; color: #d4493a ;border:1px solid #d4493a; font-size: 16px;font-weight: 300;}
#cookiesjsr .cookiesjsr-layer .cookiesjsr-layer--header{display: none;}
#cookiesjsr .cookiesjsr-layer  .cookiesjsr-layer--body{top: 0;}
#cookiesjsr .cookiesjsr-layer  .cookiesjsr-layer--body .cookiesjsr-service-group{padding-left:0;}
#cookiesjsr .cookiesjsr-layer  .cookiesjsr-layer--body .cookiesjsr-service-group--content{font-size: 17px;font-weight: 300;}
#cookiesjsr .cookiesjsr-layer  .cookiesjsr-layer--body .cookiesjsr-service-group--tab{font-size: 14px;font-weight:700;}
#cookiesjsr .cookiesjsr-layer  .cookiesjsr-layer--body .cookiesjsr-service-group.active .cookiesjsr-service-group--tab{}
#cookiesjsr .cookiesjsr-layer .cookiesjsr-layer--footer .cookiesjsr-btn.save{}
#cookiesjsr .cookiesjsr-layer .cookiesjsr-layer--footer .cookiesjsr-btn.allowAll{}
#cookiesjsr .cookiesjsr-layer .cookiesjsr-layer--footer .cookiesjsr-layer--actions{justify-content: flex-end;}

/* Btn call me */
.btn-callme{position:fixed;bottom:0;left:0;background:#fff;text-transform: uppercase;color: #000;border: 1px solid #d4493a;font-size: 18.92px;padding: 20px 40px;font-weight: bold;border-radius:0;}
.btn-callme:hover{color: #fff;background-color: #d4493a;}
.btn-callme img{width:25px;margin-right:5px;margin-top:-5px;}
.btn-callme:hover img{filter: invert(1);}

/* Formulario solicitar presupuesto */
#contacto h2{font-size: 25px;color: black !important;text-align: left;}
#contacto .form-text{display: inline;margin-top: 0.25rem;margin-bottom: 20px;border: none;padding-bottom: 15px;border-bottom: 1px solid #D34839;width: 100%;font-size: 20px;}
#contacto div[id^="edit-texto-introductorio"]{text-align: justify !important;margin-top:5px !important;color: black !important;;font-size: 20px !important;margin-bottom: 20px !important;;}
#contacto .js-form-item-mensaje{text-align:left;font-size: 20px;}
#contacto .form-textarea{border: 1px solid #D34839;width:100%;height: 70px;}
#contacto div.form-no-label{text-align: justify;font-size:10.5px;}
#contacto .webform-element--title-inline{text-align:left;}
#contacto input.form-submit{margin-bottom:70px;color: black;margin-top: 40px;font-size: 20px;text-transform: uppercase;padding: 20px;padding-left: 30px;padding-right: 30px;background: white;border: 1px solid #D34839;
font-weight:bold;cursor:pointer;}
#contacto input.form-submit:hover{color: #fff; background-color: #d4493a;}
#contacto .form-item-captcha-response{text-align:left;}
#contacto .form-item-captcha-response input{width:100px;}
#contacto .form-item-captcha-response .description{font-size:14px;margin-bottom:20px;}
#contacto .captcha{text-align:left;}

/* Formulario contrato */
form.webform-submission-contract-hosting-form {width: 50%; margin: 0 auto;}
form.webform-submission-contract-hosting-form .form-text{display: inline;margin-top: 0.25rem;margin-bottom: 10px;border: none;padding-bottom: 10px;border-bottom: 1px solid #D34839;width: 100%;font-size: 20px;}
form.webform-submission-contract-hosting-form .form-email{display: inline;margin-top: 0.25rem;margin-bottom: 10px;border: none;padding-bottom: 10px;border-bottom: 1px solid #D34839;width: 100%;font-size: 20px;}
form.webform-submission-contract-hosting-form .form-select{display: inline;margin-top: 0.25rem;margin-bottom: 10px;border: none;padding-bottom: 10px;border-bottom: 1px solid #D34839;width: 100%;font-size: 20px;color:#9999B3;}
form.webform-submission-contract-hosting-form select{width:100%;}
form.webform-submission-contract-hosting-form .js-form-item{margin-bottom:20px;}
form.webform-submission-contract-hosting-form .js-form-type-select label{font-size: 20px;padding-left: 3px;}
form.webform-submission-contract-hosting-form input.form-submit{margin-bottom: 30px;color: black;margin-top: 40px;font-size: 20px;text-transform: uppercase;padding: 20px;padding-left: 30px;
    padding-right: 30px;background: white;border: 1px solid #D34839;font-weight: bold;cursor: pointer;display: block;margin: 0 auto;margin-bottom: 40px;}

/* Faq content */
#faq-content{margin-bottom: 40px;}

/* Servicios */
/*#servicios h2{margin-bottom: 20px;}*/
#servicios .servicios-inner h2{padding-bottom:50px;font-size: 45px;font-weight: 600;}
#servicios .servicios-inner h2 strong{color:#d4493a;}
#servicios .servicios-inner h3{font-weight:bold;font-size:32px;}
#servicios .servicios-inner .col-10 p{font-size: 27px;line-height: 1.1;padding-right:30px;}

/* Portada Blog */
.slider-blog-portada .post-blog p.fecha-blog span{text-transform:uppercase;}
.slider-blog-portada .post-blog p.fecha-blog span.triangle{width: 0;height: 0;border-style: solid;border-color: #D34839 transparent transparent transparent;border-width: 10px 10px 0 0;}
.slider-blog-portada .post-blog .image{position:relative;}
.slider-blog-portada .post-blog .image img{width: 100%;height: auto;}
.slider-blog-portada .slide-blog:last-child .triangle-image {width: 0;height: 0;border-style: solid;border-width: 0 100px 100px 0;border-color: transparent white transparent transparent;position: absolute;top: 0;right:0 !important;}
.slider-blog-portada .slide-blog:first-child .triangle-image {width: 0;height: 0;border-style: solid;border-width: 100px 100px 0 0;border-color: white transparent transparent transparent;position: absolute;top: 0;left:0;}
.slider-blog-portada .post-blog .categoria-blog{background: #D34839;text-align: right;margin: 0 auto;position: absolute;right:15px;padding: 2px 20px 0px 40px;text-transform: uppercase;color: white;margin-top:3px;}
.slider-blog-portada .post-blog .categoria-blog > span{ display:block;position:relative; font-size: 14px;}
.slider-blog-portada .post-blog .categoria-blog span.down-triangle{position: absolute;top: -3px;left: -40px;width: 0;height: 0;border-style: solid;border-width: 35px 0 0 35px;
border-color: transparent transparent transparent white;}
.slider-blog-portada .post-blog .categoria-blog p{margin-top:50px;}

/* Blog full */
.slider-blog .post-blog p.fecha-blog span{text-transform:uppercase;}
.slider-blog .post-blog p.fecha-blog span.triangle{width: 0;height: 0;border-style: solid;border-color: #D34839 transparent transparent transparent;border-width: 10px 10px 0 0;}
.slider-blog .post-blog .categoria-blog{background: #D34839;text-align: right;margin: 0 auto;position: absolute;right:15px;padding: 3px 20px 3px 40px;text-transform: uppercase;color: white;margin-top:5px;}
.slider-blog .post-blog .categoria-blog > span{ display:block;position:relative;}
.slider-blog .post-blog .categoria-blog span.down-triangle{position: absolute;top: -3px;left: -40px;width: 0;height: 0;border-style: solid;border-width: 35px 0 0 35px;
border-color: transparent transparent transparent white;}
.slider-blog .post-blog p{margin-top:50px;}
.slider-blog .post-blog a{font-size: 22px;padding-top: 35px;color: #000;display: block;text-align: right;padding-right: 15px;}
.slider-blog nav{width:100%;}
.slider-blog ul{text-align: center;margin: 40px 0;}
.slider-blog ul li{display:inline-block;}
.slider-blog ul li:before{display:none;}
.slider-blog ul li a{color:black;}
.blog-details .post-blog .categoria-blog{ background: #D34839;text-align: right;margin: 0 auto;position: absolute;right:15px;padding: 3px 20px 3px 40px;text-transform: uppercase;color: white;margin-top:-45px;}
.blog-details .post-blog p.fecha-blog span{text-transform:uppercase;}
.blog-details .post-blog p.fecha-blog span.triangle{width: 0;height: 0;border-style: solid;border-color: #D34839 transparent transparent transparent;border-width: 10px 10px 0 0;}
.blog-details .post-blog .categoria-blog > span {display:block;position:relative; }
.blog-details .post-blog .categoria-blog span.down-triangle{position: absolute;top: -3px;left: -40px;width: 0;height: 0;border-style: solid;border-width: 35px 0 0 35px;
border-color: transparent transparent transparent white;}
.blog-details .post-blog .image{width:100%;margin-bottom:60px;}
.blog-details .post-blog .image img{width:100%;}

/* Cuestionario presupuesto */
#questionnaire .questions-box ol li .question{text-align: left;font-weight:bold;}
#questionnaire .respuesta-box {text-align: left;}
.list-questions{list-style-type:decimal-leading-zero;}
.list-answers{list-style-type:lower-latin;}

/* Ayuda accordion */
.faq-wrapper .faq-categories-wrapper *:focus{outline:none;}
.faq-wrapper .faq-categories-wrapper .ui-icon,
.faq-wrapper .faq-categories-wrapper .ui-widget-content .ui-icon {background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png);}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper{border:none;margin-bottom:5px;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .ui-accordion-header{margin:0;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .ui-corner-top{border-top-right-radius:0px;border-top-left-radius:0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .ui-corner-all{border-top-right-radius:0px;border-top-left-radius:0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper h3{background-color:#D54C3D;color:white;border: 1px solid #D54C3D;text-transform:uppercase;text-align: left;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper h3.ui-state-active{background-color:#D54C3D !important;color:white;border: 1px solid #D54C3D;text-align: left;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .faq-category-inner{border:none;height:auto !important;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .faq-category-inner .question-answer-wrapper{margin-bottom:3px;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .faq-category-inner .question-answer-wrapper .faq-question{color:black;background-color:white;border: none;border:1px solid #D54C3D;font-size:16px;padding:2px;text-align: left;}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .faq-category-inner .question-answer-wrapper .faq-question .ui-icon,
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .faq-category-inner .question-answer-wrapper .faq-question .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_D54C3D_256x240.png);}
.faq-wrapper .faq-categories-wrapper .faq-category-wrapper .faq-category-inner .question-answer-wrapper .faq-answer{border: none;height:auto !important;font-size:14px;text-align: left;}

/* Cómo trabajo */
.swiper-pagination-bullet-active{background: #d4493a;}
.swiper-slide-next .how-element{padding-left:30px;}
.swiper-slide{padding-right: 30px;margin-right: 5px;}
.icon-hexagon{margin: 0 auto;}

/* radio buttons style: */
.js-form-type-radio {margin: 0.5rem;}
.js-form-type-radio input[type="radio"] {position: absolute;opacity: 0;}
.js-form-type-radio input[type="radio"] ~ .option{cursor:pointer;}
.js-form-type-radio input[type="radio"] ~ .option:before {content: '';background: #f4f4f4;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 1.4em;height: 1.4em;position: relative;
  top: -0.2em;margin-right: 0.5em;vertical-align: middle;cursor: pointer;text-align: center;transition: all 250ms ease;}
.js-form-type-radio input[type="radio"]:checked ~ .option:before {background-color: #d4493a;box-shadow: inset 0 0 0 4px #f4f4f4;}
.js-form-type-radio input[type="radio"]:focus ~ .option:before {outline: none;border-color: #d4493a;}
.js-form-type-radio input[type="radio"]:disabled ~ .option:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.js-form-type-radio input[type="radio"] ~ .option:empty:before {margin-right: 0;}

/* checkboxes style: */
.js-form-type-checkbox {margin: 0.5rem;}
.js-form-type-checkbox input[type="checkbox"] {position: absolute;opacity: 0;}
.js-form-type-checkbox input[type="checkbox"] ~ .option{cursor:pointer;}
.js-form-type-checkbox input[type="checkbox"] ~ .option:before {content: '';background: #f4f4f4;border: 1px solid #b4b4b4;display: inline-block;width: 1.4em;height: 1.4em;position: relative;
  top: -0.2em;margin-right: 0.5em;vertical-align: middle;cursor: pointer;text-align: center;transition: all 250ms ease;}
.js-form-type-checkbox input[type="checkbox"]:checked ~ .option:before {background-color: #d4493a;box-shadow: inset 0 0 0 4px #f4f4f4;}
.js-form-type-checkbox input[type="checkbox"]:focus ~ .option:before {outline: none;border-color: #d4493a;}
.js-form-type-checkbox input[type="checkbox"]:disabled ~ .option:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.js-form-type-checkbox input[type="checkbox"] ~ .option:empty:before {margin-right: 0;}

/* techonologies logos */
.technologies-wrapper{margin-bottom:0;display: none;}
.technologies-wrapper .col-2 div{text-align:center;}
.technologies-wrapper .col-2 div img[alt="Drupal"]{max-width:100px;}
.technologies-wrapper .col-2 div img[alt="JavaScript"]{max-width:70px;}
#section-footer .technologies-wrapper{display: block;}

/* Blog interno */
main .not-front{margin-top:0;}

@media (min-width: 992px){
  .nav-ham{display: none;}
}
@media(max-width:1699px){
  /* por que un freelance */
  #porque .porque-inner h2{padding-bottom: 30px;}
  #porque .porque-inner .porque-lista{padding-left: 2%; height: 790px;}
  #porque .porque-inner .porque-lista .porque-elemento-1{height: 412px; padding-left: 100px;}
  #porque .porque-inner .porque-lista .porque-elemento-2{height: 392px; top: -8%; left: 8%;}
  #porque .porque-inner .porque-lista .porque-elemento-3{height: 375px; top: -88%;left: 32%;}
  #porque .porque-inner .porque-lista .porque-elemento-4{height: 377px; top: -156%;left: 60%;}

  #section-footer .footer ul {font-size: 20px; padding-left: 120px;margin-top: 30px; padding-right: 0px;}
  #section-footer .rrss{padding-left: 118px;}
  #section-footer .footer .col-md-5 > img{margin-top: 40px;}
}
@media(max-width:1399px){
  #presupuesto .col-right{padding-bottom: 95px;}
  #presupuesto .col-right h1{padding-left:0;}
  #servicios .servicios-box .col-2 img{margin-left: 0;}
  #section-footer .footer{padding: 0 20px;}
  #section-footer .footer ul{padding-left: 40px;}
  #section-footer .rrss i{padding: 35px 30px 35px 0px;}
  #section-footer .rrss{padding-left: 50px;}
  /*#section-footer .footer .row{width: 100%;}*/
}
@media(max-width:1199px){
  /* Header */
  .region.region-main-menu{padding-right: 60px;}
  .navbar-brand{padding: 0 40px 0 0;}
  .region.region-main-menu li.nav-item-1 img{height: 25px;}
  nav.navbar .navbar-collapse{max-width: 100%;}
  .language-switcher-language-url{position: absolute; top: 49px;}
  .navbar.top-off .language-switcher-language-url{top: 28px;}
  .navbar.top-off .region.region-main-menu li.nav-item-1 img{height: 15px;}
  /* Presupuesto */
  #presupuesto{background-position-x: -100px !important;}

  /* Presentacion */
  #presentacion .col-right{margin-right:0;padding-right:30px;padding-bottom:30px !important;width: 48%;}
  #presentacion .col-right .article-content{font-size:19px;}
  #presentacion .col-right > p{font-size:23px;}
  #presentacion .col-right h2 p{font-size:40px;}

  /* Servicios */
  #servicios .servicios-inner h3{font-size:30px;}
  #servicios .servicios-inner .col-10 p{font-size:20px;}

  /* Footer */
  #section-footer .footer{padding: 0 0 0 25px;}
  #section-footer .footer .row{width: 100%;}
  #section-footer .footer ul{padding-left: 0px;}
  #section-footer .rrss{padding-left: 10px;}
}
@media (max-width: 991px){
  /* Menu */
  .region.region-main-menu{padding-right: 0;}
  .navbar .navbar-collapse.show{padding-top: 60px;}
  .navbar .navbar-collapse #block-oscarprieto-main-menu{display: block; text-align: center; width: 100%;}
  .language-switcher-language-url{display: none; position: absolute; top: 85px; right: 0; width: 100%;}
  .language-switcher-language-url .links{justify-content: center;}
  .navbar .navbar-collapse.show .language-switcher-language-url{display: block;}
  .region.region-main-menu{display: none;}
  .navbar .navbar-collapse.show .region.region-main-menu{display: block;}
  /* General */
  .col-right{margin-left:0 !important;background-color: rgba(255, 255, 255, 0.8);}
  #block-oscarprieto-page-title{margin-top:0;}
  main .not-front h1 {font-size:25px;line-height: 100%;padding-top:0;margin-top:0;}
  #presentacion .col-right{width: 100%; padding: 35px 20px;}
  #presentacion .fondo::after{z-index: -1; width: 100%;}
  #dicen .dicen-inner #slider-dicen .autor p:first-child{font-size:21px;}
  #dicen .dicen-inner #slider-dicen .valoracion img{width:300px;}
  #contacto .contacto-inner .col-lg-5 img{width:350px;}

  /* footer */
  #section-footer .container-img{display: none;}
  footer .footer{font-size:20px;}
  footer .footer .col-lg-7 ul{margin-left:20px;}
  footer .footer img:first-child{width:250px;}
  footer .subfooter a{font-size:20px;}
  .footer ul{padding-left:50px;}
  #section-footer .footer{font-size: 20px; padding: 0 15px;}
  #section-footer .footer .col-md-5 img{max-width: 200px;}
  #section-footer .rrss{padding-left: 70px;}
  #section-footer .footer ul{padding-left: 60px;}
  #section-footer .footer .col-2 img{width: 30px;}
  #section-footer .footer .col-2 img[alt="Drupal"]{width: 50px;}
  #section-footer .footer .col-2 img[alt="PHP"]{width: 60px;}
  #section-footer .footer .col-2 img[alt="JavaScript"]{width: 42px;}
  #section-footer .footer .col-md-5{text-align: center;}

  /* How i work */
  .swiper-slide{padding-left: 10px;}
  #como-trabajo .como-trabajo-inner #slider-como-trabajo .col-2 img{width:35px; height:auto;}

  /* Servicios */
  #servicios {background-size: 0%, cover;background-position:left;}
  #servicios .container-img{display: none;}
  #servicios .servicios-box div{padding-left:5% !important;}
  #servicios .servicios-inner{background-color: rgba(255, 255, 255, 0.8);}
  #servicios .servicios-box{padding-right:0;}
  #servicios .servicios-inner h2{margin-bottom:20px;padding: 0 20px 50px;}

  /* Presupuesto */
  #presupuesto{background-size: 100%, 100%;background-position: left center; padding-top: 50px;}
  #presupuesto .col-right{background-color: rgba(255, 255, 255, 0.4); padding-left: 20px; margin-right: 0; padding-right: 20px; text-align: right;}
  #presupuesto > img{display:none;}

  /* quien soy */
  #presentacion .fondo{background-size: cover !important;}
  #presentacion .fondo{padding-bottom:0;margin-bottom:40px;}
  #presentacion .col-right{padding-bottom:20px;padding-left:30px;}
  #presentacion .container-img{display: none;}

  /* por que un freelance */
  #porque .container-img{display: none;}
  #porque .porque-inner{margin-bottom: -140px;}
  #porque .porque-inner .porque-lista{height:auto; padding-left: 0; display: flex;flex-direction: column;align-items: center; justify-content: center;}
  #porque .porque-inner .porque-lista div{padding-left: 90px;}
  #porque .porque-inner .porque-lista .porque-elemento-1{margin-left:70px;}
  #porque .porque-inner .porque-lista .porque-elemento-2{margin-left:0;top: -90px; left: 23px;height: 400px;}
  #porque .porque-inner .porque-lista .porque-elemento-3{width:496px; height:446px; position:relative; left:490px; top:-650px;background-image:url(../images/fondo-porque-rapidez.png);
    background-repeat:no-repeat;background-size:contain;top: -185px; left: 35px; height: 380px;}
  #porque .porque-inner .porque-lista .porque-elemento-4{width:472px; height:460px; position:relative; left:55%; top:-1420px;background-image:url(../images/fondo-porque-resultados.png);
    background-repeat:no-repeat;background-size:contain;top: -258px;left: 30px;height: 395px;}

  /* Main menu */
  .nav-bar{display: none;}
  .nav-ham img{margin-left:50px;}
  .navbar .navbar-nav{display:none;}
  .navbar{padding:70px 0 0 0 !important;z-index:1000;}
  .region.region-main-menu li.nav-item{width:100%;}
  .region.region-main-menu li.nav-item-1{display:none;}
  .navbar-light .navbar-toggler{background-color: #d4493a;border-radius:0;position: absolute;top: 13.5px;right: 10px;outline:none;}
  .navbar.top-off .logo-ham img{width:60%;height:auto;}
  .region.region-main-menu li.nav-item{border-top: 1px solid black;padding: 0 0;}
  .region.region-main-menu li.nav-item a{padding: 15px 0;}
  ul.navbar-nav.hide-menu{display:none;}
  ul.navbar-nav.show-menu{display:block;}
  .navbar.top-off{padding:30px 0 0 0;}
  button.navbar-toggler div{width: 35px;height: 3px;background-color: white;margin: 6px 0;}
  a.logo-responsive{display:block;}
  a.logo-responsive img{position: absolute;top:22px;left:10px; height: 25px;}

  /* Footer */
  footer .subfooter{text-align: left;padding: 30px 20px;}
  footer .subfooter a, footer .subfooter span{display: block;border-right: none;line-height: 40px;}
}
@media(max-width:767px){
  .col-right{text-align:center; margin-right:50px; margin-left: 40%;}
  #presentacion .fondo{margin-top:70px;}
  #como-trabajo .como-trabajo-inner #slider-como-trabajo{height:530px;}

  /* Dicen */
  #dicen .dicen-inner #slider-dicen{height:570px;}
  #dicen .dicen-inner #slider-dicen .col-2 img{width:60px;}

  /* Blog */
  #blog .blog-inner #slider-blog{margin:100px 0px 40px 0px; text-align:left; height:2000px;}
  #blog .blog-inner #slider-blog .float-right {margin-top:50%;}
  #blog .blog-inner #slider-blog .float-left {margin-top:50%;}

  /* Presupuesto */
  #presupuesto .col-right{text-align: center;}
  #presupuesto .col-right h1{margin:20px 0px 50px 0px;}
  #presupuesto .col-right h2{float: none; margin: 0 auto;padding-bottom: 20px;}
  #presupuesto .col-right img{height:50px; margin-bottom:30px;}

  /* Servicios */
  #servicios{background-size:70%, cover; padding-bottom:70px; padding-top:80px;background-position: center;}
  #servicios .col-lg-2 img{width:50px;}

  /* Footer */
  footer .footer .col-lg-7 ul{margin-left:30px;}
  .footer ul {padding-left: 15%;margin-top:0;}
  footer .footer img:first-child{width:200px;}
  #section-footer .footer ul{width: fit-content; margin: 0 auto;}
  #section-footer .rrss{width: fit-content; margin: 0 auto; padding: 0;}

  /* Contacto */
  #contacto .contacto-inner .row{padding-right:20px;}
  #contacto .contacto-inner .col-lg-5 img{width:150px;}
  .col-lg-7 a, .col-right a{padding:20px 20px;}

  /* Contact inner */
  .contacto-inner .col-md-5 img{max-width:60%;}
  .contacto-inner .col-md-7 .region-newsletter{padding-left:30px;padding-right:15px;}

  /* Blog */
  #blog .blog-inner #slider-blog {margin-top:0;height:100%;}

  /* How i work */
  .swiper-slide{padding-right:45px;}

  /* por que un freelance */
  /*#porque .porque-inner .porque-lista > div {width: 100% !important;left: 30px !important; margin-left: 40px;}
  #porque .porque-inner .porque-lista .porque-elemento-4{top:-1050px !important;}
  #porque .porque-inner .porque-lista .porque-elemento-3{top:-210px !important;margin-left: 20px;}
  #porque .porque-inner .porque-lista .porque-elemento-1{padding-left:140px;}
  #porque .porque-inner .porque-lista .porque-elemento-2{top: 650px;margin-left: 20px;}
  #porque .porque-inner h2{margin-bottom:150px;}
  #porque .porque-inner .porque-lista .porque-elemento-1{position:relative; left: 50px;}
  #porque .porque-inner .porque-lista .porque-elemento-2{top:0px; left:50px;}
  #porque .porque-inner .porque-lista .porque-elemento-3{left:50px; top:0px;}
  #porque .porque-inner .porque-lista .porque-elemento-4{left:50px; top:0px;}*/

  section.section-content{
    min-height:0;
  }
}
@media (max-width: 576px) {
  img.rounded.float-left {margin-left: 30px;}
  img.rounded.float-right {margin-right: 30px;}

  h2{font-size:30px;}
  .col-lg-7 a, .col-right a{font-size:16px; padding:10px;}
  .col-right{text-align:right; margin-right:30px; margin-left: 20%;}

  #como-trabajo .como-trabajo-inner #slider-como-trabajo{height:400px;}
  #como-trabajo .como-trabajo-inner #slider-como-trabajo img.float-left{margin-right:10px;}
  #como-trabajo .como-trabajo-inner #slider-como-trabajo img.float-right{margin-left:10px;}

  /* Dicen */
  #dicen .dicen-inner #slider-dicen{height:800px;}
  #dicen .dicen-inner #slider-dicen img.float-right{width:30px;}
  #dicen .dicen-inner #slider-dicen img.float-left{width:30px;}
  #dicen .dicen-inner #slider-dicen .autor{padding:20px 0px;}

  /* Blog */
  #blog .blog-inner #slider-blog .float-right {margin-top:20%;}
  #blog .blog-inner #slider-blog .float-left {margin-top:20%;}

  /* Servicios */
  #servicios{background-size:100%, cover; padding-bottom:70px; padding-top:80px;}
  #servicios .col-xs-1 img{width:20px;}
  #servicios .servicios-box .servicios-elemento-1{padding: 20px 10px; padding-left:45%;}
  #servicios .servicios-box .servicios-elemento-2{padding: 20px 10px; padding-left:45%;}
  #servicios .servicios-box .servicios-elemento-3{padding: 20px 10px; padding-left:45%;}
  #servicios .servicios-inner .col-10 p{padding-right:10px; font-size: 19px;}
  #servicios .servicios-inner h2{font-size: 35px;}
  #servicios .servicios-inner h3{font-size: 23px;}

  #contacto .contacto-inner .col-lg-5 img{width:100px;}
  /*#contacto .contacto-inner .row{padding-left:70px;}*/

  /* Footer */
  footer .footer .col-lg-7 ul{margin-left:20px; margin-right:20px;}
  footer .footer img:first-child{width:150px;}

  /* Contacto */
  #contacto input.form-submit{font-size:18px;padding:15px 10px;}

  /* Main menu */
  a.logo-responsive img{max-width:50%; min-width:220px; top:23px;}

  /* Presupuesto */
  .col-right{margin-left:5% !important;}
  #presupuesto{background-size:0%,0% !important;}
  #presupuesto .col-right h1{margin-bottom:20px !important;margin-top:-30px !important;margin:20px 0px 50px 0px; font-size:35px;}
  #presupuesto .col-right{margin:0 15px !important;}
  #presupuesto .col-right .content-btn-presupuesto{float:none;margin-left:10px;margin-bottom:30px;}
  #presupuesto .col-right h2{margin-bottom:20px;}
  #presupuesto .col-right img{height:50px; margin: 0px auto 30px;}
  #presupuesto a{padding:10px; display: block;}

  /* Homepage */
  #presentacion > img {display:none;}
  #presentacion .col-right h2 p{font-size:35px !important;}
  #presentacion .col-right{margin-right:0 !important; margin-left: 0 !important;padding: 20px 15px 30px;}
  #presentacion .fondo{margin-top:30px;}
  #presentacion a{padding:10px;}

  /* por que un freelance */
  #porque .porque-inner .porque-lista > div {margin-left:-80px !important;}
  #porque .porque-inner .porque-lista > div {background-image:none !important;}
  #porque .porque-inner .porque-lista .porque-elemento-1{width: 100%;}
  #porque .porque-inner .porque-lista .porque-elemento-2{width: 100%;}
  #porque .porque-inner .porque-lista .porque-elemento-3{width: 100%;}
  #porque .porque-inner .porque-lista .porque-elemento-4{width: 100%;}
  #porque .porque-inner h2{padding:0 15px;}

  /* por que un freelance */
  #porque .porque-inner{padding-bottom: 45px;margin-bottom: 0;}
  #porque .porque-inner .porque-lista > div {margin-left:0 !important;left:0 !important;}
  #porque .porque-inner .porque-lista .porque-elemento-1{padding:0 15px;top:0 !important;margin-top:30px;height:auto;}
  #porque .porque-inner .porque-lista .porque-elemento-2{padding:0 15px;top:0 !important;margin-top:0;height:auto;}
  #porque .porque-inner .porque-lista .porque-elemento-3{padding:0 15px;top:0 !important;margin-top:0;height:auto;}
  #porque .porque-inner .porque-lista .porque-elemento-4{padding:0 15px;top:0 !important;margin-top:0;height:auto;}
  #porque .porque-inner .porque-lista{margin-left:0;}
  #porque .porque-inner .porque-lista h3{font-size:23px;}
  #porque .porque-inner .porque-lista p{padding:0;width:auto;}
  #porque .porque-inner h2{font-size:35px;margin-top:60px;}

  /* Blog */
  #blog{padding:0;}
  .swiper-slide{padding:0 !important;margin-right:0;}

  /* Contacto */
  .contacto-inner .col-md-7 .region-newsletter{padding-left:15px;padding-right:0;}
}
@media (max-width: 480px){
  /* how i work */
  .swiper-slide{padding-left: 15px;}

  /* Servicios */
  #servicios .servicios-box .col-2 img{display:none;}
  /* #servicios .servicios-box div{padding-left:0 !important;}*/
  #servicios .servicios-box .col-2{display:none;}
  #servicios .servicios-box .col-10{padding:0 15px;flex: 0 0 100%;max-width:100%;}

  /* footer */
  .footer .col-md-7 ul{padding: 0 15px !important;}
  .footer .col-md-7 ul li{padding-left:0;}
  #section-footer .footer ul{padding: 0 !important;}
  #section-footer .footer .col-2{padding: 0;}
}

#contacto .contacto-inner .region-newsletter .block-webform-block form .captcha .captcha__title{display: none;}
@media (max-width: 767px){
  footer .subfooter{padding-bottom: 100px;}
}
@media (max-width: 500px){
  #cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--action{flex-direction: column;}
}