@CHARSET "ISO-8859-1"; /* Reset CSS * --------------------------------------- */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td, figure { padding: 0; margin: 0; } html { height:100% !important } body { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; height:100%; } body.projects, body.home, body.basic-page { height: 100% !important; } html * {max-height:1000000px;} a { text-decoration:none; cursor: pointer; } table { border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } strong { font-weight: bold; } ol,ul { list-style: none; margin:0; padding:0; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; margin:0; padding:0; color:#000000; } q:before,q:after { content:''; } abbr,acronym { border: 0; } /* Custom CSS * --------------------------------------- */ @font-face { font-family: 'FKDisplay'; src: url('fonts/fkdisplay-regularalt-webfont.woff2') format('woff2'), url('fonts/fkdisplay-regularalt-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'FKDisplay', Arial, Helvetica; color: #000000; background-color: #ffffff; font-size: 12px; /*cursor:pointer; cursor: url("images/asterisc.png") 11 11, url("images/asterisc.cur") 11 11, pointer;*/ } body, body *, html, html * { scroll-behavior: smooth; } @media only screen and (min-width:768px) { body { font-size: 14px; } } @media only screen and (min-width:1300px) { body { font-size: 16px; } } /*FULLPAGE*/ #fullpage { display: none; } @media only screen and (min-width:768px) { #fullpage { display: block; } #fullpagemobile { display: none; } } /*logotipo*/ h1.logoaromir { font-size: 3em; text-align: center; line-height: 0.6; display: inline-block; overflow: visible; text-transform: uppercase; } h1.logoaromir span { font-size: 0.49em; overflow: visible; } a.logoaromirlink { display: inline-block; } /*main header*/ #mainheader { position: fixed; top: 0; left: 0; z-index: 120; padding: 30px 20px; } h1.logoaromir { color: #000000; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } body.whitelogo h1.logoaromir { color: #ffffff; } body.whitelogo.bodymenuobert h1.logoaromir { color: #000000 !important; } @media only screen and (min-width:768px) { #mainheader { padding: 30px 40px; } } /*Reload*/ #reload { display: none; width: 35px; height: 35px; position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; background-image: url("img/reload.svg"); background-repeat: no-repeat; background-size: 35px 35px; background-position: center center; } /*go up down*/ #gosectiondown { height: 30vh; position: fixed; z-index: 20; bottom: 0; left: 10%; right: 10%; } #gosectionup { height: 20vh; position: fixed; z-index: 20; top: 115px; left: 10%; right: 10%; } @media only screen and (min-width:768px) { #gosectiondown { position: absolute; cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 45' style='enable-background:new 0 0 45 45;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:%23FFFFFF;%7D .st1%7Bclip-path:url(%23SVGID_4_);fill:none;stroke:%23FFFFFF;stroke-width:0.3943;%7D .st2%7Bfill:none;stroke:%231D1D1B;stroke-width:1.9714;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='0.1' y='0.1' width='44.7' height='44.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M0.3,22.5c0,12.2,9.9,22.2,22.2,22.2s22.2-9.9,22.2-22.2S34.7,0.3,22.5,0.3C10.3,0.3,0.3,10.3,0.3,22.5'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='0.1' y='0.1' width='44.7' height='44.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Ccircle class='st1' cx='22.5' cy='22.5' r='22.2'/%3E%3C/g%3E%3C/g%3E%3Cpolyline class='st2' points='32.8,21.5 22.5,35.9 12.2,21.5 '/%3E%3Cline class='st2' x1='22.5' y1='35.6' x2='22.5' y2='9.4'/%3E%3C/svg%3E") 22.5 22.5, pointer; cursor: -webkit-image-set( url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODBENTgwNjlGMkE3MTFFRTgxRjRFQjU1MzM0NEJGOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODBENTgwNkFGMkE3MTFFRTgxRjRFQjU1MzM0NEJGOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MEQ1ODA2N0YyQTcxMUVFODFGNEVCNTUzMzQ0QkY4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MEQ1ODA2OEYyQTcxMUVFODFGNEVCNTUzMzQ0QkY4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuIQF90AAAPISURBVHja1FlLTFNBFL0dsSQEAgSakPCxEANdlgU2YQVogLChbHCjQaArC4klfCJiLCjfBExAJULCQpTGnewQNo2QCBsNJHzkqzs+SVMWBCiU8c5zUFCQvk9L30lOZpJ2pqfz7rsz94wGZIBSegUbE/IOMhmpQ0YhtUj2mRfpQbqRW8g15FvklEaj8UIggWKNyPfIRaSHioOHj2PjjYEQa0I6kW6qDNx8PpM/xIYjHUgX9Q9cfP5wpQRnIudpYMB+J1OuYAtygwYW7PcsUgXX+TEcfAmXOikrfFmCTwq3iInhDRoc2LgwxnmWkP3SDQ9/oOXlZdThGFLq5TyVVchfuvuRBrkZZ2VlBUZHP8LCwoISCczAdf0rmif4PAhO5J3cgE6udDsyOkhFR3N9f0TzM4ARghvG47PK8Uo/REYGuehIrhMIP16mgzqQzvQSfh7Wq0Q002ki/AB/VSWimc67hFccaoKe8BJJTdARXtP5jMPDQ/B6lSvvPB6P2CFRhBehPmF1dRWKigqht/eVIoKHht5Bfn4ezM3NiRmmJbxq9gkzMzMwPT0NXV2dQl/u+aSx0Q7Ly0swOflZzFAh5fn8rM1mMxQWmoUQqay0ws7OjuSQqKi4D7u7u5CVlQWlpWVihnsJ9yV8RktLK8THJ8Da2ho0Ndklie7oaIfZ2VmIiYnFp/YcNBqNqP9MuJHiMyIiIqC7uxsIIeBwOGBkZESU4PHxT9DX91roM8GxsaKTl5tw50cUMjJugNVaIfRra6thfX3dp3EulwtstgdCn4VEdna2lAe1RbhVJRo2WxUYjUZwu91QVWVjJ8ULx9TUVMPm5iYYDAaor38k9R3+Tri3diB2ZEhICIbJCwgLC4OJiXHo7+/77/cHB9/A2NgoaLVa6Ol5CaGhoVIEM52DTPQU8oek/VSvx5fx6a8Kor3t3Hy7tLSI32sU+g0NjyEtLU3yKjO9hLuXX6TOUlx8GwoKCuDg4ADTmBX29vbOSG9W2N/fh5ycm1BSck9Oev/K9B4XAa3IbakztbV1QFxcnLBRNDc/O/VZa2sLzM/Pg06ng87OLrHp7SS2uc5T9oFTTp2PcU2TkhJoYmI8xY1HaC2WcqFldDqdcq0E53k2rixXCVdZEJiaev1Ua7c/UcJtMp1n1jjkzIzxS/Pzc3+vLmNu7i2K8SxXtMOvDhNmCpqSohcEJydfo4uL3xR3mPzi5WFOFkSz1u9enlKu6dHRER0YGAica6paf1q1NwGqvXNR7e3WGRuQOu4RzxB/qTe2GpniL+Vu/KcAAwD65uoYmcoIMwAAAABJRU5ErkJggg==") 1x, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZWNmNDZmZS1iNzU5LTRiOTQtOTA0My1hMDE5NDI5NWNkNWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDY3RTdDNUZGMkE5MTFFRTgxRjRFQjU1MzM0NEJGOEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDY3RTdDNUVGMkE5MTFFRTgxRjRFQjU1MzM0NEJGOEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZWNmNDZmZS1iNzU5LTRiOTQtOTA0My1hMDE5NDI5NWNkNWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGVjZjQ2ZmUtYjc1OS00Yjk0LTkwNDMtYTAxOTQyOTVjZDVhIi8+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") 2x) 22.5 22.5, pointer; } #gosectionup { position: absolute; cursor: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 45' style='enable-background:new 0 0 45 45;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:%23FFFFFF;%7D .st1%7Bclip-path:url(%23SVGID_4_);fill:none;stroke:%23FFFFFF;stroke-width:0.3943;%7D .st2%7Bfill:none;stroke:%231D1D1B;stroke-width:1.9714;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='0.1' y='0.1' width='44.7' height='44.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M44.7,22.5c0-12.2-9.9-22.2-22.2-22.2S0.3,10.3,0.3,22.5s9.9,22.2,22.2,22.2S44.7,34.7,44.7,22.5'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='0.1' y='0.1' width='44.7' height='44.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Ccircle class='st1' cx='22.5' cy='22.5' r='22.2'/%3E%3C/g%3E%3C/g%3E%3Cpolyline class='st2' points='12.2,23.5 22.5,9.1 32.8,23.5 '/%3E%3Cline class='st2' x1='22.5' y1='9.4' x2='22.5' y2='35.6'/%3E%3C/svg%3E") 22.5 22.5, pointer; cursor: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODBENTgwNjVGMkE3MTFFRTgxRjRFQjU1MzM0NEJGOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODBENTgwNjZGMkE3MTFFRTgxRjRFQjU1MzM0NEJGOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MEQ1ODA2M0YyQTcxMUVFODFGNEVCNTUzMzQ0QkY4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MEQ1ODA2NEYyQTcxMUVFODFGNEVCNTUzMzQ0QkY4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqy89cUAAAQQSURBVHja1JnfSxRRFMfPjuuqGLQJiiCiqxmrglgvmqg9+eNfEDKDVsv8gT/AVastyJQ03MA1klIzg6gnexH3oVSoB/PBfRFXfXAfEox1a0MQXH9M516v5a5SM3PXH3Pgy9zZmXvvZ+/cOXPPuRrgMFEUQ/CQhbqKMqCiUXqUDkWubaN8KC/KjVpCvUFNaTSabThOQ9hM1DvUAsonyjMfq0fqZx4HbBZqAuUVg2Ne1l7WUcCeQb1F/RCPxn6w9s8ECzgHNScej5F+cniBTajv4vEa6c+kFNh8hNNBynQxKxlhLuCBgQFxZ2eHF9wkZw5zTYnh4ddifHwcPQZhquRI8RJcL93CwrxoMCRQ6KSkRHFxcSEYL6efVxECuF+gjEpfXJ/PB9XVVbC1tUXPNzc3oaammh45zMi4DkIzB1/E03pHRzvMzc1BREQEPSfH2dlZ6Orq5PW8Rfs/QPtH+jHqnNJWJycnob//JS3n51/Z7alodwz6+p7Dly+feaDPMb6/0GwNoHgd4PF4oKGhjpZv3DBBXFwcLRsMSVBWdp20D/X1deD1ennAM/fWKnsj3YI6q9CfQ2NjA7jdbkhNTYWWlla/63fu3IXz51NgZWUFmpubeKDPMk4Q2PLyotKWhoZewadPHyEsLAxstl7Q6XR+18PDw+nvoaGhMDo6Cu/fv+MBv0R4BbYeTlTSwvz8PLS1PaRli+U+pKRcOPS+tLQ0MJub2X33wOVyKYVOILwEuhQVKrf2xsYGurMq6uYKCgqhtPTaP+8vL6+A3Nw8WF9fh9ra6j9uUaYRzquC0lFub38ETqcTYmJi0KU9+e/9GKlAd7cV9Ho9OBwOsFq7lY62QWAhkiwbHx+HwcEBWrZan0JUVJSkerGxsdDZufsHe3ttMD39VQl0tMBiOsm2uupG91ZPyxUVNyEvL19Wj8XFxVBSUgK4mMJpUgtra2tyofUCC0IluzcC7PGsQnp6OjQ1mRU9X4vlAfpwAywvf4PW1ha51XUCi5olGZkSExMT9PNssz074N6kWmRkJPT09IJWq4UPH0ZgZGRETvUQLQvzJVl29mX6oTCZTJCcnMy1mMjIyMCn1gh2+xgty7BtLctLSDLib8fG7IpHONAqK2/DrVuVdMTlLCa1LJEifUIFCZg+55AQJdW8Asv8qMncBNqlMuglAj1MggyVABPONwR6SkWjTTinBJa9nFEJ9Azh3QsCOlC/TjnwL8a5G7kgvQMPjlMO7WCcfoEtWUj8PKXAPxmffzSO/4K8kPZTCm1nfIcma8pRTt4ejEYjFBYWca9PmDkZ19Hm8oKc9pWWrw5G1jRI6V55eWrV5acDRlw9OwEBc1w9ey77wNW1uxUAr559xEPgT3THVsMJfyJ7478FGABW2r/o7EchywAAAABJRU5ErkJggg==") 1x, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZWNmNDZmZS1iNzU5LTRiOTQtOTA0My1hMDE5NDI5NWNkNWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDY3RTdDNjNGMkE5MTFFRTgxRjRFQjU1MzM0NEJGOEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDY3RTdDNjJGMkE5MTFFRTgxRjRFQjU1MzM0NEJGOEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZWNmNDZmZS1iNzU5LTRiOTQtOTA0My1hMDE5NDI5NWNkNWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGVjZjQ2ZmUtYjc1OS00Yjk0LTkwNDMtYTAxOTQyOTVjZDVhIi8+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") 2x) 22.5 22.5, pointer; } } /*Layer brighten*/ #fixedlayer { display: none; } @media only screen and (min-width:768px) { #fixedlayer { display: block; position: fixed; pointer-events: none; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; opacity: 0; z-index: 105; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } #fixedlayer.fixedlayervisible { opacity: 0.5; pointer-events: auto; } } /*Burger*/ #navbar-toggle { position: fixed; top: 15px; right: 15px; background: #ffffff; border-radius: 50%; border: none; width: 50px; height: 50px; z-index: 130; cursor: pointer; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #navbar-toggle .icon-bar { background: #000000; cursor:pointer; height: 2px; width: 23px; margin: 3px auto; display: block; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) { opacity: 0; } #navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } #navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } @media only screen and (min-width:768px) { #navbar-toggle { top: 25px; right: 40px; } } /*nav header*/ nav#headernav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 110; background: #ffffff; padding: 30px 20px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; -webkit-transform: translate(0%, -100%); -ms-transform: translate(0%, -100%); -o-transform: translate(0%, -100%); transform: translate(0%, -100%); } nav#headernav.menuobert { -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } .headernavcontent { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .headernavcontentright { margin-bottom: 56px; } .headernavcontentleft li { margin-bottom: 0; font-size: 1em; line-height: 1.5; } .xarxa a { display: inline-block; background-repeat: no-repeat; padding-left: 19px; background-size: 15px 15px; background-position: left center; min-height: 17px; } .headernavcontent .current a, .headernavcontent a:hover { text-decoration: underline; } .headernavcontentright li { margin-bottom: 10px; font-size: 1.7em; text-transform: uppercase; } .headernavcontent a { color: #000000; } ul#languagesmenu { margin-top: 50px; } ul#languagesmenu li { font-size: 0.9em; text-transform: none; margin: 0; text-align: center; } ul#languagesmenu li.current a { text-decoration: underline; } ul#languagesmenu a { color: #000000; display: block; padding: 2px; } @media only screen and (min-width:768px) { nav#headernav { padding: 30px 40px; bottom: auto; height: auto; } .headernavcontent { position: static; -webkit-transform: none; -ms-transform: none; -o-transform:none; transform: none; left: auto; top: auto; text-align: left; padding-top: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .headernavcontentright { margin-bottom: 0; } .headernavcontentleft li { font-size: 0.82em; line-height: 1.45; } .headernavcontentright li { font-size: 1.47em; } ul#languagesmenu { padding: 5px; position: absolute; top: 20px; right: 185px; margin-top: 0; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ul#languagesmenu li { font-size: 0.82em; display: none; text-align: right; } ul#languagesmenu li a { padding: 3px 14px 3px 0; } ul#languagesmenu:hover li { display: block; } ul#languagesmenu li.current { display: block; -webkit-box-ordinal-group: 0; -webkit-flex-order: -1; -ms-flex-order: -1; order: -1; } ul#languagesmenu li.current a { text-decoration: none; background-image: url("img/arrowlang.svg"); background-repeat: no-repeat; background-size: 8px 5px; background-position: right center; } } /* Sections * --------------------------------------- */ .section { position: relative; } .sectionbg { background-repeat: no-repeat; background-size: cover; background-position: center center; } .slide { overflow: hidden; } .slide a { color: #000000; text-decoration: underline; } .fp-slide { position: relative; } .section .fp-overflow { position: static; height: 100%; width: 100%; overflow-x: hidden; } .sectiontitle { position: absolute; bottom: 0; left: 0; right:40px; padding: 20px; z-index: 10; } .sectiontitle h2 { font-size: 1.75em; webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .sectiontitle h2 span { text-transform: uppercase; display: inline-block; margin-bottom: 5px; } body.whitelogo .sectiontitle h2 { color: #ffffff; } @media only screen and (min-width:768px) { .sectiontitle { padding: 40px; } } /*Texto*/ .txtwrap { padding: 90px 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .txtwrap p, li, blockquote { margin: 0 0 1.2em 0; line-height: 1.38; } .txtwrap blockquote { font-size: 1.35em; font-style: italic; } @media only screen and (min-width:768px) { .txtwrap { padding: 90px 85px; } } @media only screen and (min-width:1300px) { .txtwrap { padding: 130px; } } /*Imagen full Background*/ .bgimgwrap { margin: 0; height: 100%; width: 100%; } img.bgimg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0; display: block; max-width: 100%; } /*Texto Imagen 50%*/ .slideimgtxt .imgwrap { margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 50%; z-index: 2; } .slidetxtimg .imgwrap { margin: 0; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; z-index: 2; } .slideimgtxt .txtwrap { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; } .slidetxtimg .txtwrap { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; } /*Imagenes 60 40%*/ .slideimg6040 .imgwrap { margin: 0; position: absolute; top: 0; bottom: 0; left: 60%; right: 0; z-index: 2; } .slideimg4060 .imgwrap { margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 60%; z-index: 2; } .slideimg6040 .imgcenterwrap { margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 40%; z-index: 2; } .slideimg4060 .imgcenterwrap { margin: 0; position: absolute; top: 0; bottom: 0; left: 40%; right: 0; z-index: 2; } .imgcenterwrap { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .imgcenterwrap img { max-width: 70%; max-height: 70vh; margin: 0 auto; display: block; } /*Video bg*/ .slidevideo video { max-width: 70%; max-height: 70vh; margin: 0 auto; display: block; } @media only screen and (min-width:768px) { .slidevideo video { max-width: none; max-height: none; margin: 0; position: absolute; z-index: 2; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } } /*Imagen barrido*/ .slidesweep, .slidesweep .imgsweepwrap { margin: 0; height: 100%; width: 100%; } .slidesweep .imgsweepwrap { background-repeat: no-repeat; background-size: auto 100%; background-position: left center; } .slidesweep.active .imgsweepwrap { animation: 15s ease-in-out 0.5s imgsweepmobile infinite alternate-reverse; } @keyframes imgsweepmobile { from { background-position: right center; } to { background-position: left center; } } @media only screen and (min-width:768px) { .slidesweep { margin: 0; height: 100%; width: 100%; } .slidesweep .imgsweepwrap { margin: 0; height: 100%; width: 150%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } .slidesweep.active .imgsweepwrap { animation: 12s ease-in-out 0.5s imgsweep infinite alternate-reverse; } @keyframes imgsweep { from { -webkit-transform: translate(-33.3%, 0%); -ms-transform: translate(-33.3%, 0%); -o-transform: translate(-33.3%, 0%); transform: translate(-33.3%, 0%); } to { -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } } } /*Text centrat*/ .slidetxtcenter .txtinside { margin: 0 auto; text-align: center; } @media only screen and (max-width:767px) { .slidetxtcenter .txtinside { max-width: 70%; } } /*Imatge centrada*/ .slideimgcenter { } /*Mobile*/ @media only screen and (max-width:767px) { .slide .fp-overflow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /*Navigation indicators*/ #fp-nav { bottom: 0; top: auto; } #fp-nav.fp-right { right: 28px; } #fp-nav ul li { margin: 5px; } #fp-nav ul li a span { background: #ffffff; } @media only screen and (min-width:768px) { #fp-nav.fp-right { right: 50px; } #fp-nav ul li { margin: 7px; } } /*Navigation slides*/ .fp-slidesNav ul li a span { background: #ffffff; } .fp-slidesNav.fp-bottom { bottom: 30px; } .fp-slidesNav { text-align: right; padding-right: 90px; } .fp-slidesNav ul li { margin: 4px; } /*Fletxes*/ .fp-arrow.fp-next, .fp-arrow.fp-prev { border: none !important; background-repeat: no-repeat; background-size: 35px 35px; background-position: left center; width: 35px; height: 35px; } .fp-arrow.fp-next { background-image: url("img/arrowr.svg"); right: 15px; } .fp-arrow.fp-prev { background-image: url("img/arrowl.svg"); left: 15px; } @media only screen and (min-width:768px) { .fp-arrow.fp-next, .fp-arrow.fp-prev { border: none !important; background-repeat: no-repeat; background-size: 45px 45px; background-position: left center; width: 45px; height: 45px; } .fp-arrow.fp-next { right: 30px; } .fp-arrow.fp-prev { left: 30px; } } @media only screen and (min-width:1300px) { .fp-arrow.fp-next { right: 40px; } .fp-arrow.fp-prev { left: 40px; } } /********************************************************************* * HOME SLIDESHOW * */ .slideshow { position: relative; overflow: hidden; width: 100vw; height: 100vh; } .holder { position: relative; top: 0; left: 0; width: 10000vw; height: 100vh; transition: left 1s; } .holder div { float: left; width: 100vw; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0; } .homefooter .txtinside { text-align: center; } @media only screen and (max-width:767px) { .homefooter.slideimgtxt .imgwrap { bottom: 50%; right: 0; } .homefooter.slideimgtxt .txtwrap { top: 50%; left: 0; } } .homefooter .footerlegal { position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; background-color: #ffffff; padding: 20px; } .logolegal { max-width: 500px; margin: 20px auto 40px auto; } .logolegal img { max-width: 100%; display: block; } .menulegal { text-align: center; padding: 10px 20px; } .menulegal ul { display: inline-block; } .menulegal ul li { display: inline-block; margin: 5px 10px; } .menulegal ul li a { display: inline-block; text-decoration: none; color: #000000; } .menulegal ul li.current a, .menulegal ul li a:hover { text-decoration: underline; } /********************************************************************* * Pagina Legal * */ .txtlegal p, .txtlegal ul, .txtlegal ol { margin-bottom: 1em; } .container .menulegal { margin-top: 80px; } /********************************************************************* * Nosaltres * */ .txtaboutwrap { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .txtaboutwrap .txtabout { padding: 100px 30px 60px 30px; } .txtabout p, li, blockquote { margin: 0 0 1.2em 0; line-height: 1.38; } .txtabout h2 { font-size:20px; line-height: 1.38; } .txtabout blockquote { font-size: 1.35em; font-style: italic; } .politica-privacidad .txtaboutwrap .txtabout { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack: center; -ms-flex-pack: center; padding:400px 0px 200px 0px; } @media only screen and (min-width:768px) { .txtaboutwrap .txtabout { max-width: 80%; margin: 0 auto; } } @media only screen and (min-width:992px) { .txtaboutwrap .txtabout { max-width: 70%; } } /********************************************************************* * Error * */ .containererror { padding: 140px 25px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; } .containererror .txterror { text-align: center; font-size: 1.8em; } /********************************************************************* * 6. Accessibility helpers * */ /* Hide visually, but remain approachable for screenreader */ .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; white-space: nowrap; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0; } /* Show bypass link on hover */ .element-focusable:focus { clip: auto; overflow: visible; height: auto; } /* Sample styling for bypass link */ .bypass-to-main:focus { top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #333; color: #fff; } /********************************************************************* * Projectes * */ .container { padding: 140px 25px 140px 25px; max-width: 1500px; margin: 0 auto; } .container > h1 { text-transform: uppercase; font-size: 2.4em; text-align: center; margin-bottom: 40px; } .gridunit { margin-bottom: 30px; } .gridunit a { text-decoration: none; } .gridunit .gridimg { aspect-ratio: 1 / 1; } .gridunit .gridimg img { max-width: 100%; display: block; margin: 0; object-fit: cover; aspect-ratio: 1 / 1; } .gridunit .gridtxt { padding: 12px 0 0 0; } .gridunit .gridtxt h3 { color: #000000; font-size: 1.3em; text-transform: uppercase; } .gridunit .gridtxt p { color: #000000; font-size: 1.3em; } @media only screen and (min-width:768px) { .gridmulti { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, 1fr); } .gridunit { position: relative; overflow: hidden; margin: 0; } .gridunit .gridtxt h3 { color: #ffffff; font-size: 1.3em; } .gridunit .gridtxt p { color: #ffffff; } .gridunit .gridtxt { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; color: #ffffff; padding: 15px; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform: translate(0%, 100%); -ms-transform: translate(0%, 100%); -o-transform: translate(0%, 100%); transform: translate(0%, 100%); } .gridunit:hover .gridtxt { -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @media only screen and (min-width:1200px) { .gridmulti { grid-template-columns: repeat(3, 1fr); } } /********************************************************************* * Projecte * */