/* Theme Name: KD 2025 Theme URI: https://codeados.com/ Version: 1.0.0 Author: Codeados Author URI: https://codeados.com/ Description: KD 2025 */ /** RESET **/ html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset,figure{margin:0;padding:0}html,body,div,header,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}img,fieldset{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}span{display:inline-block}img{max-width:100%;height:auto} /** GENERAL STYLING **/ html,body{height:100%;margin:0;padding:0} body{ color:var(--negro);background:var(--blanco);font-family:var(--font-body),sans-serif;font-size:var(--font-size);height:100%; } body.noscroll { overflow: hidden } a { color: var(--negroalt); text-decoration: none; outline: none } hr {border-bottom: 2px dashed var(--corporativo2); height: 0; border-top: none; margin-top: 25px; margin-bottom: 25px; } a:hover { text-decoration: underline } :focus { box-shadow: 0 0 2px var(--gris) } p { margin: 0 0 1.1em; padding: 0; font-weight: 400; line-height: 145%; font-size:var(--font-size); } small { font-size: 90% } blockquote { padding: 10px 30px 15px; padding-left: 40px; border-left: 10px solid #ced4da; box-sizing: border-box; } body.noscroll { overflow: hidden } #content { } #page { } strong { font-weight:600 } /* LIST */ ul, ol { margin: 0px 0 1.4em 22px; padding: 0; line-height: 140% } li { margin: 0 0 .5em 0; padding: 0 } ul.no-dots { list-style: none; margin: 0; margin-bottom: 30px } ul.list-border { list-style: none; margin: 0; margin-bottom: 30px } ul.list-border li { border-bottom: 1px solid var(--gris); margin: 0; padding: 10px 0 } ul.list-border li:last-child { border-bottom:none; } ul.list-border li > a { display: block; } ul.list-border li > a:hover, ul.list-border li > a:focus { background: #f7f7f7; text-decoration: none; } ul.fsize20 li { padding-left: 1.3em } li.li-with-actions { padding-right: 120px !important; position: relative; overflow: auto } .li-actions { position: absolute; top: 13px; right: 5px; text-align: right; font-size: 20px; color: var(--corporativo2); } /* HEADINGS AND TEXTS */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-title); line-height: 120%; margin: 0; margin-bottom: 15px; font-weight: 500; } h1, .h1 { font-size: 2.2em; ; } h2, .h2 { font-size: 1.8em;} h3, .h3 { font-size: 1.6em } h4, .h4 { font-size: 1.4em } h5, .h5 { font-size: 1.2em } h6, .h6 { font-size: 1.1em } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit } .jumbotitle{font-size:5vh; line-height: 105%;}.jumbotitle_8{font-size:8vh; line-height: 105%;}.fsize18{font-size:18px}.fsize20{font-size:20px}.fsize25{font-size:25px}.fsize30{font-size:30px}.fsize35{font-size:35px}.fsize40{font-size:40px}.fsize60{font-size:60px}.light{font-weight:300}.textnormal{font-weight:400!important}.bold{font-weight:600}.bordertitle{display:inline-block;border-bottom:1px solid;line-height:1.4;margin-bottom:10px}.sep_title{width: 70px; border-bottom:4px solid var(--corporativo1);max-width:100px;margin:20px 0}.sep_title.white{border-bottom:4px solid var(--blanco)}.sep_title.light{ border-bottom-width:2px; }p:empty{display:none}.textlight{font-weight:300}.textnormal{font-weight:400}.textmedium{}.textbold{font-weight:bold}.colorwhite{color:#fff}.colorwhite a{color:white}.colorprimary{color:var(--corporativo1)}.colorsecondary{color:var(--corporativo2)}.colorerror{color:var(--corporativo1)}.colorsuccess{color:#39b000}.colorlight{color:var(--grisclaro)}.colorgray{color:var(--gris)}.colorblackalt{color:var(--negroalt)}.colorgrayalt{color:var(--grisalt)} .text-shadow { text-shadow: 2px 2px 5px #222;} /** FORMULARIOS **/ input, textarea, select, input[type=search], button { margin: 0; box-sizing: border-box; font-family: var(--font-body) } input[type=text], input[type=email], input[type=password], input[type=date], textarea, select, input[type=search], input[type=tel], input[type=number], input[type=time] { padding: 10px 10px; font-size: 16px; line-height: 16px; font-family: var(--font-body); width: 100%; box-sizing: border-box; margin-bottom: 0px; color: #000; border: 1px solid #555; border-radius: 0; background: #f8f8f8; border-radius: 8px;} input[type=color] { width: 100% } input[type=text], input[type=email], input[type=search], input[type=tel], input[type=date], input[type=number], input[type=time] { width: 100%; box-sizing: border-box } input[type=date] { padding: 7.7px 10px } textarea { } select { padding: 9px } textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus, input[type=time]:focus { outline: none } input[type=reset], input[type=submit], button { cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; background: #000000; color: #fff; border: none; margin: 0 !important; cursor: pointer; border-radius: 3px } input[type=reset]:hover, input[type=submit]:hover, button:hover, input[type=reset]:focus, input[type=submit]:focus, button:focus { background: var(--negro) } label { display: block; line-height: 130%; font-size: 110%; margin-bottom: 8px; font-weight: 600; } .pointer { cursor: pointer } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset } input:-webkit-autofill { -webkit-text-fill-color: var(--negro) !important } @supports (-webkit-overflow-scrolling:touch) { input[type=date], select { padding: 12.5px } input, textarea, select, input[type=search], button { -webkit-appearance: none } .input_half { } } input[type=checkbox] { -webkit-appearance: initial!important; -moz-appearance: initial!important; appearance: initial!important; border: 2px solid var(--negro); width: 25px; height: 25px; border-radius: 3px; vertical-align: middle; } input[type=checkbox]:checked {} input[type=checkbox]:checked::before { content: '\2713'; font-size: 18px; padding-left: 3px; line-height: 22px } input[type=file] { background: #fffdec; display: block; width: 100%; padding: 20px; box-sizing: border-box; border: 2px dashed #cabf51; border-radius: 10px } .icon_float_input { opacity: 0.4; position: absolute; right: 20px; top: 10px; font-size: 22px !important } .input_full { width: 100%; font-size: 15px; margin-bottom: 10px; position: relative } .input_full.nm { margin-bottom: 0 } .input_half { width: 50%; display: inline-flex; font-size: 15px; position: relative } .input_quarter { width: 25%; display: inline-flex; font-size: 15px; vertical-align: top } .input_3quarter { width: 75%; display: inline-flex; font-size: 15px; vertical-align: top } .input_full > .input_half { width: calc(50% - 7px); vertical-align: top } .input_full > .input_half:first-child { margin-right: 5px } .input_full > .input_half:last-child { margin-left: 5px } .input_full > .input_quarter:first-child { margin-left: 0 } .input_full > .input_quarter:last-child { margin-right: 0px } .input_full > .input_3quarter { width: calc(75% - 10px) } .input_full > .input_3quarter:first-child { margin-left: 0 } .input_full > .input_3quarter:last-child { margin-right: 0px } .acepto_lopd { font-size: 13px; margin: 0 15px; line-height: 16px !important } .acepto_lopd a { font-size: 13px; line-height: 16px !important } .input_full.radio { line-height: 35px; margin-bottom: 10px } .input_full.radio input { visibility: hidden; display: none } .input_full.radio * { vertical-align: middle; line-height: 35px } .input_full.radio i { font-size: 25px; margin: 0 10px } .input_for { cursor: pointer; display: inline-block; width: 30px; height: 30px; background: #FFF; border: 1px solid } input[type="radio"]:checked+label, input[type="checkbox"]:checked+label { } #lopd { zoom: 1.5 } .input_full .input_estrecho { background: #D9D9D9; padding: 2px 5px; border: 1.5px solid var(--corporativogris) } .input_full .input_blanco { background: #FFF; text-align: center; padding: 2px 5px; border: 1px solid transparent } .input_full .input_blanco:focus { border: 1px solid #ccc } .label_radio_check { display: inline-block; width: 22px; height: 22px; margin-top: 5px; border: 1px solid var(--corporativogris) } .radio_check_label { display: none } .radio_check_label:checked+label { text-align: center; line-height: 20px } .radio_check_label:checked+label:before { content: '✔' } ::-webkit-input-placeholder { color: var(--corporativogris) } :-moz-placeholder { color: var(--corporativogris); opacity: 1 } ::-moz-placeholder { color: var(--corporativogris); opacity: 1 } :-ms-input-placeholder { color: var(--corporativogris) } ::placeholder { color: RGBA(0, 0, 0, 0.4) } .form-check-input { vertical-align: middle } .form-check-label { margin-left: 20px; display: inline; vertical-align: middle } .input_white { border-color: white!important; color: initial!important; } .input_round { border-radius: 30px!important; } /*=========== Estructura =========== */ .container { width: 96%; max-width: 1280px; margin: 0 auto; position: relative; } .container.min { width: 80%; max-width: 960px; } .container.max { max-width: 100%; width: 90%; } .container.full { max-width: 100%; width: 100%; } .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } section { overflow: initial; } .bg_image{ overflow: hidden; background-clip:border-box;background-color:#000;background-origin:padding-box;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.bg_image.parallax{-webkit-transition:all 0.05s linear;-o-transition:all 0.05s linear;transition:all 0.05s linear;background-attachment:fixed;background-size:cover;background-position:center 55%;transform:translateZ(0);will-change:transform} .bg_image.overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--negro); opacity: 0.92 } .bg_image.overlay.over_corp1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--corporativo1) } .bg_image.overlay.over_corp2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--corporativo2) } .bg_image.overlay.over_deg:before { opacity: 0.98; background: linear-gradient(45deg, var(--corporativo1) 30%, var(--corporativo2) 100%) } .bg_image.overlay.over_deg_up_down:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo1) 30%, var(--corporativo2) 100%) } .bg_image.overlay.over_deg_up_down_reverse:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo2) 50%, var(--corporativo1) 100%) } .bg_image.overlay.over_grau:before { opacity: 0.98; background: linear-gradient(180deg, var(--corporativo1) 30%, #1f2125ed 100%); } .bg_image.overlay.over_white:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blanco) } .bg_image.overlay.opacity09:before { opacity: 0.9 } .bg_image.overlay.opacity08:before { opacity: 0.8 } .bg_image.overlay.opacity07:before { opacity: 0.7 } .bg_image.overlay.opacity075:before { opacity: 0.75 } .bg_image.overlay.opacity05:before { opacity: 0.5 } .bg_image.overlay.opacity03:before { opacity: 0.3 } .bg_image.overlay.opacity02:before { opacity: 0.2 } .bg_image.overlay > * { position: relative } a.bg_image,a.bg_image *{-webkit-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear}a.bg_image{display:block}a.bg_image:hover,a.bg_image:focus{opacity:0.85;display:block;text-decoration:none}@supports (-webkit-overflow-scrolling:touch){.bg_image.parallax{background-attachment:initial}}.bg_primary,.bg_corp1{background:var(--corporativo1)}.bg_secondary,.bg_corp2{background:var(--corporativo2)}.bg_secondaryalt,.bg_corp2alt{background:var(--corporativo2alt)}.bg_corp3{background:var(--corporativo3)}.bg_corp4{background:var(--corporativo4)}.bg_black,div.bg_black{background:var(--negro)}.bg_green,.bg_success{background:#39b000}.bg_red,.bg_error{background:#cb1f1b}.bg_white{background:#fff}.bg_lime{background:#ecefba}.bg_blue{background:#0073b0}.bg_corp_gray{background:var(--gris)}.bg_gray{background:#121212}.bg_lgray,.bg_cardholder{background:#f4f6f8}.bg_orange{background:#e49500}.bg_lightblue{background:#0093A0}.bg_yellow{background:#d8bb45}.bg_cream{background:#fffaeb}.sec_pagina{}.sec_pagina article > div{font-size:initial}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pb80{padding-bottom:80px}.pt80{padding-top:80px}.pb100{padding-bottom:100px}.pt100{padding-top:100px}.pt140{padding-top:140px}.pt200{padding-top:200px}.pt45vh{padding-top:45vh}.pt25vh{padding-top:25vh}.pt12vh{padding-top:12vh}.pb12vh{padding-bottom:12vh}.pt16vh{padding-top:16vh}.pb16vh{padding-bottom:16vh}.pt8vh{padding-top:8vh}.pb8vh{padding-bottom:8vh}.pb10vh{padding-bottom:10vh}.pt10vh{padding-top:10vh}.pt4vh{padding-top:4vh}.pb4vh{padding-bottom:4vh}.pb25vh{padding-bottom:25vh}.minheight50vh{min-height:50vh;box-sizing:border-box}.minheight75vh{min-height:75vh;box-sizing:border-box}.minheight100vh{min-height:100vh;box-sizing:border-box}.p10{padding:10px}.p20{padding:20px}.p30{padding:30px}.p50{padding:50px}.p8vh{padding:8vh}.p12vh{padding:12vh}.bg_cardholder{min-height:80vh}.offsettop20vh{margin-top:-20vh}.border-radius-5{border-radius:5px}.border-radius-10{border-radius:10px} /*=========== GRID =========== */ .col{position:relative;margin-bottom:20px;float:left;box-sizing:border-box;padding:10px}.col.one{width:6.25%}.col.two{width:12.5%}.col.three{width:18.75%}.col.onefive{width:20%}.col.four{width:25%}.col.five{width:31.25%}.col.six{width:37.5%}.col.seven{width:43.75%}.col.eight{width:50%}.col.nine{width:56.25%}.col.ten{width:62.5%}.col.eleven{width:68.75%}.col.twelve{width:75%}.col.thirteen{width:81.25%}.col.fourteen{width:87.5%}.col.fiveteen{width:93.75%}.col.sixteen{width:100%}.col.third{width:33.333334%}.col.twothird{width:66.666667%}.col.onesix{width:16.666667%}.np{padding:0}.npt{padding-top:0}.npb{padding-bottom:0}.npl{padding-left:0}.npr{padding-right:0}.nm{margin:0}.nmt{margin-top:0}.nmb{margin-bottom:0}.nml{margin-left:0}.nmr{margin-right:0}.col.npl{padding-left:0;padding-right:20px}.col.npr{padding-left:20px;padding-right:0px}.col.nplr{padding-left:0;padding-right:0px}.col.nptb{padding-top:0;padding-bottom:0px} /*=========== EMBEBIDOS =========== */ .google-maps{position:relative;overflow:hidden;height:250px} .google-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important} .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden} .embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%} #map{height:33vh;min-height:400px;position:relative}#map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important} /*=========== BOTONES =========== */ input.btn { border: none; color: #fff !important; } .btn { font-family: var(--font-body); vertical-align: middle; font-weight: 500; background: #000000; color: #fff !important; padding: 10px 16px; min-width: 40px; text-align: center; display: inline-block; margin: 5px 0px; margin-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 1; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn.square { border-radius: 0px } .btn i.fab { font-weight: normal!important; } .btn:hover { background: #222222; color: #fff; text-decoration: none } .btn.wfull { width: 100%; margin: 5px 0px } .btn.bold { font-weight: bold } .btn.light { font-weight: 300 } .btn.min300 { min-width: 300px } .btn.min200 { min-width: 200px } .btn.right { float: right; margin-left: 5px; margin-right: 0; max-width: 100% } .btn.center { clear: both; float: none; margin: 5px auto; display: block; max-width: 250px } .btn.h60 { padding: 18px } .btn.h80 { padding: 28px } .btn.nmr { margin-right: 0 !important } .btn.border { background: none !important; border: 2px solid #000; color: #000 !important; padding: 8px 25px } .btn.border:hover, .btn.border.big:hover { background: #000 !important; color: #fff !important } .btn.big { font-size: 20px; line-height: 25px; padding: 10px 20px } .btn.large { font-size: 20px; line-height: 26px; padding: 10px 20px } .btn.big.border { background: none !important; border: 2px solid #000; color: #000 !important; padding: 8px 20px; } .btn.medium { font-size: 14px; line-height: 20px; padding: 5px 15px } .btn.nomargin { margin: 0 } .btn.bigger { } .btn.small { padding: 5px; margin: 0; font-size: 14px; line-height: 18px } .btn.gray { background: var(--gris); color: #FFF !important } .btn.gray:hover { background: var(--negro) } .btn.border.gray { border-color: var(--gris); color: var(--gris); color: var(--gris) !important } .btn.border.gray:hover { background: var(--gris) !important; color: #FFF !important } .btn.white { background: #FFF; color: #000 !important } .btn.white.colorprimary { color: var(--corporativo1) !important } .btn.white.colorsecondary { color: var(--corporativo2) !important } .btn.white:hover { background: #ECEEF5 } .btn.border.white { border-color: #FFF; color: #FFF; color: #FFF !important } .btn.border.white:hover { background: #FFF !important; color: #000000 !important } .btn.warning { background: #FAC205; color: #fff !important } .btn.warning:hover { background: #ffd030 } .btn.border.warning { border-color: #FAC205; color: #FAC205 !important } .btn.border.warning:hover { background: #FAC205 !important; color: #fff !important } .btn.lightgray { background: #EEE; color: #000 !important } .btn.lightgray:hover { background: #ccc; color: #000 } .btn.border.lightgray { border-color: #EEE; color: #000 !important } .btn.border.lightgray:hover { background: #EEE !important; color: #444 !important } .btn.error { background: #cb1f1b; color: #fff !important } .btn.error:hover { background: #f9241f } .btn.border.error { border-color: #cb1f1b; color: #cb1f1b !important } .btn.border.error:hover { background: #cb1f1b !important; color: #fff !important } .btn.success { background: #39b000; color: #fff !important } .btn.success:hover { background: #41b808 } .btn.border.success { border-color: #39b000; color: #39b000 !important } .btn.border.success:hover { background: #39b000 !important; color: #fff !important } .btn.primary { background: var(--corporativo1); color: #fff !important } .btn.primary:hover { background: var(--corporativo1alt) } .btn.border.primary { border-color: var(--corporativo1); color: var(--corporativo1) !important } .btn.border.primary:hover { background: var(--corporativo1) !important; color: #fff !important } .btn.secondary { background: var(--corporativo2); color: #fff !important } .btn.secondary:hover { background: var(--corporativo2alt) } .btn.border.secondary { border-color: var(--corporativo2); color: var(--corporativo2) !important } .btn.border.secondary:hover { background: var(--corporativo2) !important; color: #fff !important } .btn.terciary { background: var(--corporativo3); color: #fff !important } .btn.terciary:hover { background: var(--negro); color: var(--corporativo3); } .btn.border.terciary { border-color: var(--corporativo3); color: var(--corporativo3) !important } .btn.border.terciary:hover { background: var(--corporativo3) !important; color: #fff !important } .btn.orange { background: #fb6710; color: #fff !important; } .btn.orange:hover { background: #fa9052; } .btn.border.orange { border-color: #fb6710; color: #fb6710 !important; } .btn.border.orange:hover { background: #fb6710 !important; color: #fff !important; } .btn.blue { background: #059CE5; color: #fff !important; } .btn.blue:hover { background: #000000; } .btn.border.blue { border-color: #059CE5; color: #059CE5!important; } .btn.border.blue:hover { background: #059CE5!important; color: #fff !important; } .btn.transparent { background: transparent; color: #000 !important } .btn.transparent.colorwhite { color: #fff !important } .btn.transparent:hover { background: transparent; background: #f7f7f7 } .btn.border.transparent { border-color: transparent; color: #000 !important } .btn.border.transparent:hover { background: #f7f7f7 !important; color: var(--corporativo1) !important } .btn.transparent.colorwhite:hover { color: #000 !important; background: #f7f7f7 } .btn.disabled { opacity: 0.20 } .btn.cursornone { cursor: auto !important } .btn.round { border-radius: 30px } .btn:focus { box-shadow: 0px 0px 4px #595153 } .btn.circle { border-radius: 50%; width: 45px; height: 45px; line-height: 45px; font-size: 25px; padding: 0; line-height: 45px; } .btn.big.circle { width: 60px; height: 60px; line-height: 60px; font-size: 32px } .btn.small.circle { width: 32px; height: 32px; line-height: 32px; font-size: 17px } .btn.round.small { padding-left: 10px; padding-right: 10px } a.btn.small.border { padding: 3px 10px } .btn.bottomborder { border-bottom: 5px solid #00000052 } .btn.bottomborder:hover, .btn.bottomborder:focus { border-bottom: 3px solid #00000030; margin-top: 7px } .btn.social { padding: 12px } .btn.twitter { background: #00aced } .btn.instagram { background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%) } .btn.facebook { background: #3b5998 } .btn.linkedin { background: #0a66c2 } .btn.whatsapp { background: #075e54 } .btn.youtube { background: #e52d27 } .btn.twitter:hover, .btn.twitter:focus { background: #42b6e2 } .btn.facebook:hover, .btn.facebook:focus { background: #4F6DAC } .btn.whatsapp:hover, .btn.whatsapp:focus { background: #128c7e } .btn.youtube:hover, .btn.youtube:focus { background: #f1534e } .btn.instagram:hover, .btn.instagram:focus { background: #000 } .btn.margin5 { margin-left: 5px !important; margin-bottom: 5px !important } a.hoveropacity:hover, a.hoveropacity:focus { opacity: 0.8 } .btn_tab_cont { overflow: hidden; border-bottom: 0px solid var(--negro); margin-bottom: 20px; padding: 5px 5px 4px 5px; border-radius: 4px; background: var(--negro) } .btn_tab { margin: 0; border-radius: 5px 5px 0 0; border-bottom: 4px solid var(--negro); margin-right: 5px; margin-left: 5px; margin-bottom: -4px } .btn_tab:hover, .btn_tab:focus { } .btn_tab.selected { border-bottom: 4px solid var(--corporativo1alt) } /*HELPERS*/ .small_size { font-size: 80% } .uppercase { text-transform: uppercase } .clear { clear: both } .left { float: left } .right { float: right } .textleft { text-align: left } .textright { text-align: right } .textcenter { text-align: center } .dblock { display: block } .inline-block { display: inline-block } .nomargin { margin: 0 !important } .nopadding { padding: 0 !important } .margin0auto { margin: 0 auto } .overflowvisible { overflow: visible } .lh_100p { line-height: 100% } .lh_120p { line-height: 120% } .lh_120p { line-height: 140% } .lh_10px { line-height: 10px } .lh_20px { line-height: 20px } .lh_30px { line-height: 30px } .lh_40px { line-height: 40px } .lh_50px { line-height: 50px } .lh_60px { line-height: 60px } .lh_70px { line-height: 70px } .lh_80px { line-height: 80px } .lh_90px { line-height: 90px } .lh_100px { line-height: 100px } .lh_120px { line-height: 120px } .pb5 { padding-bottom: 5px } .pb10 { padding-bottom: 10px } .pb15 { padding-bottom: 15px } .pb20 { padding-bottom: 20px } .pb25 { padding-bottom: 25px } .pb30 { padding-bottom: 30px } .pb35 { padding-bottom: 35px } .pb40 { padding-bottom: 40px } .pb50 { padding-bottom: 50px } .pb60 { padding-bottom: 60px } .pb70 { padding-bottom: 70px } .pb80 { padding-bottom: 80px } .pb90 { padding-bottom: 90px } .pb100 { padding-bottom: 100px } .pb120 { padding-bottom: 120px } .pt5 { padding-top: 5px } .pt10 { padding-top: 10px } .pt15 { padding-top: 15px } .pt20 { padding-top: 20px } .pt25 { padding-top: 25px } .pt30 { padding-top: 30px } .pt35 { padding-top: 35px } .pt40 { padding-top: 40px } .pt50 { padding-top: 50px } .pt60 { padding-top: 60px } .pt70 { padding-top: 70px } .pt80 { padding-top: 80px } .pt90 { padding-top: 90px } .pt100 { padding-top: 100px } .pt120 { padding-top: 120px } .pt5vh { padding-top: 5vh } .pt10vh { padding-top: 10vh } .pt25vh { padding-top: 25vh } .pb25vh { padding-bottom: 25vh } .mt3 { margin-top: 3px !important } .mt5 { margin-top: 5px !important } .mt10 { margin-top: 10px !important } .mt15 { margin-top: 15px !important } .mt20 { margin-top: 20px !important } .mt25 { margin-top: 25px !important } .mt30 { margin-top: 30px !important } .mt35 { margin-top: 35px !important } .mt40 { margin-top: 40px !important } .mt80 { margin-top: 80px !important } .mb0 { margin-bottom: 0px !important } .mb5 { margin-bottom: 5px !important } .mb10 { margin-bottom: 10px !important } .mb15 { margin-bottom: 15px !important } .mb20 { margin-bottom: 20px !important } .mb25 { margin-bottom: 25px !important } .mb30 { margin-bottom: 30px !important } .mb35 { margin-bottom: 35px !important } .mb40 { margin-bottom: 40px !important } .mb60 { margin-bottom: 60px !important } .mr5 { margin-right: 5px !important } .mr10 { margin-right: 10px !important } .mr20 { margin-right: 20px !important } .ml10 { margin-left: 10px !important } .ml15 { margin-left: 15px !important } .ml20 { margin-left: 20px !important } .padding_portada { padding: 30px } .forzar_100p { width: 100% } .height_100p { height: 100% } .margin10negativo { margin: 0 -10px } .margin14 { margin: 14px !important } .displayinline { display: inline } .displayblock { display: block } .pr20 { padding-right: 20px } .pl20 { padding-left: 20px } .pr10 { padding-right: 10px } .pl10 { padding-left: 10px } .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1 } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .pchide { display: none } .scroll .scrollhide { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear } .offsetminus60 { margin-top: -60px } .table-striped { border-collapse: collapse; width: 100% } .border-box { box-sizing: border-box } .table-striped { margin-bottom:20px; } .table-striped th { background: #f8f8f8 } .table-striped th, .table-striped td { padding: 0.25rem; text-align: left; border: 1px solid #ccc; max-width: 340px } .border-radius-5 { border-radius: 5px; overflow: hidden } .border-radius-20 { border-radius: 20px; overflow: hidden } .border-radius-50 { border-radius: 50px; overflow: hidden } tbody tr:nth-child(odd) { background: #fcfcfc; } tbody tr:nth-child(even) { background: #eeeeee; } /* Responsive fijos */ @media screen and (max-width:1600px) { .margin_header_vertical { margin-left: 65px } .container, .container.max { max-width: 1280px } } @media screen and (max-width:1330px) { .container, .container.max { max-width: 1080px } .col.full1330 { width: 100% } .col.hide1330 { display: none } .col.ten1330 { width: 62.5% } .col.half1330 { width: 50% } .col.six1330 { width: 37.5% } .col.third1330 { width: 33.33334% } } @media screen and (max-width:1200px) { .container, .container.max { max-width: 960px } .col.third.t_two { width: 50% } .col.four.t_two { width: 50% } .col.onesix { width: 33.33334% } } @media screen and (max-width:1030px) { header{}header .col{width:auto!important;padding:0 10px}header .col.tabletfull{width:100%!important}.header_vertical{max-height:100vh;overflow-y:scroll}.tablettextleft{text-align:left}.tablettextright{text-align:right}.tablettextcenter{text-align:center} .container{max-width:calc(100% - 30px)}.container.min{max-width:calc(100% - 15px);width:96%}.container.max{max-width:calc(100% - 15px);width:96%}.col.one{width:33%}.col.two,.col.onesix{width:33.33334%}.col.three,.col.four,.col.five,.col.six{width:50%}.col.eight,.col.nine,.col.ten,.col.eleven,.col.twelve,.col.thirteen,.col.fourteen,.col.fiveteen,.col.sixteen,.col.tabletfull,.col.third.t_two{width:100%}.col.third,.col.twothird,.col.tablethalf{width:50%}.col.tabletfull.third{width:100%}.col.tabletthird{width:33.33334%}.col.tablettwothird{width:66.66667%}.tablethide{display:none}.pchide{display:block}.pchide.initial{display:initial}.npl,.npr{padding:10px!important}.col > .npl,.col > .npr{padding:0px!important}.pttablet0{padding-top:0px}.pttablet30{padding-top:30px}.pttablet80{padding-top:80px}.pttablet120{padding-top:120px}.pbtablet30{padding-bottom:30px}.pbtablet10{padding-bottom:10px}.pttablet60{padding-top:60px}.pbtablet60{padding-bottom:60px}.mttablet20{margin-top:20px!important}.next,.prev{display:none}.btn.min300{width:300px;max-width:100%;min-width:initial}.t_center{text-align:center;display:block;margin:0 auto;max-width:250px}.t_textleft{text-align:left}.tablet_padding_60{padding:60px 0}.tablet_padding_120{padding:120px 0}.tablet_padding_30{padding:30px 0}.tablet_padding_10{padding:10px 0}.tabletnp{padding:0!important}.tabletnm{margin:0!important}.small_size{font-size:95%}.tablet_10padding{padding:10px}.offsetminus60{margin-top:0px}.tabletmargin0auto{margin:0 auto}.tabletoffsettop0vh{margin-top:0vh}.tabletminheight100vh{min-height:100vh}.tableminheight75vh{min-height:75vh} } @media screen and (max-width:760px) { .col.onesix{width:50%}.col.third,.col.twothird,.col.t768full,.col.tablethalf,.col.tabletthird,.col.tablettwothird{width:100%}.col.s768half,.col.third.s768half{width:50%}.col.nmb{margin-bottom:0} .input_full > .input_half{width:100%}.input_full > .input_half:first-child{margin-right:0px;margin-bottom:10px}.input_full > .input_half:last-child{margin-left:0px}.smartphonehide{display:none} } @media screen and (max-width:480px) { html{-webkit-text-size-adjust:none}.col.one,.col.two,.col.three,.col.four,.col.five,.col.six,.col.seven,.col.eight,.col.nine,.col.ten,.col.eleven,.col.twelve,.col.thirteen,.col.fourteen,.col.fiveteen,.col.sixteen,.col.third,.col.twothird{width:100%}.col.s768half,.col.third.s768half{width:100%}.col.s480half,.col.third.s480half{width:50%}.jumbotitle_8{font-size:8vh} .jumbotitle_12{font-size:12vh}.smartphonehide{display:none} } @media screen and (max-width:410px) { } @media screen and (max-width:340px) { } .lopd_cont, .rgpd_cont { position: fixed; text-align: center; width: 600px; max-width: 80%; right: 20px; bottom: 20px; padding: 10px; background: var(--blanco); box-sizing: border-box; z-index: 99999; border-radius: 10px; border: 3px dotted var(--corporativo1) } .lopd_cont, .rgpd_cont { position: fixed; text-align: center; width: 600px; max-width: 80%; right: 20px; bottom: 20px; padding: 10px; background: var(--blanco); box-sizing: border-box; z-index: 99999; border-radius: 10px; border: 3px dotted var(--corporativo1) } #lopd_ { text-align: left; } #lopd_ input { border-color: white; color: white; } #lopd_2 { text-align: left; } #lopd_2 input { border-color: black; color: black; } #lopd_2 { line-height: 18px; vertical-align: middle; display: inline-block; font-size: 14px; width: 100%; } #lopd_2 > span.wpcf7-form-control-wrap { display: inline !important; float: left; width: initial; margin-top: 0px; } /* CABECERA */ header, #logo { -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); } header { position: fixed; top: 0; left: 0; height: auto; padding-top: 12px; padding-bottom: 12px; width: 100%; z-index: 1005; background: RGBA(255, 255, 255, 0); padding-top: 16px; padding-bottom: 16px; } header.scroll, .is_home header.transparent_header.scroll { background: var(--corporativo1); padding: 10px 0px; } #logo { line-height: 0; display: block; margin: 0; display: flex; max-width: 100%; width: 230px; } #logo img { } header.scroll #logo { width: 200px; } #logo:hover, #logo:focus { opacity: 0.9; text-decoration: none } .trigger_menu { width: 45px; line-height: 5px; height: 45px; display: none; text-align: center; font-size: 24px; position: absolute; top: 6px; right: 8px; border-radius: 0; z-index: 9999; color: var(--corporativo1);} .scroll .trigger_menu { } .trigger_menu.opened { color: #fff; } .trigger_menu i { margin-top: 20px; line-height: 0; display: block; } .trigger_menu:hover { opacity: 0.9; text-decoration: none; } nav#navigation { font-family: var(--font-title); margin-top: 6px; } nav#navigation ul { margin: 0; list-style: none; width: 100%; text-align: center } nav#navigation ul li { display: inline-block; margin: 0; margin-right: 5px; } nav#navigation ul li a { font-weight: 600; display: block; padding: 2px 8px; font-size: 16px; letter-spacing: 0.5px; line-height: 28px; border-bottom: 1px solid transparent; } nav#navigation ul li a:not(.btn):hover, nav#navigation ul li a:not(.btn):focus { text-decoration: none; color: var(--blanco) } nav#navigation.colorwhite ul li a:not(.btn):hover, nav#navigation.colorwhite ul li a:not(.btn):focus { border-bottom: 1px solid var(--blanco); } nav#navigation ul li.current_page_item a, nav#navigation ul li.current-menu-item a { border-bottom: 1px solid var(--blanco); color: var(--blanco) } nav#navigation ul li.current_page_item_down a { text-decoration: none; } header.scroll .scrollmenumargin { margin-top: 00px } ul.sub-menu { display: block; position: absolute; left: 0; margin: 0; padding-top: 20px; z-index: 999; background-color: var(--negro); padding: 10px !important; width: 100%; text-align: left; opacity: 0; height: 0px; width: 220px !important; border-radius: 0px; } .menu-item-has-children { position: relative; padding-right: 15px; } .menu-item-has-children:after { content: '▼'; position: absolute; top: 4px; font-size: 10px; right: 10px; } ul.sub-menu li a { display: block !important } #navigation .menu-item-has-children:hover > ul.sub-menu, #navigation ul.sub-menu:hover, #navigation .menu-item-has-children:focus > ul.sub-menu, #navigation ul.sub-menu:focus { opacity: 1; height: initial } #navigation ul.sub-menu li { width: 100%; box-sizing: border-box; text-align: left; margin: 0; height: 0; display: none } #navigation .menu-item-has-children:hover > ul.sub-menu li, #navigation ul.sub-menu:hover li, #navigation .menu-item-has-children:focus > ul.sub-menu li { height: initial; display: block } #navigation ul.sub-menu li:hover { background-color: RGBA(255,255, 255, 0.2); } #navigation ul.sub-menu li:hover a, #navigation li:hover ul.sub-menu li a, #navigation ul.sub-menu li:focus a, #navigation li:focus ul.sub-menu li a { color: #FFF; border: none !important } li.menu-item-has-children:after { } #navigation ul.sub-menu li a { font-size: 14px; padding: 5px; color: #FFF; opacity: 1 } #navigationfooter { padding: 10px; box-sizing: border-box; } #navigationfooter ul { text-align: center; margin: 0; list-style: none; } #navigationfooter ul li { text-align: center; margin-bottom: 15px; display: inline-block; } #navigationfooter ul li a { text-align: center; margin-bottom: 0; border-radius: 20px; padding: 8px 10px; font-size: 16px; font-weight: 500; } #navigationfooter ul li a:hover { text-decoration: none; background:RGBA(255,255,255,0.2); } /* MODALES Y ALERTAS */ .modal_overlayer,.modal_overlayer *{-webkit-transition:all 0.15s linear;-o-transition:all 0.15s linear;transition:all 0.15s linear}.modal_overlayer{position:fixed;top:0;left:0;z-index:10000;width:100%;min-height:100vh;height:100vh;max-height:100vh;visibility:hidden;opacity:0;overflow-y:scroll;background-repeat:no-repeat;background-size:cover;background-position:center}.modal_overlayer:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;opacity:1}.modal_overlayer.image:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--corporativo1);opacity:0.75}.modal_overlayer:before{background:rgba(0,0,0,0.7)}.modal_overlayer.open{visibility:visible;opacity:1}.modal_cont{margin:80px auto;position:relative;width:90%;box-sizing:border-box}.close_modal{padding:0;text-align:center;width:55px;height:55px;line-height:55px;font-size:40px;box-sizing:border-box;position:absolute;right:10px;top:10px;border-radius:50%}.close_modal.white{color:white}.close_modal:hover,.close_modal:focus{background:var(--corporativo1)}div#notificacion_flotante{position:fixed;bottom:00px;z-index:9999;left:0;width:100%}.alerta,.alert{background:#444;color:#fff;position:relative;padding:20px;text-align:center;font-size:20px;box-sizing:border-box;width:100%;font-weight:400}.alerta-ok,.alert-ok,.alert-success{background:#009713}.alerta-error,.alert-error{background:#970000}.alerta i{position:absolute;left:30px;font-size:90px;width:115px;bottom:5px;background:#444;border-radius:50%;height:115px;line-height:115px}.alerta-ok i{background:#009713}.alerta-error i{background:#970000}.flickity-enabled:focus{box-shadow:none}table{border-collapse:collapse;width:100%}table td,table th{border:1px solid #ddd;padding:8px}table tr:nth-child(even){background-color:#f2f2f2}table tr:hover{background-color:#ddd}table th{padding-top:12px;padding-bottom:12px;text-align:left}.cont_chevron{position:relative;width:24px;height:24px;margin:20px auto}.chevron{position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(0.5,0.5,0.5);animation:move 3s ease-out infinite}.chevron:first-child{animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.chevron:before,.chevron:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:var(--corporativo1)}.chevron:before{left:0;transform:skew(0deg,30deg)}.chevron:after{right:0;width:50%;transform:skew(0deg,-30deg)}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(55px) scale3d(0.5,0.5,0.5)}}.textchevron{display:block;margin-top:70px;margin-left:-30px;font-size:17px;color:var(--corporativo1);text-transform:uppercase;white-space:nowrap;opacity:.25;animation:pulse 2s linear alternate infinite}@keyframes pulse{to{opacity:1}} /*CARDS*/ .card { position: relative; box-sizing: border-box; border-radius: 5px; background: #fff; padding: 30px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); overflow: auto } .card.border { border-left: 5px solid var(--negro) } .card.border.state_ { border-left-color: var(--negro) } .card.border.state_primary { border-color: var(--corporativo1) } .card.border.state_secondary { border-color: var(--corporativo2) } .card.border.state_0 { border-left-color: var(--gris) } .card.border.state_1 { border-left-color: #00b08b } .card.border.state_2 { border-left-color: #0073b0 } .card.border.state_3 { border-left-color: #39b000 } .card.border.state_4 { border-left-color: #cb1f1b } .card.strech { padding: 15px } .card.p20 { padding: 20px } .card-modern { position: relative; box-sizing: border-box; border-radius: 5px; background: transparent; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); overflow: auto } .card-modern > div { border: 1px solid #e0e0e0; margin: 10px; padding-top: 20px; box-sizing: border-box; border-radius: 5px; background: #fff } .card-modern { border: 2px solid var(--negro) } .card-modern.state_primary { border-color: var(--corporativo1) } .card-modern.state_secondary { border-color: var(--corporativo2) } .card-modern.state_0 { border-color: var(--gris) } .card-modern.state_1 { border-color: #00b08b } .card-modern.state_2 { border-color: #0073b0 } .card-modern.state_3 { border-color: #39b000 } .card-modern.state_4 { border-color: #cb1f1b } h3 .label, .h3 .label { font-size: 18px; line-height: 100%; vertical-align: bottom } .label.state_all, .label.state_ { background: var(--negro) } .label.state_0 { background: var(--gris) } .label.state_primary { background: var(--corporativo1) } .label.state_secondary { background: var(--corporativo2) } .label.state_1 { background: #00b08b } .label.state_2 { background: #0073b0 } .label.state_3, .label.success { background: #39b000 } .label.state_4, .label.error { background: #cb1f1b } .label.small { padding: 2px 10px; font-size: 14px } .label.big { font-size: 20px; line-height: 20px; padding: 10px 20px } .label.large { font-size: 16px; line-height: 16px; padding: 10px 15px } .label.wfull { display: block; text-align: center } .card-post h3 a:hover, .card-post h3 a:focus { text-decoration: none; color: var(--corporativo1) } .list_post_image { display: block; font-size: 0; margin-bottom: 15px; overflow: hidden; border-radius: 10px } .label { background: var(--corporativo2); font-weight: 500; color: #fff; padding: 5px 15px; font-size: 14px; vertical-align: middle; border-radius: 20px } .label.uppercase { text-transform: uppercase } .image_page img { width: 100% } .image_page.max25vh { max-height: 25vh } .toggle, .toggle * { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear } .toggle { background: var(--corporativo1); cursor: pointer; color: #fff; display: block; padding: 5px 15px; border-radius: 5px; overflow: auto; margin-bottom: 10px } .toggle.secondary { background: var(--corporativo2); } .toggle.white { background: var(--blanco); color: var(--negro); } .toggle:hover { background: var(--corporativo1alt) } .toggle.white:hover { background: var(--gris); color: var(--negro); } .toggle .toggle-title { position: relative; display: block; margin-bottom: 0px } .toggle .toggle-title i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .toggle.show .toggle-title i { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .toggle-inner { background: #fff; color: initial; padding: 15px 15px 0 15px; margin-top: 10px; overflow: auto; border-radius: 3px; margin-bottom: 5px } .image_round { border-radius: 5px } .avatar-badge { border-radius: 50% } .fade-in, .fade-in2 { -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s } .fade-in { -webkit-transform: translateY(12px); opacity: 0; -o-transform: translateY(12px); opacity: 0; transform: translateY(12px); opacity: 0 } .fade-in.show { transform: translateY(0px); opacity: 1 } .fade-in2 { -webkit-transform: translateX(32px); opacity: 0; -o-transform: translateX(32px); opacity: 0; transform: translateX(32px); opacity: 0 } .fade-in2.show { transform: translateX(0px); opacity: 1 } .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 1em; } .item_masonry { background-color: #eee; display: inline-block; margin: 0 0 1em; width: 100% } .masonry { margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em } .item_masonry { display: inline-block; background: #fff; margin: 0 0 1.5em; width: 100%; -webkit-transition: 1s ease all; box-sizing: border-box; -moz-box-sizing: border-box } .item_masonry img { max-width: 100% } @media only screen and (min-width:400px) { .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 } } @media only screen and (min-width:700px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 } } @media only screen and (min-width:900px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 } } @media only screen and (min-width:1100px) { .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 } } @media only screen and (min-width:1280px) { .wrapper { width: 1260px } } .image_cont_page { max-height: 66vh; overflow: hidden; min-height: 620px; padding-top: 80px } .image_cont_page img { margin-top: -12vh } .overlay_page_image { } .overlay_page_image img { opacity:0.7; width: 100% } h1.page-title.offset { margin-top: -20vh; color: #fff; font-size: 5vh } h1.page-title.offset.withname { margin-top: -30vh; color: #fff; font-size: 12vh; letter-spacing: 2px; } h1.page-title.withname:before { content: "Patricia Fabra Fotografía"; font-size: 20px; letter-spacing: 2px; display: block; line-height: 30px; } .list_border, .list_border * { -webkit-transition: all 0.12s ease; -o-transition: all 0.12s ease; transition: all 0.12s ease } .list_border { padding: 10px 30px; border-bottom: 1px solid var(--grisclaro); line-height: 1.5; font-size: 18px; position: relative; display: block; color: var(--negro) } .list_border:hover, .list_border:focus { text-decoration: none; background: var(--grisclaro); padding-left: 40px } .custom_dot { position: absolute; left: 0px } .custom_dot.relative { position: relative; margin-right: 10px } .date_float_right { position: absolute; right: 0px; line-height: 18px; bottom: 12px; opacity: 0.5; font-size: 14px } .item_block_border { border: 1px solid var(--grisclaro); padding: 15px; border-radius: 15px; position: relative } .item_block_border.p5 { padding: 5px } .item_block_border.p10 { padding: 10px } .item_block_border.p15 { padding: 15px } .item_block_border.p20 { padding: 20px } .label_float_block { width: 200px; text-align: center; padding: 10px; position: absolute; bottom: 50px; left: calc(50% - 100px); box-sizing: border-box } .numberbig { font-size: 60px; line-height: 60px; margin: 0; } .img_height { width: 100%; height: 390px; overflow: hidden; } .img_height.h240 { height: 240px; } .img_height img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media screen and (max-width:760px) { .img_height { width: 100%; height: 450px; overflow: hidden; } .img_height.h240 { height: 200px; } } /*HOME*/ @media screen and (max-width:1600px) { } @media screen and (max-width:1330px) { } @media screen and (max-width:1200px) { } @media screen and (max-width:1030px) { header, header.scroll, .is_home header.transparent_header.scroll { background: var(--corporativo1); padding-top: 4px; padding-bottom: 4px; } nav#navigation { position: fixed; right: -100%; top: 0; background: var(--corporativo1); width: 100%; padding: 20px; height: 100%; padding-top: 80px; box-sizing: border-box; z-index: 999; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-bottom: 100px; max-height: 100vh; overflow-y: scroll; } nav#navigation.secondary { background: var(--corporativo2) } nav#navigation:before { position: fixed; background: RGBA(0, 0, 0, 0.8); left: -100vh; top: 0; height: 100vh; display: block; z-index: 998; width: calc(100%); opacity: 0; visibility: hidden } nav#navigation:before { -webkit-transition: opacity 0.55s ease-in; -o-transition: opacity 0.55s ease-in; transition: opacity 0.55s ease-in; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s } nav#navigation.opened { right: 0px; margin: 0 } nav#navigation.opened:before { width: calc(100% - 240px); visibility: visible; opacity: 1; left: 0 } nav#navigation.opened.full:before { left: -150% } nav#navigation ul li { display: block; margin-bottom: 5px; } nav#navigation ul li.tablethide { display: none !important } nav#navigation ul li a { text-align: left; padding: 8px 10px; color: #fff; border-radius: 0px; font-size: 3vh; line-height: 1; margin-bottom: 10px; z-index: 999; color: white !important; } nav#navigation.textleft ul { text-align: left } .tabletcolorwhite { color: white } .menu_tablet_hide { display: none !important } .alerta { padding: 10px; font-size: 16px } .alerta i { left: 2%; font-size: 50px; width: 60px; bottom: 5px; height: 60px; line-height: 60px } .line { left: -5px; right: initial } .image_cont_page { max-height: initial; overflow: initial; min-height: initial; padding-top: 60px } .image_cont_page img { margin-top: 0 } h1.page-title.offset, h1.page-title.offset.withname { margin-top: 0; font-size: 42px; margin-bottom: 0px; text-shadow: none; color: #000; } .overlay_page_image.tabletnooverlay img { opacity: 1 } .btn_tablet_full { width: 100%; margin: 0; margin-bottom: 5px; } ul.sub-menu { background: transparent; position: relative; opacity: 1; left: initial; height: initial; width: 100% !important; padding: 0 22px !important; box-sizing: border-box; margin-bottom: 28px; padding-bottom: 10px !important; } .menu-item-has-children { padding: 0; } .menu-item-has-children:after { content: ''; position: absolute; top: 5px; font-size: 12px; } #navigation ul.sub-menu li, #navigation ul.sub-menu li:hover { width: 100%; box-sizing: border-box; opacity: 1; line-height: 18px; height: initial; display: block; text-align: right; } #navigation li ul.sub-menu li a { text-align: left; font-size: 16px; } #navigation li:hover ul.sub-menu li a { border-bottom: 0px solid transparent !important; } .footerdivborderleft { border-width: 0px; } .footerdivborderright { border-width: 0px; } #search_header .col { width: 100% !important; } #logo img { margin: 5px 0; width: 180px; } .table_responsive { width: 100%; overflow-y: auto; overflow-x: visible; margin: 0 0 1em; } .table_responsive th.tmin120 { min-width: 120px; } .table_responsive th.tmin200 { min-width: 200px; } .table_responsive { margin-top: 20px; position: relative; } .table_responsive:after { content: 'Deslizar tabla...'; position: absolute; bottom: 0px; opacity: 0.5; right: 10px; } .table_responsive:before { } .table_responsive td, .table_responsive table th { min-width: 125px; } } @media screen and (max-width:760px) { } @media screen and (max-width:480px) { li.li-with-actions { padding-right: 0!important; } .li-actions { margin-top: 8px; position: initial; top: initial; right: initial; text-align: right; } } @media screen and (max-width:410px) { } @media screen and (max-width:340px) { } @keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}} .diseno_listado { border: 1px solid #e9ecef; overflow: auto; border-bottom: 0; padding: 10px; } .list_excerpt p { margin-bottom: 0!important; font-size: 90% } /* Buzz Out */ .buzz-out{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent}.buzz-out:hover,.buzz-out:focus,.buzz-out:active,.buzz-out.shake{-webkit-animation-name:buzz-out;animation-name:buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.buzz-out.shake{}@-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@-webkit-keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@-moz-keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}.vert-move{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}} /*=========== Estructura WP GEENRAL =========== */ .pagenav{clear: both; padding-bottom: 20px; text-align: center; border-top: 1px solid #e9ecef; padding-top: 20px;}.pagenav a,.pagenav span{line-height:100%;margin:0 2px;vertical-align:middle;display:inline-block;zoom:1;min-width:40px;min-height:40px;line-height:40px;font-weight:600;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#000000;color:#fff;padding:0}.pagenav a{background:#000;color:#fff;text-decoration:none}.pagenav a:hover{background-color:#000}.pagenav .current{text-decoration:none}.post-nav{margin:0 0 30px;padding:15px 0;clear:both}.post-nav span{width:47%;position:relative}.post-nav a{text-decoration:none;display:block}.post-nav a:hover{text-decoration:none}.post-nav .prev{float:left}.post-nav .next{float:right;text-align:right}.post-nav span span{background:#333;color:#fff;font:normal 20px/100% "Times New Roman",Times,serif;display:block;width:auto;float:left;width:32px;height:28px;padding:4px 0 0;text-align:center;margin:-8px 10px 17px 0;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em}.post-nav .next span{float:right;margin-left:10px;margin-right:0}.post-nav a:hover span{background:#000}.commentwrap{margin:10px 0 20px;position:relative;clear:both}.comment-title,#reply-title{font-size:140%;margin:0 0 10px;padding:0}.commentwrap .pagenav{margin:10px 0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.commentwrap .pagenav.top{margin:0;position:absolute;top:10px;right:0}.commentlist{margin:0 0 30px;padding:5px 0 0;border-top:solid 1px #ddd}.commentlist li{margin:0;padding:15px 0 0;list-style:none;position:relative}.commentlist .comment-author{margin:2px 0 5px;padding:0}.commentlist .avatar{float:left;margin:0 15px 0 0}.commentlist cite{font-style:normal;font-size:130%}.commentlist cite a{text-decoration:none}.commentlist .bypostauthor > .comment-author cite{background:url(images/icon-author-comment.png) no-repeat 0 2px;padding-left:18px}.commentlist .comment-time{font-size:75%;text-transform:uppercase}.commentlist .commententry{border-bottom:solid 1px #ddd;position:relative;min-height:40px;overflow:hidden;padding-bottom:5px;word-wrap:break-word}.commentlist ul,.commentlist ol{margin:0 0 0 7%;padding:0}.commentlist .reply{position:absolute;right:0;top:8px}.commentlist .comment-reply-link{font-size:11px;text-transform:uppercase;text-decoration:none}.commentlist .comment-reply-link:hover{text-decoration:none}#respond{margin:0;padding:10px 0 0;position:relative;clear:both}#respond #cancel-comment-reply-link{position:absolute;top:20px;right:0;font-size:85%;line-height:100%;text-decoration:none;padding:5px 10px;display:block;color:#fff;background:#F30}#respond #cancel-comment-reply-link:hover{background:#333}#commentform{margin:15px 0 0}#commentform input[type=text]{width:206px;margin-right:5px}#commentform label{font-weight:bold}#commentform label small{font-weight:normal}#commentform textarea{height:140px}#commentform input#submit{padding:7px 20px}span.wpcf7-not-valid-tip,.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{visibility: visible; border: none; background: var(--corporativo3); margin-bottom: 15px; /* text-align: center; */ color: #FFF !important; display: block; margin: 10px auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; padding: 5px; border-radius: 10px;}span.wpcf7-form-control-wrap{display:block;width:100%}span.wpcf7-form-control-wrap.lopd,span.wpcf7-form-control-wrap.acepto_comercial{display:inline-block;width:initial}div.wpcf7-mail-sent-ok{visibility:visible;border:none;background:#25bc43;border:2px solid #10a12d;margin-bottom:15px;text-align:center;color:#FFF!important;display:block;margin:10px auto;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;clear:both;padding:10px;border-radius:30px;font-weight:bold}.widget{margin:0 0 30px;word-wrap:break-word}.widgettitle{margin:0 0 10px;padding:0;font-size:19px;line-height:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.16);font-family:'PT Sans',sans-serif}.widget ul{margin:0;padding:0}.widget li{margin:0;padding:6px 0;list-style:none;clear:both;border-bottom:solid 1px #eee}.widget ul ul{margin:6px 0 -6px 0px;padding:0;border-top:none}.widget ul ul li{margin:0;padding-left:10px}#footer .widget{margin-bottom:0}img.maximg300{max-width:300px}img.maximg200{max-width:200px}img.alignleft,img.aligncenter,img.alignright,img.alignnone{}.alignleft{float:left;margin-right:30px}.alignright{float:right;margin-left:30px}.aligncenter{text-align:center;display:block;margin-left:auto;margin-right:auto}.wp-caption{text-align:center;margin-bottom:15px;max-width:100%}.wp-caption-text{font-style:italic;font-size:95%;line-height:120%;margin:6px 0}#body .gallery{margin:5px 0 20px 0}#body .gallery img{border:none}#body .gallery dl{margin:0 8px 8px 0;display:inline-block;vertical-align:top;zoom:1;*display:inline;width:auto;float:none;text-align:center}#body .gallery dd{width:140px;line-height:120%;font-size:90%;text-align:center;margin:5px 0 0}.gallery br{display:none}.image_border{font-size:0;line-height:1;overflow:hidden;border-radius:5px;box-shadow:0px 2px 6px #999}.shadow{padding-top:30px;padding-bottom:30px;margin-bottom:16px}html.has-cookie-bar.cookie-bar-top-bar{margin-top:30px;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}#catapult-cookie-bar{box-sizing:border-box;max-height:0;opacity:0;direction:ltr;padding:0 20px;z-index:99999;overflow:hidden;text-align:left;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.ctcc-exclude-AF.geoip-continent-AF #catapult-cookie-bar,.ctcc-exclude-AN.geoip-continent-AN #catapult-cookie-bar,.ctcc-exclude-AS.geoip-continent-AS #catapult-cookie-bar,.ctcc-exclude-EU.geoip-continent-EU #catapult-cookie-bar,.ctcc-exclude-NA.geoip-continent-NA #catapult-cookie-bar,.ctcc-exclude-OC.geoip-continent-OC #catapult-cookie-bar,.ctcc-exclude-SA.geoip-continent-SA #catapult-cookie-bar{display:none}.ctcc-exclude-AF.geoip-continent-AF,.ctcc-exclude-AN.geoip-continent-AN,.ctcc-exclude-AS.geoip-continent-AS,.ctcc-exclude-EU.geoip-continent-EU,.ctcc-exclude-NA.geoip-continent-NA,.ctcc-exclude-OC.geoip-continent-OC,.ctcc-exclude-SA.geoip-continent-SA{margin-top:0!important}#catapult-cookie-bar.rounded-corners{border-radius:3px}#catapult-cookie-bar.drop-shadow{-webkit-box-shadow:0px 3px 9px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 3px 9px 0px rgba(0,0,0,0.4);box-shadow:0px 3px 9px 0px rgba(0,0,0,0.4)}.cookie-bar-block #catapult-cookie-bar{max-height:999px;-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;transition:opacity 0.25s}.has-cookie-bar #catapult-cookie-bar{opacity:1;max-height:999px;min-height:30px;padding:15px 20px 15px}.cookie-bar-block #catapult-cookie-bar span{display:block;margin:1em 0}.cookie-bar-bar #catapult-cookie-bar.float-accept span.ctcc-right-side{float:right}button#catapultCookie{cursor:pointer;margin:0 20px 0 0}.cookie-bar-bar button#catapultCookie{margin:0 0 0 20px}.cookie-bar-bar .ctcc-inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative}.cookie-bar-bar .float-accept .ctcc-inner{-webkit-justify-content:space-between;justify-content:space-between}@media screen and (max-width:991px){.ctcc-left-side{margin-right:1em}}.ctcc-right-side{-webkit-flex-shrink:0;flex-shrink:0}.cookie-bar-block #catapult-cookie-bar h3{margin:0.5em 0 0}.use_x_close .x_close{position:absolute;top:10px;right:10px;cursor:pointer;font-family:sans-serif;-webkit-transition-duration:0.5s;transition-duration:0.5s}.cookie-bar-bar .use_x_close .x_close{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.x_close{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0px,0px,0px);width:14px;height:30px;position:relative;margin:0 auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.x_close span{display:block;position:absolute;height:3px;width:14px;background:#111;border-radius:6px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;transition-delay:.14s;-webkit-transition-delay:.14s;-moz-transition-delay:.14s}.x_close span:nth-child(1),.x_close span:nth-child(2){top:14px}.x_close span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.x_close span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.x_close:hover span:nth-child(1){-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.x_close:hover span:nth-child(2){-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} .container .pulse_circle { position: absolute; height: 25px; width: 25px; background: #ffffff; border-radius: 100%; left: 15px; top: 15px; } .container .pulse_circle:before, .container .pulse_circle:after { border: 1px solid #ffffff; content: ""; width: 100%; display: block; position: absolute; height: auto; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; transform-origin: center center; opacity: 0; box-sizing: border-box; } .container .pulse_circle:before { animation: 1s 0.1s pulse2 infinite linear; } .container .pulse_circle::after { animation: 1s pulse infinite linear; } @keyframes pulse { 0% { transform: scale(2); opacity: 0.2; } 100% { transform: scale(2.3); opacity: 0; } } @keyframes pulse2 { 0% { transform: scale(1.5); opacity: 0.5; } 100% { transform: scale(1.8); opacity: 0; } } @media screen and (max-width:1600px) { } @media screen and (max-width:1330px) { } @media screen and (max-width:1200px) { } @media screen and (max-width:1030px) { } @media screen and (max-width:760px) { } @media screen and (max-width:480px) { } @media screen and (max-width:410px) { } @media screen and (max-width:340px) { } /* UNSLIDER RESPONSIVE */ .unslider{position:relative;margin:0 auto!important}.slideshow{height:100vh;min-height:320px;max-height:420px;width:100%;overflow:hidden;font-size:16px;line-height:20px;color:rgba(00,00,00,0.6);background:#000}.slideshow ul{list-style:none;margin:0;padding:0;overflow:hidden}.slideshow ul li{box-sizing:border-box;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:cover;background-position:center;position:relative;text-align:center;color:#fff;background-clip:border-box;background-color:var(--negro);background-origin:padding-box;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding-top:2vh;padding-bottom:2vh}.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider ul > li:before{content:"";background:#000000;position:absolute;width:100%;height:100%;left:0;top:0;opacity:0.35}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.slideshow ul li{overflow:hidden;height:100vh;min-height:420px;max-height:420px}.unslider-arrow{position:absolute;left:20px;z-index:50;cursor:pointer;font-size:0;top:47%;opacity:.5;color:#fff;font-family:"Font Awesome 5 Free";font-weight:900}.unslider-arrow:before{content:"\f053";font-size:20px!important}.unslider-arrow.next:before{content:"\f054";font-size:20px!important}.unslider-arrow.next{left:auto;right:20px}.over_slide{position:absolute;z-index:0;top:0;left:0;width:100%;overflow:hidden;box-sizing:border-box;background:#000d16;height:100%;opacity:.0}a.unslider-arrow:hover{color:rgba(255,255,255,0.8);text-decoration:none}.unslider-nav{margin:0;position:absolute;box-sizing:border-box;bottom:25px;font-size:0;z-index:900;width:100%}.unslider-nav ol{list-style:none;max-width:100%;width:100%;text-align:center}.unslider-nav ol li{margin:5px;background:#fff;opacity:.5;width:55px;height:3px;border-radius:0;display:inline-block}.unslider-nav ol li.unslider-active{opacity:1}@media screen and (max-width:1030px){.slideshow{}}@media screen and (max-width:480px){.slideshow{height:100vh}.slideshow ul li{overflow:hidden;height:100vh;max-height:420px}}@media only screen and (max-width:320px){.slideshow{}}.slideshow ul li{}.slideshowsquare{border-radius:10px;height:320px;width:100%;overflow:hidden;font-size:18px;line-height:24px;max-height:320px}.slideshowsquare{opacity:1}.slideshowsquare ul{list-style:none;margin:0;padding:0;overflow:hidden}.slideshowsquare ul li{box-sizing:border-box;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:cover;background-position:center;position:relative;text-align:center;color:#fff;background-clip:border-box;background-color:var(--negro);background-origin:padding-box;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative} /*TOGGLE*/ .toggle_title, .trigger { margin-bottom: 20px; position: relative; background: #FCFCFC; border: 2px solid #498B2A !important; line-height: 40px; width: 100%; box-sizing: border-box; font-size: 16px; cursor: pointer; padding: 0 0 0 48px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-top: 10px; } .toggle_title::before, .trigger::before { content: "+"; color: #498b2a; cursor: pointer; position: absolute; left: 8px; font-size: 40px; line-height: 40px;} .toggle_active.toggle_title::before, .trigger.active::before { content: "-"; top: -4px; left: 12px; } .toggle_active, p.trigger.active { border-bottom: 4px solid #8cc63e; margin-bottom: 0 !important; } .toggle_content, .toggle_container { min-height: 62px; background: #FCFCFC; border-left: 2px solid #498B2A; border-bottom: 2px solid #498B2A; border-right: 2px solid #498B2A; overflow: auto; margin: 0px 0 15px; padding: 5px 15px; } .toggle_title h2, .trigger a { font-size: 20px; color:#498B2A!important; margin: 0; font-weight: bold; line-height: 40px; } /*TOGGLE CONTENT*/ a.image_link { transition: .25s; background: #ebebeb; display: block; align-items: center; overflow: hidden; height: 320px; max-height: 320px; margin-bottom: 10px; border-radius: 5px; font-size: 0; } .col.large_image a.image_link { height: 320px; max-height: 320px; } a.image_link img { transition: .25s; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } a.image_link:hover { background: #fff; } a.image_link:hover img { opacity: 0.9; } .image_link.less_height { max-height: 140px; height: 140px; } .image_link.free_height { max-height: initial; height: initial; } #lang_switcher { -webkit-transition: all .13s ease-out; -o-transition: all .13s ease-out; transition: all .13s ease-out ; display: inline-block;} #lang_switcher ul { list-style:none; margin: 0; display: inline-block; } #lang_switcher ul li { margin: 0; display: inline; font-size: 16px; vertical-align: middle; } #lang_switcher ul li a { text-align: center; padding: 0px 12px; border-radius: 18px; display:inline-block; line-height: 24px; } #lang_switcher ul li.current-lang a,#lang_switcher ul li a:hover { background: #fff; color: #000; text-decoration: none; } @media screen and (max-width:1030px) { #page { } header .col.logocol { width: calc(100% - 180px)!important; } header .trigger_menu { display: block; margin-left: initial!important; margin-top: 3px; } nav#navigation { margin: 0 !important } nav#navigation ul { text-align: center } #lang_switcher{ margin-top: 15px; } } @media screen and (max-width:360px) { }