/* Generated on: Wed Aug 08 2018 15:19:45 GMT+0000 (UTC) */ /* ========================================================================== normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css ========================================================================== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ========================================================================== Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. ========================================================================== */ @font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0 0;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1)}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type="button"],input[type="reset"]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-image:-webkit-linear-gradient(white 0, #f3f3f3 100%);background-image:linear-gradient(white 0, #f3f3f3 100%)}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0}.w-checkbox,.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-checkbox:before,.w-radio:before,.w-checkbox:after,.w-radio:after{content:" ";display:table}.w-checkbox:after,.w-radio:after{clear:both}.w-checkbox-input,.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-uploading-bg-img{display:inline-block;padding-left:40px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBvcGFjaXR5PSIuMiIgZD0iTTE1IDMwYTE1IDE1IDAgMSAxIDAtMzAgMTUgMTUgMCAwIDEgMCAzMHptMC0zYTEyIDEyIDAgMSAwIDAtMjQgMTIgMTIgMCAwIDAgMCAyNHoiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIG9wYWNpdHk9Ii43NSIgZD0iTTAgMTVBMTUgMTUgMCAwIDEgMTUgMHYzQTEyIDEyIDAgMCAwIDMgMTVIMHoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiBkdXI9IjAuNnMiIGZyb209IjAgMTUgMTUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0bz0iMzYwIDE1IDE1IiB0eXBlPSJyb3RhdGUiLz48L3BhdGg+PC9zdmc+");background-position:12px 50%;background-size:20px 20px;background-repeat:no-repeat}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-label-bg-img{padding-left:40px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTUuOTIgNS4wMmE0LjUgNC41IDAgMCAxIC4wOCA4Ljk1VjE0SDRhNCA0IDAgMSAxIDAtOCA2IDYgMCAwIDEgMTEuOTItLjk4ek0xMSA5aDNsLTQtNS00IDVoM3YyaDJWOXoiLz48L3N2Zz4=");background-position:12px 50%;background-size:20px 20px;background-repeat:no-repeat}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{width:90% !important;height:auto !important;top:7px !important;left:6% !important;display:inline;text-align:center;overflow:hidden}.w-widget-map .gm-style-iw+div{display:none}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px;margin-left:7px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-widget-gplus{overflow:hidden}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;right:-100%;bottom:-100%;top:-100%;left:-100%;margin:auto;min-width:100%;min-height:100%;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-nav[data-collapse="all"] .w-dropdown,.w-nav[data-collapse="all"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="all"] .w-dropdown-list{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-dropdown,.w-nav[data-collapse="medium"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="medium"] .w-dropdown-list{position:static}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-dropdown,.w-nav[data-collapse="small"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="small"] .w-dropdown-list{position:static}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-dropdown,.w-nav[data-collapse="tiny"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="tiny"] .w-dropdown-list{position:static}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:before,.w-richtext figure[data-rt-type="video"]>div:before{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0;z-index:1}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default !important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}.w--nav-menu-open{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay .w--nav-menu-open{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] .w--nav-menu-open{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] .w--nav-menu-open{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important} /* ========================================================================== Start of custom Webflow CSS ========================================================================== */ .home-section { position: relative; z-index: 99999; width: 100%; height: 1000px; -webkit-transform: translate3d(0px, 0px, 250px); transform: translate3d(0px, 0px, 250px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .back-image { position: relative; z-index: 9999; display: block; height: 1000px; padding-top: 30px; background-color: #d3d3d3; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b33ae3ad77c008c5e3020_jared-rice-408402edit.jpg"); background-position: 0px 49%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; -webkit-transform: translate3d(0px, 0px, 250px); transform: translate3d(0px, 0px, 250px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .container-home { margin-top: 74px; } .ceramicoplaste-logo { display: inline-block; width: 60%; margin-top: 85px; margin-left: 46px; padding-top: 45px; } .home-text-block { margin-top: 40px; margin-left: 59px; padding-right: 398px; font-family: Bitter, serif; color: #fff; font-size: 20px; line-height: 30px; font-weight: 400; letter-spacing: 3px; text-transform: lowercase; } .scroll { margin-top: 40px; margin-left: 60px; padding: 10px 40px; border: 3px solid #fff; background-color: transparent; -webkit-perspective: 0px; perspective: 0px; font-family: Bitter, serif; color: #fff; font-size: 11px; font-weight: 900; letter-spacing: 3px; cursor: pointer; } .container-imagem { height: 275px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .imagem-empresa { position: static; top: -630px; bottom: 0px; display: block; margin-top: 0px; margin-left: -450px; padding-left: 0px; float: left; box-shadow: 11px 11px 17px -6px hsla(0, 0%, 40%, .21); -webkit-perspective: 0px; perspective: 0px; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .container-text-emp { position: static; top: -19px; } .titulo-emp { margin: 90px 59px 40px; padding-top: 10px; clear: none; font-family: Bitter, serif; color: #666; font-size: 50px; text-align: right; } .text-emp { margin: 40px 59px 140px 481px; padding-right: 0px; float: none; font-family: 'Droid Sans', sans-serif; color: #666; font-size: 13px; font-weight: 500; text-align: justify; letter-spacing: 1px; } .section-empresa { margin-top: 0px; padding-top: 0px; } .section-text-empresa { display: block; margin-top: 0px; margin-right: 0px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 40%, .05), hsla(0, 0%, 40%, .05)); background-image: linear-gradient(180deg, hsla(0, 0%, 40%, .05), hsla(0, 0%, 40%, .05)); } .section-produtos { position: relative; left: 0px; display: block; width: auto; height: 525px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .block-green { position: static; top: -119px; display: inline-block; width: 480px; height: 320px; margin: 0px 20px 1px -80px; float: left; border-style: solid; border-width: 5px; border-color: rgba(99, 140, 28, .3); -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .section-ver-mais { display: block; height: 800px; margin-top: 0px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; } .container-8 { margin-right: 673px; margin-left: 673px; padding: 30px 10px 30px 60px; background-color: transparent; } .navbar-3 { position: fixed; width: 100%; background-color: hsla(0, 0%, 95%, .8); background-image: -webkit-linear-gradient(270deg, transparent, transparent); background-image: linear-gradient(180deg, transparent, transparent); box-shadow: 15px 0 33px -12px #fff, 0 -7px 17px 3px rgba(0, 0, 0, .5); opacity: 1; } .links { display: block; margin: 12px 20px 10px; padding: 5px 0px; float: right; border-style: none; border-bottom-width: 1px; border-bottom-color: #000; -webkit-transition: color 275ms ease, padding 200ms ease-in, border-width 525ms ease; transition: color 275ms ease, padding 200ms ease-in, border-width 525ms ease; direction: ltr; font-family: Exo, sans-serif; color: #666; font-weight: 500; letter-spacing: 2px; } .links:hover { border-style: none; border-bottom-width: 2px; border-bottom-color: #666; color: hsla(0, 0%, 40%, .79); font-weight: 600; } .links.w--current { color: #666; } .nav-menu { margin-right: -25px; margin-left: 0px; } .navbar-content { position: static; display: block; margin-top: 15px; margin-bottom: 15px; float: none; } .navbar-section { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 0; overflow: visible; width: 100%; height: 75px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #fff; box-shadow: 0 4px 15px -10px #666; opacity: 1; -webkit-transform: translate3d(0px, 0px, 250px); transform: translate3d(0px, 0px, 250px); color: rgba(0, 0, 0, .07); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .navbar-logo { z-index: 999; display: block; float: left; opacity: 1; } .navbar-menu { position: relative; left: 0px; top: 0px; bottom: 0px; z-index: 100; display: block; width: 100%; padding-right: 0px; padding-left: 0px; float: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .img-section-produto { position: static; display: block; width: 100%; height: 525px; margin-top: 0px; margin-right: auto; margin-left: auto; padding-left: 0px; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b78f4ca66ad47bb061617_soap-dispenser-2337697edit.jpg"); background-position: 50% -125px; background-size: cover; background-repeat: repeat-x; } .titulos-esq { position: relative; top: 0px; bottom: 0px; display: inline-block; margin-top: -75px; margin-left: 59px; padding-top: 30px; font-family: Bitter, serif; color: #fff; font-size: 65px; line-height: 65px; letter-spacing: 2px; } .titulos-esq.contacte-nos { padding-left: 60px; color: #666; } .titulos-esq.form { margin-top: -35px; color: #666; font-size: 45px; text-align: left; } .container-produtos { margin-top: -350px; padding-top: 175px; } .container-anime-prod { height: 700px; margin-top: 0px; padding-top: 50px; padding-bottom: 6px; } .ver-mais-prod { position: relative; left: -34px; top: -100px; z-index: 2; display: block; margin-top: -65px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-bottom: 10px; } .ver-mais-text { width: 380px; margin-right: 467px; margin-bottom: 1px; margin-left: 0px; padding-right: 0px; padding-left: 0px; float: left; font-family: Bitter, serif; color: #3f3f3f; font-size: 16px; font-weight: 400; letter-spacing: 4px; } .barra { position: static; top: 0px; width: 75px; height: 2px; margin-top: 10px; margin-right: 10px; margin-left: 6px; float: left; background-image: -webkit-linear-gradient(270deg, #fff, #fff); background-image: linear-gradient(180deg, #fff, #fff); } .footer { width: 100%; height: 120px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; background-image: -webkit-linear-gradient(270deg, #638c1c, #638c1c); background-image: linear-gradient(180deg, #638c1c, #638c1c); } .lista-produtos { margin-top: 0px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; font-family: 'Droid Sans', sans-serif; color: #3f3f3f; font-size: 13px; font-style: normal; font-weight: 500; letter-spacing: 2px; text-decoration: none; text-transform: none; } .white-list { margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; font-family: 'Droid Sans', sans-serif; color: #fff; font-size: 13px; letter-spacing: 2px; } .contacts-section { margin-top: 0px; margin-bottom: 55px; cursor: default; } .contacte-nos { display: block; margin-right: auto; margin-left: auto; } .contactos-e-morada { margin-top: -40px; margin-bottom: 0px; } .moradas { margin-right: 61px; margin-left: 61px; } .morada1 { margin-top: 11px; padding-left: 0px; font-family: 'Droid Sans', sans-serif; color: #666; font-size: 14px; font-weight: 400; letter-spacing: 2px; } .morada1.espao { margin-left: 90px; } .coluna-contactos { margin-top: 45px; margin-bottom: 50px; padding-right: 9px; padding-left: 9px; } .facebook-dive { margin-top: 21px; margin-left: 148px; float: none; } .facebook { left: 425px; top: 0px; right: -319px; width: 10px; height: 10px; margin: 23px 0px 22px; padding: 7px; float: right; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3643a32fe85b096db2bddd_facebook-letter-logo-BLACK.png"); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1001px); transform: perspective(1001px); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: flex 658ms ease-in-out; transition: flex 658ms ease-in-out, -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out, -ms-flex 658ms ease-in-out; font-family: 'Droid Sans', sans-serif; color: #3f3f3f; letter-spacing: 1px; text-decoration: none; cursor: pointer; } .facebook:hover { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3643a32fe85be9bdb2bdde_facebook-letter-logo-GREY.png"); color: #c7c7c7; font-style: italic; text-decoration: none; } .sociedade-comercial { margin-top: 40px; margin-right: 60px; margin-left: 60px; font-family: Bitter, serif; color: #666; font-size: 13px; font-weight: 400; letter-spacing: 2px; } .sociedade-comercial-text { display: block; margin-right: auto; margin-bottom: 10px; margin-left: auto; font-size: 12px; font-weight: 400; letter-spacing: 1px; } .ceramicoplaste { font-size: 13px; font-weight: 600; letter-spacing: 2px; } .footer-img { height: 100px; margin-top: 0px; margin-bottom: 0px; padding-top: 11px; padding-bottom: 10px; } .footer-image { display: block; margin-top: 10px; margin-bottom: 30px; margin-left: 55px; padding-left: 5px; float: left; opacity: 1; } .footer-text { display: block; margin: 0px auto 28px; float: right; font-family: 'Droid Sans', sans-serif; color: #fff; font-size: 10px; font-weight: 400; text-align: right; letter-spacing: 2px; } .blink-eye { color: #fff; font-style: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; } .blink-eye:hover { text-decoration: line-through; } .map { height: 350px; } .body { border-bottom: 1px none #000; } .grey-links { display: block; margin: 0px auto; padding-top: 0px; padding-bottom: 0px; -webkit-transition: opacity 1408ms cubic-bezier(.6, -.28, .735, .045); transition: opacity 1408ms cubic-bezier(.6, -.28, .735, .045); font-family: 'Droid Sans', sans-serif; color: #666; font-size: 14px; text-align: center; letter-spacing: 2px; text-decoration: none; } .grey-links:hover { color: hsla(0, 0%, 40%, .75); font-style: normal; font-weight: 400; text-decoration: none; } .grey-links.ver-mais { float: left; -webkit-transition-property: none; transition-property: none; font-family: Bitter, serif; color: #fff; font-size: 16px; letter-spacing: 3px; } .grey-links.ver-mais.w--current { text-align: left; } .grey-links.face { padding-left: 10px; float: left; text-align: left; } .bold-text { font-family: Bitter, serif; color: #3f3f3f; font-weight: 700; } .anchor-empresa { position: relative; z-index: 5; height: 75px; margin-top: 400px; } .facebook2 { float: left; } .img-sec-dose-metal { width: 680px; height: 300px; margin: 20px 10px 10px -30px; float: left; background-color: transparent; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5782a040d0810cb87a1b_4623VERDE.jpg"); background-position: 50% 50%; background-size: 900px; cursor: -webkit-grab; cursor: grab; } .transparent-link { display: block; height: 300px; margin-right: auto; margin-left: auto; padding-top: 240px; padding-right: 20px; padding-left: 20px; float: none; background-color: rgba(0, 0, 0, .2); font-family: Bitter, serif; color: #fff; font-size: 16px; line-height: 25px; text-align: center; letter-spacing: 3px; text-decoration: none; cursor: pointer; } .img-sec-dose-plastico { width: 300px; height: 300px; margin-right: -30px; margin-bottom: 10px; margin-left: 10px; float: right; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5de721a79df5f680f1ec_EDIT.jpg"); background-position: 0px -45px; background-size: 864px; } .img-sec-dose-plastico:hover { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5de721a79df5f680f1ec_EDIT.jpg"); background-position: 0px -45px; background-size: 864px; } .div-block { display: block; margin-right: auto; margin-left: auto; } .img-sec-embalagem { width: 300px; height: 300px; margin-top: 10px; margin-left: -30px; float: left; background-color: transparent; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b621da040d0510cb88793_246348-P3J508-549edit.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b621da040d0510cb88793_246348-P3J508-549edit.jpg"); background-position: 0px 0px, 100% 100%; background-size: auto, cover; } .img-sec-embalagem:hover { background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b621da040d0510cb88793_246348-P3J508-549edit.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b621da040d0510cb88793_246348-P3J508-549edit.jpg"); background-position: 0px 0px, 100% 100%; background-size: auto, cover; } .img-sec-outros { width: 680px; height: 300px; margin-top: 10px; margin-right: -30px; float: right; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b471773c3102cf51ff0e1f5_2439.jpg"); background-position: 50% -80px; background-size: cover; } .img-sec-outros:hover { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b471773c3102cf51ff0e1f5_2439.jpg"); background-position: 50% -80px; background-size: cover; } .section-banner { width: 100%; height: 500px; padding-top: 60px; padding-bottom: 0px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5782a040d0810cb87a1b_4623VERDE.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5782a040d0810cb87a1b_4623VERDE.jpg"); background-position: 0px 0px, 50% 43%; background-size: auto, cover; } .section-banner.plstico { background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5d5ca339e68a4817fd02_197940-OYFK8J-757EDIT.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5d5ca339e68a4817fd02_197940-OYFK8J-757EDIT.jpg"); background-position: 0px 0px, 95% -22px; background-size: auto, cover; } .section-banner.outros { background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b471773c3102cf51ff0e1f5_2439.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b471773c3102cf51ff0e1f5_2439.jpg"); background-position: 0px 0px, -5% 20%; } .section-banner.embalagens { background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5899fc6a8410e371bcf94e_246272-P3J4V4-182.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5899fc6a8410e371bcf94e_246272-P3J4V4-182.jpg"); background-position: 0px 0px, 0% 60%; background-size: auto, cover; } .titulo-banner { margin-top: 100px; margin-bottom: 0px; } .doseadores-de-metal { margin-top: 237px; padding-left: 20px; font-family: Bitter, serif; color: #666; font-size: 55px; line-height: 66px; letter-spacing: 3px; } .doseadores-de-metal.embalagem { padding-left: 30px; } .section-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; } .container-separadores { display: block; height: 600px; margin-top: 120px; margin-bottom: 15px; padding-right: 0px; padding-left: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .container-separadores._2 { margin-top: 70px; margin-bottom: 15px; } .container-separadores._2.plastico { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 35px; margin-bottom: 1px; padding-left: 0px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .link { margin-right: 13px; margin-left: 13px; padding: 15px 25px; float: left; border-style: none; border-width: 1px; border-color: hsla(0, 0%, 40%, .8); background-color: rgba(0, 0, 0, .07); font-family: Bitter, serif; color: #666; font-size: 13px; font-style: normal; font-weight: 400; letter-spacing: 2px; text-decoration: none; } .link.first { margin-left: 0px; } .link.last { margin-right: 0px; } .lightbox { margin-top: 55px; } .image { position: static; display: block; margin-right: auto; margin-left: auto; } .tab-link-tab-1 { margin-right: 13px; margin-bottom: 0px; margin-left: 0px; padding: 15px 25px; background-color: rgba(0, 0, 0, .07); } .tab-link-tab-1.w--current { margin-bottom: 40px; -webkit-transition: opacity 658ms ease; transition: opacity 658ms ease; font-family: Bitter, serif; color: #fff; } .tab-link-tab-2 { margin-right: 13px; margin-bottom: 0px; margin-left: 13px; padding: 15px 25px; background-color: rgba(0, 0, 0, .07); } .tab-link-tab-2.w--current { margin-bottom: 40px; } .tab-link-tab-3 { margin-right: 13px; margin-bottom: 0px; margin-left: 13px; padding: 15px 25px; background-color: rgba(0, 0, 0, .07); } .tab-link-tab-3.w--current { margin-bottom: 40px; } .tab-link-tab-4 { margin-right: 13px; margin-bottom: 40px; margin-left: 13px; padding: 15px 25px; background-color: rgba(0, 0, 0, .07); } .tab-link-tab-5 { margin-bottom: 0px; margin-left: 13px; padding: 15px 25px; background-color: rgba(0, 0, 0, .07); } .tab-link-tab-5.w--current { margin-bottom: 40px; margin-left: 13px; padding: 15px 25px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .text-block { font-family: Bitter, serif; } .doseador { font-family: Bitter, serif; } .text-block-3 { font-family: Bitter, serif; } .doseador-tipo { font-size: 13px; letter-spacing: 2px; } .tab-pane-tab-1 { height: 500px; } .tabs-menu { display: block; margin-right: auto; margin-bottom: 45px; margin-left: auto; float: none; text-align: center; } .tab-links { margin-right: 20px; margin-left: 20px; padding: 15px 25px; background-color: rgba(0, 0, 0, .07); font-family: Bitter, serif; color: #666; letter-spacing: 2px; } .tab-links:hover { background-color: rgba(0, 0, 0, .03); color: #666; } .tab-links.w--current { background-color: hsla(0, 0%, 40%, .6); color: #fff; } .tab-links.first { margin-left: 0px; } .tab-links.last { margin-right: 0px; } .tab-pane-tab-3 { height: 400px; } .tab-page { position: static; display: block; height: 400px; margin-right: auto; margin-left: auto; padding-right: 170px; padding-left: 170px; font-family: Bitter, serif; letter-spacing: 2px; } .inox-01 { position: static; display: block; margin: 0px auto; text-align: center; } .inox-02 { display: block; margin-right: auto; margin-left: auto; } .inox-03 { display: block; margin-right: auto; margin-left: auto; } .inox-04 { display: block; margin-right: auto; margin-left: auto; } .inox-05 { display: block; margin-right: auto; margin-left: auto; } .inox-06 { display: block; margin-right: auto; margin-left: auto; } .inox-07 { display: block; margin-right: auto; margin-left: auto; } .inox-08 { display: block; margin-right: auto; margin-left: auto; } .img-sec-dose-plas { width: 300px; height: 300px; margin-top: 20px; margin-right: -30px; margin-left: 10px; float: right; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5de721a79df5f680f1ec_EDIT.jpg"); background-position: 0px -54px; background-size: 864px; cursor: pointer; } .transparent-link2 { display: block; height: 300px; margin-right: auto; margin-left: auto; padding-top: 240px; padding-right: 20px; padding-left: 20px; background-color: rgba(0, 0, 0, .2); font-family: Bitter, serif; color: #fff; font-size: 16px; line-height: 25px; text-align: center; letter-spacing: 3px; text-decoration: none; cursor: pointer; } .img-sec-embalagens { width: 300px; height: 300px; margin-top: 15px; margin-right: 10px; margin-left: -30px; float: left; clear: left; background-color: rgba(0, 0, 0, .09); background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b621da040d0510cb88793_246348-P3J508-549edit.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b621da040d0510cb88793_246348-P3J508-549edit.jpg"); background-position: 0px 0px, 100% 50%; background-size: auto, cover; cursor: pointer; } .transparent-link3 { display: block; height: 300px; margin-right: auto; margin-left: auto; padding-top: 240px; padding-right: 20px; padding-left: 20px; background-color: rgba(0, 0, 0, .2); font-family: Bitter, serif; color: #fff; font-size: 16px; line-height: 25px; text-align: center; letter-spacing: 3px; text-decoration: none; cursor: pointer; } .outros-artigos { width: 680px; height: 300px; margin-top: 15px; margin-right: -30px; margin-left: 10px; float: right; clear: none; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b471773c3102cf51ff0e1f5_2439.jpg"); background-image: linear-gradient(180deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b471773c3102cf51ff0e1f5_2439.jpg"); background-position: 0px 0px, 0px 50%; background-size: auto, cover; cursor: pointer; } .transparent-link4 { display: block; height: 300px; margin-right: auto; margin-left: auto; padding-top: 240px; padding-right: 20px; padding-left: 20px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); font-family: Bitter, serif; color: #fff; font-size: 16px; line-height: 25px; text-align: center; letter-spacing: 3px; text-decoration: none; cursor: pointer; } .cor { display: block; width: 225px; height: 225px; margin: 25px auto 40px; padding-top: 0px; float: left; background-color: rgba(0, 0, 0, .07); } .img { position: static; left: 0px; top: -81px; right: -14px; display: block; width: 300px; height: 380px; margin-top: -65px; margin-right: -30px; margin-left: -30px; padding-top: 30px; padding-right: 5px; padding-left: 5px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c193b9f37281d22179bd_FARIA-MOROUCO1_000002.png"); background-position: 40% 50%; background-size: 400px; -webkit-transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1), -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .img.plst { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f28960cb6ea8097ae5f2_FARIA-MOROUCO6_000072.png"); background-position: 39% 64%; background-size: 420px; } .img.outros { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145b314bb99fbdcff4c6_FARIA-MOROUCO_000177.png"); background-position: 201% 0%; background-size: 320px; } .classe { display: block; margin-top: 235px; margin-right: auto; margin-left: auto; padding-left: 45px; font-family: Bitter, serif; color: #3f3f3f; font-size: 16px; text-align: left; letter-spacing: 3px; } .cor2 { display: block; width: 225px; height: 225px; margin-top: 25px; margin-right: 85px; margin-left: 85px; float: left; } .img2 { display: block; width: 300px; height: 380px; margin-top: -65px; margin-right: -30px; margin-left: -30px; padding-top: 30px; padding-right: 5px; padding-left: 5px; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc66b9d1147029b22862_FARIA-MOROUCO2_000019.png"); background-position: 35% 51%; background-size: 420px; -webkit-transform: translate3d(0px, 0px, 1px); transform: translate3d(0px, 0px, 1px); -webkit-transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1), -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); font-size: 16px; letter-spacing: 3px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .img2:hover { -webkit-transform: translate3d(0px, 0px, 1px) scale(1.1); transform: translate3d(0px, 0px, 1px) scale(1.1); } .img2.plstc { display: block; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f404b873dd5f89195f0a_FARIA-MOROUCO10_000147.png"); background-position: 33% 58%; background-size: 420px; } .img2.outros { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146a18c011b1f0c464ac_FARIA-MOROUCO_000199.png"); background-position: -1% 84%; background-size: 380px; } .classe2 { display: block; margin-top: -130px; margin-right: auto; margin-left: 15px; padding-left: 0px; float: left; -webkit-transform: translate3d(0px, 0px, 2px); transform: translate3d(0px, 0px, 2px); font-family: Bitter, serif; color: #666; font-size: 18px; text-align: left; letter-spacing: 2px; text-decoration: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .classe2.escovado { margin-top: -125px; margin-left: 15px; padding-left: 0px; -webkit-transform: translate3d(0px, 0px, 2px); transform: translate3d(0px, 0px, 2px); font-size: 18px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .classe2.outros { margin-top: -140px; } .cor3 { display: block; width: 225px; height: 225px; margin-top: 25px; margin-right: auto; margin-left: auto; float: right; } .img3 { display: block; width: 300px; height: 380px; margin-top: -65px; margin-right: -37px; margin-left: -37px; padding-top: 37px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4da8d2f84aca7f3977a_FARIA-MOROUCO7_000106.png"); background-position: 65% 25%; background-size: 400px; -webkit-transform: translate3d(0px, 0px, 1px); transform: translate3d(0px, 0px, 1px); -webkit-transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1), -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .img3:hover { -webkit-transform: translate3d(0px, 0px, 1px) scale(1.1); transform: translate3d(0px, 0px, 1px) scale(1.1); } .classe3 { display: block; margin-top: -125px; margin-right: auto; margin-left: 15px; padding-left: 0px; float: left; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; text-decoration: none; } .cor4 { display: block; width: 225px; height: 225px; margin-top: 25px; margin-right: auto; margin-left: auto; float: left; clear: left; } .img4 { display: block; width: 300px; height: 380px; margin-top: -60px; margin-right: 0px; margin-left: -30px; padding-top: 5px; padding-left: 0px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c63022d24efe845478a8d_FARIA-MOROUCO5_000068.png"); background-position: 25% 55%; background-size: 400px; -webkit-transform: translate3d(0px, 0px, 1px); transform: translate3d(0px, 0px, 1px); -webkit-transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1), -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .img4:hover { -webkit-transform: translate3d(0px, 0px, 1px) scale(1.1); transform: translate3d(0px, 0px, 1px) scale(1.1); } .img4.plst { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f457b873dd6b7e195f3b_FARIA-MOROUCO8_000128.png"); background-position: 37% 50%; background-size: 420px; } .img4.outros { float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57242528a5bd7e3cf7c8be_FARIA-MOROUCO_000209_2.png"); background-position: -74% 267%; background-size: 320px; } .classe4 { display: block; margin-top: 265px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-left: 50px; font-family: Bitter, serif; color: #3f3f3f; font-size: 16px; letter-spacing: 3px; text-decoration: none; } .cor5 { display: block; width: 225px; height: 225px; margin-top: 25px; margin-right: 85px; margin-left: 85px; float: left; clear: none; } .img5 { display: block; width: 300px; height: 380px; margin-top: -60px; margin-right: 30px; margin-left: -30px; padding-top: 5px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c67adabad3831c7ba5a02_FARIA-MOROUCO4_000054.png"); background-position: 25% 50%; background-size: 400px; -webkit-transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1), -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); } .img5:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .img5.plstc { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f76860cb6e49b57af00e_FARIA-MOROUCO_000219_2.png"); background-position: 25% 21%; background-size: 420px; } .img5.outros { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57147376451f03ea7fc669_FARIA-MOROUCO_000225.png"); background-position: 0px -242%; background-size: 340px; } .classe5 { display: block; margin-top: 265px; margin-right: auto; margin-left: auto; padding-left: 45px; font-family: Bitter, serif; color: #3f3f3f; font-size: 16px; letter-spacing: 3px; text-decoration: none; } .cor6 { display: block; width: 225px; height: 225px; margin-top: 25px; margin-right: auto; margin-left: auto; float: left; clear: none; } .img6 { width: 300px; height: 380px; margin-top: -60px; margin-right: 30px; margin-left: -30px; padding-top: 0px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c69442d24ef0e75478f1c_FARIA-MOROUCO3_000041.png"); background-position: 30% 60%; background-size: 400px; -webkit-transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1); transition: transform 600ms cubic-bezier(.39, .575, .565, 1), -webkit-transform 600ms cubic-bezier(.39, .575, .565, 1); } .img6:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .classe6 { display: block; width: auto; margin: -157px auto 0px 15px; padding-right: 0px; padding-left: 0px; float: left; -webkit-transform: translate3d(0px, 0px, 1px); transform: translate3d(0px, 0px, 1px); font-family: Bitter, serif; color: #666; font-size: 18px; line-height: 24px; text-align: left; letter-spacing: 2px; text-decoration: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .classe1 { display: block; margin-top: -125px; margin-right: auto; margin-left: 15px; padding-top: 0px; padding-left: 0px; float: left; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: font-size 658ms cubic-bezier(.95, .05, .795, .035); transition: font-size 658ms cubic-bezier(.95, .05, .795, .035); font-family: Bitter, serif; color: #666; font-size: 18px; text-align: left; letter-spacing: 2px; text-decoration: none; text-transform: none; } .classe1.cobre { margin-top: -130px; margin-left: 15px; letter-spacing: 2px; } .classe1.outros { margin-top: -140px; margin-left: 110px; text-align: right; } .classe1.outros2 { margin-top: -145px; -webkit-transform: translate3d(0px, 0px, 2px); transform: translate3d(0px, 0px, 2px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .inox-intro { height: 100px; padding-top: 0px; padding-left: 34px; } .inox-intro.inox-go-back { margin-top: 0px; padding-left: 53px; } .inox-intro.top { padding-left: 0px; } .barra-cinza { width: 75px; height: 30px; margin-top: 41px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4df8d5cde7f81e5d016686_right-arrow4.svg"); background-position: 50% 56%; background-size: 70px; background-repeat: no-repeat; } .inox-title { margin-top: 43px; margin-left: 15px; float: left; font-family: Bitter, serif; color: #666; font-size: 21px; font-weight: 400; letter-spacing: 5px; } .inox-products { margin-bottom: 45px; padding-top: 35px; } .color-inox1 { width: 200px; height: 400px; margin-left: 0px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox1 { width: 250px; height: 400px; margin-left: 50px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c193b9f37281d22179bd_FARIA-MOROUCO1_000002.png"); background-position: 48% 35%; background-size: 450px; } .classe-inox1 { display: block; margin-top: -305px; margin-right: 0px; margin-left: 192px; padding-left: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; font-weight: 400; text-align: left; letter-spacing: 2px; } .cor-inox2 { display: block; width: 200px; height: 400px; margin-top: -400px; margin-left: 350px; float: left; clear: none; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox2 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c195b9d1142d6fb21253_FARIA-MOROUCO1_000003.png"); background-position: 13% 50%; background-size: 400px; } .classe-inox2 { display: block; margin-top: -300px; margin-left: 555px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .cor-inox3 { width: 200px; height: 400px; margin-top: -400px; margin-left: 690px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox3 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c196b9f3726f552179c1_FARIA-MOROUCO1_000005.png"); background-position: 19% 50%; background-size: 420px; } .classe-inox3 { margin-top: -300px; margin-right: -28px; margin-bottom: 1px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; font-weight: 400; letter-spacing: 2px; } .cor-inox4 { display: block; width: 200px; height: 400px; margin-top: 70px; margin-left: 0px; float: none; background-color: rgba(0, 0, 0, .03); } .img-inox4 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c1979918eaed1bade93f_FARIA-MOROUCO1_000007.png"); background-position: 22% 50%; background-size: 420px; } .classe-inox4 { margin-top: -300px; margin-left: 204px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .cor-inox5 { width: 200px; height: 400px; margin-top: -400px; margin-left: 350px; float: none; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox5 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c19933b04e0288472378_FARIA-MOROUCO1_000009.png"); background-position: 25% 35%; background-size: 420px; } .classe-inox5 { margin-top: -300px; margin-left: 555px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .cor-inox6 { width: 200px; height: 400px; margin-top: -400px; margin-left: 690px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox6 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c1998d2f843ce5f379fb_FARIA-MOROUCO1_000011.png"); background-position: 17% 30%; background-size: 410px; } .classe-inox6 { margin-top: -300px; margin-right: -34px; margin-left: 1px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .cor-inox7 { width: 200px; height: 400px; margin-top: 70px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox7 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c19a95056d563e72b4d9_FARIA-MOROUCO1_000013.png"); background-position: 17% 25%; background-size: 400px; } .classe-inox7 { margin-top: -291px; margin-left: 196px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .cor-inox8 { width: 200px; height: 400px; margin-top: -400px; margin-left: 350px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03)); } .img-inox8 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48c19cb9f372466d2179c2_FARIA-MOROUCO1_000015.png"); background-position: 31% 45%; background-size: 420px; } .classe-inox8 { margin-top: -291px; margin-left: 555px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .voltar { display: block; margin-top: 43px; margin-left: 5px; float: left; font-family: Bitter, serif; color: #666; font-size: 16px; font-weight: 700; letter-spacing: 3px; text-decoration: none; cursor: pointer; } .link-inox { position: static; bottom: -233px; width: 225px; height: 275px; margin-top: -226px; margin-left: 24px; background-color: transparent; -webkit-transform: translate3d(0px, 0px, 167px); transform: translate3d(0px, 0px, 167px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .text-block-4 { margin-top: -161px; } .link-block { display: block; width: 225px; height: 225px; margin-right: 0px; margin-left: 20px; float: left; background-color: rgba(0, 0, 0, .07); -webkit-transition: background-color 800ms ease; transition: background-color 800ms ease; text-decoration: none; } .link-block:hover { background-color: transparent; } .link-block.plastico { margin-right: 20px; margin-left: 20px; } .link-block.doble { display: block; margin-top: 130px; } .link-block.colorido { position: static; margin-top: 0px; margin-left: 0px; float: right; } .link-block.suporte { margin-right: 20px; float: right; } .barra-inox { width: 150px; height: 2px; margin-top: -140px; margin-right: 10px; margin-left: 15px; float: right; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)); -webkit-transition: background-color 200ms cubic-bezier(.755, .05, .855, .06); transition: background-color 200ms cubic-bezier(.755, .05, .855, .06); } .barra-inox:hover { background-image: -webkit-linear-gradient(270deg, #666, #666); background-image: linear-gradient(180deg, #666, #666); } .barra-inox.menos { width: 110px; } .link-block-2 { display: block; width: 225px; height: 225px; margin-left: 112px; float: left; background-color: rgba(0, 0, 0, .07); -webkit-transition: background-color 800ms ease; transition: background-color 800ms ease; } .link-block-2:hover { background-color: transparent; } .link-block-2.plastico { margin-top: 100px; margin-right: 0px; margin-left: 20px; float: left; } .link-block-2.dor { display: block; margin-top: 130px; margin-right: 0px; margin-left: 135px; float: left; } .link-block-2.esc { display: block; margin-left: 135px; float: left; } .link-3 { display: block; width: 225px; height: 225px; margin-right: 0px; margin-left: 0px; float: right; background-color: rgba(0, 0, 0, .07); -webkit-transition: background-color 800ms ease; transition: background-color 800ms ease; text-decoration: none; } .link-3:hover { background-color: transparent; } .link-3.ae { display: block; margin-top: 130px; } .image-2 { margin-top: 232px; margin-left: 30px; float: left; } .politica-privacidade { display: block; margin-top: 33px; margin-right: auto; margin-left: auto; float: right; font-family: 'Droid Sans', sans-serif; color: #fff; font-size: 11px; text-align: right; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; } .text-span { padding-bottom: 3px; border-bottom: 1px solid #fff; } .form-name { margin-bottom: 8px; margin-left: 0px; float: left; border-style: solid; border-width: 0.5px; border-color: rgba(0, 0, 0, .2); font-family: 'Droid Sans', sans-serif; font-size: 13px; letter-spacing: 2px; } .form-2 { margin-right: 459px; margin-left: 60px; padding-left: 0px; float: none; } .text-field { margin-bottom: 8px; float: left; border-style: solid; border-width: 0.5px; border-color: rgba(0, 0, 0, .2); font-family: 'Droid Sans', sans-serif; font-size: 13px; letter-spacing: 2px; } .textarea { margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-left: 12px; float: left; font-family: 'Droid Sans', sans-serif; font-size: 13px; letter-spacing: 2px; } .submeter { margin-top: -185px; margin-right: -325px; margin-left: 0px; padding: 17px; float: right; background-color: #7e7e7e; font-family: 'Droid Sans', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 2px; } .column { height: 300px; } .textarea-2 { float: left; border-style: solid; border-width: 0.5px; border-color: rgba(0, 0, 0, .2); font-family: 'Droid Sans', sans-serif; font-size: 13px; letter-spacing: 2px; } .form-block { margin-top: 0px; } .body-2 { background-color: transparent; } .div-block-2 { width: 400px; height: 100px; margin-top: 5px; margin-left: 25px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4df0f0e11a78363302cdf3_LOGO_FINAL_BW3-02.svg"); background-position: 50% 50%; background-size: 350px; background-repeat: no-repeat; background-attachment: scroll; } .sec-go-back { margin-top: 0px; padding-top: 30px; padding-bottom: 30px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)); } .section-2 { margin-top: 45px; padding-top: 30px; padding-bottom: 30px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)); } .utility-page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .utility-page-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .utility-page-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .escovado-products { display: block; margin-bottom: 35px; padding-top: 35px; padding-bottom: 35px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .sect-1 { display: block; width: 200px; height: 400px; margin-right: 0px; margin-left: 0px; float: none; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-esc1 { width: 250px; height: 400px; margin-left: 50px; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc63b9f372ac36218d22_FARIA-MOROUCO2_000017.png"); background-position: 50% 50%; background-size: 400px; } .classe-escov1 { display: block; margin-top: -275px; margin-right: 1px; margin-left: 215px; padding-left: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect2 { display: block; width: 200px; height: 400px; margin-top: -400px; margin-right: auto; margin-left: 351px; float: none; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-esc2 { display: block; width: 250px; height: 400px; margin-right: auto; margin-left: auto; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc66b9d1147029b22862_FARIA-MOROUCO2_000019.png"); background-position: 20% 50%; background-size: 400px; } .classe-escov2 { display: block; margin-top: -275px; margin-right: auto; margin-left: 541px; padding-top: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; font-weight: 400; letter-spacing: 2px; } .sect3 { display: block; width: 200px; height: 400px; margin: -400px 0px 0px 700px; float: left; background-color: rgba(0, 0, 0, .04); } .img-esc3 { width: 250px; height: 400px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc6733b04e117e47345d_FARIA-MOROUCO2_000023.png"); background-position: 23% 50%; background-size: 400px; } .classe-esc3 { margin-top: -275px; margin-right: -22px; margin-left: 0px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .body-3 { margin-top: 0px; } .sect4 { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-esc4 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc6960c9f4de4b7bcfbe_FARIA-MOROUCO2_000025.png"); background-position: 22% 50%; background-size: 400px; } .classe-esc4 { margin-top: 160px; margin-left: -5px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; font-weight: 400; letter-spacing: 2px; } .sect5 { width: 200px; height: 400px; margin-top: 70px; margin-left: 62px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-esc5 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc6ab9d1143268b22865_FARIA-MOROUCO2_000027.png"); background-position: 24% 50%; background-size: 400px; } .classe-esc5 { margin-top: 177px; margin-left: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect6 { width: 200px; height: 400px; margin-top: 70px; margin-left: 700px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-esc6 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc6b95056de57172bda2_FARIA-MOROUCO2_000029.png"); background-position: 22% 50%; background-size: 400px; } .classe-esc6 { display: block; margin-top: -294px; margin-right: -22px; margin-left: 0px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect7 { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-esc7 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc6dc575590c53d80e45_FARIA-MOROUCO2_000031.png"); background-position: 11% 50%; background-size: 400px; } .classe-esc7 { margin-top: 160px; margin-left: 12px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect8 { width: 200px; height: 400px; margin-top: 70px; margin-left: 80px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-esc8 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48cc6e33b04e5d72473461_FARIA-MOROUCO2_000033.png"); background-position: 12% -75%; background-size: 350px; } .text-block-5 { margin-top: 153px; margin-left: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect01c { width: 200px; height: 400px; float: none; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-crom1 { width: 250px; height: 400px; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4d2b9d1144d7db23422_FARIA-MOROUCO6_000088.png"); background-position: 40% 50%; background-size: 400px; } .classe-crom1 { margin-top: -300px; margin-left: 200px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect02c { display: block; width: 200px; height: 400px; margin-top: -400px; margin-left: 351px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-crom2 { display: block; width: 250px; height: 400px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4d5c5755982f2d823ac_FARIA-MOROUCO7_000096.png"); background-position: 25% 50%; background-size: 400px; } .class-crom2 { display: block; margin-top: -306px; margin-right: auto; margin-left: 560px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect03c { display: block; width: 200px; height: 400px; margin-top: -400px; margin-left: 700px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-crom3 { width: 250px; height: 400px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4d695056d02a472d154_FARIA-MOROUCO7_000098.png"); background-position: 18% 50%; background-size: 400px; } .class-crom3 { margin-top: -305px; margin-right: -35px; margin-left: 0px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect04c { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-crom4 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4d78d2f84dac8f39773_FARIA-MOROUCO7_000100.png"); background-position: 16% 50%; background-size: 400px; } .class-crom4 { margin-top: 170px; margin-left: -6px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .text-block-6 { margin-top: 170px; margin-left: 5px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .body-4 { margin-left: 0px; } .sect05c { width: 200px; height: 400px; margin-top: 70px; margin-left: 82px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-crom5 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4d833b04edc9c473f5e_FARIA-MOROUCO7_000102.png"); background-position: 23% 50%; background-size: 400px; } .class-crom05 { margin-top: 170px; margin-left: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect06c { width: 200px; height: 400px; margin-top: 70px; margin-left: 700px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .img-crom6 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4d9c575597642d823b0_FARIA-MOROUCO7_000104.png"); background-position: 44% 10%; background-size: 400px; } .class-crom6 { margin-top: -298px; margin-right: -28px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect07c { width: 200px; height: 400px; margin-top: 70px; float: left; background-color: rgba(0, 0, 0, .04); } .img-crom7 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4da8d2f84aca7f3977a_FARIA-MOROUCO7_000106.png"); background-position: 37% -9%; background-size: 400px; } .class-crom7 { margin-top: 170px; margin-left: -5px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect08c { width: 200px; height: 400px; margin-top: 70px; margin-left: 83px; float: left; background-color: rgba(0, 0, 0, .04); } .img-crom8 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4dbc57559af5ed823b6_FARIA-MOROUCO7_000108.png"); background-position: 13% 35%; background-size: 400px; } .class-crom8 { margin-top: 170px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect09c { width: 200px; height: 400px; margin-top: 70px; margin-left: 74px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom9 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4dcb9f372dbba21a103_FARIA-MOROUCO7_000110.png"); background-position: 25% 50%; background-size: 315px; background-attachment: scroll; } .class-crom9 { margin-top: -299px; margin-right: -28px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect10c { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom10 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4dd8d2f84e16cf3977d_FARIA-MOROUCO7_000112.png"); background-position: 17% 50%; background-size: 400px; } .class-crom10 { margin-top: 155px; margin-left: -11px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect11c { width: 200px; height: 400px; margin-top: 70px; margin-left: 75px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom11 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4de9918ea46b7ae0617_FARIA-MOROUCO7_000114.png"); background-position: 20% 44%; background-size: 300px; } .class-crom11 { margin-top: 145px; margin-left: 2px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect12c { width: 200px; height: 400px; margin-top: 70px; margin-left: 78px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom12 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4e095056dee5a72d158_FARIA-MOROUCO7_000116.png"); background-position: 33% 50%; background-size: 400px; } .class-crom12 { margin-top: 160px; margin-right: -21px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect13c { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom13 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4e160c9f4a3ed7bdda4_FARIA-MOROUCO7_000118.png"); background-position: 45% 29%; background-size: 400px; } .class-crom13 { margin-top: 165px; margin-left: 2px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect14c { width: 200px; height: 400px; margin-top: 70px; margin-left: 90px; padding-top: 0px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom14 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4e233b04e1a83473f66_FARIA-MOROUCO7_000120.png"); background-position: 14% 50%; background-size: 400px; } .class-crom14 { margin-top: 165px; margin-left: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect15c { width: 200px; height: 400px; margin-top: 70px; margin-left: 74px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom15 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4e29918ea6572ae061a_FARIA-MOROUCO7_000122.png"); background-position: 20% 10%; background-size: 400px; } .class-crom15 { margin-top: -310px; margin-right: -30px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect16c { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-crom16 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b48d4e3c5755917e6d823c3_FARIA-MOROUCO7_000124.png"); background-position: 23% -5%; background-size: 400px; } .class-crom16 { margin-top: 160px; margin-left: 6px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .cobre-div { margin-top: 10px; margin-bottom: 40px; padding-top: 15px; padding-bottom: 15px; } .sect1co { width: 200px; height: 400px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-cob01 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c62ff5747fcdb84a3f10a_FARIA-MOROUCO5_000064.png"); background-position: 26% 50%; background-size: 400px; } .class-cob1 { margin-top: 90px; margin-left: -14px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect2co { display: block; width: 200px; height: 400px; margin-right: auto; margin-left: 76px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-cob02 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c630168e07c323b5df1ca_FARIA-MOROUCO5_000066.png"); background-position: 16% 50%; background-size: 400px; } .class-cob2 { margin-top: 90px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect3co { width: 200px; height: 400px; margin-left: 82px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img-cob03 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c63022d24efe845478a8d_FARIA-MOROUCO5_000068.png"); background-position: 15% 50%; background-size: 400px; } .class-cob3 { margin-top: -310px; margin-right: -35px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect4co { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .imgcob04 { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c6304d955437d3e1c9528_FARIA-MOROUCO5_000070.png"); background-position: 15% 41%; background-size: 400px; } .class-cob4 { margin-top: 145px; margin-left: -12px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .dourado-div { margin-bottom: 45px; padding-top: 35px; } .sect1d { width: 200px; height: 400px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img1d { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c67abd9554389dc1c9b43_FARIA-MOROUCO4_000052.png"); background-position: 30% 50%; background-size: 400px; } .class1d { margin-top: 100px; margin-left: -13px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect2d { width: 200px; height: 400px; margin-left: 76px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img2d { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c67adabad3831c7ba5a02_FARIA-MOROUCO4_000054.png"); background-position: 21% 28%; background-size: 400px; } .class2d { margin-top: 100px; margin-right: 0px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect3d { width: 200px; height: 400px; margin-left: 81px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img3d { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c67afbd7420816af13d8c_FARIA-MOROUCO4_000056.png"); background-position: 30% 35%; background-size: 400px; } .class3d { margin-top: -293px; margin-right: -25px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect4d { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img4d { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c67b1bd74206f18f13d8d_FARIA-MOROUCO4_000060.png"); background-position: 29% 41%; background-size: 400px; } .class4 { margin-top: 165px; margin-left: -15px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .ae-div { margin-bottom: 45px; padding-top: 35px; } .sect01ae { width: 200px; height: 400px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img01ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c693fabad3819ceba5a8a_FARIA-MOROUCO2_000021.png"); background-position: 29% 37%; background-size: 420px; } .class01ae { margin-top: 100px; margin-left: -5px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect02ae { display: block; width: 200px; height: 400px; margin-right: auto; margin-left: 84px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img02ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c6940d95543201a1c9d8a_FARIA-MOROUCO3_000035.png"); background-position: 25% 20%; background-size: 400px; } .class02ae { margin-top: 100px; margin-left: -15px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect03ae { width: 200px; height: 400px; margin-left: 75px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img03ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c6942bd742094c8f13f50_FARIA-MOROUCO3_000036.png"); background-position: 16% 37%; background-size: 400px; } .class03ae { margin-top: -300px; margin-right: -35px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect04ae { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img04ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c694371d0991227375f09_FARIA-MOROUCO3_000039.png"); background-position: 25% 40%; background-size: 420px; } .class04ae { margin-top: 160px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect05ae { width: 200px; height: 400px; margin-top: 70px; margin-left: 67px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img05ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c69442d24ef0e75478f1c_FARIA-MOROUCO3_000041.png"); background-position: 17% 50%; background-size: 400px; } .class05ae { margin-top: 160px; margin-left: -21px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect06ae { width: 200px; height: 400px; margin-top: 70px; margin-left: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img06ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4c6945abad388c50ba5a90_FARIA-MOROUCO3_000043.png"); background-position: 15% 50%; background-size: 400px; } .class06ae { margin-top: -303px; margin-right: -34px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect07ae { width: 200px; height: 400px; margin-top: 70px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img07ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55b24786b055990dbe710e_FARIA-MOROUCO9_000141.png"); background-position: 20% 50%; background-size: 380px; } .class07ae { margin-top: 160px; margin-left: -15px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sect08ae { width: 200px; height: 400px; margin-top: 70px; margin-left: 71px; float: left; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); background-image: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)); } .img08ae { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55b24934c4fae201d17762_FARIA-MOROUCO9_000143.png"); background-position: 20% 15%; background-size: 380px; } .class08ae { margin-top: 160px; margin-left: -6px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .esc-go-back { height: 100px; padding-left: 34px; } .p-crom-div { margin-bottom: 45px; padding-top: 35px; } .sec01pc { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); background-image: none; } .img01pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f28960cb6ea8097ae5f2_FARIA-MOROUCO6_000072.png"); background-position: 33% 50%; background-size: 400px; } .class01pc { margin-top: 85px; margin-left: -18px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02pc { display: block; width: 200px; height: 400px; margin-left: 66px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); background-image: none; } .img02pc { width: 250px; height: 400px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f28b60cb6e6c397ae5f4_FARIA-MOROUCO6_000074.png"); background-position: 29% 50%; background-size: 360px; } .class02pc { margin-top: 85px; margin-left: -15px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03pc { width: 200px; height: 400px; margin-left: 63px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img03pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f28e60cb6e5d4a7ae5f6_FARIA-MOROUCO6_000076.png"); background-position: 37% 21%; background-size: 440px; } .class03pc { margin-top: -303px; margin-right: -30px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04pc { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img04pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f28f2e8de313daeeabaa_FARIA-MOROUCO6_000078.png"); background-position: 15% 50%; background-size: 400px; } .class04pc { margin-top: 165px; margin-left: -5px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05pc { width: 200px; height: 400px; margin-top: 70px; margin-left: 80px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img05pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f294c0b5f90c6684228d_FARIA-MOROUCO6_000086.png"); background-position: 15% 50%; background-size: 400px; } .class05pc { margin-top: 160px; margin-left: -15px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec06pc { width: 200px; height: 400px; margin-top: 70px; margin-left: 65px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img06pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f2952e8de3a2c6eeabb9_FARIA-MOROUCO6_000090.png"); background-position: 15% 50%; background-size: 300px; } .class06pc { margin-top: -309px; margin-right: -41px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec07pc { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img07pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f297c0b5f932b984228e_FARIA-MOROUCO6_000092.png"); background-position: 35% 50%; background-size: 320px; } .class07pc { margin-top: 165px; margin-left: -18px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec08pc { width: 200px; height: 400px; margin-top: 70px; margin-left: 68px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img08pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f298b873dd473e195d36_FARIA-MOROUCO6_000094.png"); background-position: 9% -50%; background-size: 350px; } .class08pc { margin-top: 160px; margin-left: -11px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec09pc { width: 200px; height: 400px; margin-top: 70px; margin-left: 69px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img09pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f29386b0556a23bef299_FARIA-MOROUCO6_000084.png"); background-position: 15% 50%; background-size: 400px; } .class09pc { margin-top: -302px; margin-right: -27px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec10pc { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img10pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f292b1843fde76cbe27c_FARIA-MOROUCO6_000082.png"); background-position: 22% 50%; background-size: 400px; } .class10pc { margin-top: 160px; margin-left: -4px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec11pc { width: 200px; height: 400px; margin-top: 70px; margin-left: 82px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img11pc { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f29160cb6e74667ae5f7_FARIA-MOROUCO6_000080.png"); background-position: 28% 50%; background-size: 400px; } .class11pc { margin-top: 160px; margin-left: -4px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-pl-trans { margin-bottom: 45px; padding-top: 35px; padding-bottom: 0px; } .sec01pt { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img01pt { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f4027b379d074faf50f6_FARIA-MOROUCO10_000145.png"); background-position: 30% 42%; background-size: 400px; } .class01pt { margin-top: 120px; margin-left: -14px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02pt { display: block; width: 200px; height: 400px; margin-right: auto; margin-left: 78px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img02pt { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f404b873dd5f89195f0a_FARIA-MOROUCO10_000147.png"); background-position: 23% 50%; background-size: 400px; } .class02pt { margin-top: 120px; margin-left: -14px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03pt { width: 200px; height: 400px; margin-left: 73px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img03pt { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f406b1843f433acbe426_FARIA-MOROUCO10_000149.png"); background-position: 31% 50%; background-size: 400px; } .class03pt { margin-top: -279px; margin-right: -30px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-pl-cl { margin-bottom: 45px; padding-top: 35px; } .sec01pcl { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img01pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f455b873dd879d195f38_FARIA-MOROUCO8_000126.png"); background-position: 30% -10%; background-size: 400px; } .class01pcl { margin-top: 110px; margin-left: -13px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02pcl { width: 200px; height: 400px; margin-left: 78px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img02pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f457b873dd6b7e195f3b_FARIA-MOROUCO8_000128.png"); background-position: 20% 40%; background-size: 400px; } .class02pcl { margin-top: 110px; margin-left: -14px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03pcl { width: 200px; height: 400px; margin-left: 72px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img03pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f458b1843f1e36cbe453_FARIA-MOROUCO8_000131.png"); background-position: 20% 25%; background-size: 400px; } .class03pcl { margin-top: -297px; margin-right: -40px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04pcl { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img04pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f459b1843fd68bcbe454_FARIA-MOROUCO8_000133.png"); background-position: 16% 27%; background-size: 400px; } .class04pcl { margin-top: 175px; margin-left: -13px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05pcl { width: 200px; height: 400px; margin-top: 70px; margin-left: 77px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img05pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f45a2e8de3497eeeaed5_FARIA-MOROUCO8_000135.png"); background-position: 8% 27%; background-size: 400px; } .class05pcl { margin-top: 175px; margin-left: -6px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec06pcl { width: 200px; height: 400px; margin-top: 70px; margin-left: 79px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img06pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f45b2e8de34187eeaed6_FARIA-MOROUCO8_000137.png"); background-position: 23% 50%; background-size: 400px; } .class06pcl { margin-top: -296px; margin-right: -27px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec07pcl { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 2px; border-color: hsla(0, 0%, 40%, .2); } .img07pcl { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f45cb873dd9721195f3f_FARIA-MOROUCO8_000139.png"); background-position: 29% 50%; background-size: 430px; } .class07pcl { margin-top: 175px; margin-left: 10px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-pl-esp { margin-bottom: 45px; padding-top: 35px; } .sec01pe { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img01pe { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f544b873ddc0ff195fd7_FARIA-MOROUCO11_000151.png"); background-position: 30% 45%; background-size: 400px; } .class01pe { margin-top: 100px; margin-left: -15px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02pe { width: 200px; height: 400px; margin-left: 73px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img02pe { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f545b1843f9578cbe9dd_FARIA-MOROUCO11_000153.png"); background-position: 50% -640%; background-size: 340px; } .class02pe { margin-top: 100px; margin-left: -10px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03pe { width: 200px; height: 400px; margin-left: 73px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img03pe { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f76334c4fa9d64d1d1f1_FARIA-MOROUCO_000213_2.png"); background-position: 14% 3%; background-size: 400px; } .class03pe { margin-top: 115px; margin-right: -8px; margin-left: 0px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04pe { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img04pe { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f76560cb6e23027af00b_FARIA-MOROUCO_000215_2.png"); background-position: 2% -2%; background-size: 350px; } .class04pe { margin-top: 175px; margin-left: -5px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05pe { width: 200px; height: 400px; margin-top: 70px; margin-left: 82px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img05pe { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f766b1843f6b4ccbf20e_FARIA-MOROUCO_000217_2.png"); background-position: -4px 0px; background-size: 350px; } .class05pe { margin-top: 193px; margin-left: 14px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec06pe { width: 200px; height: 400px; margin-top: 70px; margin-left: 98px; float: left; border-style: solid; border-width: 3px; border-color: hsla(0, 0%, 40%, .2); } .img06pe { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b55f76860cb6e49b57af00e_FARIA-MOROUCO_000219_2.png"); background-position: -26px 0px; background-size: 400px; } .class06pe { margin-top: -293px; margin-right: -24px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-oa-es { margin-bottom: 45px; padding-top: 35px; } .sec01op { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img01op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57144ebde8865d66164144_FARIA-MOROUCO_000155.png"); background-position: 50% 92%; background-size: 320px; background-repeat: no-repeat; } .class01op { margin-top: 160px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02op { display: block; width: 200px; height: 400px; margin-right: auto; margin-left: 100px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img02op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145028a5bdba97f7a7a3_FARIA-MOROUCO_000157.png"); background-position: -14px 30%; background-size: 320px; } .class02op { margin-top: 160px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03op { width: 200px; height: 400px; margin-left: 102px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img03op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571451314bb98633cff4ba_FARIA-MOROUCO_000159.png"); background-position: -16px 44%; background-size: 320px; } .class03op { margin-top: -241px; margin-right: -7px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04op { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img04op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571452314bb9c133cff4bd_FARIA-MOROUCO_000161.png"); background-position: -20px 50%; background-size: 320px; } .class04op { margin-top: 230px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05op { width: 200px; height: 400px; margin-top: 70px; margin-left: 102px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img05op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571453314bb905a8cff4be_FARIA-MOROUCO_000163.png"); background-position: -13px 50%; background-size: 320px; } .class05op { margin-top: 230px; margin-left: -20px; padding-top: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec06op { width: 200px; height: 400px; margin-top: 70px; margin-left: 100px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img06op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571455314bb9828dcff4c3_FARIA-MOROUCO_000165.png"); background-position: -34px 38%; background-size: 320px; } .class06op { margin-top: -225px; margin-right: 10px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec07op { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); color: #666; font-size: 18px; letter-spacing: 2px; } .img07op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571456ac857a2ab1d4e04d_FARIA-MOROUCO_000167.png"); background-position: -43px 80%; background-size: 320px; background-repeat: no-repeat; } .class07op { margin-top: 220px; margin-left: -3px; float: left; border-style: none; border-width: 3px; border-color: rgba(0, 0, 0, .15); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec08op { width: 200px; height: 400px; margin-top: 70px; margin-left: 120px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img08op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145776451f7a207fc651_FARIA-MOROUCO_000171.png"); background-position: -21px 67%; background-size: 330px; background-repeat: no-repeat; } .class08op { margin-top: 220px; margin-left: -2px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec09op { width: 200px; height: 400px; margin-top: 70px; margin-left: 115px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img09op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571458bde886d81a16414b_FARIA-MOROUCO_000173.png"); background-position: -43px 50%; background-size: 370px; } .class09op { margin-top: -250px; margin-right: 6px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec10op { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img10op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145ed788d57fde279cfd_FARIA-MOROUCO_000181.png"); background-position: 71% 50%; background-size: 300px; } .class10op { margin-top: 220px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec11op { width: 200px; height: 400px; margin-top: 70px; margin-left: 101px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img11op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571460314bb95321cff4cb_FARIA-MOROUCO_000183.png"); background-position: 64% 50%; background-size: 320px; } .class11op { margin-top: 220px; margin-left: -3px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec12op { width: 200px; height: 400px; margin-top: 70px; margin-left: 116px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img12op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571463314bb90d7acff4cc_FARIA-MOROUCO_000187.png"); background-position: 54% 50%; background-size: 300px; } .class12op { margin-top: -250px; margin-right: -10px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec13op { width: 200px; height: 400px; margin-top: 70px; padding-top: 0px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img13op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571464d788d52631279d02_FARIA-MOROUCO_000189.png"); background-position: 50% 50%; background-size: 292px; background-repeat: no-repeat; } .class13op { margin-top: 220px; margin-left: -22px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec14op { width: 200px; height: 400px; margin-top: 70px; margin-left: 99px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img14op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571462ac857a3df2d4e055_FARIA-MOROUCO_000185.png"); background-position: 59% 61%; background-size: 320px; } .class14op { margin-top: 220px; margin-left: -22px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec15op { width: 200px; height: 400px; margin-top: 70px; margin-left: 95px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img15op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b573cbc8a943821b132d241_FARIA-MOROUCO_000175_2.png"); background-position: 67% 75%; background-size: 300px; background-repeat: no-repeat; } .class15op { margin-top: -250px; margin-right: -10px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec16op { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img16op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145b314bb99fbdcff4c6_FARIA-MOROUCO_000177.png"); background-position: 74% 82%; background-size: 310px; background-repeat: no-repeat; } .class16op { margin-top: 220px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec17op { width: 200px; height: 400px; margin-top: 70px; margin-left: 100px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img17op { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145d76451f34427fc659_FARIA-MOROUCO_000179.png"); background-position: 79% 75%; background-size: 285px; background-repeat: no-repeat; } .class17op { margin-top: 220px; margin-left: -20px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-oa-rd { margin-bottom: 45px; padding-top: 35px; } .sec01or { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img01or { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146b1aca33b7485847ba_FARIA-MOROUCO_000201.png"); background-position: -9px 13%; background-size: 340px; } .class01or { margin-top: 130px; margin-left: -30px; padding-top: 0px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02or { width: 200px; height: 400px; margin-left: 107px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img02or { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146676451fdb387fc65d_FARIA-MOROUCO_000191.png"); background-position: -17px 50%; background-size: 340px; } .class02ro { margin-top: 130px; margin-left: -27px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03or { width: 200px; height: 400px; margin-left: 90px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img03or { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571467bde886740016415c_FARIA-MOROUCO_000193.png"); background-position: -12px 50%; background-size: 340px; } .class03or { margin-top: -264px; margin-right: -14px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04or { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img04or { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146818c011622ec464a8_FARIA-MOROUCO_000195.png"); background-position: -13px 50%; background-size: 340px; } .class04or { margin-top: 200px; margin-left: -13px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05or { width: 200px; height: 400px; margin-top: 70px; margin-left: 124px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img05or { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5714691aca338ff85847b9_FARIA-MOROUCO_000197.png"); background-position: -32px 64%; background-size: 350px; } .class05or { margin-top: 205px; margin-left: -7px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec06or { width: 200px; height: 400px; margin-top: 70px; margin-left: 115px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img06or { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146a18c011b1f0c464ac_FARIA-MOROUCO_000199.png"); background-position: -9px 56%; background-size: 360px; } .class06or { margin-top: -265px; margin-right: 0px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-oa-sf { margin-bottom: 45px; padding-top: 35px; } .sec01of { width: 200px; height: 400px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img01of { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146cbde886298216415f_FARIA-MOROUCO_000203.png"); background-position: 45% 0px; background-size: 310px; } .class01of { margin-top: 150px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02of { width: 200px; height: 400px; margin-left: 125px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img02of { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146dd788d533e5279d14_FARIA-MOROUCO_000205.png"); background-position: 45% 0px; background-size: 310px; } .class02of { margin-top: 150px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03of { width: 200px; height: 400px; margin-left: 101px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img03of { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57146fd788d544e5279d15_FARIA-MOROUCO_000206.png"); background-position: 45% 0px; background-size: 310px; } .class03of { margin-top: 150px; margin-right: 3px; float: right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04of { width: 200px; height: 400px; margin-top: 70px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img04of { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57242528a5bd7e3cf7c8be_FARIA-MOROUCO_000209_2.png"); background-position: 45% 0px; background-size: 310px; } .class04of { margin-top: 220px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05of { width: 200px; height: 400px; margin-top: 70px; margin-left: 123px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img05of { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5714711aca331ea55847bd_FARIA-MOROUCO_000211.png"); background-position: 38% 0px; background-size: 320px; } .class05of { margin-top: 220px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-oa-oa { margin-bottom: 45px; padding-top: 35px; } .sec01oa { width: 200px; height: 400px; margin-left: 0px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img01oa { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b575283c706a04dc9a24ad2_FARIA-MOROUCO_000225_2.png"); background-position: 73% 0px; background-size: 350px; } .class01oa { margin-top: 155px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02oa { width: 200px; height: 400px; margin-bottom: 0px; margin-left: 30px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img02oa { width: 250px; height: 400px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b571472bde8863d6b164166_FARIA-MOROUCO_000222.png"); background-position: 50% 55px; background-size: 310px; } .class02oa { margin-top: 155px; float: left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03oa { display: block; width: 400px; height: 400px; margin-top: 0px; margin-left: 540px; float: none; clear: none; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img03oa { width: 700px; height: 0px; margin-top: 50px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57560361fe58e266f9ba34_FM-038_OA.jpg"); background-position: 0px -124px; background-size: cover; } .img03o { display: block; width: 390px; height: 350px; margin-top: 23px; margin-right: auto; margin-left: auto; padding-top: 0px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b575a396f30674612c37e0f_FM-038_OA2.png"); background-position: 54% 61%; background-size: 600px; } .class03oa { display: block; margin: -40px auto 0px; padding-bottom: 20px; padding-left: 20px; float: none; font-family: Bitter, serif; color: #666; font-size: 18px; text-align: left; letter-spacing: 2px; } .sec04oa { width: 380px; height: 350px; margin-top: 70px; margin-right: 70px; margin-left: 0px; padding-top: 22px; padding-bottom: 22px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img04oa { display: block; width: 330px; height: 300px; margin-top: 1px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b598eb0ddd4236bc7218a96_sfb.png"); background-position: 65% 50%; background-size: cover; } .class04oa { margin-top: -50px; margin-left: 22px; padding-bottom: 10px; padding-left: 12px; float: left; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05oa { width: 490px; height: 350px; margin-top: 70px; margin-right: 0px; margin-left: 0px; padding-top: 22px; padding-bottom: 22px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img05oa { display: inline-block; width: 440px; height: 300px; margin-top: 0px; margin-right: 20px; margin-left: 20px; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b598eb2ddd423393e218a97_skdbuv.png"); background-position: 54% 50%; background-size: 365px; } .class05oa { margin-top: -50px; margin-left: 22px; padding-top: 0px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec06oa { width: 380px; height: 350px; margin-top: 70px; margin-right: 0px; margin-left: 0px; padding-top: 22px; padding-bottom: 22px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img06oa { display: block; width: 330px; height: 300px; margin-top: 0px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b598eaaddd4235806218a8f_FM-050_edit2.png"); background-position: 53% 50%; background-size: 340px; } .class06oa { margin-top: -30px; margin-bottom: 11px; margin-left: 22px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec07oa { width: 490px; height: 350px; margin-top: 70px; margin-right: 70px; padding-top: 22px; padding-bottom: 22px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img07oa { display: block; width: 440px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b585efb0d5f3977325773cc_FM-056_edit.jpg"); background-position: 50% 36%; background-size: cover; background-repeat: no-repeat; } .class07oa { margin-top: -50px; margin-left: 22px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec08oa { display: block; width: 490px; height: 350px; margin-top: 70px; margin-right: 0px; margin-left: auto; padding-top: 22px; padding-bottom: 22px; float: left; clear: none; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img08oa { display: block; width: 440px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b599244bd5825ce725f0f03_CERAMICOPLAST_000032.png"); background-position: 60% 61%; background-size: 510px; } .class08oa { margin-top: -30px; margin-left: 23px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec09oa { display: block; width: 380px; height: 350px; margin-top: 70px; margin-right: 70px; margin-left: auto; padding-top: 22px; padding-bottom: 22px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img09oa { display: block; width: 330px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5898cdf4d46c6a88b448c5_CERAMICOPLAST_000036_edit.jpg"); background-position: 50% 50%; background-size: cover; } .class09oa { margin-top: -30px; margin-left: 25px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .div-emb { margin-top: 75px; margin-bottom: 50px; padding-top: 35px; } .sec01em { width: 490px; height: 350px; margin-top: 70px; margin-left: 70px; padding-top: 22px; padding-bottom: 22px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img01em { display: block; width: 440px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b589c12e017c39a63b3d8ec_CERAMICOPLASTE_000010_white.jpg"); background-position: -1% 117%; background-size: 530px; } .class01em { margin-top: -48px; margin-left: 22px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec02em { width: 380px; height: 350px; margin-right: 0px; margin-left: 0px; padding-top: 22px; padding-bottom: 22px; float: right; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img02em { display: block; width: 330px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b59b52eb1d84b4afa779586_CERAMICOPLASTE_000008.png"); background-position: 114% 74%; background-size: 350px; } .class02em { margin-top: -29px; margin-left: 22px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec03em { width: 380px; height: 350px; margin-top: 70px; margin-left: 0px; padding: 22px 0px; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img03em { display: block; width: 330px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b58a6e1061bae71bda6206f_CERAMICOPLAST_000039_white.jpg"); background-position: 72% 111%; background-size: cover; } .class03em { margin-top: -30px; margin-left: 25px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec04em { width: 490px; height: 350px; margin-top: 0px; margin-right: 70px; padding-top: 22px; padding-bottom: 22px; padding-left: 0px; float: right; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img04em { display: block; width: 440px; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b58a32f929c5a8cb1ce8343_CERAMICOPLASTE_000002_white.jpg"); background-position: 50% 97%; background-size: 500px; } .class04em { margin-top: -30px; margin-left: 22px; padding-bottom: 10px; padding-left: 12px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .sec05em { display: block; width: 490px; height: 350px; margin-top: 70px; margin-right: auto; margin-left: auto; float: left; border-style: solid; border-width: 3px; border-color: rgba(0, 0, 0, .15); } .img05em { width: 440px; height: 300px; margin: 22px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b58aa43bbd7c10fc7ad2a8d_FARIA-MOUROUCO_0339_edit.jpg"); background-position: 50% 94%; background-size: 500px; } .class05em { margin-top: -64px; padding-bottom: 24px; padding-left: 32px; font-family: Bitter, serif; color: #666; font-size: 18px; letter-spacing: 2px; } .nav-section { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 10; padding-top: 10px; padding-bottom: 10px; background-color: #f6f6f6; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .15); -webkit-transform: translate3d(0px, 0px, 15px); transform: translate3d(0px, 0px, 15px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .nav-log { width: 300px; background-color: #312626; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b361f0acb637265687213d2_logo_cinza.svg"); background-position: 0px 50%; background-size: 250px; background-repeat: no-repeat; } .nav-log.w--current { position: static; z-index: 99; display: block; margin-right: auto; margin-left: auto; float: left; background-color: #8f2b2b; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b361f0acb637265687213d2_logo_cinza.svg"); background-position: 50% 50%; background-size: cover; background-repeat: repeat; background-attachment: scroll; } .nav-links { float: right; -webkit-transition: color 508ms ease-in-out; transition: color 508ms ease-in-out; font-family: Bitter, serif; color: #666; font-size: 15px; letter-spacing: 2px; cursor: pointer; } .nav-links:hover { color: #a0a0a0; } .nav-links.w--current { color: #666; text-decoration: none; } .nav-menu-2 { width: 100%; cursor: pointer; } .link-logo { width: 270px; margin-top: 8px; margin-bottom: 8px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b361f0acb637265687213d2_logo_cinza.svg"); background-position: 50% 60%; background-size: cover; } .link-logo.w--current { cursor: pointer; } .nav-link { float: right; } .recaptcha { margin-top: -163px; margin-left: 480px; float: left; } .recaptcha-2 { position: static; margin-top: -185px; margin-left: 479px; float: left; } .seta { width: 75px; height: 20px; margin-top: 43px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b4df8d5cde7f81e5d016686_right-arrow4.svg"); background-position: 50% 50%; background-size: 60px; background-repeat: no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .logo-white { width: 30%; height: 60px; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681e695fc94c0ec448f14c_logo_cinza2.svg"); background-position: 50% 50%; background-size: auto; } .facebook-2 { left: 425px; top: 0px; right: -319px; width: 10px; height: 10px; margin: 23px 0px 22px; padding: 7px; float: right; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3643a32fe85b096db2bddd_facebook-letter-logo-BLACK.png"); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1001px); transform: perspective(1001px); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: flex 658ms ease-in-out; transition: flex 658ms ease-in-out, -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out, -ms-flex 658ms ease-in-out; font-family: 'Droid Sans', sans-serif; color: #3f3f3f; letter-spacing: 1px; text-decoration: none; cursor: pointer; } .facebook-2:hover { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3643a32fe85be9bdb2bdde_facebook-letter-logo-GREY.png"); color: #c7c7c7; font-style: italic; text-decoration: none; } .checkbox-label { font-family: Bitter, serif; color: #666; font-size: 12px; letter-spacing: 2px; } .checkbox { margin-right: 10px; margin-left: -10px; } .text-block-7 { font-family: Bitter, serif; color: #fff; letter-spacing: 1px; } .success-message { background-color: #666; } html.w-mod-js *[data-ix="navbar"] { -webkit-transform: translate(0px, -80px); -ms-transform: translate(0px, -80px); transform: translate(0px, -80px); } html.w-mod-js *[data-ix="new-interaction"] { height: 0px; } html.w-mod-js *[data-ix="new-interaction-2"] { opacity: 0; } @media (max-width: 991px) { .home-text-block { padding-right: 260px; } .text-emp { margin-left: 292px; } .img-section-produto { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b78f4ca66ad47bb061617_soap-dispenser-2337697edit.jpg"); background-position: 0px 2px; background-size: cover; } .titulos-esq { margin-left: 80px; } .titulos-esq.contacte-nos { margin-left: 0px; padding-left: 64px; } .titulos-esq.form { margin-left: 63px; } .ver-mais-prod { padding-left: 27px; } .ver-mais-text { width: 500px; margin-right: 0px; } .barra { width: 65px; margin-right: 15px; } .morada1 { padding-left: 8px; } .morada1.espao { margin-left: 4px; } .facebook-dive { margin-left: 68px; } .facebook { position: static; top: 45px; right: 0px; display: block; margin-top: 30px; margin-right: auto; margin-left: auto; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681f375fc94c61f848f1a9_facebook-letter-logo_G.svg"); background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: flex 658ms ease-in-out; transition: flex 658ms ease-in-out, -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out, -ms-flex 658ms ease-in-out; } .facebook:hover { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681f375fc94c61f848f1a9_facebook-letter-logo_G.svg"); background-position: 50% 50%; background-size: cover; background-repeat: repeat; } .sociedade-comercial-text { padding-left: 7px; } .footer-text { margin-top: -20px; margin-right: 41px; } .grey-links.ver-mais { margin-left: 0px; } .img-sec-dose-metal { width: 450px; margin-left: 1px; background-size: 600px; } .section-banner { height: 450px; } .section-banner.plstico { height: 450px; } .section-banner.outros { height: 450px; } .section-banner.embalagens { height: 450px; } .titulo-banner { margin-top: 43px; } .doseadores-de-metal { margin-top: 245px; margin-right: 10px; margin-left: 10px; padding-left: 0px; font-size: 50px; line-height: 60px; } .container-separadores { position: static; } .container-separadores.sepa { margin-bottom: 100px; } .img-sec-dose-plas { width: 250px; margin-right: 0px; } .transparent-link2 { margin-right: 0px; margin-left: 0px; } .img-sec-embalagens { width: 250px; margin-left: 0px; } .outros-artigos { width: 450px; margin-right: 0px; } .img4 { margin-left: -29px; } .img4.outros { background-position: 50% 310%; } .classe1.outros { margin-left: 79px; } .inox-intro.inox-go-back { padding-left: 0px; } .color-inox1 { width: 26%; margin-left: 0px; float: left; } .img-inox1 { width: 200px; margin-left: 20px; background-position: 39% 46%; } .classe-inox1 { margin-top: 90px; margin-left: -25px; } .cor-inox2 { display: block; width: 26%; margin-top: 0px; margin-right: auto; margin-left: 0px; float: left; } .img-inox2 { width: 200px; margin-left: 30px; background-position: 32% 50%; } .classe-inox2 { margin-left: 444px; } .cor-inox3 { width: 26%; margin-right: 27px; margin-left: 0px; float: right; } .img-inox3 { width: 200px; margin-left: 23px; background-position: 34% 50%; background-size: 400px; } .classe-inox3 { margin-right: -28px; } .cor-inox4 { width: 26%; float: left; } .img-inox4 { width: 200px; margin-left: 17px; background-position: 35% 50%; } .classe-inox4 { margin-top: 185px; margin-left: -12px; float: left; } .cor-inox5 { width: 26%; margin-top: 70px; margin-left: 0px; float: left; } .img-inox5 { width: 200px; margin-left: 43px; background-position: 36% 30%; background-size: 410px; } .classe-inox5 { margin-top: -284px; margin-left: 443px; } .cor-inox6 { width: 26%; margin-right: 28px; margin-left: 0px; float: right; } .img-inox6 { width: 200px; margin-left: 25px; background-position: 39% 33%; } .classe-inox6 { margin-top: -292px; margin-left: 0px; } .cor-inox7 { width: 26%; float: left; } .img-inox7 { width: 200px; margin-left: 33px; background-position: 43% 23%; } .classe-inox7 { margin-top: 175px; margin-left: -22px; float: left; } .cor-inox8 { width: 26%; margin-top: 70px; margin-left: -3px; float: left; } .img-inox8 { width: 200px; margin-left: 22px; background-position: 31% 50%; background-size: 372px; } .classe-inox8 { margin-top: -285px; margin-left: 440px; } .link-block { margin-left: 5px; } .link-block.colorido { margin-right: 0px; } .link-block.suporte { margin-right: 5px; } .link-block-2 { display: block; margin-right: auto; margin-left: 21px; float: left; } .link-block-2.plastico { margin-left: 5px; } .link-block-2.dor { margin-left: 26px; } .link-block-2.esc { display: block; margin-right: auto; margin-left: 26px; } .politica-privacidade { margin-top: 62px; margin-right: 41px; font-size: 10px; } .form-2 { margin-right: 374px; margin-left: 63px; float: none; } .submeter { margin-top: 16px; margin-right: 0px; float: left; } .div-block-2 { width: 40%; margin-top: 0px; margin-left: 57px; background-size: cover; } .sect-1 { width: 26%; float: left; } .img-esc1 { width: 200px; margin-left: 30px; float: left; background-position: 39% 50%; background-size: 400px; } .classe-escov1 { margin-top: 120px; margin-right: 0px; margin-left: -5px; } .sect2 { width: 26%; margin-top: 0px; margin-left: 13px; float: left; } .img-esc2 { width: 200px; margin-left: 15px; background-position: 31% 50%; } .classe-escov2 { margin-top: 120px; margin-right: 0px; margin-left: -15px; } .sect3 { width: 26%; margin-top: 0px; margin-left: 20px; float: left; } .img-esc3 { width: 200px; margin-left: 12px; background-position: 31% 50%; } .classe-esc3 { margin-right: -25px; float: right; } .sect4 { width: 26%; } .img-esc4 { width: 200px; margin-left: 32px; background-position: 40% 50%; } .classe-esc4 { margin-left: -25px; } .sect5 { width: 26%; margin-left: 0px; } .img-esc5 { width: 200px; margin-left: 9px; background-position: 31% 50%; } .classe-esc5 { margin-left: -12px; } .sect6 { width: 26%; margin-left: 15px; float: left; } .img-esc6 { width: 200px; margin-left: 13px; float: left; background-position: 22% 50%; background-size: 360px; } .sect7 { width: 26%; } .img-esc7 { width: 200px; margin-left: 24px; background-position: 27% 50%; } .classe-esc7 { margin-left: -8px; } .sect8 { width: 26%; margin-left: 18px; } .img-esc8 { width: 200px; margin-left: 23px; background-position: 34% -151%; background-size: 345px; background-repeat: no-repeat; } .text-block-5 { margin-left: -17px; } .sect01c { width: 26%; float: left; } .img-crom1 { width: 200px; margin-left: 10px; background-size: 385px; } .classe-crom1 { margin-top: 130px; margin-left: -8px; } .sect02c { width: 26%; margin-top: 0px; margin-left: 15px; float: left; } .img-crom2 { width: 200px; margin-left: 8px; background-size: 341px; } .class-crom2 { margin-top: 130px; margin-left: -15px; } .sect03c { width: 26%; margin-top: 0px; margin-left: 1px; } .img-crom3 { width: 200px; margin-left: 20px; background-position: 38% 50%; } .class-crom3 { margin-top: -281px; margin-right: -36px; float: right; } .sect04c { width: 26%; } .img-crom4 { width: 200px; margin-left: 30px; background-position: 36% 50%; } .class-crom4 { margin-left: -18px; } .sect05c { width: 26%; margin-left: 13px; } .img-crom5 { width: 200px; margin-left: 15px; background-position: 32% 50%; background-size: 370px; } .class-crom05 { margin-left: -20px; } .sect06c { width: 26%; margin-left: 6px; float: left; } .img-crom6 { width: 200px; margin-left: 5px; } .sect07c { width: 26%; } .img-crom7 { width: 200px; margin-left: 25px; background-position: 47% 0px; } .class-crom7 { margin-left: -20px; } .sect08c { width: 26%; margin-left: 15px; } .img-crom8 { width: 200px; margin-left: 32px; background-position: 30% 50%; background-size: 370px; } .class-crom8 { margin-left: -20px; } .sect09c { width: 26%; margin-left: 7px; } .img-crom9 { width: 200px; margin-left: 14px; background-position: 36% 50%; background-size: 300px; } .sect10c { width: 26%; } .img-crom10 { width: 200px; margin-left: 28px; background-position: 32% 50%; } .class-crom10 { margin-left: -25px; } .sect11c { width: 26%; margin-left: 5px; } .img-crom11 { width: 200px; background-position: 17% 50%; background-size: 259px; background-repeat: no-repeat; } .class-crom11 { margin-top: 195px; margin-left: -15px; } .sect12c { width: 26%; margin-left: 9px; } .img-crom12 { width: 200px; margin-left: 8px; background-position: 36% 50%; } .class-crom12 { margin-top: -270px; margin-right: -22px; } .sect13c { width: 26%; } .img-crom13 { width: 200px; margin-left: 20px; background-position: 47% 50%; background-size: 370px; } .class-crom13 { margin-left: -10px; } .sect14c { width: 26%; margin-left: 17px; } .img-crom14 { width: 200px; margin-left: 21px; background-position: 31% 50%; } .class-crom14 { margin-left: -21px; } .sect15c { width: 26%; margin-left: 9px; } .img-crom15 { width: 200px; margin-left: 19px; background-position: 39% 15%; } .class-crom15 { margin-right: -20px; } .sect16c { width: 26%; } .img-crom16 { width: 200px; margin-left: 12px; background-position: 37% 0px; } .class-crom16 { margin-left: -12px; } .sect1co { width: 26%; } .img-cob01 { width: 200px; margin-left: 10px; background-position: 28% 50%; background-size: 390px; } .class-cob1 { margin-left: -15px; } .sect2co { width: 26%; margin-left: 0px; } .img-cob02 { width: 200px; margin-left: 11px; background-position: 22% 50%; } .sect3co { width: 26%; margin-left: 0px; } .img-cob03 { width: 200px; margin-left: 18px; background-position: 33% 50%; } .sect4co { width: 26%; } .imgcob04 { width: 200px; margin-left: 10px; background-position: 24% 50%; } .class-cob4 { margin-top: 140px; margin-left: -18px; } .sect1d { width: 26%; } .img1d { width: 200px; margin-left: 10px; background-position: 33% 50%; background-size: 390px; } .sect2d { width: 26%; margin-left: 0px; } .img2d { width: 200px; margin-left: 18px; background-position: 31% 50%; background-repeat: no-repeat; } .class2d { margin-left: -25px; } .sect3d { width: 26%; margin-left: 0px; } .img3d { width: 200px; background-size: 390px; } .class3d { margin-right: -30px; } .sect4d { width: 26%; } .img4d { width: 200px; margin-left: 14px; background-position: 35% 50%; } .sect01ae { width: 26%; } .img01ae { width: 200px; margin-left: 14px; background-position: 38% 50%; } .class01ae { margin-left: -15px; } .sect02ae { width: 26%; margin-left: 15px; } .img02ae { width: 200px; margin-left: 15px; background-position: 35% 32%; } .class02ae { margin-left: -25px; } .sect03ae { width: 26%; margin-left: 0px; } .img03ae { width: 200px; margin-left: 32px; background-position: 39% 50%; } .class03ae { margin-right: -34px; } .sect04ae { width: 26%; } .img04ae { width: 200px; margin-left: 22px; background-position: 36% 50%; } .class04ae { margin-left: -30px; } .sect05ae { width: 26%; margin-left: 0px; } .img05ae { width: 200px; margin-left: 23px; background-position: 34% 50%; } .class05ae { margin-left: -36px; } .sect06ae { width: 26%; margin-left: -2px; } .img06ae { width: 200px; margin-left: 20px; background-position: 34% 50%; } .sect07ae { width: 26%; } .img07ae { width: 200px; margin-left: 8px; background-position: 26% 50%; } .class07ae { margin-left: -20px; } .sect08ae { width: 26%; margin-left: 0px; } .img08ae { width: 200px; margin-left: 6px; background-position: 29% 50%; } .class08ae { margin-top: 143px; margin-left: -18px; } .sec01pc { width: 26%; } .img01pc { width: 200px; margin-left: 12px; background-position: 39% 50%; } .class01pc { margin-top: 60px; margin-left: -30px; } .sec02pc { width: 26%; margin-left: 0px; } .img02pc { width: 200px; background-position: 28% 50%; background-size: 330px; } .class02pc { margin-left: -28px; } .sec03pc { width: 26%; margin-left: -10px; } .img03pc { width: 200px; margin-left: 12px; background-position: 44% 22%; } .sec04pc { width: 26%; } .img04pc { width: 200px; margin-left: 38px; background-position: 37% 50%; } .class04pc { margin-left: -20px; } .sec05pc { width: 26%; margin-left: 16px; } .img05pc { width: 200px; margin-left: 19px; background-position: 27% 50%; } .class05pc { margin-top: 130px; margin-left: -35px; } .sec06pc { width: 26%; margin-left: 0px; } .img06pc { width: 200px; background-size: 270px; } .class06pc { margin-right: -44px; } .sec07pc { width: 26%; } .img07pc { width: 200px; margin-left: 5px; background-size: 300px; } .class07pc { margin-left: -30px; } .sec08pc { width: 26%; margin-left: 0px; } .img08pc { width: 200px; margin-left: 5px; background-position: 39% 50%; } .class08pc { margin-left: -30px; } .sec09pc { margin-left: 0px; } .img09pc { width: 200px; margin-left: 12px; background-position: 29% 50%; } .sec10pc { width: 26%; } .img10pc { width: 200px; margin-left: 14px; background-position: 35% 50%; } .class10pc { margin-top: 180px; margin-left: -20px; } .sec11pc { width: 26%; margin-left: 19px; } .img11pc { width: 200px; margin-left: 11px; background-position: 35% 50%; } .class11pc { margin-top: 180px; } .sec01pt { width: 26%; } .img01pt { width: 200px; margin-left: 4px; background-position: 33% 50%; } .class01pt { margin-left: -22px; } .sec02pt { width: 26%; margin-left: -1px; } .img02pt { width: 200px; margin-left: 5px; background-position: 28% 50%; } .class02pt { margin-left: -22px; } .sec03pt { width: 26%; margin-left: 0px; } .img03pt { width: 200px; margin-left: 5px; background-position: 32% 50%; } .class03pt { margin-right: -36px; } .sec01pcl { width: 26%; } .img01pcl { width: 200px; margin-left: 19px; background-position: 39% -13%; } .class01pcl { margin-left: -25px; } .sec02pcl { width: 26%; margin-left: 5px; } .img02pcl { width: 200px; margin-left: 16px; background-position: 30% 26%; } .class02pcl { margin-left: -25px; } .sec03pcl { width: 26%; margin-left: -5px; } .img03pcl { width: 200px; margin-left: 14px; background-position: 32% 26%; } .class03pcl { margin-right: -35px; } .sec04pcl { width: 26%; } .img04pcl { width: 200px; margin-left: 14px; background-position: 26% 20%; } .class04pcl { margin-left: -25px; } .sec05pcl { width: 26%; margin-left: 4px; } .img05pcl { width: 200px; margin-left: 15px; background-position: 25% 20%; } .class05pcl { margin-left: -20px; } .sec06pcl { width: 26%; margin-left: 5px; } .img06pcl { width: 200px; background-position: 24% 50%; } .sec07pcl { width: 26%; } .img07pcl { width: 200px; margin-left: 21px; background-position: 37% 50%; } .class07pcl { margin-left: 0px; } .sec01pe { width: 26%; } .img01pe { width: 200px; margin-left: 7px; background-position: 33% 50%; } .class01pe { margin-left: -25px; } .sec02pe { width: 26%; margin-left: 0px; } .img02pe { width: 200px; margin-left: 16px; background-position: 58% 265%; background-size: 320px; background-repeat: no-repeat; } .class02pe { margin-left: -25px; } .sec03pe { width: 26%; margin-left: 0px; } .img03pe { width: 200px; margin-left: 6px; background-position: 23% 3%; } .class03pe { margin-top: 116px; margin-right: -5px; margin-left: 0px; } .sec04pe { width: 26%; } .img04pe { width: 200px; margin-left: 2px; background-position: 17% 3%; } .class04pe { margin-left: -15px; } .sec05pe { width: 26%; margin-left: 7px; } .img05pe { width: 200px; background-position: -24px 0px; } .class05pe { margin-left: 0px; } .sec06pe { width: 26%; margin-left: 25px; } .img06pe { width: 200px; margin-left: 5px; background-position: -48px 0px; } .sec01op { width: 26%; } .img01op { width: 200px; background-position: 53% 71%; } .sec02op { width: 26%; margin-left: 20px; } .img02op { width: 200px; background-position: -46px 0px; } .sec03op { width: 26%; margin-left: 20px; } .img03op { width: 200px; background-position: -48px 0px; } .class03op { margin-right: -25px; } .sec04op { width: 26%; } .img04op { width: 200px; background-position: -46px 0px; } .sec05op { width: 26%; margin-left: 20px; } .img05op { width: 200px; background-position: -46px 0px; } .sec06op { width: 26%; margin-left: 20px; } .img06op { width: 200px; background-position: -51px 17px; background-size: 300px; background-repeat: no-repeat; } .class06op { margin-top: -235px; margin-right: -10px; } .sec07op { width: 26%; } .img07op { width: 200px; background-position: -54px 21px; background-size: 300px; } .class07op { margin-left: -3px; float: left; text-align: left; } .sec08op { width: 26%; margin-left: 37px; } .img08op { width: 200px; background-position: -54px 0px; } .class08op { margin-left: -3px; } .sec09op { width: 26%; margin-left: 36px; } .img09op { width: 200px; background-position: -62px -20px; background-size: 350px; } .class09op { margin-top: -255px; margin-right: -5px; } .sec10op { width: 26%; } .img10op { width: 200px; background-size: 270px; background-repeat: no-repeat; } .sec11op { width: 26%; margin-left: 20px; } .img11op { width: 200px; background-position: 57% 50%; background-repeat: no-repeat; } .sec12op { width: 26%; margin-left: 30px; } .img12op { width: 200px; background-size: 270px; background-repeat: no-repeat; } .class12op { margin-top: -260px; margin-right: -25px; } .sec13op { width: 26%; } .img13op { width: 200px; margin-left: 9px; background-position: 54% 43%; background-size: 260px; } .sec14op { width: 26%; margin-left: 17px; } .img14op { width: 200px; background-position: 64% 50%; background-size: 300px; background-repeat: no-repeat; } .sec15op { width: 26%; margin-left: 10px; } .img15op { width: 200px; margin-left: 6px; background-position: 50% 51%; } .class15op { margin-right: -27px; } .sec16op { width: 26%; } .img16op { width: 200px; margin-left: 9px; background-position: 55% 32%; background-size: 290px; } .sec17op { width: 26%; margin-left: 19px; } .img17op { width: 200px; background-position: 71% 50%; background-size: 270px; } .sec01or { width: 26%; } .img01or { width: 200px; margin-left: 5px; background-position: 14% 11%; } .class01or { margin-left: -25px; } .sec02or { width: 26%; margin-left: 8px; } .img02or { width: 200px; margin-left: 10px; background-position: 21% 66%; } .class02ro { margin-left: -25px; } .sec03or { width: 26%; margin-left: 1px; } .img03or { width: 200px; margin-left: 17px; background-position: 15% 50%; } .class03or { margin-right: -25px; } .sec04or { width: 26%; } .img04or { width: 200px; margin-left: 12px; background-position: 15% 50%; background-repeat: no-repeat; } .class04or { margin-left: -6px; } .sec05or { width: 26%; margin-left: 23px; } .img05or { width: 200px; margin-left: 8px; background-position: 27% 60%; } .sec06or { width: 26%; margin-left: 27px; } .img06or { width: 200px; margin-left: 20px; background-position: 16% 50%; background-repeat: no-repeat; } .sec01of { width: 26%; } .img01of { width: 200px; margin-left: 25px; background-position: 59% 0%; background-size: 270px; } .class01of { margin-top: 200px; } .sec02of { width: 26%; margin-left: 30px; } .img02of { width: 200px; margin-left: 20px; background-position: 51% 0%; background-size: 270px; } .class02of { margin-top: 200px; } .sec03of { width: 26%; margin-left: 25px; } .img03of { width: 200px; margin-left: 20px; background-position: 60% 0%; background-size: 270px; } .class03of { margin-top: 200px; margin-right: -10px; margin-left: 0px; } .sec04of { width: 26%; } .img04of { width: 200px; margin-left: 20px; background-position: 60% 0%; background-size: 270px; } .class04of { margin-top: 270px; } .sec05of { width: 26%; margin-left: 28px; } .img05of { width: 200px; margin-left: 20px; background-position: 49% 0%; background-size: 270px; } .class05of { margin-top: 270px; margin-left: 5px; } .sec01oa { width: 26%; } .img01oa { width: 200px; margin-left: 14px; background-position: 63% 50%; } .sec02oa { width: 26%; margin-left: 0px; } .img02oa { width: 200px; margin-left: 15px; background-position: 65% 198%; background-size: 269px; } .class02oa { margin-left: -5px; } .sec03oa { width: 40%; margin-left: 451px; } .img03o { width: 90%; background-size: cover; } .class03oa { font-size: 16px; } .sec04oa { width: 40%; margin-right: 0px; } .img04oa { width: 90%; } .class04oa { font-size: 16px; } .sec05oa { width: 57%; margin-left: 21px; } .img05oa { display: block; width: 95%; margin-right: auto; margin-left: auto; } .class05oa { font-size: 16px; } .sec06oa { width: 40%; margin-left: 21px; } .img06oa { width: 90%; background-size: 300px; } .class06oa { font-size: 16px; } .sec07oa { width: 57%; margin-right: 0px; } .img07oa { width: 90%; } .class07oa { font-size: 16px; } .sec08oa { width: 57%; } .img08oa { width: 90%; background-size: cover; } .class08oa { font-size: 16px; } .sec09oa { width: 40%; margin-right: 21px; } .img09oa { width: 90%; background-position: 38% 0%; background-size: cover; } .class09oa { font-size: 16px; } .sec01em { width: 410px; height: 270px; margin-left: 0px; float: right; } .img01em { width: 360px; height: 220px; background-position: 100% 100%; background-size: 380px; } .class01em { margin-top: -44px; margin-right: 23px; padding-bottom: 0px; color: #666; text-align: right; } .sec02em { width: 300px; height: 270px; } .img02em { width: 250px; height: 220px; background-size: 250px; } .sec03em { width: 300px; height: 270px; } .img03em { width: 250px; height: 220px; } .sec04em { width: 410px; height: 270px; margin-right: 0px; float: left; } .img04em { width: 360px; height: 220px; background-position: 0% 88%; background-size: 400px; } .sec05em { width: 410px; height: 270px; } .img05em { width: 360px; height: 220px; background-position: 50% 84%; background-size: 400px; } .nav-section { width: 100%; height: 70px; } .nav-content { position: static; display: block; width: 100%; margin-right: auto; margin-left: auto; padding-left: 0px; } .nav-links { position: relative; display: block; margin-top: 21px; margin-right: auto; margin-left: auto; float: none; text-align: center; } .nav-menu-2 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: block; width: 100%; height: 100vh; margin-top: 0px; margin-right: auto; margin-left: auto; padding-right: 0px; float: none; background-color: #f6f6f6; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b6818d00512e9492cb49faa_david-cohen-127022.jpg"); background-position: 50% 0px; background-size: contain; background-repeat: no-repeat; background-attachment: scroll; box-shadow: inset 0 2px 7px -2px rgba(0, 0, 0, .5); } .link-logo { margin-top: 75px; } .link-logo.w--current { display: none; float: left; } .recaptcha-2 { margin-top: -180px; margin-left: 314px; float: left; } .logo-nav-od { display: block; width: 40%; height: 61px; margin-top: -10px; margin-left: 5px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b361f0acb637265687213d2_logo_cinza.svg"); background-position: 0px 50%; background-size: auto; background-repeat: no-repeat; } .menu-botao { margin-top: -5px; float: right; } .menu-botao:active { color: hsla(0, 0%, 40%, .58); } .menu-botao.w--open { background-color: transparent; } .icon-botao-nav { float: right; -webkit-transition: color 408ms ease-in-out; transition: color 408ms ease-in-out; color: rgba(0, 0, 0, .42); } .icon-botao-nav:hover { color: rgba(0, 0, 0, .24); } .div-block-3 { width: 100%; height: 100%; } .close-button { position: relative; left: 185px; display: block; width: 20px; height: 20px; margin: 25px auto 0px; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681d6023db9d0c3cf98636_close-button_G.svg"); background-position: 50% 50%; background-size: 10px; background-repeat: no-repeat; } .logo-white { display: block; width: 35%; height: 70px; margin-right: auto; margin-bottom: 75px; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681e695fc94c0ec448f14c_logo_cinza2.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; } .icon { color: #666; } .logo-nav-od-2 { display: block; width: 40%; height: 50px; margin-left: 5px; float: left; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b361f0acb637265687213d2_logo_cinza.svg"); background-position: 0px 50%; background-size: auto; background-repeat: no-repeat; } .menu-botao-2 { float: right; } .menu-botao-2:active { color: hsla(0, 0%, 40%, .58); } .menu-botao-2.w--open { background-color: transparent; } .facebook-2 { top: 45px; right: 0px; display: block; margin-top: 0px; margin-right: auto; margin-left: auto; float: none; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681f375fc94c61f848f1a9_facebook-letter-logo_G.svg"); background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out; transition: flex 658ms ease-in-out; transition: flex 658ms ease-in-out, -webkit-box-flex 658ms ease-in-out, -webkit-flex 658ms ease-in-out, -ms-flex 658ms ease-in-out; } .facebook-2:hover { background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b681f375fc94c61f848f1a9_facebook-letter-logo_G.svg"); background-position: 50% 50%; background-size: cover; background-repeat: repeat; } .checkbox-label { float: left; letter-spacing: 1px; } .link-tablet-e-phone { width: 100%; height: 100%; padding-top: 240px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)); font-family: Bitter, serif; color: #666; font-size: 18px; font-weight: 400; text-align: center; letter-spacing: 3px; text-decoration: none; } } @media (max-width: 767px) { .home-section { height: 800px; } .back-image { height: 800px; } .container-home { margin-top: 0px; padding-top: 100px; } .ceramicoplaste-logo { margin-top: 0px; margin-left: 45px; } .home-text-block { margin-left: 45px; padding-right: 90px; font-size: 16px; } .scroll { margin-left: 45px; } .text-emp { margin-left: 140px; } .section-produtos { height: 400px; } .section-ver-mais { height: 700px; } .img-section-produto { height: 400px; } .titulos-esq { margin-top: -50px; margin-left: 70px; font-size: 55px; line-height: 55px; } .titulos-esq.form { display: block; margin-right: 205px; font-size: 35px; } .container-anime-prod { padding-top: 0px; } .ver-mais-prod { left: 1px; display: block; margin-top: -29px; margin-bottom: -30px; padding-right: 0px; padding-left: 15px; } .ver-mais-text { width: 80%; margin-left: 10px; } .barra { width: 8%; margin-right: 1px; } .footer { height: 130px; } .contactos-e-morada { display: block; margin-top: 2px; margin-right: auto; margin-left: auto; } .morada1 { margin-top: 12px; margin-bottom: -19px; padding-left: 0px; } .morada1.espao { display: block; margin-top: -16px; margin-right: auto; margin-left: auto; } .coluna-contactos { margin-top: 0px; clear: none; } .facebook-dive { margin-top: 46px; margin-left: 58px; } .footer-text { display: block; margin-top: 2px; margin-right: auto; margin-left: auto; float: none; line-height: 12px; text-align: center; } .map { margin-bottom: -20px; } .grey-links.ver-mais { margin-right: 0px; float: left; font-size: 14px; } .img-sec-dose-metal { width: 60%; margin-left: 20px; } .transparent-link { font-size: 14px; letter-spacing: 2px; } .section-banner { position: static; height: 400px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5782a040d0810cb87a1b_4623VERDE.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5782a040d0810cb87a1b_4623VERDE.jpg"); background-size: auto, 800px; } .section-banner.plstico { height: 400px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5d5ca339e68a4817fd02_197940-OYFK8J-757EDIT.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5d5ca339e68a4817fd02_197940-OYFK8J-757EDIT.jpg"); background-position: 0px 0px, 50% 0px; background-size: auto, cover; } .doseadores-de-metal { display: block; width: 85%; margin-top: 195px; margin-right: auto; margin-left: auto; float: none; } .doseadores-de-metal.embalagem { width: 75%; padding-left: 0px; } .container-separadores { position: relative; display: block; height: 1200px; margin-bottom: 45px; padding-right: 25px; padding-left: 25px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .container-separadores._2 { height: 700px; margin-top: 162px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .container-separadores.sepa { height: auto; margin-bottom: 100px; } .img-sec-dose-plas { width: 29%; margin-right: 20px; margin-left: 0px; } .transparent-link2 { font-size: 14px; letter-spacing: 2px; } .img-sec-embalagens { width: 29%; margin-top: 10px; margin-right: 1px; margin-left: 20px; } .transparent-link3 { font-size: 14px; letter-spacing: 2px; } .outros-artigos { width: 60%; margin-top: 10px; margin-right: 20px; } .transparent-link4 { font-size: 14px; letter-spacing: 2px; } .img { display: block; width: 200px; height: 300px; margin-top: -50px; margin-right: 40px; margin-left: 0px; float: right; background-position: 40% 38%; } .img.plst { background-position: 39% 50%; background-size: 395px; } .img.outros { margin-right: -20px; background-position: 54% 49%; background-size: 280px; background-repeat: no-repeat; } .img2 { display: block; width: 200px; height: 300px; margin-top: -40px; margin-right: 40px; margin-left: 0px; float: right; } .img2.plstc { background-position: 25% 58%; background-size: 370px; } .img2.outros { margin-right: 5px; background-position: 50% 64%; } .classe2 { margin-top: 175px; margin-right: -26px; margin-left: 0px; float: right; } .classe2.escovado { margin-top: 175px; margin-right: -99px; margin-left: 0px; float: right; } .classe2.outros { margin-top: 155px; margin-right: -55px; text-align: right; } .img3 { display: block; width: 200px; height: 300px; margin-top: -58px; margin-right: 40px; margin-left: 0px; float: right; background-position: 50% 24%; } .classe3 { margin-top: 175px; margin-right: -99px; float: right; } .img4 { display: block; width: 200px; height: 300px; margin-top: -40px; margin-right: 40px; margin-left: 0px; float: right; background-position: 27% 50%; background-size: 355px; } .img4.plst { background-size: 370px; } .img4.outros { width: 246px; margin-right: -25px; float: right; background-position: 58% 100%; } .img5 { display: block; width: 200px; height: 300px; margin-right: 40px; margin-left: auto; float: right; background-position: 32% 35%; } .img5.outros { margin-right: -25px; background-position: 62% 50%; } .img6 { display: block; width: 200px; height: 300px; margin-top: -40px; margin-right: 40px; margin-left: auto; float: right; background-position: 35% 50%; background-size: 372px; } .classe6 { width: 50%; margin-top: -107px; margin-right: 140px; margin-left: 0px; float: right; text-align: right; } .classe1 { margin-top: 175px; margin-right: -99px; margin-left: 0px; float: right; } .classe1.cobre { margin-top: 175px; margin-left: 0px; } .classe1.outros { margin-top: 155px; margin-right: -30px; margin-left: 0px; } .classe1.outros2 { margin-top: 153px; margin-right: -72px; text-align: right; } .inox-intro.inox-go-back { padding-left: 22px; } .inox-intro.top { padding-left: 50px; } .inox-title.aeep { font-size: 19px; letter-spacing: 3px; } .inox-title.esan { font-size: 19px; letter-spacing: 2px; } .inox-products { position: relative; display: block; margin-bottom: 60px; padding-right: 0px; padding-left: 10px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .color-inox1 { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img-inox1 { display: block; width: 95%; height: 300px; margin-top: -25px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 42%; background-size: 420px; background-repeat: no-repeat; background-attachment: scroll; } .classe-inox1 { position: static; display: block; overflow: visible; margin: -35px 0px 0px 160px; padding-right: 0px; padding-left: 195px; float: none; text-align: center; } .cor-inox2 { position: static; display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; padding-top: 0px; float: none; clear: none; } .img-inox2 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background-position: 50% 50%; background-size: 420px; background-repeat: no-repeat; } .classe-inox2 { position: static; left: 0px; top: 0px; display: block; margin: -35px 0px 0px 160px; padding-right: 0px; padding-left: 230px; float: none; text-align: center; } .cor-inox3 { display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; float: none; clear: none; } .img-inox3 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin: 0px auto; background-position: 50% 52%; background-size: 470px; background-repeat: no-repeat; } .classe-inox3 { width: auto; margin: -35px 0px 0px 175px; padding-right: 0px; padding-left: 200px; float: none; text-align: center; } .cor-inox4 { display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; float: none; } .img-inox4 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 53%; background-size: 450px; } .classe-inox4 { display: block; margin-top: -35px; margin-right: 0px; margin-left: 160px; padding: 0px 0px 0px 170px; float: none; font-size: 18px; text-align: center; } .cor-inox5 { display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; padding-top: 0px; float: none; } .img-inox5 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 450px; } .classe-inox5 { display: block; margin-top: -35px; margin-right: 0px; margin-left: 160px; padding-right: 0px; padding-left: 205px; float: none; text-align: center; } .cor-inox6 { display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; float: none; } .img-inox6 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 46%; background-size: 430px; } .classe-inox6 { margin-top: -35px; margin-right: 0px; margin-left: 160px; padding-right: 0px; padding-left: 192px; float: none; text-align: center; } .cor-inox7 { display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; float: none; } .img-inox7 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 41%; background-size: 410px; } .classe-inox7 { margin-top: -35px; margin-right: 0px; margin-left: 160px; padding-right: 0px; padding-left: 190px; float: none; text-align: center; } .cor-inox8 { display: block; width: 70%; height: 250px; margin-top: 125px; margin-right: auto; margin-left: auto; float: none; } .img-inox8 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 440px; background-repeat: no-repeat; } .classe-inox8 { display: block; margin-top: -35px; margin-right: 0px; margin-left: 175px; padding-right: 0px; padding-left: 170px; float: none; text-align: center; } .link-block { position: static; left: 3px; display: block; width: 70%; height: 210px; margin-right: auto; margin-left: auto; float: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .link-block.doble { position: static; display: block; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .link-block.colorido { display: block; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .link-block.suporte { display: block; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .link-block-2 { display: block; width: 70%; height: 210px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .link-block-2.plastico { display: block; margin-right: auto; margin-left: auto; float: none; } .link-block-2.dor { display: block; width: 70%; height: 210px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .link-block-2.esc { display: block; width: 70%; height: 210px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .link-3 { position: static; left: -106px; top: 0px; right: 0px; display: block; width: 70%; height: 210px; margin-top: 100px; margin-right: auto; margin-left: auto; padding-top: 0px; float: none; clear: none; -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } .link-3.ae { display: block; margin-top: 100px; float: none; } .politica-privacidade { display: block; margin-top: -20px; margin-right: auto; margin-left: auto; float: none; clear: right; text-align: center; } .form-2 { display: block; margin-right: 118px; padding-right: 0px; padding-left: 0px; } .submeter { margin-top: 0px; margin-right: 0px; margin-left: 0px; float: left; } .div-block-2 { display: block; width: 36%; height: 80px; margin-right: auto; margin-bottom: 5px; margin-left: auto; float: none; } .sect-1 { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img-esc1 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 51%; background-size: 465px; background-repeat: no-repeat; } .classe-escov1 { margin-top: -35px; margin-left: 170px; padding-left: 170px; float: none; text-align: center; } .sect2 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc2 { position: relative; top: -28px; width: 95%; height: 300px; background-position: 50% 50%; background-size: 440px; } .classe-escov2 { position: static; margin-top: -35px; margin-left: 170px; padding-left: 160px; float: none; text-align: center; } .sect3 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc3 { position: relative; top: -30px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 50%; background-size: 450px; } .classe-esc3 { margin-top: -35px; margin-right: 0px; margin-left: 160px; padding-left: 190px; float: none; text-align: center; } .sect4 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc4 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 47%; background-size: 410px; } .classe-esc4 { margin-top: -35px; margin-left: 160px; padding-left: 190px; float: none; text-align: center; } .sect5 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc5 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 54%; } .classe-esc5 { margin-top: -35px; margin-left: 150px; padding-left: 250px; float: none; text-align: center; } .sect6 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc6 { position: relative; top: -20px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 57%; background-size: 400px; background-repeat: no-repeat; } .classe-esc6 { margin-top: -35px; margin-right: 0px; margin-left: 145px; padding-left: 236px; float: none; text-align: center; } .sect7 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc7 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 381px; background-repeat: no-repeat; } .classe-esc7 { margin-top: -35px; margin-left: 120px; padding-left: 235px; float: none; text-align: center; } .sect8 { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-esc8 { position: relative; top: -20px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 37%; } .text-block-5 { margin-top: -35px; margin-left: 175px; padding-left: 222px; float: none; text-align: center; } .sect01c { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img-crom1 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 59%; background-size: 380px; } .classe-crom1 { margin-top: -35px; margin-left: 175px; padding-left: 220px; float: none; text-align: center; } .sect02c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom2 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 47%; background-size: 404px; } .class-crom2 { margin-top: -35px; margin-left: 170px; padding-left: 195px; float: none; text-align: center; } .sect03c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom3 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 50%; background-size: 460px; } .class-crom3 { margin-top: -35px; margin-right: 0px; margin-left: 170px; padding-left: 200px; float: none; text-align: center; } .sect04c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom4 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 430px; } .class-crom4 { margin-top: -35px; margin-left: 160px; padding-left: 205px; float: none; text-align: center; } .sect05c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom5 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 400px; background-repeat: no-repeat; } .class-crom05 { margin-top: -35px; margin-left: 155px; padding-left: 195px; float: none; text-align: center; } .sect06c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom6 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 35%; background-size: 430px; } .class-crom6 { margin-top: -35px; margin-right: 0px; margin-left: 205px; padding-left: 179px; float: none; text-align: center; } .sect07c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom7 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 28%; } .class-crom7 { margin-top: -35px; margin-left: 200px; padding-left: 170px; float: none; text-align: center; } .sect08c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom8 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 45%; background-size: 380px; } .class-crom8 { margin-top: -35px; margin-left: 130px; padding-left: 160px; float: none; text-align: center; } .sect09c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom9 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 340px; } .class-crom9 { margin-top: -35px; margin-right: 0px; margin-left: 120px; padding-left: 130px; float: none; text-align: center; } .sect10c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom10 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 45%; background-size: 380px; } .class-crom10 { margin-top: -35px; margin-left: 125px; padding-left: 210px; float: none; text-align: center; } .sect11c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom11 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 300px; } .class-crom11 { margin-top: -35px; margin-left: 115px; padding-left: 80px; float: none; text-align: center; } .sect12c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom12 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 420px; } .class-crom12 { margin-top: -35px; margin-right: 0px; margin-left: 130px; padding-left: 81px; float: none; text-align: center; } .sect13c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom13 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 37%; background-size: 320px; } .class-crom13 { margin-top: -35px; margin-left: 185px; padding-left: 165px; float: none; text-align: center; } .sect14c { display: block; width: 70%; height: 250px; margin-top: 99px; margin-right: auto; margin-left: auto; float: none; } .img-crom14 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 370px; } .class-crom14 { margin-top: -35px; margin-left: 130px; padding-left: 215px; float: none; text-align: center; } .sect15c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom15 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 34%; } .class-crom15 { margin-top: -35px; margin-right: 0px; margin-left: 130px; padding-left: 60px; float: none; text-align: center; } .sect16c { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-crom16 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 32%; background-size: 420px; } .class-crom16 { margin-top: -35px; margin-left: 130px; padding-left: 60px; float: none; text-align: center; } .cobre-div.coble { margin-bottom: 80px; } .sect1co { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img-cob01 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; } .class-cob1 { margin-top: -35px; margin-left: 135px; padding-left: 240px; float: none; text-align: center; } .sect2co { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-cob02 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 460px; } .class-cob2 { margin-top: -35px; margin-left: 135px; padding-left: 210px; float: none; text-align: center; } .sect3co { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img-cob03 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 370px; } .class-cob3 { margin-top: -35px; margin-right: 0px; margin-left: 120px; padding-left: 195px; float: none; text-align: center; } .sect4co { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .imgcob04 { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 380px; } .class-cob4 { margin-top: -35px; margin-left: 115px; padding-left: 240px; float: none; text-align: center; } .dourado-div.goldie { margin-bottom: 102px; } .sect1d { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img1d { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 430px; } .class1d { margin-top: -35px; margin-left: 170px; padding-left: 175px; float: none; text-align: center; } .sect2d { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img2d { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 44%; background-size: 430px; } .class2d { margin-top: -35px; margin-left: 160px; padding-left: 150px; float: none; text-align: center; } .sect3d { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img3d { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 400px; } .class3d { margin-top: -35px; margin-right: 0px; margin-left: 160px; padding-left: 225px; float: none; text-align: center; } .sect4d { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img4d { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 52%; background-size: 420px; } .class4 { margin-top: -35px; margin-left: 160px; padding-left: 210px; float: none; text-align: center; } .ae-div.acab { margin-bottom: 125px; } .sect01ae { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 48%; background-size: 450px; } .class01ae { margin-top: -35px; margin-left: 175px; padding-left: 175px; float: none; text-align: center; } .sect02ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img02ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 45%; } .class02ae { margin-top: -35px; margin-left: 145px; padding-left: 210px; float: none; text-align: center; } .sect03ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img03ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 45%; background-size: 420px; } .class03ae { margin-top: -35px; margin-right: 0px; margin-left: 150px; padding-left: 190px; float: none; text-align: center; } .sect04ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img04ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 47%; background-size: 450px; } .class04ae { margin-top: -35px; margin-left: 170px; padding-left: 200px; float: none; text-align: center; } .sect05ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img05ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 370px; } .class05ae { margin-top: -35px; margin-left: 140px; padding-left: 200px; float: none; text-align: center; } .sect06ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img06ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 57%; background-size: 360px; } .class06ae { margin-top: -35px; margin-right: 0px; margin-left: 125px; padding-left: 215px; float: none; text-align: center; } .sect07ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img07ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; } .class07ae { margin-top: -35px; margin-left: 150px; padding-left: 222px; float: none; text-align: center; } .sect08ae { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img08ae { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 410px; } .class08ae { margin-top: -35px; margin-left: 155px; padding-left: 258px; float: none; text-align: center; } .p-crom-div.crom { margin-bottom: 150px; } .sec01pc { display: block; width: 70%; height: 250px; margin-top: 20px; margin-right: auto; margin-left: auto; float: none; } .img01pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 460px; } .class01pc { margin-top: -65px; margin-left: 205px; padding-left: 170px; float: none; text-align: center; } .sec02pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img02pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; float: none; background-position: 50% 45%; background-size: 430px; } .class02pc { margin-top: -65px; margin-left: 205px; padding-left: 170px; float: none; text-align: center; } .sec03pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img03pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 34%; background-size: 460px; } .class03pc { margin-top: -65px; margin-right: 0px; margin-left: 200px; padding-left: 185px; float: none; text-align: center; } .sec04pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img04pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 43%; background-size: 430px; } .class04pc { margin-top: -65px; margin-left: 140px; padding-left: 115px; float: none; text-align: center; } .sec05pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img05pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 51%; background-size: 380px; } .class05pc { margin-top: -65px; margin-left: 125px; padding-left: 190px; float: none; text-align: center; } .sec06pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img06pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 57%; background-size: 340px; background-repeat: no-repeat; } .class06pc { margin-top: -65px; margin-right: 0px; margin-left: 195px; padding-left: 175px; float: none; text-align: center; } .sec07pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img07pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 340px; background-repeat: no-repeat; } .class07pc { margin-top: -65px; margin-left: 209px; padding-left: 135px; float: none; text-align: center; } .sec08pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img08pc { position: relative; top: -25px; width: 95%; height: 300px; background-position: 50% 57%; background-size: 380px; } .class08pc { margin-top: -65px; margin-left: 143px; padding-left: 15px; float: none; text-align: center; } .sec09pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img09pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 420px; } .class09pc { margin-top: -65px; margin-right: 0px; margin-left: 145px; padding-left: 130px; float: none; text-align: center; } .sec10pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img10pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 48%; background-size: 440px; } .class10pc { margin-top: -65px; margin-left: 165px; padding-left: 115px; float: none; text-align: center; } .sec11pc { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img11pc { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 440px; } .class11pc { margin-top: -65px; margin-left: 185px; padding-left: 110px; float: none; text-align: center; } .div-pl-trans.trans { margin-bottom: 130px; } .sec01pt { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01pt { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 440px; } .class01pt { margin-top: -35px; margin-left: 170px; padding-left: 240px; float: none; text-align: center; } .sec02pt { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img02pt { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 440px; } .class02pt { margin-top: -35px; margin-left: 155px; padding-left: 230px; float: none; text-align: center; } .sec03pt { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img03pt { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 51%; background-size: 440px; } .class03pt { margin-top: -35px; margin-right: 0px; margin-left: 160px; padding-left: 220px; float: none; text-align: center; } .div-pl-cl.color { margin-bottom: 120px; } .sec01pcl { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 27%; background-size: 430px; } .class01pcl { margin-top: -35px; margin-left: 180px; padding-left: 190px; float: none; text-align: center; } .sec02pcl { display: block; width: 70%; height: 250px; margin-top: 110px; margin-right: auto; margin-left: auto; float: none; } .img02pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 44%; background-size: 430px; } .class02pcl { margin-top: -35px; margin-left: 160px; padding-left: 205px; float: none; text-align: center; } .sec03pcl { display: block; width: 70%; height: 250px; margin-top: 110px; margin-right: auto; margin-left: auto; float: none; } .img03pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 39%; background-size: 450px; } .class03pcl { margin-top: -35px; margin-right: 0px; margin-left: 165px; padding-left: 175px; float: none; text-align: center; } .sec04pcl { display: block; width: 70%; height: 250px; margin-top: 110px; margin-right: auto; margin-left: auto; float: none; } .img04pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 41%; background-size: 430px; } .class04pcl { margin-top: -35px; margin-left: 135px; padding-left: 175px; float: none; text-align: center; } .sec05pcl { display: block; width: 70%; height: 250px; margin-top: 110px; margin-right: auto; margin-left: auto; float: none; } .img05pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 39%; background-size: 420px; } .class05pcl { margin-top: -35px; margin-left: 80px; padding-left: 70px; float: none; text-align: center; } .sec06pcl { display: block; width: 70%; height: 250px; margin-top: 110px; margin-right: auto; margin-left: auto; float: none; } .img06pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 46%; background-size: 460px; background-repeat: no-repeat; } .class06pcl { margin-top: -35px; margin-right: 0px; margin-left: 110px; padding-left: 65px; float: none; text-align: center; } .sec07pcl { display: block; width: 70%; height: 250px; margin-top: 110px; margin-right: auto; margin-left: auto; float: none; } .img07pcl { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 47%; background-size: 470px; } .class07pcl { margin-top: -35px; margin-left: 130px; padding-left: 327px; float: none; text-align: center; } .div-pl-esp.espec { margin-bottom: 135px; } .sec01pe { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01pe { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 46%; background-size: 450px; } .class01pe { margin-top: -65px; margin-left: 170px; padding-left: 164px; float: none; text-align: center; } .sec02pe { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img02pe { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 46%; background-size: 360px; } .class02pe { margin-top: -65px; margin-left: 115px; padding-left: 20px; float: none; text-align: center; } .sec03pe { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img03pe { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 28%; background-size: 430px; background-repeat: no-repeat; } .class03pe { margin-top: -65px; margin-right: 0px; margin-left: 50px; padding-left: 85px; float: none; text-align: center; } .sec04pe { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img04pe { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 20%; background-size: 334px; } .class04pe { margin-top: -65px; margin-left: 115px; padding-left: 184px; float: none; text-align: center; } .sec05pe { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img05pe { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 19%; } .class05pe { margin-top: -65px; margin-left: 115px; padding-left: 125px; float: none; text-align: center; } .sec06pe { display: block; width: 70%; height: 250px; margin-top: 135px; margin-right: auto; margin-left: auto; float: none; } .img06pe { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 26%; background-size: 460px; } .class06pe { margin-top: -65px; margin-right: 0px; margin-left: 50px; float: none; text-align: center; } .div-oa-es.escsan { margin-bottom: 100px; } .sec01op { display: block; width: 70%; height: 250px; margin-top: 0px; margin-right: auto; margin-left: auto; float: none; } .img01op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 30%; } .class01op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec02op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img02op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 69%; } .class02op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec03op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img03op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 68%; background-size: 330px; } .class03op { margin-top: -35px; margin-right: 0px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec04op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img04op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 67%; background-size: 330px; } .class04op { margin-top: -35px; margin-left: 49px; padding-left: 55px; float: none; text-align: center; } .sec05op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img05op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 61%; background-size: 330px; } .class05op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec06op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img06op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 67%; background-size: 330px; } .class06op { margin-top: -35px; margin-right: 0px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec07op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img07op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 64%; background-size: 320px; } .class07op { margin-top: -36px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec08op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img08op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-image: url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b57145776451f7a207fc651_FARIA-MOROUCO_000171.png"); background-position: 50% 64%; background-size: 340px; background-repeat: no-repeat; } .class08op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec09op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img09op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 70%; background-size: 370px; } .class09op { margin-top: -35px; margin-right: 0px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec10op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img10op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 50%; background-size: 300px; } .class10op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec11op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img11op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 55%; background-size: 350px; } .class11op { margin-top: -35px; margin-left: 65px; padding-left: 70px; float: none; text-align: center; } .sec12op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img12op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 56%; background-size: 310px; } .class12op { margin-top: -35px; margin-right: 0px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec13op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img13op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 60%; background-size: 300px; } .class13op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec14op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img14op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 46%; background-size: 325px; } .class14op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec15op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img15op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 56%; background-size: 320px; } .class15op { margin-top: -35px; margin-right: 0px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec16op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img16op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 56%; background-size: 330px; } .class16op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .sec17op { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img17op { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 34%; background-size: 290px; } .class17op { margin-top: -35px; margin-left: 50px; padding-left: 55px; float: none; text-align: center; } .div-oa-rd.rolhitas { margin-bottom: 110px; } .sec01or { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01or { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 40%; background-size: 320px; background-repeat: no-repeat; } .class01or { margin-top: -35px; margin-left: 85px; padding-left: 275px; float: none; text-align: center; } .sec02or { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img02or { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 59%; background-size: 330px; background-repeat: no-repeat; } .class02ro { margin-top: -35px; margin-left: 85px; padding-left: 265px; float: none; text-align: center; } .sec03or { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img03or { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 57%; background-size: 320px; background-repeat: no-repeat; } .class03or { margin-top: -35px; margin-right: 0px; margin-left: 85px; padding-left: 270px; float: none; text-align: center; } .sec04or { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img04or { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 52%; background-size: 320px; } .class04or { margin-top: -35px; margin-left: 85px; padding-left: 295px; float: none; text-align: center; } .sec05or { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img05or { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 60%; background-size: 300px; background-repeat: no-repeat; } .class05or { margin-top: -35px; margin-left: 85px; padding-left: 285px; float: none; text-align: center; } .sec06or { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img06or { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 59%; background-size: 420px; } .class06or { margin-top: -35px; margin-left: 85px; padding-left: 290px; float: none; text-align: center; } .div-oa-sf.sup { margin-bottom: 100px; } .sec01of { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01of { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 65%; background-size: 320px; background-repeat: no-repeat; } .class01of { margin-top: -35px; margin-left: 55px; padding-left: 350px; float: none; text-align: center; } .sec02of { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img02of { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 75%; background-size: 350px; background-repeat: no-repeat; } .class02of { margin-top: -35px; margin-left: 49px; padding-left: 260px; float: none; text-align: center; } .sec03of { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img03of { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 71%; background-size: 350px; background-repeat: no-repeat; } .class03of { margin-top: -35px; margin-right: 0px; margin-left: 55px; padding-left: 255px; float: none; text-align: center; } .sec04of { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img04of { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 66%; background-size: 340px; background-repeat: no-repeat; } .class04of { margin-top: -35px; margin-left: 55px; padding-left: 290px; float: none; text-align: center; } .sec05of { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img05of { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 78%; background-size: 350px; background-repeat: no-repeat; } .class05of { margin-top: -35px; margin-left: 55px; padding-left: 258px; float: none; text-align: center; } .sec01oa { display: block; width: 70%; height: 250px; margin-right: auto; margin-left: auto; float: none; } .img01oa { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 67%; background-size: 370px; background-repeat: no-repeat; } .class01oa { margin-top: -35px; margin-left: 235px; padding-left: 240px; float: none; text-align: center; } .sec02oa { display: block; width: 70%; height: 250px; margin-top: 100px; margin-right: auto; margin-left: auto; float: none; } .img02oa { position: relative; top: -25px; display: block; width: 95%; height: 300px; margin-right: auto; margin-left: auto; background-position: 50% 5%; background-size: 400px; background-repeat: no-repeat; } .class02oa { margin-top: -35px; margin-left: 151px; padding-left: 295px; float: none; text-align: center; } .sec03oa { display: block; width: 70%; height: 275px; margin-top: 100px; margin-right: auto; margin-left: auto; } .img03o { height: 225px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .class03oa { display: block; } .sec04oa { display: block; width: 70%; height: 275px; margin-right: auto; margin-left: auto; float: none; } .img04oa { height: 225px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .sec05oa { display: block; width: 70%; height: 275px; margin-right: auto; margin-left: auto; float: none; } .img05oa { width: 90%; height: 225px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .class05oa { margin-top: -40px; } .sec06oa { display: block; width: 70%; height: 275px; margin-right: auto; margin-left: auto; float: none; } .img06oa { height: 225px; background-size: cover; background-repeat: no-repeat; } .sec07oa { display: block; width: 70%; height: 275px; margin-right: auto; margin-left: auto; float: none; } .img07oa { height: 225px; background-position: 50% 50%; } .sec08oa { display: block; width: 70%; height: 275px; margin-right: auto; margin-left: auto; float: none; } .img08oa { height: 225px; background-repeat: no-repeat; } .sec09oa { display: block; width: 70%; height: 275px; margin-right: auto; margin-left: auto; float: none; } .img09oa { height: 225px; background-position: 50% 50%; } .sec01em { display: block; margin-top: 50px; margin-right: auto; margin-left: auto; float: none; } .sec02em { display: block; width: 350px; margin-right: auto; margin-left: auto; float: none; } .img02em { width: 300px; background-position: 100% 50%; background-size: 300px; } .sec03em { display: block; width: 410px; margin-top: 50px; margin-right: auto; margin-left: auto; float: none; } .img03em { width: 360px; } .sec04em { display: block; margin-top: 50px; margin-right: auto; margin-left: auto; float: none; } .sec05em { margin-top: 50px; float: none; } .nav-content { padding-left: 0px; } .nav-links { color: #9b9b9b; } .nav-menu-2 { display: block; width: 100%; } .recaptcha-2 { margin-top: 15px; margin-left: 0px; float: none; } .logo-nav-od { margin-left: 20px; background-repeat: no-repeat; } .menu-botao { margin-top: -5px; margin-right: 21px; } .menu-botao.w--open { margin-right: 20px; } .logo-white { width: 45%; } .logo-nav-od-2 { margin-left: 20px; background-repeat: no-repeat; } .menu-botao-2 { margin-top: -10px; margin-right: 21px; } .menu-botao-2.w--open { margin-right: 20px; } .column-2 { padding-right: 0px; } .column-3 { padding-right: 0px; } .checkbox-label { margin-right: 0px; } .checkbox-field { padding-left: 0px; } .link-tablet-e-phone { color: #666; font-size: 16px; letter-spacing: 2px; } } @media (max-width: 479px) { .home-section { height: 600px; } .back-image { height: 600px; } .container-home { margin-top: 40px; } .ceramicoplaste-logo { width: 60%; margin-left: 20px; padding-top: 38px; } .home-text-block { width: 87%; margin-top: 26px; margin-left: 20px; padding-right: 35px; font-size: 13px; line-height: 15px; letter-spacing: 0px; } .scroll { margin-top: 20px; margin-left: 20px; padding: 5px 20px; float: left; font-size: 9px; } .scroll.w--current { margin-top: 30px; margin-left: 19px; padding: 7px 20px; font-size: 9px; } .container-text-emp { padding-top: 38px; padding-bottom: 0px; } .titulo-emp { display: block; width: 70%; margin-top: 45px; margin-right: 20px; margin-bottom: 0px; float: right; font-size: 25px; line-height: 20px; text-align: right; } .text-emp { display: block; margin: 117px auto 100px; padding-right: 21px; padding-left: 21px; font-size: 12px; line-height: 18px; } .section-produtos { height: 250px; } .section-ver-mais { height: auto; margin-bottom: 0px; padding-top: 50px; } .img-section-produto { height: 250px; } .titulos-esq { margin-top: 10px; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; font-size: 30px; line-height: 30px; } .titulos-esq.contacte-nos { margin-top: 5px; margin-bottom: 0px; padding-left: 20px; } .titulos-esq.form { margin-top: -1px; margin-right: 10px; margin-left: 20px; font-size: 25px; line-height: 25px; } .container-produtos { margin-top: -299px; } .container-anime-prod { height: auto; } .ver-mais-prod { margin-top: -5px; margin-left: 5px; } .ver-mais-text { width: 92%; letter-spacing: 0px; } .barra { margin-right: -6px; margin-left: -14px; } .footer { height: auto; } .contacts-section { margin-top: 0px; margin-bottom: 55px; } .moradas { margin-right: 12px; margin-left: 12px; } .morada1 { margin-top: 0px; font-size: 12px; } .morada1.espao { padding-right: 35px; } .coluna-contactos { margin-bottom: 50px; } .facebook-dive { margin-top: 38px; margin-left: 10px; } .facebook { position: static; margin-top: 20px; margin-bottom: 1px; } .sociedade-comercial { margin-top: 20px; margin-right: 21px; margin-left: 20px; } .sociedade-comercial-text { margin-top: -12px; padding-left: 0px; } .ceramicoplaste { font-size: 12px; } .footer-img { height: auto; } .footer-text { margin-top: 8px; padding-right: 44px; padding-left: 44px; font-size: 10px; line-height: 11px; letter-spacing: 1px; } .map { margin-top: 1px; margin-bottom: -26px; } .grey-links.ver-mais { margin-bottom: -30px; margin-left: 6px; float: left; font-size: 11px; line-height: 18px; text-align: left; letter-spacing: 1px; } .grey-links.face { padding-left: 7px; font-size: 12px; } .bold-text { font-size: 13px; } .img-sec-dose-metal { display: block; width: 83%; height: 200px; margin-top: 0px; margin-right: auto; margin-left: auto; float: none; } .transparent-link { height: 200px; padding-top: 135px; } .section-banner.plstico { height: 400px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5d5ca339e68a4817fd02_197940-OYFK8J-757EDIT.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b3b5d5ca339e68a4817fd02_197940-OYFK8J-757EDIT.jpg"); background-position: 0px 0px, 100% 50%; background-size: auto, cover; } .section-banner.outros { height: 400px; } .section-banner.embalagens { height: 400px; background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5899fc6a8410e371bcf94e_246272-P3J4V4-182.jpg"); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .49), hsla(0, 0%, 100%, .49)), url("https://uploads-ssl.webflow.com/5b212ba1b907ed81a88129e8/5b5899fc6a8410e371bcf94e_246272-P3J4V4-182.jpg"); background-position: 0px 0px, 33% 0%; background-size: auto, cover; } .doseadores-de-metal { width: 80%; margin-top: 240px; margin-left: 20px; font-size: 30px; line-height: 33px; letter-spacing: 1px; } .doseadores-de-metal.embalagem { width: 80%; } .container-separadores { height: 1600px; margin-top: 80px; margin-bottom: 26px; } .container-separadores.pl { height: 1100px; } .container-separadores.oa { height: 1100px; } .img-sec-dose-plas { display: block; width: 83%; height: 200px; margin-right: auto; margin-bottom: 10px; margin-left: auto; float: none; } .transparent-link2 { display: block; height: 200px; margin-right: auto; margin-left: auto; padding-top: 135px; } .img-sec-embalagens { display: block; width: 83%; height: 200px; margin: 20px auto 10px; float: none; clear: none; } .transparent-link3 { height: 200px; padding-top: 135px; } .outros-artigos { display: block; width: 83%; height: 200px; margin-top: 20px; margin-right: auto; margin-left: auto; float: none; } .transparent-link4 { height: 200px; padding-top: 135px; } .img { display: block; width: 150px; height: 250px; margin-top: -30px; margin-right: auto; margin-left: auto; float: none; background-position: 39% 44%; background-size: 330px; } .img:hover { -webkit-transform: scale3d(1.1, 1.1, 0.5); transform: scale3d(1.1, 1.1, 0.5); } .img.plst { width: 170px; margin-top: -30px; background-position: 39% 55%; background-size: 330px; } .img.outros { display: block; margin-right: auto; margin-left: auto; float: none; background-size: 215px; } .img2 { display: block; width: 150px; height: 250px; margin-right: auto; margin-left: auto; float: none; background-position: 37% 50%; background-size: 330px; } .img2.plstc { width: 160px; background-position: 27% 50%; background-size: 310px; } .img2.outros { display: block; width: 180px; margin-right: auto; margin-left: auto; background-position: 73% 60%; background-size: 350px; } .classe2 { width: 100%; margin-top: -70px; margin-right: 28px; padding-left: 0px; float: right; font-size: 14px; text-align: center; } .classe2.escovado { width: 100%; margin-top: -60px; margin-right: 0px; margin-left: -40px; padding-left: 20px; float: left; font-size: 14px; text-decoration: none; } .classe2.outros { margin-top: -80px; margin-left: 0px; padding-left: 75px; text-align: center; } .img3 { display: block; width: 150px; height: 250px; margin-top: -37px; margin-right: auto; margin-left: auto; float: none; background-position: 52% 27%; background-size: 320px; } .classe3 { width: 100%; margin-top: -60px; margin-right: 0px; margin-left: 0px; padding-right: 55px; padding-left: 0px; float: none; font-size: 14px; text-align: center; } .img4 { display: block; width: 150px; height: 250px; margin-right: auto; margin-left: auto; float: none; background-position: 31% 50%; background-size: 301px; } .img4.plst { background-position: 38% 45%; background-size: 320px; } .img4.outros { display: block; width: 200px; margin-right: auto; margin-left: auto; padding-left: 0px; float: none; background-position: 311% 50%; background-size: 210px; } .img5 { display: block; width: 150px; height: 250px; margin-top: -35px; margin-right: auto; margin-left: auto; float: none; background-position: 36% 43%; background-size: 330px; } .img5.plstc { background-position: 37% 20%; background-size: 360px; } .img5.outros { display: block; margin-right: auto; margin-left: auto; background-size: 241px; } .img6 { display: block; width: 150px; height: 250px; margin-right: auto; margin-left: auto; float: none; background-position: 33% 50%; background-size: 300px; } .classe6 { width: 100%; margin-top: -90px; margin-right: 42px; padding-right: 0px; font-size: 14px; text-align: center; } .classe1 { width: 100%; margin-top: -70px; margin-right: 10px; margin-left: 0px; padding-left: 0px; float: right; font-size: 14px; text-align: center; } .classe1.cobre { margin-top: -60px; margin-right: 23px; } .classe1.outros { margin-top: -90px; margin-right: 1px; padding-right: 0px; padding-left: 69px; text-align: center; } .classe1.outros2 { margin-top: -85px; margin-right: 0px; padding-left: 55px; float: none; text-align: center; } .inox-intro { padding-left: 22px; } .inox-intro.inox-go-back { padding-left: 0px; } .inox-intro.top { height: 60px; padding-left: 18px; } .inox-intro.top.aeep { padding-left: 8px; } .inox-intro.top.aeep.last-brkp { padding-left: 5px; } .barra-cinza { width: 35px; margin-top: 25px; background-position: 50% 50%; background-size: auto; } .barra-cinza.last-brk { width: 35px; } .inox-title { margin-top: 28px; margin-left: 10px; font-size: 15px; } .inox-title.aeep { margin-left: 5px; font-size: 12px; letter-spacing: 0px; } .inox-title.esan { font-size: 13px; letter-spacing: 0px; } .inox-title.esan.rolh { font-size: 14px; letter-spacing: 2px; } .inox-products { padding-top: 80px; } .color-inox1 { width: 80%; height: 200px; } .img-inox1 { width: 100%; margin-top: -45px; background-position: 50% 50%; background-size: 292px; } .classe-inox1 { display: block; margin-top: -35px; margin-right: -115px; margin-left: 0px; padding-right: 0px; padding-left: 180px; font-size: 15px; text-align: center; } .cor-inox2 { width: 80%; height: 200px; margin-top: 90px; } .img-inox2 { top: -64px; width: 100%; background-position: 50% 50%; background-size: 300px; } .classe-inox2 { display: block; margin-right: -110px; margin-left: 0px; padding-right: 0px; padding-left: 204px; font-size: 15px; } .cor-inox3 { width: 80%; height: 200px; margin-top: 90px; } .img-inox3 { top: -73px; width: 100%; background-size: 300px; } .classe-inox3 { margin-right: -120px; margin-left: 0px; padding-left: 217px; font-size: 15px; } .cor-inox4 { width: 80%; height: 200px; margin-top: 90px; } .img-inox4 { top: -67px; width: 100%; background-position: 50% 50%; background-size: 330px; } .classe-inox4 { margin-right: -115px; margin-left: 0px; padding-left: 164px; font-size: 15px; } .cor-inox5 { width: 80%; height: 200px; margin-top: 90px; } .img-inox5 { top: -60px; width: 100%; background-size: 320px; } .classe-inox5 { margin-right: -120px; margin-left: 0px; padding-left: 205px; font-size: 15px; } .cor-inox6 { width: 80%; height: 200px; margin-top: 90px; } .img-inox6 { top: -54px; width: 100%; background-position: 50% 50%; background-size: 300px; } .classe-inox6 { margin-right: -115px; margin-left: 0px; font-size: 15px; } .cor-inox7 { width: 80%; height: 200px; margin-top: 90px; } .img-inox7 { top: -53px; width: 100%; background-position: 50% 50%; background-size: 300px; } .classe-inox7 { margin-right: -115px; margin-left: 0px; padding-left: 186px; font-size: 15px; } .cor-inox8 { width: 80%; height: 200px; margin-top: 90px; } .img-inox8 { top: -69px; width: 100%; background-size: 300px; } .classe-inox8 { margin-right: -120px; margin-left: 0px; padding-left: 185px; font-size: 15px; } .voltar { font-size: 11px; letter-spacing: 1px; } .voltar.dm { font-size: 10px; } .voltar.escov { font-size: 10px; } .voltar.last-br { font-size: 12px; letter-spacing: 0px; } .link-block { width: 100%; height: 180px; } .link-block-2 { width: 100%; height: 180px; } .link-block-2.dor { width: 100%; height: 180px; } .link-block-2.esc { width: 100%; height: 180px; } .link-3 { width: 100%; height: 180px; } .politica-privacidade { margin-top: -15px; font-size: 9px; line-height: 11px; letter-spacing: 1px; } .form-2 { margin-top: 5px; margin-right: 20px; margin-left: 21px; } .submeter { margin-top: 15px; } .div-block-2 { width: 67%; } .sec-go-back { padding-top: 0px; padding-bottom: 0px; } .section-2.inox { padding-top: 0px; padding-bottom: 0px; } .escovado-products { padding-top: 50px; } .sect-1 { width: 80%; height: 200px; } .img-esc1 { top: -64px; width: 100%; background-position: 44% 50%; background-size: 372px; } .classe-escov1 { margin-right: -155px; margin-left: 0px; padding-left: 150px; font-size: 15px; } .sect2 { width: 80%; height: 200px; } .img-esc2 { top: -50px; display: block; width: 100%; margin-right: auto; margin-left: auto; background-size: 380px; } .classe-escov2 { margin-right: -130px; margin-left: 0px; padding-left: 115px; font-size: 15px; } .sect3 { width: 80%; height: 200px; } .img-esc3 { top: -50px; width: 100%; background-position: 40% 50%; background-size: 355px; background-repeat: no-repeat; } .classe-esc3 { margin-right: -155px; margin-left: 0px; padding-left: 140px; font-size: 15px; } .sect4 { width: 80%; height: 200px; } .img-esc4 { top: -50px; width: 100%; background-position: 50% 50%; background-size: 360px; } .classe-esc4 { margin-right: -145px; margin-left: 0px; padding-left: 155px; font-size: 15px; } .sect5 { width: 80%; height: 200px; } .img-esc5 { top: -50px; width: 100%; background-position: 50% 51%; background-size: 350px; } .classe-esc5 { margin-right: -125px; margin-left: 0px; padding-left: 170px; font-size: 15px; } .sect6 { width: 80%; height: 200px; } .img-esc6 { top: -50px; width: 100%; background-position: 38% 50%; background-size: 320px; } .classe-esc6 { margin-right: -140px; margin-left: 0px; padding-left: 160px; font-size: 15px; } .sect7 { width: 80%; height: 200px; } .img-esc7 { top: -50px; width: 100%; background-size: 320px; } .classe-esc7 { margin-right: -100px; margin-left: 0px; padding-left: 180px; font-size: 15px; } .sect8 { width: 80%; height: 200px; } .img-esc8 { top: -40px; width: 100%; background-position: 50% 50%; background-size: 300px; } .text-block-5 { margin-right: -150px; margin-left: 0px; padding-left: 200px; font-size: 15px; } .sect01c { width: 80%; height: 200px; } .img-crom1 { top: -50px; width: 100%; } .img-crom1.crom { background-size: 300px; } .classe-crom1 { margin-right: -150px; margin-left: 0px; padding-left: 175px; font-size: 15px; } .sect02c { width: 80%; height: 200px; } .img-crom2 { top: -50px; width: 100%; background-position: 50% 62%; background-size: 300px; } .class-crom2 { margin-right: -140px; margin-left: 0px; font-size: 15px; } .sect03c { width: 80%; height: 200px; } .img-crom3 { top: -50px; width: 100%; background-size: 375px; } .class-crom3 { margin-right: -140px; margin-left: 0px; padding-left: 175px; font-size: 15px; } .sect04c { width: 80%; height: 200px; } .img-crom4 { top: -50px; width: 100%; background-size: 350px; } .class-crom4 { margin-right: -130px; margin-left: 0px; padding-left: 160px; font-size: 15px; } .sect05c { width: 80%; height: 200px; } .img-crom5 { top: -50px; width: 100%; background-position: 50% 50%; background-size: 330px; } .class-crom05 { margin-right: -130px; margin-left: 0px; padding-left: 160px; font-size: 15px; } .sect06c { width: 80%; height: 200px; } .img-crom6 { top: -50px; width: 100%; background-position: 50% 33%; background-size: 340px; } .class-crom6 { margin-right: -170px; margin-left: 0px; font-size: 15px; } .sect07c { width: 80%; height: 200px; } .img-crom7 { top: -50px; width: 100%; background-position: 50% 12%; background-size: 320px; } .class-crom7 { margin-right: -165px; margin-left: 0px; padding-left: 134px; font-size: 15px; } .sect08c { width: 80%; height: 200px; } .img-crom8 { top: -50px; width: 100%; background-position: 50% 44%; background-size: 300px; } .class-crom8 { margin-right: -105px; margin-left: 0px; padding-left: 140px; font-size: 15px; } .sect09c { width: 80%; height: 200px; } .img-crom9 { top: -50px; width: 100%; background-size: 300px; } .class-crom9 { margin-right: -100px; margin-left: 0px; padding-left: 100px; font-size: 15px; } .sect10c { width: 80%; height: 200px; } .img-crom10 { top: -50px; width: 100%; background-position: 50% 50%; background-size: 300px; } .class-crom10 { margin-right: -100px; margin-left: 0px; padding-left: 180px; font-size: 15px; } .sect11c { width: 80%; height: 200px; } .img-crom11 { top: -51px; width: 100%; background-size: 250px; } .class-crom11 { margin-left: 100px; padding-left: 60px; font-size: 15px; } .sect12c { width: 80%; height: 200px; } .img-crom12 { top: -50px; width: 100%; background-size: 320px; } .class-crom12 { margin-right: -100px; margin-left: 0px; padding-left: 60px; font-size: 15px; } .sect13c { width: 80%; height: 200px; } .img-crom13 { top: -50px; width: 100%; background-position: 50% 35%; background-size: 260px; background-repeat: no-repeat; } .class-crom13 { margin-right: -155px; margin-left: 0px; padding-left: 130px; font-size: 15px; } .sect14c { width: 80%; height: 200px; } .img-crom14 { top: -50px; width: 100%; background-size: 300px; } .class-crom14 { margin-right: -110px; margin-left: 0px; padding-left: 180px; font-size: 15px; } .sect15c { width: 80%; height: 200px; } .img-crom15 { top: -50px; width: 100%; background-position: 50% 15%; background-size: 300px; } .class-crom15 { margin-right: -140px; margin-left: 0px; padding-left: 180px; font-size: 15px; } .sect16c { width: 80%; height: 200px; } .img-crom16 { top: -50px; width: 100%; background-position: 50% 25%; background-size: 330px; } .class-crom16 { margin-right: -140px; margin-left: 0px; padding-left: 190px; font-size: 15px; } .sect1co { width: 80%; height: 200px; } .img-cob01 { top: -50px; width: 100%; background-size: 300px; } .class-cob1 { margin-right: -115px; margin-left: 0px; padding-left: 200px; font-size: 15px; } .sect2co { width: 80%; height: 200px; } .img-cob02 { top: -50px; width: 100%; background-size: 360px; } .class-cob2 { margin-right: -110px; margin-left: 0px; padding-left: 150px; font-size: 15px; } .sect3co { width: 80%; height: 200px; } .img-cob03 { top: -50px; background-size: 300px; } .class-cob3 { margin-right: -100px; margin-left: 0px; padding-left: 155px; font-size: 15px; } .sect4co { width: 80%; height: 200px; } .imgcob04 { top: -50px; width: 100%; background-size: 300px; } .class-cob4 { margin-right: -100px; margin-left: 0px; padding-left: 190px; font-size: 15px; } .dourado-div.goldie { margin-bottom: 100px; } .sect1d { width: 80%; height: 200px; } .img1d { top: -50px; width: 100%; background-position: 50% 53%; background-size: 330px; } .class1d { margin-right: -135px; margin-left: 0px; font-size: 15px; } .sect2d { width: 80%; height: 200px; } .img2d { top: -50px; width: 100%; background-position: 50% 42%; background-size: 340px; } .class2d { margin-right: -125px; margin-left: 0px; font-size: 15px; } .sect3d { width: 80%; height: 200px; } .img3d { top: -50px; width: 100%; background-size: 300px; } .class3d { margin-right: -125px; margin-left: 0px; padding-left: 200px; font-size: 15px; } .sect4d { width: 80%; height: 200px; } .img4d { top: -50px; width: 100%; background-position: 50% 50%; background-size: 320px; } .class4 { margin-right: -125px; margin-left: 0px; font-size: 15px; } .sect01ae { width: 80%; height: 200px; } .img01ae { top: -50px; width: 100%; background-position: 50% 44%; background-size: 350px; } .class01ae { margin-right: -140px; margin-left: 0px; padding-left: 139px; font-size: 15px; } .sect02ae { width: 80%; height: 200px; } .img02ae { top: -50px; width: 100%; background-size: 300px; } .class02ae { margin-right: -115px; margin-left: 0px; font-size: 15px; } .sect03ae { width: 80%; height: 200px; } .img03ae { top: -50px; width: 100%; background-size: 320px; } .class03ae { margin-right: -120px; margin-left: 0px; font-size: 15px; } .sect04ae { width: 80%; height: 200px; } .img04ae { top: -50px; width: 100%; background-size: 350px; } .class04ae { margin-right: -135px; margin-left: 0px; font-size: 15px; } .sect05ae { width: 80%; height: 200px; } .img05ae { top: -50px; width: 100%; background-size: 300px; } .class05ae { margin-right: -120px; margin-left: 0px; font-size: 15px; } .sect06ae { width: 80%; height: 200px; } .img06ae { top: -50px; width: 100%; background-position: 50% 50%; background-size: 300px; } .class06ae { margin-right: -100px; margin-left: 0px; padding-left: 175px; font-size: 15px; } .sect07ae { width: 80%; height: 200px; } .img07ae { top: -50px; width: 100%; background-size: 300px; } .class07ae { margin-right: -115px; margin-left: 0px; padding-left: 201px; font-size: 15px; } .sect08ae { width: 80%; height: 200px; } .img08ae { top: -50px; background-size: 320px; } .class08ae { margin-right: -125px; margin-left: 0px; padding-left: 218px; font-size: 15px; } .esc-go-back.escov { padding-left: 0px; } .sec01pc { width: 80%; height: 200px; } .img01pc { top: -50px; width: 100%; background-position: 50% 53%; background-size: 350px; } .class01pc { margin-right: -150px; margin-left: 0px; padding-left: 140px; font-size: 15px; } .sec02pc { width: 80%; height: 200px; } .img02pc { top: -50px; width: 100%; background-position: 50% 43%; background-size: 320px; } .class02pc { margin-right: -154px; margin-left: 0px; font-size: 15px; } .sec03pc { width: 80%; height: 200px; } .img03pc { position: relative; top: -50px; width: 100%; background-position: 50% 28%; background-size: 350px; } .class03pc { margin-right: -155px; margin-left: 0px; padding-left: 145px; font-size: 15px; } .sec04pc { width: 80%; height: 200px; } .img04pc { top: -50px; width: 100%; background-size: 340px; } .class04pc { margin-right: -105px; margin-left: 0px; padding-left: 75px; font-size: 15px; } .sec05pc { width: 80%; height: 200px; } .img05pc { top: -50px; width: 100%; background-position: 50% 50%; background-size: 300px; } .class05pc { margin-right: -105px; margin-left: 0px; padding-left: 140px; font-size: 15px; } .sec06pc { width: 80%; height: 200px; } .img06pc { top: -50px; width: 100%; background-position: 50% -500%; background-size: 250px; } .class06pc { margin-right: -150px; margin-left: 0px; font-size: 15px; } .sec07pc { width: 80%; height: 200px; } .img07pc { top: -50px; background-size: 300px; } .class07pc { margin-right: -185px; margin-left: 0px; padding-left: 95px; font-size: 15px; } .sec08pc { width: 80%; height: 200px; } .img08pc { top: -50px; background-position: 50% 71%; background-size: 300px; } .class08pc { margin-right: -155px; margin-left: 0px; padding-left: 120px; font-size: 15px; } .sec09pc { width: 80%; height: 200px; } .img09pc { top: -50px; width: 100%; background-size: 340px; } .class09pc { margin-right: -115px; margin-left: 0px; padding-left: 85px; font-size: 15px; } .sec10pc { width: 80%; height: 200px; } .img10pc { top: -50px; width: 100%; background-position: 50% 50%; background-size: 340px; } .class10pc { margin-right: -133px; margin-left: 0px; padding-left: 85px; font-size: 15px; } .sec11pc { width: 80%; height: 200px; } .img11pc { top: -50px; width: 100%; background-size: 340px; } .class11pc { margin-right: -140px; margin-left: 0px; padding-left: 80px; font-size: 15px; } .div-pl-trans.trans { margin-bottom: 90px; } .sec01pt { width: 80%; height: 200px; } .img01pt { top: -50px; width: 100%; background-position: 50% 53%; background-size: 320px; } .class01pt { margin-right: -130px; margin-left: 0px; padding-left: 190px; font-size: 15px; } .sec02pt { width: 80%; height: 200px; } .img02pt { top: -50px; width: 100%; background-position: 50% 54%; background-size: 320px; } .class02pt { margin-right: -115px; margin-left: 0px; padding-left: 190px; font-size: 15px; } .sec03pt { width: 80%; height: 200px; } .img03pt { top: -50px; width: 100%; background-position: 50% 55%; background-size: 320px; } .class03pt { margin-right: -130px; margin-left: 0px; padding-left: 185px; font-size: 15px; } .sec01pcl { width: 80%; height: 200px; margin-top: 25px; } .img01pcl { top: -50px; width: 100%; background-position: 50% 15%; background-size: 330px; } .class01pcl { margin-right: -145px; margin-left: 0px; padding-left: 168px; font-size: 15px; } .sec02pcl { width: 80%; height: 200px; } .img02pcl { top: -50px; width: 100%; background-position: 50% 44%; background-size: 330px; } .class02pcl { margin-right: -115px; margin-left: 0px; padding-left: 178px; font-size: 15px; } .sec03pcl { width: 80%; height: 200px; } .img03pcl { top: -50px; width: 100%; background-position: 50% 35%; background-size: 350px; } .class03pcl { margin-right: -130px; margin-left: 0px; padding-left: 150px; font-size: 15px; } .sec04pcl { width: 80%; height: 200px; } .img04pcl { top: -50px; width: 100%; background-position: 50% 41%; background-size: 320px; } .class04pcl { margin-right: -100px; margin-left: 0px; padding-left: 165px; font-size: 15px; } .sec05pcl { width: 80%; height: 200px; } .img05pcl { top: -50px; width: 100%; background-position: 50% 34%; background-size: 310px; } .class05pcl { margin-right: -60px; margin-left: 0px; padding-left: 50px; font-size: 15px; } .sec06pcl { width: 80%; height: 200px; } .img06pcl { top: -50px; width: 100%; background-position: 50% 50%; background-size: 340px; } .class06pcl { margin-right: -80px; margin-left: 0px; padding-left: 60px; font-size: 15px; } .sec07pcl { width: 80%; height: 200px; } .img07pcl { top: -50px; width: 100%; background-position: 50% 45%; background-size: 370px; } .class07pcl { margin-right: -111px; margin-left: 0px; padding-left: 240px; font-size: 15px; } .sec01pe { width: 80%; height: 200px; margin-top: 30px; } .img01pe { top: -50px; width: 100%; background-size: 320px; } .class01pe { margin-right: -125px; margin-left: 0px; padding-left: 125px; font-size: 15px; } .sec02pe { width: 80%; height: 200px; } .img02pe { top: -50px; width: 100%; background-position: 50% 121%; background-size: 260px; } .class02pe { margin-right: -85px; margin-left: 0px; font-size: 15px; } .sec03pe { width: 80%; height: 200px; } .img03pe { top: -50px; width: 100%; background-position: 50% 19%; background-size: 330px; } .class03pe { margin-right: -40px; margin-left: 0px; font-size: 15px; } .sec04pe { width: 80%; height: 200px; } .img04pe { top: -50px; width: 100%; background-position: 50% -14%; background-size: 240px; } .class04pe { margin-right: -85px; margin-left: 0px; padding-left: 135px; font-size: 15px; } .sec05pe { width: 80%; height: 200px; } .img05pe { top: -50px; width: 100%; background-position: 50% -1%; background-size: 270px; background-repeat: no-repeat; } .class05pe { margin-right: -90px; margin-left: 0px; padding-left: 90px; font-size: 15px; } .sec06pe { width: 80%; height: 200px; } .img06pe { top: -50px; display: block; width: 100%; margin-right: auto; margin-left: auto; background-position: 50% 19%; background-size: 360px; background-repeat: no-repeat; } .class06pe { margin-right: -50px; margin-left: 0px; font-size: 15px; } .sec01op { width: 80%; height: 200px; } .img01op { top: -50px; width: 100%; background-position: 50% 90%; background-size: 250px; } .class01op { font-size: 15px; } .sec02op { width: 80%; height: 200px; } .img02op { top: -50px; width: 100%; background-position: 50% -5%; background-size: 250px; background-repeat: no-repeat; } .class02op { font-size: 15px; } .sec03op { width: 80%; height: 200px; } .img03op { top: -50px; width: 100%; background-position: 50% -5%; background-size: 250px; background-repeat: no-repeat; } .class03op { font-size: 15px; } .sec04op { width: 80%; height: 200px; } .img04op { top: -50px; width: 100%; background-position: 50% -5%; background-size: 250px; background-repeat: no-repeat; } .class04op { font-size: 15px; } .sec05op { width: 80%; height: 200px; } .img05op { top: -50px; width: 100%; height: 300px; background-position: 50% -5%; background-size: 250px; background-repeat: no-repeat; } .class05op { font-size: 15px; } .sec06op { width: 80%; height: 200px; } .img06op { top: -50px; width: 100%; background-position: 50% -5%; background-size: 250px; } .class06op { font-size: 15px; } .sec07op { width: 80%; height: 200px; } .img07op { top: -50px; width: 100%; background-position: 50% 27%; background-size: 250px; } .class07op { font-size: 15px; } .sec08op { width: 80%; height: 200px; } .img08op { top: -50px; width: 100%; background-position: 50% -5%; background-size: 250px; } .class08op { font-size: 15px; } .sec09op { width: 80%; height: 200px; } .img09op { top: -50px; width: 100%; background-position: 50% 99%; background-size: 300px; background-repeat: no-repeat; } .class09op { font-size: 15px; } .sec10op { width: 80%; height: 200px; } .img10op { top: -50px; width: 100%; background-size: 220px; } .class10op { font-size: 15px; } .sec11op { width: 80%; height: 200px; } .img11op { top: -50px; width: 100%; background-position: 50% -30%; background-size: 260px; } .class11op { font-size: 15px; } .sec12op { width: 80%; height: 200px; } .img12op { top: -50px; width: 100%; background-position: 50% 45%; background-size: 230px; } .class12op { font-size: 15px; } .sec13op { width: 80%; height: 200px; } .img13op { top: -50px; background-position: 50% 33%; background-size: 220px; } .class13op { font-size: 15px; } .sec14op { width: 80%; height: 200px; } .img14op { top: -50px; width: 100%; background-position: 50% 50%; background-size: 235px; } .class14op { font-size: 15px; } .sec15op { width: 80%; height: 200px; } .img15op { top: -50px; width: 100%; background-position: 50% 35%; background-size: 230px; } .class15op { font-size: 15px; } .sec16op { width: 80%; height: 200px; } .img16op { top: -50px; width: 100%; background-position: 50% 35%; background-size: 240px; } .class16op { font-size: 15px; } .sec17op { width: 80%; height: 200px; } .img17op { top: -50px; width: 100%; background-position: 50% 57%; background-size: 210px; background-attachment: scroll; } .class17op { float: none; font-size: 15px; } .sec01or { width: 80%; height: 200px; } .img01or { top: -50px; width: 100%; background-position: 50% 30%; background-size: 250px; } .class01or { margin-right: -70px; margin-left: 0px; padding-left: 220px; font-size: 15px; } .sec02or { width: 80%; height: 200px; } .img02or { top: -50px; width: 100%; background-position: 50% 76%; background-size: 250px; } .class02ro { margin-right: -70px; margin-left: 0px; padding-left: 205px; font-size: 15px; } .sec03or { width: 80%; height: 200px; } .img03or { top: -50px; width: 100%; background-position: 50% 77%; background-size: 250px; } .class03or { margin-right: -70px; margin-left: 0px; padding-left: 225px; font-size: 15px; } .sec04or { width: 80%; height: 200px; } .img04or { top: -50px; width: 100%; background-position: 50% 71%; background-size: 250px; } .class04or { margin-right: -70px; margin-left: 0px; padding-left: 235px; font-size: 15px; } .sec05or { width: 80%; height: 200px; } .img05or { top: -50px; width: 100%; background-position: 50% 186%; background-size: 230px; } .class05or { margin-right: -70px; margin-left: 0px; padding-left: 235px; font-size: 15px; } .sec06or { width: 80%; height: 200px; } .img06or { top: -50px; width: 100%; background-position: 50% 67%; background-size: 340px; } .class06or { margin-right: -70px; margin-left: 0px; padding-left: 245px; font-size: 15px; } .sec01of { width: 80%; height: 200px; } .img01of { top: -50px; width: 100%; background-position: 50% 111%; background-size: 250px; } .class01of { margin-right: -45px; margin-left: 0px; padding-left: 250px; font-size: 15px; } .sec02of { width: 80%; height: 200px; } .img02of { top: -50px; width: 100%; background-position: 50% 158%; background-size: 250px; } .class02of { margin-right: -45px; margin-left: 0px; padding-left: 195px; font-size: 15px; } .sec03of { width: 80%; height: 200px; } .img03of { top: -50px; width: 100%; background-position: 50% 124%; background-size: 260px; } .class03of { margin-right: -60px; margin-left: 0px; padding-left: 200px; font-size: 15px; } .sec04of { width: 80%; height: 200px; } .img04of { top: -50px; width: 100%; background-position: 50% 91%; background-size: 270px; } .class04of { margin-right: -56px; margin-left: 0px; padding-left: 228px; font-size: 15px; } .sec05of { width: 80%; height: 200px; } .img05of { top: -50px; width: 100%; background-position: 50% 70%; background-size: 250px; } .class05of { margin-right: -60px; margin-left: 0px; padding-left: 130px; font-size: 15px; } .sec01oa { width: 80%; height: 200px; } .img01oa { top: -50px; width: 100%; background-position: 50% 80%; background-size: 260px; } .class01oa { margin-left: -40px; padding-left: 158px; font-size: 15px; } .sec02oa { width: 80%; height: 200px; } .img02oa { top: -50px; width: 100%; background-position: 50% -150%; background-size: 230px; } .class02oa { margin-right: -85px; margin-left: 0px; padding-left: 260px; font-size: 15px; } .sec03oa { width: 80%; height: 200px; } .img03o { height: 90%; margin-top: 10px; margin-bottom: 10px; background-size: cover; } .class03oa { margin-top: -40px; font-size: 12px; line-height: 15px; letter-spacing: 0px; } .sec04oa { width: 80%; height: 200px; padding-top: 0px; padding-bottom: 0px; } .img04oa { height: 90%; margin-top: 10px; margin-bottom: 10px; background-size: contain; } .class04oa { margin-top: -40px; font-size: 12px; line-height: 15px; letter-spacing: 1px; } .sec05oa { width: 80%; height: 200px; padding-top: 0px; padding-bottom: 0px; } .img05oa { height: 90%; margin-top: 10px; margin-bottom: 10px; } .class05oa { font-size: 12px; line-height: 15px; letter-spacing: 1px; } .sec06oa { width: 80%; height: 200px; padding-top: 0px; padding-bottom: 0px; } .img06oa { height: 90%; margin-top: 10px; margin-bottom: 10px; background-size: cover; } .class06oa { font-size: 12px; line-height: 15px; letter-spacing: 1px; } .sec07oa { width: 80%; height: 200px; padding-top: 0px; padding-bottom: 0px; } .img07oa { height: 90%; margin-top: 10px; margin-bottom: 10px; } .class07oa { font-size: 12px; line-height: 15px; letter-spacing: 1px; } .sec08oa { width: 80%; height: 200px; padding-top: 0px; padding-bottom: 0px; } .img08oa { height: 90%; margin-top: 10px; margin-bottom: 10px; } .class08oa { font-size: 12px; line-height: 15px; letter-spacing: 1px; } .sec09oa { width: 80%; height: 200px; padding-top: 0px; padding-bottom: 0px; } .img09oa { height: 90%; margin-top: 10px; margin-bottom: 10px; } .class09oa { font-size: 12px; line-height: 15px; letter-spacing: 1px; } .div-emb { margin-top: 50px; } .sec01em { width: 95%; } .img01em { width: 90%; background-position: 50% 50%; background-size: cover; } .class01em { font-size: 15px; letter-spacing: 1px; } .sec02em { width: 240px; } .img02em { width: 200px; background-position: 100% 100%; background-size: 240px; } .class02em { font-size: 15px; } .sec03em { width: 95%; } .img03em { width: 90%; background-position: 50% 50%; } .class03em { font-size: 15px; } .sec04em { width: 95%; } .img04em { width: 90%; background-position: 50% 50%; } .class04em { font-size: 15px; } .sec05em { width: 95%; } .img05em { display: block; width: 90%; margin-right: auto; margin-left: auto; background-position: 50% 81%; background-size: cover; } .nav-links { margin-top: 7px; } .seta { width: 30px; margin-top: 45px; margin-left: 10px; background-size: auto; } .text-span-2 { margin-right: 0px; } .logo-nav-od { width: 55%; margin-top: -5px; padding-top: 0px; background-position: 50% 50%; background-repeat: no-repeat; } .menu-botao { margin-top: -3px; margin-right: 0px; margin-bottom: 1px; } .close-button { left: 87px; right: 0px; } .logo-white { width: 80%; margin-bottom: 0px; } .breakpoint-tl { position: absolute; display: block; margin-top: 138px; margin-right: 68px; margin-left: 68px; font-family: Bitter, serif; color: #fff; font-size: 14px; letter-spacing: 2px; text-decoration: none; } .logo-nav-od-2 { width: 55%; background-position: 0px 7px; background-repeat: no-repeat; } .menu-botao-2 { margin-top: -7px; margin-right: 0px; margin-bottom: 1px; } .facebook-2 { position: static; margin-top: 20px; margin-bottom: 1px; } .link-tablet-e-phone { padding-top: 150px; color: #666; } }