/**************css/theme.css*/ @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800'); @import url('https://fonts.googleapis.com/css2?family=Cutive&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap'); @font-face { font-family:'Glyphicons Halflings';src:url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.eot');src:url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')} @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikRegular.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikBold.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikLight.otf') format('opentype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikMedium.otf') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikSemibold.otf') format('opentype'); font-weight: 600; font-style: normal;} @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikExtralight.otf') format('opentype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikThin.otf') format('opentype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikBlack.otf') format('opentype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikItalic.otf') format('opentype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikBoldItalic.otf') format('opentype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikLightItalic.otf') format('opentype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikMediumItalic.otf') format('opentype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikSemiboldItalic.otf') format('opentype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikExtralightItalic.otf') format('opentype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikThinItalic.otf') format('opentype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikBlackItalic.otf') format('opentype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikSuper.otf') format('opentype'); font-weight: 950; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('../fontes/Graphik/GraphikSuperItalic.otf') format('opentype'); font-weight: 950; font-style: italic;} span{ font-family:'Graphik';color:#494848;font-size: 15px;} a{ font-family:'Graphik';} .title2 { margin:auto;color:#2D343E;font-size:18px} .collapse { display:none} .collapse.in { display:block} .collapsing { position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .clear { clear:both;height:0px} .clear:before, .clear:after { content:"";display:table} .clear:after { clear:both} img { max-width:100%} html, body { letter-spacing:0.005em;position:absolute;min-height:100%;width:100%;overflow-x:hidden} body { margin:0;padding:0;color:#494848;line-height:22px;min-width:320px;font-size:17px} body.w970 .container { max-width:970px} h1, h2, h3, h5, h6 { font-weight:500;color:#00a3a4;margin:0px 0} h1, .h1 { font-size:18px;line-height:44px;color:#1c3746} h2, .h2 { font-size:36px;line-height:38px;color:#012E65} h3, .h3 { font-size:20px;color:#000} h4, .h4 { font-size:16px;line-height:19px} h5, .h5 { font-size:16px;line-height:20px;font-weight:bold} h6, .h6 { font-size:13px;line-height:16px;font-weight:bold} .titulo1 { width:100%;padding-bottom:0px;color:#262626;text-transform:uppercase;margin-top:37px;margin-bottom:37px} .titulo1 span { color:#ffa547 !important;font-size:27px !important} .undeline { /* width:100px;height:2px;background:#00a3a4;position:relative;top:-17px;*/} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height:1;font-size:80%} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#2D343E} p { margin:30px 0} p:first-child { margin-top:0} a { -webkit-transition:color linear 0.1s, background-color linear 0.1s, opacity linear 0.1s;transition:color linear 0.1s, background-color linear 0.1s, opacity linear 0.1s} a:hover, a:focus { outline:none;text-decoration:none} .lead { font-weight:300;font-size:20px;line-height:28px} .muted { color:#888} .text-warning { color:#FC0} .text-error { color:#FF3B30} .text-info { color:#34AADC} .text-success { color:#00B74C} .text-left { text-align:left} .text-right { text-align:right} .text-center { text-align:center} .excerpt { color:#2D343E;font-style:italic} .highlight { color:#FFF} .articles_content img { width:100% !important} .footcom { margin-top:-8px;border-bottom:1px solid #d0d3d4;margin-bottom:5px} hr, .devider-top:before, .devider-bottom:after { height:1px;border:0;border:none;margin:30px 0;display:block;content:'';height:3px;width:100%;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(221, 114, 60, 0)), color-stop(33%, #00a3a4), color-stop(66%, #00a3a4), color-stop(100%, rgba(221, 114, 60, 0)));background:-webkit-linear-gradient(left, rgba(221, 114, 60, 0) 0%, #00a3a4 33%, #00a3a4 66%, rgba(221, 114, 60, 0) 100%);background:transparent linear-gradient(to right, rgba(221, 114, 60, 0) 0%, #00a3a4 33%, #00a3a4 66%, rgba(221, 114, 60, 0) 100%) repeat scroll 0% 0%} hr.gray { background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(134, 135, 137, 0)), color-stop(33%, rgba(134, 135, 137, 1)), color-stop(66%, rgba(134, 135, 137, 1)), color-stop(100%, rgba(134, 135, 137, 0)));background:-webkit-linear-gradient(left, rgba(134, 135, 137, 0) 0%, rgba(134, 135, 137, 1) 33%, rgba(134, 135, 137, 1) 66%, rgba(134, 135, 137, 0) 100%);background:linear-gradient(to right, rgba(134, 135, 137, 0) 0%, rgba(134, 135, 137, 1) 33%, rgba(134, 135, 137, 1) 66%, rgba(134, 135, 137, 0) 100%)} h2.gray { color:#868789} h2.light { font-weight:lighter} hr.devider-heavy, .devider-heavy:after, .devider-heavy:before { height:5px} hr.devider-margin-medium, .devider-margin-medium.devider-top:before, .devider-margin-medium.devider-bottom:after { margin:40px 0} hr.devider-margin-big, .devider-margin-big.devider-top:before, .devider-margin-big.devider-bottom:after { margin:50px 0} .row + hr, .row + .devider-top:before, .row + .devider-bottom:after { margin-top:0} .row + hr.devider-margin-medium, .row + .devider-margin-medium.devider-top:before, .row + .devider-margin-medium.devider-bottom:after { margin-top:10px} .row + hr.devider-margin-big, .row + .devider-margin-big.devider-top:before, .row + .devider-margin-big.devider-bottom:after { margin-top:20px} #main-menu ul.dropdown:not(.megamenu-category) hr, #main-menu ul.dropdown:not(.megamenu-category) .devider-top:before, #main-menu ul.dropdown:not(.megamenu-category) .devider-bottom:after, .container-out.container-dark hr, .container-out.container-image hr, .container-out.container-dark .devider-top:before, .container-out.container-image .devider-top:before, .container-out.container-dark .devider-bottom:after, .container-out.container-image .devider-bottom:after, #footer hr, #footer .devider-top:before, #footer .devider-bottom:after { opacity:0.1} .dropcap { background:#F9F9F9;display:inline-block;float:left;font-weight:600;font-size:23px;height:36px;line-height:36px;margin:0 7px 0 0;text-align:center;min-width:36px;border:1px solid #F1F1F1} .dropcap.clean { background:transparent;font-size:36px;border-color:transparent} blockquote { background-color:#F9F9F9;position:relative;font-style:italic;padding:40px 20px 20px 40px;margin:0 0 15px 0;font-size:16px;font-weight:200;line-height:30px;border:1px solid #F1F1F1;color:#2D343E} blockquote:before { font-size:42px;content:'"';position:absolute;top:35px;left:10px;font-weight:200} blockquote p { margin-bottom:0} blockquote p:last-child { margin-bottom:0} blockquote .author { text-align:right;font-weight:normal} /*ul, ol { margin:30px 0;padding:0}*/ ul > li > ul, ol > li > ul, ul > li > ol, ol > li > ol { margin:15px 0} ul:first-child, ol:first-child { margin-top:0} ul.default > li, ul.arrow > li, ul.circle > li, ul.check > li, ul.plus > li, ul.dash > li { list-style:none;padding:0 0 0 24px;position:relative;margin:5px 0} ol > li { margin:5px 0} ul.default > li { padding:0} ul.arrow > li:before, ul.circle > li:before, ul.check > li:before, ul.plus > li:before, ul.dash > li:before { left:0;top:1px;position:absolute;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased} ul.arrow > li:before { content:"\f054"} ul.circle > li:before { top:4px;font-size:7px;content:"\f111"} ul.check > li:before { content:"\f00c"} ul.plus > li:before { content:"\f067"} ul.dash > li:before { top:2px;content:"\f068"} .text-right ul.arrow > li, .text-right ul.circle > li, .text-right ul.check > li, .text-right ul.plus > li, .text-right ul.dash > li { padding:0 24px 0 0} .text-right ul li:before { left:auto;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)} pre { display:block;padding:30px;margin-bottom:30px;word-break:break-all;word-wrap:break-word;background-color:#F9F9F9;border:1px solid #F1F1F1} pre div { display:inline-block} pre code { font-size:inherit;color:inherit;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;background-color:transparent} .hll { background-color:#FFC} .c { color:#999} .err { color:#A00;background-color:#FAA} .k { color:#069} .o { color:#555} .cm { color:#09F;font-style:italic} .cp { color:#099} .c1 { color:#999} .cs { color:#999} .gd { background-color:#FCC;border:1px solid #C00} .ge { font-style:italic} .gr { color:#F00} .gh { color:#030} .gi { background-color:#CFC;border:1px solid #0C0} .go { color:#AAA} .gp { color:#009} .gs {} .gu { color:#030} .gt { color:#9C6} .kc { color:#069} .kd { color:#069} .kn { color:#069} .kp { color:#069} .kr { color:#069} .kt { color:#078} .m { color:#F60} .s { color:#D44950} .na { color:#4F9FCF} .nb { color:#366} .nc { color:#0A8} .no { color:#360} .nd { color:#99F} .ni { color:#999} .ne { color:#C00} .nf { color:#C0F} .nl { color:#99F} .nn { color:#0CF} .nt { color:#2F6F9F} .nv { color:#033} .ow { color:#000} .w { color:#BBB} .mf { color:#F60} .mh { color:#F60} .mi { color:#F60} .mo { color:#F60} .sb { color:#C30} .sc { color:#C30} .sd { color:#C30;font-style:italic} .s2 { color:#C30} .se { color:#C30} .sh { color:#C30} .si { color:#A00} .sx { color:#C30} .sr { color:#3AA} .s1 { color:#C30} .ss { color:#FC3} .bp { color:#366} .vc { color:#033} .vg { color:#033} .vi { color:#033} .il { color:#F60} .css .o, .css .o + .nt, .css .nt + .nt { color:#999} table { /*margin-bottom:20px;*/ /*margin-top:20px;*/ width:100%} table th, table td { padding:3px} .table { border-collapse:collapse;border-spacing:0;width:100%} .table th, .table td { text-align:left;vertical-align:top;border-top:1px solid #F1F1F1} .table tr:first-child th, .table tr:first-child td { border-top:0} .table th { font-weight:600;color:#2D343E} .table thead th { vertical-align:bottom} .table.table-striped tbody > tr:nth-child(odd) > td, .table.table-striped tbody > tr:nth-child(odd) > th { background-color:#F9F9F9} .table.table-title { border:1px solid #F1F1F1;background-color:#FFF} .table.table-title thead th { background-color:#F9F9F9} .stripes { background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);-moz-background-size:40px 40px;background-size:40px 40px} .trb {background:#FFF} .tra {background:#f5f5f5} .tra td:nth-child(2), .trb td:nth-child(2) { text-align:right} .stripes.animated { -webkit-animation:progress-bar-stripes 1.5s linear infinite;animation:progress-bar-stripes 1.5s linear infinite} @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 }} @keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 }} .pagination { margin-bottom:30px} .pagination ul { list-style-type:none;margin:0;width:100%;display:inline-block;text-align:center} .pagination ul > li { width:100%;display:inline-block} .pagination ul > li.current { padding:0;display:inline-block;float:none;line-height:20px} .pagination ul > li.current > a { background-color:#00a3a4;border:1px solid #00a3a4;border-radius:30px;height:40px;width:40px} .pagination ul > li.current > a:hover { background-color:#FF7D33;border-color:#FF7D33} .pagination ul > li + li { margin-top:10px} @media screen and (min-width:768px) { .pagination ul > li { float:left; width:auto} .pagination ul > li + li { margin-top:0} .pagination ul > li.next { float:right}} .pagination ul > li a { color:#FFF;border-color:#282E3A;background-color:#282E3A;padding:0 15px;display:inline-block;margin-right:1px;line-height:40px;min-width:40px;height:40px;border-radius:2px;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);position:relative;-webkit-transition:color linear 0.1s, background-color linear 0.1s;transition:color linear 0.1s, background-color linear 0.1s} .pagination ul > li a:hover { color:#FFF;background-color:#535861;border-color:#535861} .pagination ul > li a:active { border-color:#282E3A;top:1px;left:1px;-webkit-box-shadow:none;box-shadow:none} .pagination ul > li a:last-child { margin-right:0} .tooltip { position:absolute;z-index:1030;display:block;font-size:11px;line-height:1.4;opacity:0;visibility:visible} .tooltip.fade { opacity:0;-webkit-transition:opacity 0.15s linear;transition:opacity 0.15s linear} .tooltip.fade.in { opacity:1} .tooltip.in { opacity:0.8} .tooltip.top { padding:5px 0;margin-top:3px} .tooltip.right { padding:0 5px;margin-left:3px} .tooltip.bottom { padding:5px 0;margin-top:3px} .tooltip.left { padding:0 5px;margin-left:-3px} .tooltip-inner { max-width:200px;padding:15px;color:#FFF;text-align:center;text-decoration:none;background-color:#282E3A;border-radius:2px} .tooltip-arrow { position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .tooltip.top .tooltip-arrow { bottom:0;left:50%;margin-left:-5px;border-top-color:#282E3A;border-width:5px 5px 0} .tooltip.right .tooltip-arrow { top:50%;left:0;margin-top:5px;border-right-color:#282E3A;border-width:5px 5px 5px 0} .tooltip.left .tooltip-arrow { top:50%;right:0;margin-top:5px;border-left-color:#282E3A;border-width:5px 0 5px 5px} .tooltip.bottom .tooltip-arrow { top:0;left:50%;margin-left:-5px;border-bottom-color:#282E3A;border-width:0 5px 5px} a.userpic, a.avatar { position:relative} .link, .lightbox { position:relative;display:inline-block} .link.btn, .link > .btn, .lightbox.btn, .lightbox > .btn, a.userpic > .btn, a.avatar > .btn { border:none;background:rgba(255, 255, 255, 0.4);color:#2D343E} .link.btn:hover, .link:hover > .btn, .lightbox.btn:hover, .lightbox:hover > .btn, a.userpic:hover > .btn, a.avatar:hover > .btn { background:rgba(255, 255, 255, 0.9);color:#2D343E} .lightbox > .btn, .link > .btn, a.userpic > .btn, a.avatar > .btn { left:50%;margin-left:-28px;top:50%;margin-top:18px;position:absolute;opacity:0;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out} .lightbox:hover > .btn, .link:hover > .btn, a.userpic:hover > .btn, a.avatar:hover > .btn { margin-left:-18px;opacity:1} .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0;margin:0;border:0;outline:none;vertical-align:top} .fancybox-wrap { position:absolute;top:0;left:0;z-index:8020} .fancybox-skin { position:relative;background:#FFF} .fancybox-opened { z-index:8030} .fancybox-opened .fancybox-skin { -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.3);box-shadow:0 0 15px rgba(0, 0, 0, 0.3)} .fancybox-outer, .fancybox-inner { position:relative} .fancybox-inner { overflow:hidden;background:#FFF;width:100% !important} .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch} .fancybox-error { color:#444;margin:0;padding:15px;white-space:nowrap} .fancybox-image, .fancybox-iframe { display:block;width:100%;height:100%} .fancybox-image { max-width:100%;max-height:100%} .fancybox-overlay { position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background-color:rgba(40, 46, 58, 0.8)} .fancybox-overlay-fixed { position:fixed;bottom:0;right:0} /*.fancybox-lock .fancybox-overlay{ overflow:auto;overflow-y:scroll}*/ .fancybox-lock .fancybox-overlay { overflow:auto} #fancybox-loading { position:fixed;top:50%;left:50%;margin-top:20px;margin-left:-20px;cursor:pointer;z-index:8060} #fancybox-loading div { width:40px;height:40px;background:url('loader-light.gif') center center no-repeat} .fancybox-wrap img { max-width:100%;height:auto} .fancybox-wrap .btn.close, .fancybox-wrap .btn.prev, .fancybox-wrap .btn.next { border:none;background:rgba(255, 255, 255, 0.4);color:#2D343E;position:absolute;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out} .fancybox-wrap .btn.close:hover, .fancybox-wrap .btn.prev:hover, .fancybox-wrap .btn.next:hover { background:rgba(255, 255, 255, 0.9)} .fancybox-wrap .btn.prev { left:auto;right:50%;margin-right:15px} .fancybox-wrap .btn.next { margin-left:15px;left:50%} .fancybox-wrap .btn.prev, .fancybox-wrap .btn.next { top:50%;margin-top:18px;opacity:0} .fancybox-wrap:hover .btn.prev, .fancybox-wrap:hover .btn.next { opacity:1} .fancybox-wrap:hover .btn.prev { margin-right:2px} .fancybox-wrap:hover .btn.next { margin-left:2px} .fancybox-wrap .btn.close { top:15px;right:15px;left:auto;opacity:1;background:url(fancybox_close.png) no-repeat;box-shadow:none;width:23px;height:23px;padding:0} .fancybox-wrap .btn.close:hover { background:url(fancybox_close.png) no-repeat} /*.fancybox-title{ color:#2D343E;width:100%;background-color:rgba(255, 255, 255, 0.6);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);position:absolute;bottom:-200px;padding-top:15px;-webkit-transition:bottom 0.3s ease-out;transition:bottom 0.3s ease-out}*/ .fancybox-title { color:#2D343E;width:100%;background-color:rgba(255, 255, 255, 0.6);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);position:absolute;bottom:0px;padding-top:15px;-webkit-transition:bottom 0.3s ease-out;transition:bottom 0.3s ease-out} .fancybox-outer:hover .fancybox-title { bottom:0} .fancybox-title h4 { margin:0 15px 10px 15px;margin-top:0;border-bottom:1px solid rgba(255, 255, 255, 0.2);padding-bottom:10px} .fancybox-title p { margin:0 15px 15px 15px} .fancybox-title a, .fancybox-title a:hover { color:#FFF;text-decoration:underline} .fancybox-inner .btn { text-decoration:none} .skill-title > * { text-transform:uppercase;margin:0;background:#F9F9F9;border:1px solid #F1F1F1;padding:20px;display:inline-block;position:relative;margin-bottom:10px;font-weight:normal} .skill-title > *:after, .skill-title > *:before { content:"";position:absolute;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #F9F9F9;bottom:-8px;margin-left:-8px;left:50%} .skill-title > *:before { bottom:-9px;border-top-color:#F1F1F1} .skill, .progress { background-color:#F9F9F9;border:1px solid #F1F1F1;width:100%;display:inline-block;border-radius:2px;margin-bottom:30px} .skill .bar, .progress .bar { height:36px;line-height:36px;border-radius:2px;width:0%;margin:-1px;color:#FFF;height:100%;float:left;font-size:16px;text-align:center;-webkit-transition:width 2s ease;transition:width 2s ease} body .bar.bar-blue { background-color:#007AFF} body .bar.bar-purple { background-color:#C643FC} body .bar.bar-brown { background-color:#7F5C49} body .bar.bar-dark { background-color:#282E3A} body .bar.bar-pink { background-color:#FF2D55} body .bar.bar-teal { background-color:#34AADC} body .bar.bar-green { background-color:#00B74C} body .bar.bar-yellow { background-color:#FC0} body .bar.bar-orange { background-color:#00a3a4} body .bar.bar-light { background-color:#F9F9F9} body .bar.bar-red { background-color:#FF3B30} body .bar.bar-white { background-color:#FFF} .container-out.container-light .skill, .container-out.container-light .progress { background-color:#FFF} .container-out.container-light .skill-title > * { background-color:#FFF} .container-out.container-light .skill-title > *:after { border-top-color:#FFF} .form-field { position:relative;margin-bottom:4px;display:block} .tab .form-control, .tab select, .container-light select, .container-light .form-control { background-color:#FFF} /* input[type="checkbox"],input[type="radio"] { visibility:hidden;position:absolute} */ input[type="checkbox"] + label, input[type="radio"] + label { position:relative;padding-left:25px;font-weight:normal;color:#888} input[type="checkbox"] + label:before, input[type="radio"] + label:before { position:absolute;left:0;content:"";display:inline-block;width:19px;height:19px;background-color:#2D343E;line-height:1;border-radius:2px} input[type="radio"] + label:after { display:none;content:"";position:absolute;height:9px;width:9px;left:5px;top:5px;background-color:#FFF} input[type="checkbox"] + label:after { position:absolute;font-family:'icomoon';content:"\e6fe";color:#FFF;left:0;width:19px;text-align:center;line-height:19px;top:0;display:none} input[type="radio"] + label:before, input[type="radio"] + label:after { border-radius:50%} input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after { display:block} .form-desc { font-size:12px;margin:5px 0 0 0;line-height:1;color:#ADADAD} .form-field label { cursor:pointer;display:block;margin-bottom:5px;color:#2D343E;font-weight:600} .form-field label[class*="col-"] { margin-top:15px;text-align:left} @media (min-width:768px) { .form-field label[class*="col-sm-"] { text-align:right }} @media (min-width:992px) { .form-field label[class*="col-md-"] { text-align:right }} @media (min-width:1200px) { .form-field label[class*="col-lg-"] { text-align:right }} .form-field label .require { color:#FF3B30;margin-left:5px;font-weight:normal} .placeholder.keyup > label { display:none} .form-group, .form-group-separator { display:inline-block;vertical-align:middle;position:relative;text-align:left} .form-group .radio, .form-group .checkbox{ display:inline-block} .form-group .checkbox input, .form-group .radio input{ visibility:hidden} .form-group-separator { font-size:28px;margin-left:10px;margin-right:10px;vertical-align:bottom;line-height:50px} .form-group-separator i { color:#2D343E} .form-field .placeholder label { font-weight:normal;color:#888;position:absolute;width:100%;height:100%;line-height:50px;text-indent:10px;cursor:text;-webkit-transition:opacity linear 0.1s;transition:opacity linear 0.1s} .form-field .placeholder.focus label { opacity:0.4} .form-field .placeholder label .require { float:right;margin-left:0;margin-right:10px} body select.error select, body .form-control.error { border-color:#FF3B30;-webkit-box-shadow:0 0 0 1px #FF3B30;box-shadow:0 0 0 1px #FF3B30} .form-field .text-error { margin-top:3px;font-size:12px;line-height:1;position:absolute;left:15px;top:100%} .form-field > .text-error, .form-group > .text-error { left:0} form .btn[class*="btn-icon-"] { float:right} .btn[class*="btn-icon-"] + .form-field { width:auto;display:block;margin-right:60px} .form-field + span.error { margin-top:15px;display:block;margin-bottom:15px;font-size:12px} .response { margin-bottom:30px;position:relative;padding:15px;border:1px solid transparent;color:#FFF;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} .response.success { background-color:#33C570;border-color:#00B74C} .response.error { background-color:#FF6259;border-color:#FF3B30} .ui-widget-content { background:#2D343E;color:#FFF;padding:10px;z-index:10 !important;margin-top:5px;border-radius:3px} .ui-widget-header { background:rgba(255, 255, 255, .1);margin:-10px -10px 0;position:relative;line-height:40px} .ui-widget-header .ui-datepicker-prev, .ui-widget-header .ui-datepicker-next { position:absolute} .ui-widget-header .ui-datepicker-prev { left:10px} .ui-widget-header .ui-datepicker-next { right:10px} .ui-widget-header .ui-datepicker-title { text-align:center} .ui-widget-content table { margin-bottom:0} .ui-widget-content table td { border-top:1px solid rgba(255, 255, 255, .1);cursor:pointer} .ui-widget-content table tbody td:hover a { color:#FFF} .ui-widget-content a:hover { color:#FFF;cursor:pointer} .breadcrumbs { background-color:#f5f5f5;font-size:11px;line-height:45px; /*border-top:7px solid #00a3a4;*/} /*.breadcrumbs:before { content:'';position:absolute;width:100%;height:7px;top:0px;left:0; background:#00a3a4;background:-moz-linear-gradient(left, #00a3a4 0%, #2989d8 54%, #207cca 80%, #3166ae 100%);background:-webkit-linear-gradient(left, #00a3a4 0%,#2989d8 54%,#207cca 80%,#3166ae 100%);background:linear-gradient(to right,#00a3a4 0%,#2989d8 54%,#207cca 80%,#3166ae 100%);background-color:rgba(0, 0, 0, 0);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3a4', endColorstr='#3166ae',GradientType=1 )}*/ .breadcrumbs ul { padding:10px 0;margin:0;display:inline-block;line-height:0} .breadcrumbs ul li { font-family:'Graphik', sans-serif;display:inline-block;vertical-align:middle;list-style-type:none;position:relative;font-size:11px;padding-left:7px;line-height:25px} /*.breadcrumbs ul li:after{ content:"\f105";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:12px;top:0}*/ .breadcrumbs ul li.dot:before { content:":";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:2px;top:0;color:#7F999E} /*.breadcrumbs ul li.plus:before{ content:"\f105";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:12px;top:0}*/ #marcas .thumbnail{background-color:#f4f4f4;padding:50px;/*height:150px;*/margin-left:-16px} .thumbnail{ padding:30px !important} .breadcrumbs ul li span.home:after { font-family:FontAwesome;content:"\f105";color:#262626;font-size:11px;position:relative} .breadcrumbs ul li span.home { padding-left:5px} .breadcrumbs ul li:first-child { padding-left:0} .breadcrumbs ul li:first-child:after { display:none} .breadcrumbs ul li a { /*color:#00a3a4;*/ color:#a2dda5;display:block;font-family:'Graphik', sans-serif;font-size:11px; text-transform:uppercase} .breadcrumbs ul li:first-child a { color:#000;display:block;font-family:'Graphik', sans-serif;font-size:11px} .breadcrumbs ul li a.home { font-size:2em;padding-left:0} .breadcrumbs ul li a.home:before { font-family:FontAwesome;content:"\f015";color:#000;position:relative;top:1px} .breadcrumbs ul li a.home i { display:block} .breadcrumbs ul li.current a, .breadcrumbs ul li a:hover { color:#888} body #page-header .breadcrumbs { border:none;background-color:rgba(255, 255, 255, 0.6);color:#2D343E} body #page-header .breadcrumbs a { color:#2D343E} .hide-to-bottom { margin-bottom:0} .project-filter { color:#2d343e;/*background-color:#f9f9f9;*/line-height:25px;clear:both } .project-filter p { display:inline-block;float:right;margin-top:14px;margin-bottom:0 } .project-filter ul { padding:0;margin:0;font-size:0;line-height:0 } .project-filter ul li { padding:0;font-size:13px;display:inline-block;vertical-align:middle;list-style:none;height:30px } .project-filter ul li a { line-height:20px;font-size:15px;font-weight:bold;color:#ADADAD;cursor:pointer;display:block } .project-filter ul li + li a { margin-left:15px } .project-filter li.selector { padding:0;width:50px;height:50px;line-height:50px;text-align:center;margin-right:15px;color:#fff;background-color:#2d343e;-webkit-transition:background-color linear 0.1s;transition:background-color linear 0.1s } .project-filter ul:hover li.selector { color:#fff } .project-filter li.selector:before { content:"\f00a";font-family:FontAwesome;font-size:18px;display:block;font-weight:normal } .project-filter-current { text-transform:capitalize } .project-action:hover { background-color:rgba(173,148,13,0.8) !important} .comments .title.title-main span { position:relative;z-index:1;margin-left:15px;top:-15px;color:#2D343E;font-size:16px} .comments .title.title-main span:after { font-family:'icomoon';content:"\e66a";color:#F1F1F1;position:absolute;font-size:36px;top:-6px;left:-9px;z-index:-1} .comments .title.title-main .btn { float:right;margin:0} .comments ul.comments-content {} .comments ul.comments-content li { list-style-type:none;position:relative;padding-top:30px} .comments ul.comments-content li:first-child { margin-top:0} .comments ul.comments-content > li:first-child { padding-top:0} ul.comments-content ul { padding:0;margin:0} ul.comments-content ul li { padding-left:40px} .comments .comment-heading { display:none} .comments .comment-heading .avatar { display:block;overflow:hidden;border-radius:2px} .comments .comment-heading .avatar img { width:100px;height:100px} .comments .comment-content { background-color:#F9F9F9;padding:30px;position:relative;border:1px solid #F1F1F1} .comments .comment-content:after, .comments .comment-content:before { content:'';width:0;height:0;position:absolute;z-index:1;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #F1F1F1;left:-8px;top:45px} .comments .comment-content:after { left:-7px;border-right-color:#F9F9F9} .comments .comment-content .title { border-bottom:1px dashed #F1F1F1;padding-bottom:30px;line-height:18px} .comments .comment-content .title a { text-transform:uppercase} .comments .comment-content .title strong { color:#2D343E} .comments .comment-content .meta span[class*="meta-"]:before { color:#E5E5E5} .comments .comment-content .reply { text-align:right;border-top:1px dashed #F1F1F1;padding-top:30px} .comments .comment-content .reply a { font-weight:600;text-transform:uppercase;clear:both} .comments ul.comments-content li li:after, .comments ul.comments-content li li:before, .comments .comment-heading:before, .comments .comment-heading:after { background-color:#F1F1F1;content:'';position:absolute} .comments ul.comments-content li li:first-child .comment-heading:after { width:5px;height:15px;top:-5px;left:85px} .comments ul.comments-content li li .comment-heading:before { width:30px;height:5px;top:75px;left:0px} .comments ul.comments-content li li:last-child .comment-heading:before { display:none} .comments ul.comments-content li li + li:last-child .comment-heading:before { display:block} .comments ul.comments-content li li:after { width:5px;top:0;left:0;height:100%} .comments ul.comments-content li li:first-child:after { width:5px;top:75px;left:0;bottom:0} @media (min-width:768px) { .comments ul.comments-content li li:first-child:before { width:30px; height:5px; left:90px; top:-5px }} .comments ul.comments-content li li:last-child:after { display:none} .comments ul.comments-content li li + li:last-child:after { display:block;width:5px;height:75px;top:0;left:0} @media (min-width:768px) { .comments .comment-heading { float:left; display:block } .comments .comment-content { margin-left:130px } .comments .comment-content .meta { float:right }} @media (max-width:767px) { .comments ul.comments-content li li:before { width:30px; height:5px; left:0; top:81px } .comments ul.comments-content li li:first-child:after { top:85px } .comments ul.comments-content li li + li:last-child:after { height:85px }} #reply { padding:30px;padding-bottom:0;background-color:#F9F9F9;border:1px solid #F1F1F1;position:relative} #reply .close { position:relative;float:right;display:none;line-height:24px} #reply .close:before { font-family:FontAwesome;content:"\f00d"} .comment #reply { margin-top:20px} @media (min-width:768px) { .comment #reply { margin-left:130px }} .comment #reply:after, .comment #reply:before { top:-9px;right:30px;content:'';position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #F1F1F1} .comment #reply:after { top:-8px;border-bottom-color:#F9F9F9} .comment #reply .close { display:block} #reply select, #reply textarea, #reply input[type="email"], #reply input[type="text"] { background-color:#FFF} #reply .form-field.error select, #reply .form-field.error textarea, #reply .form-field.error input[type="email"], #reply .form-field.error input[type="text"] { background-color:#FF6259;border-color:#FF3B30} #reply .form-field.error label span { color:#FFF} .grid-wrap { opacity:0} .grid-wrap:before, .grid-wrap:after { content:" ";display:table} .grid-wrap:after { clear:both} .grid { margin-bottom:30px;-webkit-transition:height 700ms ease;transition:height 700ms ease} .grid > * { position:relative;float:left;width:15%} .grid[data-columns="4"] > * { float:left;width:20%} .grid[data-columns="3"] > * { float:left;width:30%} .grid[data-columns="2"] > * { float:left;width:45%} .grid .slider-wrap, .grid .slider-wrap .slider { opacity:1} .social { font-size:0} .social li { list-style-type:none;display:inline-block;vertical-align:middle;margin-bottom:4px} .social li.desc { line-height:24px;display:block;font-size:13px} @media (min-width:768px) { .social li.desc { min-width:140px; display:inline-block }} .social li + li { margin-left:4px} .social li.desc + li { margin-left:0} .social a { border-radius:9999px;display:block;font-size:24px;width:50px;height:50px;line-height:50px;color:#FFF;text-align:center;background-color:#87888A} .social a:before { font-family:'icomoon'} .social a:hover { color:#FFF} .social a.youtube:hover { background-color:#00a3a4} .social a.youtube:before { content:"\e773"} .social a.rss:hover { background-color:#00a3a4} .social a.rss:before { content:"\e770"} .social a.forrst:hover { background-color:#00a3a4} .social a.forrst:before { content:"\e782"} .social a.vimeo:hover { background-color:#00a3a4} .social a.vimeo:before { content:"\e775"} .social a.dribbble:hover { background-color:#00a3a4} .social a.dribbble:before { content:"\e781"} .social a.google:hover { background-color:#00a3a4} .social a.google:before { content:"\e764"} .social a.twitter:hover { background-color:#00a3a4} .social a.twitter:before { content:"\e76d"} /*soaressf*/ .social a.facebook:hover { background-color:#00a3a4} .social a.facebook:before { content:"\e769";color:#3E3D40} .social a.pinterest:hover { background-color:#00a3a4} .social a.pinterest:before { content:"\e7a6"} .widget { position:relative;margin-bottom:30px} #tweets { min-height:100px;background:url(loader-dark.gif) center center no-repeat transparent} #tweets .tweet { position:relative;margin-bottom:30px} .tweet-heading { display:inline-block;width:100%;margin-bottom:15px} .tweet-heading .userpic { float:left;border-radius:50px;height:48px;width:48px;overflow:hidden} .tweet-heading .userpic img { height:auto;max-width:100%;width:100%} .tweet-heading .title { margin:4px 0 0 55px} .tweet-heading .title a { color:#2D343E;clear:both} .tweet-heading .title .profilename { text-transform:uppercase} .tweet-heading .title .profileid { font-size:80%} .tweet-content { background-color:#F9F9F9;padding:20px;padding-bottom:0;position:relative;border:1px solid #F1F1F1} .tweet-content:after, .tweet-content:before { content:'';width:0;height:0;position:absolute;z-index:1;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #F1F1F1;left:14px;top:-8px} .tweet-content:after { top:-7px;border-bottom-color:#F9F9F9} .tweet-content .text, .tweet-content .text p { margin:0 0 20px 0} .tweet-content .text p.meta { display:inline-block;width:100%;margin:0} .tweet-actions { opacity:0;position:relative;left:10px;-webkit-transition:all ease 0.1s;transition:all ease 0.1s} #tweets .tweet:hover .tweet-actions { opacity:1;left:0} .tweet-actions a { font-style:normal;font-size:20px;color:#2D343E} .tweet-actions a + a { margin-left:10px} .tweet-actions a:before { font-family:'icomoon'} .tweet-reply:before { content:"\e666"} .tweet-retweet:before { font-family:'icomoon';content:"\e71b"} .tweet-fave:before { content:"\e6d0"} .tweet-content .meta span[class*="meta-"]:before, .tweet-content .meta > .tweet-retweet:before { color:#E5E5E5} .tweet-content .meta-date, .tweet-content .meta > .tweet-retweet { float:right} .tweet-content .meta > .tweet-retweet { font-style:normal;font-size:20px} .photo-stream { margin:-5px;padding:0;font-size:0} .photo-stream li { display:inline-block;width:33.33333333333333%;padding:5px;list-style-type:none;margin:0} @media (max-width:991px) { .photo-stream li { width:50% }} .photo-stream li .teaser { margin:0} .photo-stream li img { display:block;height:auto;width:100%} .latest-comments { list-style-type:none} .latest-comments li { padding-left:50px;position:relative;margin-bottom:20px;border-bottom:1px solid #F1F1F1;padding-bottom:15px} .latest-comments li:before { position:absolute;content:"\f086";font-family:FontAwesome;left:0;top:-5px;font-size:36px;color:#F1F1F1} .latest-comments li > * { margin:0;margin-bottom:5px} .latest-comments li:last-child { margin-bottom:0;border-bottom:none} .top-authors {} .top-authors { list-style-position:inside;color:#999} .top-authors > li { padding-top:20px;margin-top:20px;border-top:1px solid #F1F1F1} .top-authors > li:first-child { border-top:none;margin-top:0;padding-top:0} .top-authors li > * { display:inline-block;margin:0;vertical-align:middle} .top-authors .userpic { width:100px;border-radius:50%;overflow:hidden;margin:0 15px} .top-authors .title > * { margin:0} body > #boxed { margin:0 auto;padding:0px;background-color:#FFF;box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);overflow:hidden;position:relative} body > #boxed #header { left:auto} @media (min-width:768px) { body > #boxed, body > #boxed #header { max-width:750px }} @media (min-width:992px) { body > #boxed, body > #boxed #header { max-width:970px } body.w970 #boxed { max-width:970px } body.w970 > #boxed #header { max-width:970px}} @media (min-width:1200px) { body > #boxed, body > #boxed #header { max-width:1170px }} .side-options { width:200px;left:-200px;position:fixed;z-index:2000;top:160px;background-color:#FFF;-webkit-transition:all ease-in-out 0.15s;transition:all ease-in-out 0.15s} .side-options.side-options-right { left:auto;right:-200px} .side-options .side-options-heading { cursor:pointer;background-color:#2D343E;text-transform:uppercase;font-size:13px;padding:0 15px;color:#CCC;display:block;margin-right:-50px;padding-right:0;-webkit-transition:all ease-in-out 0.15s;transition:all ease-in-out 0.15s} .side-options.open .side-options-heading { margin-right:0} .side-options .side-options-heading a { line-height:50px;color:#CCC;width:100%;display:inline-block} .side-options .side-options-heading span { color:#FFF;font-weight:700;display:inline-block;width:50px;text-align:center;float:right} .side-options .side-options-heading span i { font-size:20px;line-height:1;display:block;margin-top:16px;font-weight:normal} .side-options.open { left:0} .side-options.side-options-right.open { left:auto;right:0} .side-options.side-options-right .side-options-heading { margin-right:auto;margin-left:-50px;padding-left:0;-moz-border-radius:30px;border-radius:30px} .side-options.side-options-right.open .side-options-heading { margin-left:0} .side-options.side-options-right .side-options-heading span { float:left} #language-options .language-list { list-style-type:none;margin:0;border:1px solid #F1F1F1;border-right:none;border-top:none} #language-options .language-list li a { padding:15px;display:block;text-transform:uppercase;color:#2D343E} #language-options .language-list li a:hover, #language-options .language-list li a.current { background-color:#F9F9F9} #header { border-bottom:none;width:100%;z-index:999;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;/*background:#272525;*/background-color:transparent;/*height:115px*/padding: 15px 0; /*margin-left: 160px*/} #header .navbar { padding:0px;margin:0} #header.sticky { position:fixed;top:0;left:0} .topbar { color:rgba(255, 255, 255, 0.7);background-color:#2D343E;height:54px} .topbar ul { margin:0;padding:0} .topbar ul li { list-style-type:none;vertical-align:middle;display:inline-block;margin:0;padding:0} .topbar a { color:rgba(255, 255, 255, 0.7)} .topbar a:hover { color:rgba(255, 255, 255, 1)} .topbar .touch { float:left;margin-top:11px} .topbar .touch li { font-size:12px} .topbar .touch li + li { margin-left:15px} .topbar .touch li > * { display:inline-block;vertical-align:middle} .topbar .touch p { margin:0 0 0 5px;line-height:1.2} .topbar .social { float:right;margin-top:10px;line-height:0} .topbar .social li + li { margin-left:5px} .topbar .social a { color:#FFF;width:36px;height:36px;line-height:36px;font-size:20px;-webkit-transition:border-radius ease 0.1s;transition:border-radius ease 0.1s;border-radius:2px} .topbar .social a.youtube { background-color:#FF3B30} .topbar .social a.rss { background-color:#00a3a4} .topbar .social a.forrst { background-color:#00B74C} .topbar .social a.vimeo { background-color:#007AFF} .topbar .social a.dribbble { background-color:#FF2D55} .topbar .social a.google { background-color:#D94332} .topbar .social a.twitter { background-color:#3CF} .topbar .social a.facebook { background-color:#2980B9} .topbar .social a.pinterest { background-color:#FC0} .topbar .social a:hover { border-radius:50%} .topbar .user-nav { float:right;margin-left:25px;margin-top:10px} .topbar .user-nav .btn { color:#FFF} .topbar .user-nav img { height:36px;width:36px;border-radius:2px;margin-right:5px} #header .navbar { width:100%;position:relative;overflow:hidden;z-index:1;background-repeat:no-repeat;background-position-x:83%} #main-search { display:none} #main-search form { overflow:hidden;opacity:0;position:relative;left:-20px;margin-top:5px;margin-bottom:0;width:100%;display:inline-block} #main-search .form-field { margin-bottom:0} .form-field .placeholder label { line-height:40px;margin:0} #main-search .form-control { padding:9px 5px;padding-right:40px;border-color:#282E3A;background-color:#282E3A;-webkit-box-shadow:none;box-shadow:none;color:#FFF} #main-search .close { position:absolute;right:0;color:#FFF;width:40px;text-align:center;float:right;line-height:45px;font-size:13px;z-index:1} #main-search .close:hover { color:#FFF} #header .navbar-inner { color:white} @media (min-width:992px) { #main-search form { margin-top:10px } #main-search .form-control { padding-right:55px; padding:14px 10px} #main-search .close { width:50px; line-height:50px} .form-field .placeholder label { line-height:50px }} #header .navbar-inner { float:left;width:100%;position:relative} #header .logo { display:inline-block;float:right;margin:0;position:relative;/*left:-20px;*/margin-top:15px} #header .text-center > .logo { float:none} #header .logo img { display:block;position:relative;padding:0;width: 100%;max-width: 100px;} #main-menu > li, #main-menu ul.dropdown > li { list-style-type:none;font-size:14px;line-height:27px;color:#fff} #main-menu ul.dropdown > li { font-size:13px;margin:0} #main-menu li.search-nav { display:none} #main-menu ul.dropdown nav > ul li:before { opacity:0.1} #main-menu > li:first-child:before, #main-menu nav > ul li a:after { display:none} #main-menu ul.dropdown { margin:0;display:none} #main-menu > li > a { padding:10px 0;display:block;position:relative;font-size:15px} #main-menu ul.dropdown > li > a { padding:10px 0;display:block;position:relative;font-size:14px} #main-menu > li > a span { display:none} #main-menu i.carret { transform:rotate(90deg);padding-right:34px;padding-top:7px;position:absolute;width:38px;line-height:25px;text-align:center;font-style:normal;font-size:18px;right:-22px;top:16px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out} #main-menu i.carret2 { transform:rotate(180deg);position:absolute;width:25px;line-height:13px;text-align:center;font-style:normal;font-size:18px; -webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out} #main-menu i.carret2:after { font-family:FontAwesome, sans-serif;content:"\005e";color:#9e9e9e} .Chevron{ position:absolute;display:inline;height:10px;/*height should be double border*/ transform:translate(3px,6px)} .Chevron:before, .Chevron:after{ position:absolute;display:inline;content:"";border:5px solid transparent;/*adjust size*/} /* Replace all text `top` below with left/right/bottom to rotate the chevron */ .Chevron:before{ top:0;border-top-color:#000;/*Chevron Color*/} #main-menu ul.dropdown > li > i.carret { transform:rotate(0deg) !important;padding-right:34px;padding-top:7px;position:absolute;width:38px;line-height:25px;text-align:center;font-style:normal;font-size:18px;right:-15px;top:3px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out} #main-menu ul.dropdown > li > i.carret::after { font-family:FontAwesome;content:"\f105"} #main-menu i.carret:hover{ color:#00a3a4} #main-menu i.carret:after { font-family:FontAwesome;content:"\f105";color:#9e9e9e} #main-menu li > a > i.carret.rotate { -webkit-transform:rotate(90deg);transform:rotate(90deg)} #main-menu ul.dropdown:not(.megamenu-category) { color:rgba(255, 255, 255, 0.7);line-height:20px} #main-menu > li > a, #main-menu ul.dropdown > li > a, #main-menu ul.megamenu-category .category-nav a { color:#000000} #main-menu > li > a:hover, #main-menu ul.dropdown > li > a:hover, #main-menu ul.dropdown > li.active > a, #main-menu ul.megamenu-category .category-nav .current a, #main-menu ul.megamenu-category .category-nav a:hover { color:#FFF} #main-menu ul.dropdown:not(.megamenu-category) h1, #main-menu ul.dropdown:not(.megamenu-category) h2, #main-menu ul.dropdown:not(.megamenu-category) h3, #main-menu ul.dropdown:not(.megamenu-category) h4, #main-menu ul.dropdown:not(.megamenu-category) h5, #main-menu ul.dropdown:not(.megamenu-category) h6 { color:#FFF;margin-top:15px} #main-menu ul.dropdown:not(.megamenu-category) h1 a, #main-menu ul.dropdown:not(.megamenu-category) h2 a, #main-menu ul.dropdown:not(.megamenu-category) h3 a, #main-menu ul.dropdown:not(.megamenu-category) h4 a, #main-menu ul.dropdown:not(.megamenu-category) h5 a, #main-menu ul.dropdown:not(.megamenu-category) h6 a { color:rgba(255, 255, 255, 0.7)} #main-menu ul.dropdown:not(.megamenu-category) h1 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h2 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h3 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h4 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h5 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h6 a:hover, #main-menu ul.dropdown:not(.megamenu-category) a:hover { color:#00a3a4 ;/*background:#f4f4f4;*/} #main-menu ul.dropdown .google-iframe-map { width:100%;min-height:185px} #main-menu ul.dropdown .widget { margin-bottom:30px} #main-menu ul.megamenu-category > li { display:inline-block;width:100%;padding:0} #main-menu ul.megamenu-category .category-nav ul { margin:0;margin-bottom:20px} #main-menu ul.megamenu-category .category-content { background:#F9F9F9;padding:30px;padding-bottom:0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);text-shadow:none} #main-menu ul.megamenu-category .category-content > div { display:none} #main-menu ul.megamenu-category .category-content > div.current { display:block} #mobile-menu { float:left;margin:0;margin-bottom:10px} #mobile-menu li { list-style-type:none;float:left} #mobile-menu li + li { border-right:1px solid #99adb1} #mobile-menu li a { color:#2D343E;line-height:30px;padding:0 8px;display:block} #mobile-menu li a i { line-height:30px;display:block;font-size:20px} .navbar-toggle { border:none;background:transparent;line-height:30px;font-size:16px;padding:0;width:30px;color:#b4b4b4;margin:0} #main-menu ul.dropdown > li + li a { border-top:1px solid #dde3e6} @media (min-width:1098px) { #dropdown-col { height:190px;-webkit-column-count:3; -moz-column-count:3; column-count:3;/*2 in those rules is just placeholder -- can be anything*/ } #dropdown-col li { display:block;/*necessary*/ width:100%}} @media (max-width:992px) { .fw-related-pages{display:none} #header .logo img { width:auto; max-width:100%; max-height:100%; top:0 } .breadcrumbs .container {margin-bottom:10px !important} #main-menu ul.dropdown {display:block} #lang-menu {/*background-color:#00a3a4*/border-top: 2px solid #00a3a4;} #emp1_home, #emp2_home{ width:100% !important; margin:0 0 10px !important; border-right:none !important; } #emp2_home{ margin:0 0 20px !important} .project-heading{ border-bottom:2px solid #e1e1e1; padding-bottom:30px} .fix_container{ padding:15px !important} #pag_home .fix_container{ padding:30px !important} #pag_pesquisar .fix_container{ padding:0 !important} #pag_pesquisar .pesq_colaboradores{ padding:30px !important} #sobre_bloco .thumbnail{ padding:0 !important} .Diretrizes{ padding:15px} #pag_candidatura .col_left #form6 .row{ margin:0}} @media (min-width:992px) { #header .navbar { overflow:visible } .megamenu-width { position:relative } .nav > li > a > img { margin-top:-4px} /* #main-menu { clear:none; background:transparent; display:block !important; font-size:0; margin:0; padding:0; right:0; float:left; text-align:left; z-index:1; position:absolute; top:73px; height:max-content !important;top: 50%;transform: translateY(-50%);} */ #main-menu{ clear: none; background: transparent; display: block !important; font-size: 0; margin: 0; padding: 0; right: 0; z-index: 1; float: right !important; position: relative; text-align: right; top: 45px; } .top-navigation{ top: 45px !important; } .menu_left ul {float:right !important;margin-right:40px !important} #main-menu > li { position:relative; display:inline-block; vertical-align:top; padding:0; margin:0 } #main-menu > li.megamenu { position:static } #main-menu li.search-nav { display:inline-block } #main-menu > li:before { display:none } #main-menu ul.dropdown > li > a { padding:7px 18px} #main-menu ul.dropdown > li:last-child { border-bottom:none} #main-menu > li.megamenu ul.dropdown .nav ul li a { padding:10px 0 } #main-menu > li > a { color:#2d2d2d; margin:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; font-size:15px; font-family:"Graphik", sans-serif; line-height:1; text-align:left; padding:8px 16px 8px 16px !important; letter-spacing:0.5px} #main-menu > li > a:hover { background:transparent; color:#00a3a4; /*font-weight: bold;*/} #main-menu > li > a:hover > .Chevron::before {border-top-color:#00a3a4} #main-menu > li > a.btn-search { font-size:20px; line-height:25px } #main-menu > li:last-child a { padding-right:0 } #main-menu > li > a i.carret { line-height:25px; position:relative; display:inline-block; vertical-align:middle; margin-left:5px; width:auto; font-style:normal; font-weight:normal } #main-menu > li > a i.carret:after { font-family:FontAwesome; content:"\f107" } #main-menu li.active > a > i.carret { -webkit-transform:rotate(0deg); transform:rotate(0deg) } #main-menu > li > a span { font-weight:normal; font-style:italic; margin-top:5px; font-size:12px; clear:both; display:block; font-weight:normal; text-transform:none; color:#FFF; position:absolute; white-space:nowrap; line-height:1; opacity:0; top:50%; -webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s } #main-menu > li:hover > a span { opacity:1; top:100% } html.scroll #main-menu > li:hover > a span { opacity:0 } #main-menu ul.dropdown { display:block; visibility:hidden; opacity:0; position:absolute; top:100%; margin:0} #main-menu > li.megamenu > ul.dropdown { width:100%; left:0; right:0 } #main-menu > li.megamenu > ul.dropdown > li { padding-left:15px; padding-right:15px} #main-menu > li > ul.dropdown { padding-top:5px} #main-menu > li.rtl > ul.dropdown { right:0} #main-menu ul.dropdown ul.dropdown { top:20px; left:100%; padding-left:5px; padding-top:0 !important; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)} #main-menu li:hover > ul.dropdown { padding:0; background-color:#f4f4f4; visibility:visible; opacity:1; -webkit-transition:all ease-out 0.2s; margin-top:0; transition:all ease-out 0.2s; border:1px solid #cccccc;text-align: left;} #main-menu li:hover.rtl > ul.dropdown { right:0} #main-menu ul.dropdown > li { list-style-type:none; position:relative; text-transform:none} #main-menu > li.megamenu ul.dropdown ul.dropdown > li { padding-right:15px; padding-left:15px} #main-menu ul.dropdown > li:first-child:before { display:none} #main-menu ul.megamenu-category > li { float:left; width:100%} #main-menu ul.megamenu-category .category-content { margin:15px 0} #main-menu ul.dropdown > li > a i.carret:after { content:"\f0da"} #main-menu ul.dropdown ul.dropdown { top:20px; left:100%; padding-left:0px; padding-top:0 !important; background-color:#f4f4f4} #main-menu ul.dropdown ul.dropdown { top:0px; padding-left:0px; padding-top:0 !important} #main-menu > li.rtl ul.dropdown ul.dropdown, #main-menu ul.dropdown.rtl ul.dropdown { left:auto; right:100%; padding-left:0;/*padding-right:5px;*/top:0px} #main-menu.slide ul.dropdown { margin-left:15px} #main-menu.slide > li.rtl > ul.dropdown, #main-menu.slide > li.rtl ul.dropdown ul.dropdown, #main-menu.slide ul.dropdown.rtl ul.dropdown { margin-left:inherit; margin-right:15px} #main-menu.slide li:hover > ul.dropdown { margin-left:0 !important; margin-right:0 !important} #main-menu.full-width { display:table !important; width:100%} #main-menu.full-width > li { display:table-cell; vertical-align:top; padding-top:15px} #main-menu.minimal > li > a { text-transform:lowercase; border-left:none; font-weight:normal} #custom-nav-bg { width:100%; position:absolute; top:100%; /*background-color:rgba(99,107,112, 0.9);*/-webkit-transition:height ease 0.1s; transition:height ease 0.1s} #custom-nav-bg:hover { height:0} #main-menu.custom ul.dropdown > li { background-color:transparent; padding:0} #main-menu.custom > li.megamenu > ul.dropdown > li { padding-left:10px; padding-right:10px} #main-menu.custom ul.dropdown > li > a { border:none !important; color:#000000; font-weight:normal;/* background:#FFF;*/background-color:rgba(255, 255, 255, 0.2); width:220px; padding-left:29px; font-family: "Graphik", sans-serif;} #main-menu ul.dropdown > li:nth-child(n+2){} #main-menu.custom ul.megamenu-category nav a {padding-left:10px} #mobile-menu { display:none} } @media (max-width:991px) { #header { position:relative !important} .mobile-navbar { display:block} .topbar { display:none} #header-space { display:none} #header .navbar-inner { margin-top:10px !important} #header .logo { height:60px !important} #main-menu > li { padding-bottom:0 !important} #main-menu ul.dropdown.megamenu { width:100% !important; left:0 !important; right:0 !important}} /*.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{ position:absolute;visibility:hidden;-webkit-font-smoothing:antialiased !important}*/ .tp-caption { z-index:1} /*.tp-simpleresponsive img{ max-width:none}*/ .page-slider-wrap { color:#2D343E;width:100%;float:left;position:relative;z-index:1;padding:0;overflow:hidden;line-height:0;background:url(loader-dark.gif) center center no-repeat transparent} #page-slider { opacity:0;position:relative;max-height:500px;height:500px} #page-slider > ul, #page-slider > ul > li { margin:0;padding:0} #page-slider > ul > li { position:absolute} .container > .seccaobannerhome{ float:right;/* opacity:0.8;background-color:#00a3a4;*/ text-align:left;margin-top:10vw;right:5vw} .container .seccaobannerhome_lar{ opacity:0.8;background-color:#00a3a4;padding:15px;color:#ffffff} .container .seccaobannerhome_lar h2{ color:#ffffff} .container > .seccaobannerhome > .tituloghomepage{ color:white; font-size:56px; padding:10px; font-weight:100; line-height:1} .container > .seccaobannerhome > .textotitulo{ line-height:1;color:white;padding:10px;font-size:25px;font-weight:100;padding-bottom:25px} @media (max-width:950px) { .container > .seccaobannerhome{ float:right;opacity:0.8;background-color:#00a3a4;text-align:left;margin-top:2vw;right:0vw;width:64%} } @media (max-width:750px) { .container > .seccaobannerhome{ display:none; }} /*.tp-loader{background:url(loader-dark.gif) center center no-repeat transparent;width:32px;height:32px;margin-top:-16px;margin-left:-16px;z-index:20} .tp-bannertimer{bottom:0;position:absolute;z-index:21;height:5px;background-color:rgba(255,255,255, 0.4)} .tparrows.default{z-index:100;color:#FFF;text-align:center;font-size:24px;line-height:50px;width:50px;height:50px;background:rgba(221,114,60, 0.7);background-image:none;cursor:pointer;border-radius:50px;-webkit-transition:background 0.1s linear, opacity 0.1s linear;transition:background 0.1s linear, opacity 0.1s linear;transform:none;-webkit-transform:none} .tparrows.default:hover{background:rgba(221,114,60, 0.9)} .tp-leftarrow:before{font-family:'FontAwesome';content:"\f104"} .tp-rightarrow:before{font-family:'FontAwesome';content:"\f105"} .tp-bullets{position:absolute;bottom:10px;z-index:20} .tp-bullets.simplebullets.round .bullet{vertical-align:middle;display:inline-block;background-color:transparent;width:30px;height:30px;text-indent:-99999px;margin:0 2px;border-radius:25px;position:relative;cursor:pointer;background:rgba(255,255,255, 0.4);background-image:none;-webkit-transition:background 0.1s linear, opacity 0.1s linear;transition:background 0.1s linear, opacity 0.1s linear;transform:none;-ms-transform:none;-webkit-transform:none} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected{background:rgba(255,255,255, 0.9)}*/ .slider-title { font-size:62px;font-weight:bold;line-height:62px} .slider-sub-title { text-transform:uppercase;font-weight:300;font-size:24px;line-height:34px} .page-slider-wrap .btn { -webkit-box-shadow:none;box-shadow:none;background-color:rgba(255, 255, 255, 0.4);border:none} .page-slider-wrap .btn:hover { background-color:rgba(255, 255, 255, 0.8)} .slider-text { line-height:24px} #page-header { float:left;width:100%;overflow:hidden;position:relative;line-height:1;z-index:0;color:#2D343E} /*.page-header-image{background-repeat:no-repeat;background-position:top center;background-size:cover;background-attachment:fixed}*/ #page-header.fonts-white { color:#FFF} #page-header.fonts-white h1 { color:#FFF} .page-header-inner { /*min-height:110px;height:110px;*/ display:table;width:100%} #page-header.page-header-medium .page-header-inner { /*min-height:210px;height:210px*/} #page-header.page-header-big .page-header-inner { /*min-height:300px;height:300px*/} #page-header *[class*="hide-to-"] { position:relative} @media (max-width:767px) { .page-header-inner h1, .page-header-inner h2, .page-header-inner h3, .page-header-inner h4, .page-header-inner h5, .page-header-inner h6, .page-header-inner p { margin:0} #page-header *[class*="hide-to-"] { opacity:1 !important; top:0 !important; left:0 !important}} @media (min-width:768px) { /*.page-header-inner { min-height:175px; height:175px} #page-header.page-header-medium .page-header-inner { min-height:350px; height:350px} #page-header.page-header-big .page-header-inner { min-height:40px; height:40px}*/} @media (min-width:992px) { /*.page-header-inner { min-height:150px; height:150px} #page-header.page-header-medium .page-header-inner { min-height:300px; height:300px} #page-header.page-header-big .page-header-inner { min-height:450px; height:450px}*/} @media (min-width:1200px) { /*.page-header-inner { min-height:200px; height:200px}*/ /*#page-header.page-header-medium .page-header-inner { min-height:350px; height:350px} #page-header.page-header-big .page-header-inner { min-height:500px; height:500px}*/} .page-header-inner > * { display:table-cell;vertical-align:middle} .page-header-inner .container > *:last-child { margin-bottom:0} .page-header-box { background-color:rgba(255, 255, 255, 0.6);padding:30px;padding-bottom:1px;text-align:center;border-radius:5px;color:#2D343E} .page-header-box hr { opacity:0.3} #page-content { position:relative;width:100%;float:left;overflow:hidden} #page-content #content, #page-content #sidebar-right, #page-content #sidebar-left { margin-top:30px;margin-bottom:30px} @media (min-width:768px) { #page-content #content, #page-content #sidebar-right, #page-content #sidebar-left { margin-top:50px; margin-bottom:50px} #content, #sidebar-right, #sidebar-left { margin-top:50px; margin-bottom:50px}} .container-out { padding-right:5000px;padding-left:5000px;margin-left:-5000px;margin-right:-5000px;padding-top:30px;padding-bottom:1px;margin-bottom:30px} @media (min-width:768px) { .container-out { padding-top:20px; padding-bottom:20px; margin-bottom:50px}} .container-out.container-full-width { padding:0;margin-left:0;margin-right:0} #boxed .container-out.container-full-width { margin-left:-15px;margin-right:-15px} .container-out.container-no-bottom { padding-bottom:0} .container-out:first-child { margin-top:30px} .container-out:last-child { margin-bottom:-30px} .container-out + .container-out { margin-top:30px} @media (min-width:768px) { .container-out:first-child { margin-top:50px} .container-out:last-child { margin-bottom:-50px} .container-out + .container-out { margin-top:50px}} .container-light { background-color:#F9F9F9} .container-dark { background-color:#2D343E} .container-image { overflow:hidden;background-attachment:fixed;background-position:center center;background-size:cover;-webkit-background-size:cover} .container-dark h1, .container-image h1, .container-dark h2, .container-image h2, .container-dark h3, .container-image h3, .container-dark h4, .container-image h4, .container-dark h5, .container-image h5, .container-dark h6, .container-image h6, .container-dark a, .container-image a { color:#FFF;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} .container-dark a:hover, .container-image a:hover { color:rgba(255, 255, 255, 0.6)} .container-dark, .container-image { color:rgba(255, 255, 255, 0.6);text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} .container-dark .btn { color:#2D343E;background-color:#FFF;border-color:#FFF} .container-dark .btn:hover { color:#2D343E;background-color:#F9F9F9;border-color:#F9F9F9} .container-dark .btn:active { border-color:#FFF} .row-inline-wrap { margin-left:-15px;margin-right:-15px;margin-bottom:30px} .row.row-inline { display:table;font-size:0;width:100%;margin-left:0;margin-right:0} .row.row-inline > * { display:block;padding-left:0;padding-right:0;float:none;font-size:14px;vertical-align:middle} .row-inline.inline-bottom > * { vertical-align:bottom} .row-inline.inline-top > * { vertical-align:top} @media (min-width:992px) { .row.row-inline > [class*="col-md-"] { display:inline-block; padding-left:15px; padding-right:15px}} @media (min-width:768px) { .row.row-inline > [class*="col-sm-"] { display:inline-block; padding-left:15px; padding-right:15px}} .title { position:relative;z-index:10;margin-bottom:5px;color:#2D343E} .title > * { margin:0} .title > hr { margin-top:30px;margin-bottom:30px} .title.title-main { text-transform:uppercase;line-height:1} .title.title-center { text-align:center} .title > .btn + *, .title.title-main > .btn + * { display:inline-block;line-height:36px} .container-dark .title, .container-image .title { color:#FFF} .title h5 i.fa-heart { color:#FF3B30} .title h5 i.fa-heart-o { color:#F1F1F1} /*.title.title-section{text-align:center;margin-bottom:40px;display:block;width:100%;margin-top:40px}*/ .title.title-section { text-align:center;margin-bottom:0px;display:block;width:100%;margin-top:0px;/*border-top:1px solid #d9d9d9;*/} @media (min-width:768px) { /*.title.title-section{margin-top:70px;margin-bottom:60px}*/} .title.title-section > * { margin:0;margin-bottom:15px} .title.title-section p { font-size:18px;font-weight:300} .title.title-section .sticker { display:none} @media (min-width:768px) { .sticker { display:block; margin:0 auto; position:relative; width:100%; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1); margin-top:10px; padding-bottom:10px} .sticker:before { width:100%; height:4px; position:absolute; content:''; top:0px; left:0; background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(221, 114, 60, 0)), color-stop(33%, rgba(221, 114, 60, 1)), color-stop(66%, rgba(221, 114, 60, 1)), color-stop(100%, rgba(221, 114, 60, 0))); background:-webkit-linear-gradient(left, rgba(221, 114, 60, 0) 0%, rgba(221, 114, 60, 1) 33%, rgba(221, 114, 60, 1) 66%, rgba(221, 114, 60, 0) 100%); background:linear-gradient(to right, rgba(221, 114, 60, 0) 0%, rgba(221, 114, 60, 1) 33%, rgba(221, 114, 60, 1) 66%, rgba(221, 114, 60, 0) 100%)} .container-dark .title.title-section .sticker:before, .container-image .title.title-section .sticker:before { opacity:0.1} .sticker .icon { color:#FFF; width:70px; height:60px; line-height:60px; font-size:30px; position:relative; display:inline-block} .sticker .icon:after { left:0; width:0; bottom:-15px; content:''; height:0; position:absolute; border-left:35px solid transparent; border-right:35px solid transparent; border-top:15px solid transparent}} .container-out > .title.title-section:last-child { margin-bottom:30px} .container-out > .title.title-section:last-child .sticker { margin-bottom:-70px;padding-bottom:0} .container-out > .title.title-section:first-child { margin-top:0} .text .block-left { float:left;margin-right:30px;margin-top:30px} .text .block-right { float:right;margin-left:30px;margin-top:30px} nav > ul { padding:0} nav > ul li { list-style-type:none} nav > ul li.title { margin-bottom:15px} nav > ul li:before { height:1px;border:0;margin:10px 0;border:none;display:block;content:'';height:1px;width:100%;background:#FFF;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(33%, rgba(241, 241, 241, 1)), color-stop(66%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(241, 241, 241, 0)));background:-webkit-linear-gradient(left, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%);background:linear-gradient(to right, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 1) 66%, rgba(241, 241, 241, 0) 100%)} nav > ul li:first-child { margin-top:20px} nav > ul li:first-child:before { display:none} nav > ul li a { display:block;color:#888} nav > ul li a:after { font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:"\f105";float:right;position:relative;right:5px} .meta { font-style:italic;font-size:13px;color:#777} .meta > span + span { margin-left:15px} .meta .avatar { border-radius:2px;overflow:hidden;height:60px;width:60px;margin-left:5px;margin-right:5px;display:inline-block;vertical-align:middle} .meta .avatar img { max-width:100%;height:auto} .meta .avatar + a { font-style:normal;float:right;margin-top:20px} .meta a { font-weight:normal;text-transform:uppercase} .meta a:hover { color:#2D343E} .meta span[class*="meta-"]:before { font-family:'icomoon';margin-right:5px;font-style:normal;color:#F1F1F1} .meta .meta-user:before { content:"\e674"} .meta .meta-comments:before { content:"\e66a"} .meta .meta-category:before { content:"\e62f"} .meta .meta-date:before { content:"\e648"} .meta .meta-like:before { content:"\e6d1"} .article-date { padding:10px 0;color:#FFF;position:relative;width:80px;display:inline-block;margin:0 0 20px 0} .article-date:after { left:0;width:0;bottom:-20px;content:'';height:0;position:absolute;border-left:40px solid transparent;border-right:40px solid transparent;border-top:20px solid transparent} .article-date span { text-align:center;display:block;line-height:1;margin:0 5px;padding:10px 0;text-transform:uppercase;border-top:1px solid rgba(255, 255, 255, 0.2);line-height:1} .article-date span:first-child { padding-top:0;border-top:none} .article-date .day { font-size:32px} .article-date .month { font-size:16px} .article-date .type { color:#FFF;font-size:36px} .article-share { display:block;background-color:#262829;color:#FFF;text-align:center;overflow:hidden;margin-bottom:15px} .article-share h5 { color:#FFF;position:relative;line-height:25px;font-size:16px;text-transform:uppercase;font-weight:normal;margin:0;background-color:rgba(255, 255, 255, 0.1);padding:20px 0;box-shadow:0 0 1px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.4)} .article-share h5 i { display:block;font-size:20px} .article-share ul { margin:0;padding:0;display:table;width:100%;font-size:0} .article-share ul li { display:inline-block;list-style-type:none;width:25%;line-height:80px;font-size:13px} .article-share ul li a { display:block;width:100%;height:80px;color:#FFF} .article-share ul li a > * { display:inline-block;vertical-align:middle} .article-share ul li p { line-height:25px;margin:0;position:relative;padding-left:5px;margin-left:5px} .article-share ul li p:before { opacity:0.3;content:'';top:0;left:0;position:absolute;height:100%;width:1px;background-color:#FFF;transform:rotate(20deg);-webkit-transform:rotate(20deg)} .article-share ul li i { font-size:24px;position:relative;display:inline-block} .article-share ul li a.like.active, .article-share ul li a.like:hover { background-color:#D94332} .article-share ul li a.twitter.active, .article-share ul li a.twitter:hover { background-color:#3CF} .article-share ul li a.facebook.active, .article-share ul li a.facebook:hover { background-color:#2980B9} .article-share ul li a.pinterest.active, .article-share ul li a.pinterest:hover { background-color:#FC0} @media (min-width:768px) { .article-share ul li { display:block; width:auto}} .article-details { display:none;text-align:center;text-transform:uppercase;color:#2D343E} .article-details ul { margin:0;padding:0} .article-details li { line-height:30px;list-style-type:none;display:block} .article-details span { background-color:#F9F9F9;width:60px;height:60px;line-height:60px;border-radius:50%;color:#2D343E;text-align:center;display:block;margin:0 auto;font-size:16px} .article-details li:first-child span { width:40px;height:40px;line-height:40px;background-color:#2D343E;color:#FFF;position:relative;z-index:1;margin-bottom:-10px} @media (min-width:768px) { .article-details { display:block}} .article-nav { background-color:#F9F9F9;display:block;position:relative;color:#E5E5E5;font-size:15px;text-align:center;clear:both;line-height:0} .article-nav ul { line-height:1.5;display:inline-block;width:100%;position:relative;padding:0;list-style-type:none;margin:0;min-height:50px} .article-nav ul li { display:inline-block;position:relative;line-height:19px;margin:5px 0} .article-nav ul li a { color:#2D343E} .article-nav ul li.selector { position:absolute;left:50%;top:50%;margin-top:25px;margin-left:-25px} @media (max-width:767px) { .article-nav ul li { width:100%} .article-nav ul li.selector { position:relative; left:0; margin:0} .article-nav ul li.selector a { margin:0 auto}} .article-nav ul li.selector a { color:#FFF;background-color:#2D343E;width:50px;display:block;height:50px;line-height:50px} .article-nav ul li.selector a:after { content:"\f00a";font-family:FontAwesome;font-size:18px;display:block} .article-nav ul li.selector a:hover { color:#FFF} .article-nav strong { color:#E5E5E5;font-size:12px;text-transform:uppercase} .article-nav .prev { float:left;padding-left:50px;text-align:left} .article-nav .next { float:right;padding-right:50px;text-align:right} .article-nav .next a:before, .article-nav .prev a:before { position:absolute;font-family:FontAwesome;font-size:48px;top:50%;margin-top:24px;line-height:1;color:#2D343E;width:50px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .article-nav .next a:before { content:"\f101";right:0} .article-nav .prev a:before { content:"\f100";left:0} #page-content .article-nav { font-size:inherit;margin-bottom:30px;background-color:transparent} #page-content .article-nav ul { min-height:0} #page-content .article-nav ul li { margin-top:0;margin-bottom:0} #page-content .article-nav .next a:before, #page-content .article-nav .prev a:before { color:#E5E5E5} .article-author { border:1px solid #F1F1F1;background-color:#F9F9F9;padding:30px;padding-bottom:10px;display:block} .author-heading { float:left;display:none} .author-heading .avatar { border-radius:2px;overflow:hidden;display:block} .author-heading img { width:100px;height:100px} .post-heading .thumbnail, .post-heading .teaser {} .author-content { clear:none} .author-content .title { border-bottom:1px dashed #F1F1F1;padding-bottom:15px;margin-bottom:15px} .author-content strong { display:block} .article-author .social a { width:35px;height:35px;line-height:35px;font-size:20px} @media (min-width:768px) { .author-heading { display:block} .author-content { margin-left:140px} .author-content strong { min-width:140px; display:inline-block}} .tags p { font-size:0;margin:-5px 0 0 0;line-height:1} .tags p a { border-radius:2px;display:inline-block;font-size:11px;line-height:1;margin-top:5px;margin-right:5px;padding:7px 10px;background:#2D343E;color:#FFF;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} #footer .tags p a { background:rgba(255, 255, 255, 0.1)} article.post.post-single { margin-bottom:50px} article.post.post-single > * { clear:both} .post-heading { clear:both} .post-heading .thumbnail > * { margin-bottom:0} article.post .title h2 { margin-bottom:5px} .post-content { position:relative} .post-content .content-left { width:80px;float:left} article[class*="post-type-"]:before { font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .post-type-text .type:before { font-family:'icomoon';content:"\e604"} .post-type-audio .type:before { font-family:'icomoon';content:"\e610"} .post-type-gallery .type:before { font-family:'icomoon';content:"\e60e"} .post-type-video .type:before { font-family:'icomoon';content:"\e774"} .post-type-blockquote .type:before { font-family:'icomoon';content:"\e676"} .post-type-image .type:before { font-family:'icomoon';content:"\e60d"} .post-type-vimeo .type:before { font-family:'icomoon';content:"\e775"} .post-type-youtube .type:before { font-family:'icomoon';content:"\e773"} .post-content > .type { border-radius:9999px;position:absolute;top:5px;left:0;color:#FFF;width:36px;font-size:18px;height:36px;line-height:36px;display:inline-block;text-align:center;z-index:1} .post-content > .type + .title { margin-left:50px} .post-content .content-right { margin-left:120px} .post-heading + .post-content { margin-top:5px} @media (max-width:767px) { .post-content .content-left { width:100%; float:none} .post-content .content-right { margin-left:0} .post-heading + .post-content { margin-top:15px} .article-date { width:100%} .article-date span { display:inline-block; vertical-align:middle; border-top:none; padding:0 10px; margin:0; line-height:40px; font-size:16px} .article-date span + span { border-left:1px solid rgba(255, 255, 255, 0.2)} .article-date:after { display:none}} article.post-list {} article.post-related { text-align:center;display:block} article.post-related .post-heading { margin-bottom:20px} article.post-related .title { margin-bottom:0} article.post-related .type { margin:-50px auto 20px;display:block} /* article.post-thumb { margin-bottom:60px} */ article.post-thumb .post-heading { width:100%;margin:0 auto;display:block;margin-bottom:20px} article.post-thumb .post-heading img { width:100%} article.post-thumb .post-content { width:auto;display:block;margin-top:0} article.post-thumb .post-content .title { margin-bottom:15px} @media (min-width:768px) { article.post-thumb .post-heading { width:350px; float:left; margin-bottom:0px} article.post-thumb .post-content { margin-left:380px}} article.post-grid .post-content { background-color:#F7F7F7;padding:30px 15px 30px 30px} article.post-grid .post-heading + .post-content { margin-top:5px} article.post-grid .meta span[class*="meta-"]:before { color:#E5E5E5} article.post-grid .post-content > .type { top:35px;left:30px} .posts.grid + .pagination:before { margin-top:30px} .posts.grid blockquote { background:transparent;border:none;margin-left:-30px;margin-top:30px;margin-right:-15px;padding-bottom:0;padding-left:30px} article.post-mini {} article.post-mini + article.post-mini { margin-top:10px} article.post-mini[class*="devider-"] { margin:0 !important} article.post-mini.devider-top:before { margin:15px 0} article.post-mini:last-child { margin-bottom:0} article.post-mini .post-heading { width:75px;float:left} article.post-mini .post-content { margin-left:90px;margin-top:0} article.post-mini .title { display:table;min-height:75px;height:75px;vertical-align:middle;margin-bottom:0} article.post-mini .title h2 { display:table-cell;line-height:1.1;vertical-align:middle;font-weight:normal} article.post-latest { margin-bottom:30px} article.post-latest .post-heading { margin-bottom:5px} article.post-latest .post-content .text > *:last-child, article.post-latest .post-content > *:last-child { margin-bottom:0} article.post-latest .meta span[class*="meta-"]:before { color:#E5E5E5} .carousel > .post { margin-bottom:0} .posts .post-content > *:last-child, .posts .post-content .content-right > *:last-child, .posts .text > *:last-child, .posts .text a.btn { margin-bottom:0} .posts > article:first-child:before { display:none} article.project-single { margin-bottom:30px} article.project-single .project-heading {} .project-heading { position:relative} .project-heading:hover {} .project-heading .thumbnail, .project-heading .teaser { margin:0} .project .thumbnail { overflow:hidden;display:inline-block} .project .thumbnail figure{ /*overflow:hidden;*/ display:inline-block} article.project-single .heading-left { margin-right:130px} article.project-single .heading-left > *:last-child { margin-bottom:0} article.project-single .heading-right { width:80px;float:right} @media (max-width:767px) { article.project-single .heading-left { margin-right:0} article.project-single .heading-right { width:auto; float:none}} .ler-mais { border:solid 1px #e4a601;background:#e4a601;padding:5px 10px;color:#fff;font-weight:bold;transition:all 0.5s;cursor:pointer} .ler-mais:hover { border:solid 1px #000;background:#000;color:#fff} .project-action { margin:0;top:0;left:0;width:100%;height:100%;position:absolute;z-index:2} .project-action li { list-style-type:none;position:absolute;float:left;top:50%;margin-top:18px;margin-left:12px;opacity:0;left:50%;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out} .project-action li + li { margin-left:-48px} .project.active .project-action li, .project:hover .project-action li { opacity:1;margin-left:2px} .project.active .project-action li + li, .project:hover .project-action li + li { margin-left:-38px} .project-animated .project-heading { overflow:hidden;display:inline-block} .project-animated .project-content { height:50%;position:absolute;background-color:rgba(121, 121, 121, 0.8);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);bottom:-200px;width:100%;padding:10px} #projects { margin-left:0 !important;text-align:center} /*.project-animated { position:relative;overflow:hidden;display:inline-block;width:auto !important;margin-left:0 !important}*/ .project-animated .project-content p { color:#FFF;font-size:15px} .project-animated .project-content .title { margin-bottom:0;display:block;color:#2D343E;margin-right:40px} .project-animated .project-content .title .desc { border-top:1px solid rgba(255, 255, 255, 0.2);margin-top:5px;font-size:13px} .project-animated .project-content .meta { float:right;margin:0;margin-top:2px} .project-animated .project-content .meta, .project-animated .project-content .meta span:before { color:#2D343E} .container-full-width > .grid-wrap { margin-right:30px;margin-left:30px;padding-top:30px} .container-full-width > .grid-wrap.grid-no-margins { margin-right:0;margin-left:0;padding-top:0} .container-full-width > .grid-wrap.grid-no-margins .grid { margin-bottom:0} .project-default { text-align:center} .project-default .project-heading { margin-bottom:20px} .project-default .meta { color:#999} .project-default .meta span[class*="meta-"]:before { color:#E5E5E5} .project-default .project-content .title { margin-bottom:0} .container-dark .project-default .project-heading, .container-image .project-default .project-heading { background-color:rgba(255, 255, 255, 0.1);padding:5px;position:relative} .container-dark .project-default .project-heading:after, .container-image .project-default .project-heading:after { position:absolute;left:50%;margin-left:-10px;width:0;bottom:-10px;content:'';height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(255, 255, 255, 0.1)} .container-dark .project-default .meta span[class*="meta-"]:before, .container-image .project-default .meta span[class*="meta-"]:before { opacity:0.1} .project-carousel .teaser { margin:0} body.page-404 #content h1, body.page-404 #content h2 { line-height:1.2;text-align:center;font-size:200px} body.page-404 #content h2 { font-size:50px} @media (max-width:767px) { body.page-404 #content h1 { font-size:100px} body.page-404 #content h2 { font-size:42px}} .contact-switcher { position:relative;display:inline-block;width:100%} #content > .contact-switcher { margin-top:80px;margin-bottom:-80px} address { font-style:normal;margin-bottom:15px} address .row { margin-bottom:10px} @media (min-width:768px) { address { margin-bottom:30px}} address b { color:#2D343E} #googlemaps { height:360px;width:100%;line-height:inherit} @media (max-width:1138px) { #googlemaps { height:300px}} @media (max-width:768px) { #googlemaps { height:250px}} #googlemaps.map-cover { left:0;top:0;height:100%;width:100%;position:absolute;line-height:inherit} #googlemaps img { max-width:inherit} #googlemaps .gm-style div { font:13px/20px 'Graphik', sans-serif} #googlemaps .gm-style-iw address { width:300px;margin-left:15px;margin-right:15px;margin-bottom:10px} #googlemaps .gm-style-iw address .row { margin-top:10px} #googlemaps .gm-style-iw h4 { margin-left:10px;margin-top:10px;margin-bottom:15px} .contact-switcher .btn.to-form, .contact-switcher .btn.to-contact { margin-bottom:15px} .contact-switcher .address, .contact-switcher .form { top:0;width:96%;margin-left:2%;margin-right:2%;margin-top:60px;margin-bottom:60px;position:absolute;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} .contact-switcher .address { left:-100%} .address-inner { background-color:#FFF;padding:15px;padding-bottom:0;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);display:inline-block;width:100%} .contact-switcher .form { left:100%} .form-inner { -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);background:url("form-bg.jpg");padding:15px;margin-bottom:30px;animation:animatedBackground 20s linear infinite;-webkit-animation:animatedBackground 20s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused} .form .form-inner { margin-bottom:0} @media all and (-webkit-min-device-pixel-ratio:1.5) { .form-inner { background-image:url("form-bg@2x.jpg"); background-size:170px 170px}} .form-inner form { background-color:#FFF;padding:15px;padding-bottom:0;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);box-shadow:0 0 1px rgba(0, 0, 0, 0.2);position:relative;display:inline-block;width:100%} #respond { display:inline-block;vertical-align:middle;margin-bottom:20px;margin-right:20px} .form-inner.sending { -webkit-animation-play-state:running;animation-play-state:running} @keyframes animatedBackground { from { background-position:0 0} to { background-position:100% 0}} @-webkit-keyframes animatedBackground { from { background-position:0 0} to { background-position:100% 0}} .contact-switcher .address.current, .contact-switcher .form.current { position:relative;left:0} @media (min-width:768px) { .address-inner, .form-inner form { padding:30px; padding-bottom:0} .contact-switcher .btn.to-form, .contact-switcher .btn.to-contact { margin-bottom:30px} .contact-switcher .address, .contact-switcher .form { margin-top:80px; margin-bottom:80px} .contact-switcher .address { width:400px; left:-50%; margin-left:-360px} #boxed .contact-switcher .address { margin-left:-345px} .contact-switcher .form { width:720px; margin-left:-360px; left:150%} #boxed .contact-switcher .form { width:690px; margin-left:-345px} .contact-switcher .address.current, .contact-switcher .form.current { left:50%}} @media (min-width:992px) { .contact-switcher .address { width:400px; margin-left:-470px} #boxed .contact-switcher .address { margin-left:-455px} .contact-switcher .form { width:800px; margin-left:-400px}} @media (min-width:1200px) { body:not(.w970) .contact-switcher .address { margin-left:-570px} body:not(.w970) #boxed .contact-switcher .address { margin-left:-555px}} .member { text-align:center} .member-heading { margin-bottom:20px} .member-heading .title, .member-heading .userpic { vertical-align:middle} .member-heading .title { margin-bottom:0;display:inline-block;text-align:center;width:100%;margin-top:20px} .member-heading .title > * { margin:0;font-weight:600} .member-heading .title .btn { margin-top:10px} .member-heading .title p { margin-top:5px;color:#999;font-weight:normal} .member-heading .userpic { max-width:60%;display:inline-block;overflow:hidden;border-radius:10px} .member-heading .userpic img { max-width:100%;height:auto} .member-heading .social { vertical-align:middle;margin-left:20px;display:inline-block;text-align:center;position:relative;width:50px} .member-heading .social:before { content:"";position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #2D343E;top:50%;margin-top:8px;left:-8px} .member-heading .social li { display:block;margin:0} .member-content p.like { position:relative;padding-top:35px;font-weight:normal;font-style:italic;color:#FF3B30} .member-content p.like:before { font-style:normal;position:absolute;font-family:FontAwesome;content:"\f004";color:#FF3B30;font-size:20px;left:50%;margin-left:-20px;top:0;width:40px;height:30px;line-height:30px} .timeline > ol { position:relative;padding-bottom:5px} .timeline > ol:before { content:"";position:absolute;top:0;left:50%;width:1px;background-color:#F1F1F1;height:100%} .timeline > ol > li { list-style-type:none;clear:both;position:relative;margin:0;padding:15px 0;min-height:150px} .timeline-content { position:relative;display:inline-block;background-color:#F9F9F9;border:1px solid #F1F1F1} .timeline-content .article-date { margin-bottom:0} .timeline li.even .timeline-content .title, .timeline li.even .timeline-content .content { margin-left:30px;margin-right:30px} @media (min-width:768px) { .timeline > ol:before { display:none} .timeline li.even { margin-left:50%; left:-1px; border-left:1px solid #F1F1F1} .timeline li.odd { margin-right:50%; text-align:right; border-right:1px solid #F1F1F1} .timeline li.even .timeline-content { border-left:none} .timeline li.odd .timeline-content { border-right:none} .timeline-content { padding-top:30px} .timeline-content .article-date { position:absolute; z-index:1; top:0; margin-bottom:0} .timeline li.even .timeline-content .article-date { left:-40px} .timeline li.odd .timeline-content .article-date { right:-40px} .timeline li.even .timeline-content .title, .timeline li.even .timeline-content .content { margin-left:50px; margin-right:30px} .timeline li.odd .timeline-content .title, .timeline li.odd .timeline-content .content { margin-left:30px; margin-right:50px} .timeline-content .thumbnail { margin-top:30px}} .timeline li.year { background-color:transparent;font-size:16px;color:#FFF;min-height:0;text-align:center;padding:0;height:80px;line-height:80px;width:80px;margin:0 auto} .clients.carousel .client { display:inline-block;vertical-align:middle;float:none;position:relative;text-align:center} .page-login-register .side-options .side-options-heading { background-color:#F1F1F1} .page-login-register .side-options .side-options-heading a, .page-login-register .side-options .side-options-heading a span { color:#2D343E} .page-login-register { background-color:#2D343E} .page-login-register #login-register { padding:8% 0 0;margin:auto;text-align:center} .page-login-register .logo { display:inline-block;opacity:0.4;margin-bottom:30px} .page-login-register .logo:hover { opacity:0.9} .page-login-register #login-register > div { text-align:left} #recovery { display:inline-block;width:100%;opacity:0;position:relative;left:-30px;display:none} #recovery > hr { margin-top:0} #recovery .recovery-close { float:right;font-size:18px;line-height:1} #login-register.modal .close { position:absolute;top:10px;right:15px} #footer { padding-top:30px;position:relative;clear:both;background-color:#3E3D40;color:rgba(255, 255, 255, 0.3)} #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#FFF} #footer a { color:#87888A;font-weight:bold} #footer a:hover { color:rgba(255, 255, 255, 1)} #footer .form-field label { color:rgba(255, 255, 255, 0.3)} #footer textarea, #footer .form-control { background-color:rgba(255, 255, 255, 0.1);border-color:transparent;color:#FFF} #footer .logo { opacity:0.4} #footer .logo:hover { opacity:0.9} #footer ul.nav {} #footer ul.nav li { display:inline-block;list-style-type:none} #footer ul.nav li + li { margin-left:20px} #footer ul.nav li a { text-transform:uppercase;display:block} #footer .touch {} #footer .touch li { display:inline-block;font-size:12px;list-style-type:none} #footer .touch li + li { margin-left:10px} #footer .touch li > * { line-height:1.2;margin:0;display:inline-block;vertical-align:middle} #footer .touch li i { line-height:1;margin-right:5px;font-size:36px} #footer .touch li span { padding:0 5px} #footer .social { text-align:center;margin:0} #footer .social li { display:inline-block;list-style-type:none;vertical-align:middle;font-size:22px} #footer .social li + li { margin-left:5px} #footer .social li .icomoon-youtube { font-size:30px} #footer .social li a { display:block} @media (max-width:991px) { #footer .social, #footer .touch { text-align:center}} #footer .credits { color:#FFF;padding:15px 0;background-color:#4B4B4D;text-align:center;font-size:11px} #footer .credits a { color:rgba(255, 255, 255, 0.5)} #footer .credits a:hover { color:rgba(255, 255, 255, 1)} #footer .credits span { padding:0 10px;color:rgba(255, 255, 255, 0.5)} #footer > .container { position:relative} #footer > .container > ul { margin:0} #toTop { padding:0;color:#FFF !important;border-radius:3px;right:0px;top:-50px;z-index:2500;width:40px;height:40px;position:absolute;border-radius:50%} .push { height:50px} body .push-bottom { margin-bottom:50px} body .push-top { margin-top:50px} .push.push-big { height:80px} .row + .push { height:20px} .row + .push.push-big { height:50px} *[data-animate*="In"] { opacity:0} .animated.done[data-animate*="In"] { opacity:1} .hinge, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .slideInDown, .slideInLeft, .slideInRight, .slideInUp { opacity:1} .animated.done[data-animate*="Out"], .animated.done[data-animate*="hinge"] { opacity:0} /********************************* FIM ***/ /******************************* css/theme-elements.css ***/ /* ::::::::::::*/ /* ::Icon Box ::*/ /* ::::::::::::*/ .iconbox { margin-bottom:30px;text-align:center;display:block;-webkit-backface-visibility:hidden} .iconbox .iconbox-heading { margin-bottom:20px} .iconbox .iconbox-heading .icon { text-align:center;height:100px;line-height:0;font-size:60px;margin-bottom:20px;color:#2D343E;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:1} .iconbox .iconbox-heading .icon span, .iconbox .iconbox-heading .icon i { line-height:100px} .iconbox .iconbox-heading .icon img { max-width:100%;max-height:100%;height:auto;width:auto} .iconbox .iconbox-heading .title, .iconbox .iconbox-heading .title > *, .iconbox .iconbox-content .title > * { margin:0} .iconbox .iconbox-content .thumbnail { width:90px;display:inline-block} /* Style 1 */ .iconbox.iconbox-style1 .iconbox-heading { font-size:0;display:table;width:100%} .iconbox.iconbox-style1 .iconbox-heading > * { display:inline-block;vertical-align:middle;width:50%;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .iconbox.iconbox-style1 .iconbox-heading .icon { padding-right:15px;position:relative;height:100px;margin:0;font-size:60px} .iconbox.iconbox-style1 .iconbox-heading .icon:before { top:10%;right:0;position:absolute;height:80%;width:1px;content:"";background-color:#F1F1F1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform:rotate(20deg);transform:rotate(20deg)} .iconbox.iconbox-style1:hover .iconbox-heading .icon:before { -webkit-transform:rotate(0deg);transform:rotate(0deg)} .iconbox.iconbox-style1 .iconbox-heading .icon span { font-size:50px} .iconbox.iconbox-style1 .iconbox-heading .title { padding-left:15px} /* Style 2 & 3 */ .iconbox.iconbox-style2 .icon, .iconbox.iconbox-style3 .icon { margin-left:auto;margin-right:auto;width:100px;padding:20px;position:relative} .iconbox.iconbox-style3 .iconbox-heading .icon:before, .iconbox.iconbox-style3 .iconbox-heading .icon:after, .iconbox.iconbox-style2 .iconbox-heading .icon:before, .iconbox.iconbox-style2 .iconbox-heading .icon:after { z-index:-1;left:0;top:0;height:100%;width:100%;content:"";position:absolute;background-color:#F9F9F9;border:1px solid #F1F1F1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .iconbox.iconbox-style2 .iconbox-heading .icon:after, .iconbox.iconbox-style3 .iconbox-heading .icon:after { opacity:.9} /* Style 2 */ .iconbox.iconbox-style3 .icon { margin-bottom:40px} .iconbox.iconbox-style2:hover .iconbox-heading .icon:before { -webkit-transform:rotate(-10deg);transform:rotate(-10deg)} .iconbox.iconbox-style2:hover .iconbox-heading .icon:after { -webkit-transform:rotate(10deg);transform:rotate(10deg)} /* Style 3 */ .iconbox.iconbox-style3 .iconbox-heading .icon:before { -webkit-transform:rotate(-10deg);transform:rotate(-10deg)} .iconbox.iconbox-style3 .iconbox-heading .icon:after { -webkit-transform:rotate(10deg);transform:rotate(10deg)} .iconbox.iconbox-style3:hover .iconbox-heading .icon:before { -webkit-transform:rotate(0deg);transform:rotate(0deg)} .iconbox.iconbox-style3:hover .iconbox-heading .icon:after { -webkit-transform:rotate(0deg);transform:rotate(0deg)} /* Style 4 & 5*/ .iconbox.iconbox-style4 .iconbox-heading .icon, .iconbox.iconbox-style5 .iconbox-heading .icon { text-align:center;margin-left:auto;margin-right:auto;width:100px;padding:20px;background-color:#F9F9F9;border:10px solid #00a3a4;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .iconbox.iconbox-style4:hover .iconbox-heading .icon, .iconbox.iconbox-style5:hover .iconbox-heading .icon { background-color:#FFF} /* Style 4 */ .iconbox.iconbox-style4 .iconbox-heading .icon { border-radius:50%} .iconbox.iconbox-style4 .iconbox-heading .icon img { padding-top:10px;padding-bottom:10px} /* Lists */ .iconbox.iconbox-list { text-align:left} .iconbox.iconbox-list .iconbox-heading { margin-bottom:0;width:auto;float:left} .iconbox.iconbox-list .iconbox-heading .icon { height:50px;width:50px;margin:0;padding:0} .iconbox.iconbox-list .iconbox-heading .icon img { padding:0} .iconbox.iconbox-list .iconbox-heading .icon span, .iconbox.iconbox-list .iconbox-heading .icon i { line-height:40px;font-size:30px} .iconbox.iconbox-list .iconbox-content { margin-left:65px} .iconbox.iconbox-list .iconbox-content .title { margin-bottom:10px} /* Style 1 */ .iconbox.iconbox-style1.iconbox-list .iconbox-heading .icon img { padding:8px} /* Style 2 & 3*/ .iconbox.iconbox-style2.iconbox-list .iconbox-heading .icon, .iconbox.iconbox-style3.iconbox-list .iconbox-heading .icon { height:40px;width:40px;padding:10px} .iconbox.iconbox-style2.iconbox-list .iconbox-heading .icon span, .iconbox.iconbox-style3.iconbox-list .iconbox-heading .icon span { line-height:40px} .iconbox.iconbox-style3.iconbox-list .iconbox-content, .iconbox.iconbox-style2.iconbox-list .iconbox-content { margin-left:80px} /* Style 4 & 5*/ .iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon, .iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon { padding:5px;height:40px;width:40px;font-size:26px} .iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon img, .iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon img { padding:5px} .iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon span, .iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon span { line-height:40px} /* Inside */ .container-out.container-dark .iconbox .iconbox-heading .icon, .container-out.container-image .iconbox .iconbox-heading .icon { color:#FFF;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} /* Style 1 */ .container-dark .iconbox.iconbox-style1 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style1 .iconbox-heading .icon:before { opacity:0.1} /* Style 2 & 3*/ .container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:after, .container-image .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-image .iconbox.iconbox-style3 .iconbox-heading .icon:after { border:none} /* Style 4 & 5*/ .container-dark .iconbox.iconbox-style4 .iconbox-heading .icon, .container-dark .iconbox.iconbox-style5 .iconbox-heading .icon, .container-image .iconbox.iconbox-style4 .iconbox-heading .icon, .container-image .iconbox.iconbox-style5 .iconbox-heading .icon { background-color:rgba(255, 255, 255, 0.1);border-color:transparent} .container-dark .iconbox.iconbox-style4:hover .iconbox-heading .icon, .container-dark .iconbox.iconbox-style5:hover .iconbox-heading .icon, .container-image .iconbox.iconbox-style4:hover .iconbox-heading .icon, .container-image .iconbox.iconbox-style5:hover .iconbox-heading .icon { background-color:transparent;border-color:rgba(255, 255, 255, 0.1)} /* Style 2, 3, 4, 5 */ .container-light .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-light .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-light .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-light .iconbox.iconbox-style3 .iconbox-heading .icon:after, .container-light .iconbox.iconbox-style4 .iconbox-heading .icon, .container-light .iconbox.iconbox-style5 .iconbox-heading .icon { background-color:#FFF} /* ::::::::::*/ /* ::Teaser ::*/ /* ::::::::::*/ .teaser { position:relative;display:inline-block;margin-bottom:30px;-webkit-backface-visibility:hidden} .teaser .teaser-img { overflow:hidden} .teaser .teaser-img img { max-width:100%;width:100%;height:auto} .teaser .teaser-bg { width:100%;height:100%;left:0;top:0;position:absolute;background-color:#FFF;opacity:0;z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-backface-visibility:hidden} .teaser .teaser-info { position:absolute;margin:0 15px;left:0;right:0;margin-top:25px;top:50%;z-index:2;color:#282E3A;text-align:center;opacity:0;-webkit-transition:all 0.2s 0.1s ease-in-out;transition:all 0.2s 0.1s ease-in-out;-webkit-backface-visibility:hidden} .teaser-info .title > * { color:#282E3A} .teaser-info .title:last-child { margin-bottom:0} .teaser-info .btn + .btn { margin-left:5px} /* From inside */ .teaser.teaser-in .teaser-info { -webkit-transform:scale(0.7);transform:scale(0.7)} .teaser.teaser-in .teaser-bg { -webkit-transform:scale(0.9);transform:scale(0.9)} /* From upside */ .teaser.teaser-out .teaser-info { -webkit-transform:scale(1.3);transform:scale(1.3)} .teaser.teaser-out .teaser-bg { -webkit-transform:scale(1.1);transform:scale(1.1)} /* From up */ .teaser.teaser-up .teaser-info { top:40%} .teaser.teaser-up .teaser-bg { top:-10%} /* From right */ .teaser.teaser-right .teaser-info { left:10%} .teaser.teaser-right .teaser-bg { left:10%} /* From down */ .teaser.teaser-down .teaser-info { top:60%} .teaser.teaser-down .teaser-bg { top:10%} /* From left */ .teaser.teaser-left .teaser-info { left:-10%} .teaser.teaser-left .teaser-bg { left:-10%} /* Hover */ .teaser:hover .teaser-bg, .teaser:hover .teaser-info { left:0;opacity:1;-webkit-transform:scale(1);transform:scale(1)} .teaser:hover .teaser-info { top:50%} .teaser:hover .teaser-bg { opacity:0.6;top:0} /* :::::::::::::::::::::*/ /* ::Alerts & Messages ::*/ /* :::::::::::::::::::::*/ .alert, .message { position:relative;margin-bottom:30px;padding:10px;/* padding-bottom:10px;*/ border:1px solid transparent;color:#FFF;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} .alert .alert-heading h4, .message .message-heading h4 { color:#FFF;margin-top:0;font-weight:600} .alert .alert-heading i { width:50px;height:50px;border:5px solid #FFF;display:inline-block;line-height:45px;text-align:center;font-size:26px;margin-right:10px;vertical-align:middle} .alert .alert-heading span { display:inline-block;vertical-align:middle} .message .close, .alert .close { float:right;position:absolute;top:-1.75rem;right:1.75rem} .showalert { -webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border:#A3A3A3 1px solid;background:none;margin-left:auto;margin-right:auto;width:400px;min-height:100px} .showalert > div.img { width:100px;border:#000 0px solid;margin-left:auto;margin-right:auto;text-align:center;padding-top:4px;padding-bottom:4px} .showalert > div.msg { width:380px;border:#000 0px solid;margin-left:auto;margin-right:auto;text-align:center;padding-top:4px;padding-bottom:4px;font-weight:bold;line-height:15px;font-size:13px} /* Animated */ .alert.animated .alert-heading i { -webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite} @keyframes pulsate { 0% { -webkit-transform:scale(0.7, 0.7); transform:scale(0.7, 0.7); opacity:0.0} 50% { -webkit-transform:scale(1.0); transform:scale(1.0); opacity:1.0} 100% { -webkit-transform:scale(1, 1); transform:scale(1, 1); opacity:0.0}} @-webkit-keyframes pulsate { 0% { -webkit-transform:scale(0.7, 0.7); transform:scale(0.7, 0.7); opacity:0.0} 50% { -webkit-transform:scale(1.0); transform:scale(1.0); opacity:1.0} 100% { -webkit-transform:scale(1, 1); transform:scale(1, 1); opacity:0.0}} /* Warning */ .alert.alert-warning { color:#2D343E;text-shadow:none;background-color:#FFD633;border-color:#FC0} .alert.alert-warning h4 { color:#2D343E} .alert.alert-warning .alert-heading i { border-color:#2D343E} /* Success */ .alert.alert-success { background-color:#33C570;border-color:#00B74C} /* Error */ .alert.alert-error { background-color:#FF6259;border-color:#FF3B30} /* Information */ .alert.alert-info { background-color:#5DBBE3;border-color:#34AADC} /* Message */ .message { color:inherit;text-shadow:none;background-color:#F9F9F9;border:1px solid #F1F1F1} .message .message-heading h4 { color:#2D343E} /* :::::::::::::::::*/ /* ::Call 2 Action ::*/ /* :::::::::::::::::*/ .call2action { background-color:#F9F9F9;border:1px solid #F1F1F1;margin-bottom:30px;text-align:center} .call2action > div { padding:30px;padding-bottom:0;display:block} .call2action .btn { margin-bottom:30px} .call2action .btn .icon { font-size:30px} .call2action .btn span + .icon, .call2action .btn .icon + span { margin-left:20px} .call2action .btn > * { display:inline-block;vertical-align:middle} /* Right & Left */ .call2action.call2action-right, .call2action.call2action-left { display:table;width:100%;text-align:left} .call2action.call2action-right > div, .call2action.call2action-left > div { display:table-cell;vertical-align:middle} .call2action.call2action-left .call2action-heading, .call2action.call2action-right .call2action-content { width:1%;white-space:nowrap} /* Colored */ .call2action.call2action-colored { text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);color:#FFF} .call2action.call2action-colored .title > * { color:#FFF} .call2action.call2action-colored .btn { color:#2D343E;background-color:#FFF;border-color:#FFF} .call2action.call2action-colored .btn:hover { color:#2D343E;background-color:#F9F9F9;border-color:#F9F9F9} .call2action.call2action-colored .btn:active { border-color:#FFF} .call2action.call2action-colored a { color:#FFF} .call2action.call2action-colored a { text-decoration:underline} .call2action.call2action-colored a:hover { text-decoration:none} /* Inside */ .call2action.full-width { border:none;margin:0;background-color:transparent} .call2action.full-width > div { padding:0} .call2action.full-width.call2action-right .call2action-heading, .call2action.full-width.call2action-left .call2action-heading { padding-right:30px} .call2action.full-width.call2action-right .call2action-content, .call2action.full-width.call2action-left .call2action-content { padding-left:30px} @media (max-width:767px) { .call2action > div { display:block !important; text-align:center; width:100% !important} .call2action.full-width > div { padding-right:0 !important; padding-left:0 !important} .call2action > .call2action-content { text-align:center !important}} /* :::::::::::::::*/ /* ::Testimonial ::*/ /* :::::::::::::::*/ .testimonial-wrap { opacity:0;position:relative;margin-bottom:30px;overflow:hidden;height:100px} /* Navigation */ .testimonial-nav { position:absolute;z-index:2;bottom:90px;margin:0;left:50%;margin-left:-100px;width:200px} .testimonial-nav li { float:right;display:inline-block} .testimonial-nav li:first-child { float:none} .testimonial-nav li a.btn { width:36px;height:36px;line-height:36px} /* Testimonial */ .testimonial-outer { position:relative;padding-bottom:7px} .testimonial-outer:after, .testimonial-outer:before { bottom:-1px;left:50%;margin-left:-8px;content:'';position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #F1F1F1} .testimonial-outer:after { bottom:0;border-top-color:#F9F9F9} .testimonial-inner { border:1px solid #F1F1F1;background-color:#F9F9F9;padding-bottom:20px} .testimonial { padding:0;margin:0} .testimonial > li { display:block;float:left;margin:0} .testimonial-content { text-align:center;font-style:italic;padding:30px;padding-bottom:0;position:relative;font-size:14px;line-height:24px} .testimonial-content p { line-height:24px} .testimonial .testimonial-heading { display:none} .testimonial-heading { margin-top:20px;width:100%;bottom:0;position:absolute;opacity:0;padding:0 20px;text-align:center} .testimonial-heading.current { left:0;position:relative;opacity:1} .testimonial-heading > * { margin:0;display:inline-block;vertical-align:middle;clear:both} .testimonial-heading .userpic { border-radius:50%;overflow:hidden;width:100px;height:100px;margin-bottom:10px} .testimonial-heading .title { width:100%;text-align:center} .testimonial-heading .title > * { margin:0} .testimonial-heading .title .position { color:#888} .testimonial-heading .title .position:before { content:"- "} .testimonial-heading .title .position:after { content:" -"} /* Pagination */ .testimonial-pagi { margin-top:20px;text-align:center} .testimonial-pagi a { vertical-align:middle;display:inline-block;background-color:transparent;width:15px;height:15px;border-radius:2px;text-indent:-99999px;margin:0 2px;position:relative;cursor:pointer;background-color:transparent;border:1px solid #F1F1F1;background-color:#F9F9F9} .testimonial-pagi a:hover, .testimonial-pagi a.selected { background-color:#FFF} /* Position */ .testimonial-wrap.testimonial-left .testimonial-heading { text-align:left} .testimonial-wrap.testimonial-right .testimonial-heading { text-align:right} .testimonial-wrap.testimonial-left .testimonial-heading .title, .testimonial-wrap.testimonial-right .testimonial-heading .title { width:auto} .testimonial-wrap.testimonial-left .testimonial-heading .userpic { margin-bottom:0;margin-right:10px} .testimonial-wrap.testimonial-right .testimonial-heading .userpic { margin-bottom:0;margin-left:10px} .testimonial-wrap.testimonial-left .testimonial-outer:after, .testimonial-wrap.testimonial-left .testimonial-outer:before { left:70px} .testimonial-wrap.testimonial-right .testimonial-outer:after, .testimonial-wrap.testimonial-right .testimonial-outer:before { left:auto;right:62px} .testimonial-wrap.testimonial-right .testimonial-nav, .testimonial-wrap.testimonial-left .testimonial-nav { bottom:112px;width:76px;margin-left:inherit;left:auto} .testimonial-wrap.testimonial-right .testimonial-nav { left:15px} .testimonial-wrap.testimonial-left .testimonial-nav { right:15px} /* Colored */ .testimonial-wrap.testimonial-colored .testimonial-inner { color:#FFF;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} .testimonial-wrap.testimonial-colored .testimonial-nav a { border:1px solid #2D343E;background-color:#2D343E;color:#FFF} .testimonial-wrap.testimonial-colored .testimonial-nav a:hover { background-color:#535861} .testimonial-wrap.testimonial-colored .testimonial-pagi a { border-color:#2D343E;background-color:#2D343E} .testimonial-wrap.testimonial-colored .testimonial-pagi a:hover, .testimonial-wrap.testimonial-colored .testimonial-pagi a.selected { border-color:#535861;background-color:#535861} /* Inside container */ .container-out.container-image .testimonial-inner { color:#FFF;border:none;background-color:transparent} .container-out.container-image .testimonial-content { padding:0} .container-out.container-image .testimonial-pagi { margin-top:0} .container-out.container-image .testimonial-heading { margin-top:30px} .container-out.container-image .testimonial-outer:after, .container-out.container-image .testimonial-outer:before { display:none} .container-out.container-image .testimonial-pagi a { border-color:#FFF;background-color:#FFF;opacity:0.4} .container-out.container-image .testimonial-pagi a:hover, .container-out.container-image .testimonial-pagi a.selected { opacity:0.9} .container-out.container-image .testimonial-heading .title .position { color:#FFF;opacity:0.4} /* :::::::*/ /* ::Tab ::*/ /* :::::::*/ .tab { margin-bottom:30px;*zoom:1;line-height:0} .tab > * { line-height:20px} .tab img { max-width:100%;height:auto} .tab-heading { font-size:0;list-style-type:none;padding:0;margin:0;border:1px solid #F1F1F1;background-color:#FFF;border-bottom:none;display:inline-block} .tab-heading li { position:relative;vertical-align:top;display:inline-block;border-bottom:1px solid #F1F1F1} .tab-heading li + li { border-left:1px solid #F1F1F1} .tab-heading li > * { margin:0;font-size:14px} .tab-heading li a { padding:20px 30px;display:block} .tab-heading li.current { border-bottom:1px solid #F9F9F9} .tab-heading li a:hover, .tab-heading li.current a { color:#2D343E;background-color:#F9F9F9} .tab-content { margin-top:1px;padding:0;background-color:#F9F9F9;border:1px solid #F1F1F1} .tab:before, .tab-content:before, .tab:after, .tab-content:after { display:table;content:"";line-height:0} .tab:after, .tab-content:after { clear:both} .tab-content > div { padding:30px;padding-bottom:0;display:none;opacity:0;position:relative} .tab-content > div.current { display:block;opacity:1} /* Full width */ .tab.tab-full-width .tab-heading { display:table;width:100%} .tab.tab-full-width .tab-heading li { display:table-cell;text-align:center} /* Vertical */ .tab.tab-vertical .tab-heading { border-right:none} .tab.tab-vertical .tab-heading li { display:block;border-bottom:1px solid #F1F1F1;border-left:none} .tab.tab-vertical .tab-content { margin-top:0} /* Mobile */ @media (max-width:767px) { .tab.tab-vertical .tab-heading[class*="col-sm"] { display:block; border-right:1px solid #F1F1F1; border-bottom:none} .tab.tab-vertical .tab-content[class*="col-sm"] { border-top:none}} @media (max-width:991px) { .tab.tab-vertical .tab-heading[class*="col-md"] { display:block; border-right:1px solid #F1F1F1; border-bottom:none} .tab.tab-vertical .tab-content[class*="col-md"] { border-top:none}} @media (max-width:1199px) { .tab.tab-vertical .tab-heading[class*="col-lg"] { display:block; border-right:1px solid #F1F1F1; border-bottom:none} .tab.tab-vertical .tab-content[class*="col-lg"] { border-top:none}} /* Colored */ .tab.tab-colored .tab-heading { text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1)} .tab.tab-colored .tab-heading li a, .tab.tab-colored .tab-heading li:hover a, .tab.tab-colored .tab-heading li.current a { color:#FFF} .tab.tab-colored .tab-content { margin-top:0} /* ::::::::::*/ /* ::Slider ::*/ /* ::::::::::*/ .slider-wrap { position:relative;opacity:0;margin-bottom:30px;-webkit-transition:opacity 0.1s linear;transition:opacity 0.1s linear} .slider-wrap.created { opacity:1} .slider { display:inline-block;opacity:0;height:30px} .slider-wrap.created .slider { opacity:1} .slider > * { display:block;width:100%;float:left} .slider > * img { max-width:100%;width:100%;height:auto} /* Navigation */ .slider-nav { left:50%;margin-left:-38px;top:50%;margin-top:18px !important;position:absolute;z-index:2} .slider-nav li { list-style-type:none;float:left;position:relative;left:-20px;opacity:0;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out} .slider-nav li + li { margin-left:4px;left:20px} .slider-nav a.btn { border:none;background-color:rgba(255, 255, 255, 0.4);color:#2D343E} .slider-nav a.btn:hover { color:#2D343E;background-color:rgba(255, 255, 255, 0.9)} .slider-wrap:hover .slider-nav li { left:0;opacity:1} /* ::::::::::::*/ /* ::Carousel ::*/ /* ::::::::::::*/ .carousel-wrap { margin-top:14px;margin-bottom:0px;position:relative;overflow:hidden;height:100px;background:url(loader-dark.gif) center center no-repeat transparent} .container-out.container-dark .carousel-wrap, .container-out.container-image .carousel-wrap { background-image:url(loader-light.gif)} .carousel-wrap.created { overflow:visible;height:auto;background:transparent !important} .carousel-wrap > * { opacity:0} /* Navigation */ .carousel-nav { margin:0;padding:0;margin-bottom:30px} .carousel-nav li { position:relative;list-style-type:none;display:inline-block} .carousel-nav li + li {} /* .carousel-nav li a.btn { width:46px;height:32px;line-height:20px} */ .carousel-nav li a.prev::after { /* content:"<";*/ content:url('../images/seta_esquerda.png');margin-bottom:3px;color:#00a3a4;font-size:20px;display:block;width:30px} .carousel-nav li a.next::after { /* content:">";*/ content:url('../images/seta_direita.png');margin-bottom:3px;color:#00a3a4;font-size:20px;display:block;width:30px} .carousel-nav li:focus-visible{ border:none !important} .carousel-nav li .btn:focus{ box-shadow:none} /* Inside container */ .container-out.container-dark .carousel-nav li a, .container-out.container-image .carousel-nav li a { text-shadow:none;border:none;color:#2D343E;background:rgba(255, 255, 255, 0.4)} .container-out.container-dark .carousel-nav li a:hover, .container-out.container-image .carousel-nav li a:hover { color:#2D343E;background:rgba(255, 255, 255, 0.9)} /* Nav in wrapper */ .carousel-wrap > .carousel-nav { position:absolute;/* top:7%;*/ /* margin-top:15px;*/ width:100%;top:50%;transform:translateY(-50%)} .carousel-wrap > .carousel-nav li { float:right;right:-45px} .carousel-wrap > .carousel-nav li:first-child { float:left;right:auto;left:-45px} /* Inside boxed container */ body > #boxed .carousel-wrap > .carousel-nav li:first-child, body > #boxed .carousel-wrap > .carousel-nav li { left:auto;right:auto} body > #boxed .carousel-wrap > .carousel-nav + .carousel-outer { margin-left:80px;margin-right:80px} /* @media (max-width:1200px) { body:not(.w970) .carousel-wrap > .carousel-nav { position:relative; top:auto; display:inline-block; text-align:right} body:not(.w970) .carousel-wrap > .carousel-nav li { float:none; left:auto; right:auto; margin-left:5px} body:not(.w970) > #boxed .carousel-wrap > .carousel-nav + .carousel-outer { margin-left:0; margin-right:0}} */ @media (max-width:1150px) { body.w970 .carousel-wrap > .carousel-nav { position:relative; top:auto; display:inline-block; text-align:right} body.w970 .carousel-wrap > .carousel-nav li { float:none; left:auto; right:auto; margin-left:5px} body.w970 > #boxed .carousel-wrap > .carousel-nav + .carousel-outer { margin-left:0; margin-right:0}} /* Nav in title */ .title .carousel-nav { float:right;margin:0} .title.center .carousel-nav { position:absolute;width:100%;top:0} /* Pagination */ .carousel-pagi { margin-top:30px;text-align:center} .carousel-pagi a { vertical-align:middle;display:inline-block;background-color:transparent;width:15px;height:15px;text-indent:-99999px;margin:0 2px;position:relative;cursor:pointer;background-color:transparent;border:1px solid #F1F1F1;background-color:#F9F9F9} .carousel-pagi a:hover, .carousel-pagi a.selected { background-color:#FFF} /* Inside container */ .container-out.container-dark .carousel-pagi a, .container-out.container-image .carousel-pagi a { border-radius:2px;border:none;background-color:#FFF;opacity:0.4} .container-out.container-dark .carousel-pagi a:hover, .container-out.container-image .carousel-pagi a:hover, .container-out.container-dark .carousel-pagi a.selected, .container-out.container-image .carousel-pagi a.selected { opacity:0.9} /* Carousel */ .carousel-outer { overflow:hidden} /*.carousel-inner{ margin-left:-20px}*/ .carousel { display:inline-block;width:100%;opacity:0;-webkit-transition:opacity 0.1s linear;transition:opacity 0.1s linear;-webkit-backface-visibility:hidden} .carousel-wrap.created .carousel { opacity:1;-webkit-user-select:none;user-select:none} .carousel > * { float:left;display:block;margin-left:20px} /* With slider */ .carousel .slider-wrap, .carousel .slider-wrap .slider { opacity:1} .container-full-width .caroufredsel_wrapper { cursor:grab !important;cursor:-moz-grab !important;cursor:-webkit-grab !important} .container-full-width .caroufredsel_wrapper.active { cursor:grabbing !important;cursor:-moz-grabbing !important;cursor:-webkit-grabbing !important} /* No margins */ .carousel-wrap.carousel-no-margins .carousel-inner { margin:0 -5px 0 0 !important} .carousel-wrap.carousel-no-margins, .carousel-wrap.carousel-no-margins .carousel > * { margin:0 !important} /* ::::::::::::::::::*/ /* ::Pricing Tables ::*/ /* ::::::::::::::::::*/ .pricing { width:100%;display:inline-block;margin-bottom:30px} .pricing .pricing-col { text-align:center;margin-right:-15px;margin-left:-15px;position:relative;overflow:hidden} .pricing .pricing-heading { background-color:#F9F9F9;display:table;width:101%} .pricing .pricing-heading .title, .pricing .pricing-heading .text { margin-bottom:0;width:100%} .pricing .pricing-heading .title { display:table-row;line-height:40px} .pricing .pricing-heading .title span { background-color:#FC0;position:absolute;right:-24px;font-size:11px;color:#7E490F;text-shadow:none;top:-9px;padding:20px 20px 3px 20px;line-height:1;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)} .pricing .pricing-heading .price { position:relative;line-height:1;margin-top:5px;margin-bottom:0;display:inline-block;text-align:center} .pricing .pricing-heading .price span { font-size:13px;margin-left:10px} .pricing .pricing-heading .price span:before { margin-left:-5px;position:absolute;height:100%;width:1px;content:"";background-color:rgba(255, 255, 255, 0.4);transform:rotate(20deg);-webkit-transform:rotate(20deg)} .pricing .pricing-heading .price.was { opacity:0.2;text-decoration:line-through} .pricing .pricing-heading .text { display:table-cell;text-align:center;vertical-align:middle;width:100%;vertical-align:middle;height:100px} .pricing .pricing-content ul { margin:0} .pricing .pricing-content ul li { list-style-type:none;padding:10px;max-height:40px;min-height:40px;border-bottom:1px solid #F1F1F1} .pricing .pricing-content .fa-check { color:#00B74C} .pricing .pricing-content .fa-minus { color:#CCC} /* Featured */ .pricing .pricing-col.featured { margin:0 -25px;z-index:2;margin-top:15px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);box-shadow:0 0 10px rgba(0, 0, 0, 0.1)} .pricing .pricing-col.featured .pricing-heading .text { height:115px} .pricing .pricing-col.featured .pricing-footer .btn { margin:21px 0;padding-top:16px;padding-bottom:16px} /* Style 1 */ .pricing.pricing-style1 .pricing-heading[class*="color-"] { text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);color:#FFF;position:relative} .pricing.pricing-style1 .pricing-heading[class*="color-"] .title, .pricing.pricing-style1 .pricing-heading[class*="color-"] .price { color:#FFF} .pricing.pricing-style1 .pricing-heading.color-green { background-color:#00B74C} .pricing.pricing-style1 .pricing-heading.color-dark { background-color:#2D343E} .pricing.pricing-style1 .pricing-heading.color-red { background-color:#FF3B30} .pricing.pricing-style1 .pricing-heading.color-blue { background-color:#007AFF} .pricing.pricing-style1 .pricing-heading .title { background-color:#F1F1F1;text-transform:uppercase;position:relative} .pricing.pricing-style1 .pricing-heading[class*="color-"] .title { box-shadow:0 0 1px rgba(0, 0, 0, 0.1)} .pricing.pricing-style1 .pricing-heading.color-green .title { background-color:#33C570} .pricing.pricing-style1 .pricing-heading.color-dark .title { background-color:#535861} .pricing.pricing-style1 .pricing-heading.color-red .title { background-color:#FF6259} .pricing.pricing-style1 .pricing-heading.color-blue .title { background-color:#3395FF} .pricing.pricing-style1 .pricing-content { border-left:1px solid #F1F1F1} .pricing.pricing-style1 > *:last-child .pricing-content { border-right:1px solid #F1F1F1} .pricing.pricing-style1 .pricing-content ul li:nth-child(odd) { background-color:#FFF} .pricing.pricing-style1 .pricing-content ul li:nth-child(even) { background-color:#F9F9F9} .pricing.pricing-style1 .pricing-content h5 { margin:0;line-height:20px} .pricing.pricing-style1 .pricing-footer { background-color:#F9F9F9;border-bottom:1px solid #F1F1F1;border-left:1px solid #F1F1F1} .pricing.pricing-style1 > *:last-child .pricing-footer { border-right:1px solid #F1F1F1} .pricing .pricing-footer .btn { margin:27px 0} /* Desc row */ .pricing.pricing-style1 .pricing-col.description { border-top:none;border-left:none} .pricing.pricing-style1 .pricing-col.description .pricing-content { border-top:1px solid #F1F1F1;margin-top:139px;text-align:left} .pricing.pricing-style1 .pricing-col.featured .pricing-content, .pricing.pricing-style1 .pricing-col.featured .pricing-footer { border-right:1px solid #F1F1F1} /* Style 2 */ .pricing.pricing-style2 .pricing-col { background-color:#F9F9F9;border:1px solid #F1F1F1;border-left:none} .pricing.pricing-style2 > *:first-child .pricing-col { border-left:1px solid #F1F1F1} .pricing.pricing-style2 .pricing-heading { background-color:transparent} .pricing.pricing-style2 .pricing-heading.color-green .title, .pricing.pricing-style2 .pricing-heading.color-green h3 { color:#00B74C} .pricing.pricing-style2 .pricing-heading.color-red .title, .pricing.pricing-style2 .pricing-heading.color-red h3 { color:#FF3B30} .pricing.pricing-style2 .pricing-heading.color-blue .title, .pricing.pricing-style2 .pricing-heading.color-blue h3 { color:#007AFF} .pricing.pricing-style2 .pricing-heading.color-dark .title, .pricing.pricing-style2 .pricing-heading.color-dark h3 { color:#282E3A} .pricing.pricing-style2 .pricing-heading .title { font-weight:600;text-transform:uppercase;font-size:16px} .pricing.pricing-style2 .pricing-heading .price span:before { background-color:#F1F1F1} .pricing.pricing-style2 .pricing-content ul li { margin-left:15px;margin-right:15px} .pricing.pricing-style2 .pricing-footer { background-color:transparent} .pricing.pricing-style2 .pricing-col.featured { background-color:#FFF;border-left:1px solid #F1F1F1} @media (max-width:991px) { .pricing [class*="col-md-"] .pricing-col.featured { margin-top:0} .pricing.pricing-style1 [class*="col-md-"] .pricing-col .pricing-content, .pricing.pricing-style1 [class*="col-md-"] .pricing-col .pricing-footer { border-right:1px solid #F1F1F1} .pricing.pricing-style2 [class*="col-md-"] .pricing-col { border:1px solid #F1F1F1}} @media (max-width:767px) { .pricing [class*="col-sm-"] .pricing-col.featured { margin-top:0} .pricing.pricing-style1 [class*="col-sm-"] .pricing-col .pricing-content, .pricing.pricing-style1 [class*="col-sm-"] .pricing-col .pricing-footer { border-right:1px solid #F1F1F1} .pricing.pricing-style2 [class*="col-sm-"] .pricing-col { border:1px solid #F1F1F1}} /* ::::::::::::::*/ /* ::Multimedia ::*/ /* ::::::::::::::*/ .fc-media { margin-bottom:30px;background-color:#2D343E} .mejs-container { position:relative} .me-plugin { position:absolute} .mejs-embed, .mejs-embed body { width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden} .mejs-fullscreen { overflow:hidden !important} .mejs-container-fullscreen { position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000} .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width:100%;height:100%} .mejs-clear { clear:both} .mejs-background { position:absolute;top:0;left:0} .mejs-mediaelement { position:absolute;top:0;left:0;width:100%;height:100%} .mejs-poster { position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat} :root .mejs-poster img { display:none} .mejs-poster img { border:0;padding:0;border:0} .mejs-overlay { position:absolute;top:0;left:0} .mejs-overlay-play { cursor:pointer;background:rgba(255, 255, 255, 0.2);opacity:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.5s;animation-duration:0.5s} .mejs-container:hover .mejs-overlay-play { opacity:1;-webkit-animation-name:hover-bounce;animation-name:hover-bounce} .mejs-overlay-button { position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;font-family:FontAwesome;color:#FFF;text-align:center;line-height:100px;font-size:32px;text-shadow:2px 2px 10px rgba(0, 0, 0, 0.5)} .mejs-overlay-button:before { content:"\f04b"} .no-svg .mejs-overlay-button { background:transparent} .mejs-overlay-loading { display:none !important} .mejs-overlay-loading span {} .mejs-container .mejs-controls { position:absolute;background-color:#2D343E;bottom:0;height:40px;width:100%} .mejs-container .mejs-controls div { display:block;float:left;width:40px;height:40px;font-size:11px;line-height:11px;position:relative} .mejs-container .mejs-controls > div:after { position:absolute;bottom:5px;top:5px;content:'';background:rgba(255, 255, 255, 0.1);width:1px;left:0} .mejs-controls .mejs-button button { height:40px;width:40px;border:0;padding:0;background:transparent;display:block;font-family:FontAwesome;color:#FFF;font-size:18px} .mejs-controls .mejs-play button:before { content:"\f04b"} .mejs-controls .mejs-pause button:before { content:"\f04c"} .mejs-controls .mejs-stop button:before { content:"\f04d"} .mejs-container .mejs-controls .mejs-time { width:auto;padding-right:10px;padding-left:10px;line-height:40px;color:#FFF} .mejs-container .mejs-controls .mejs-time span {} .mejs-container .mejs-controls .mejs-time span, .mejs-container .mejs-controls .mejs-time span { margin:0} .mejs-controls div.mejs-time-rail { padding-left:10px;padding-right:10px} .mejs-controls .mejs-time-rail span { position:absolute;height:8px;cursor:pointer;top:50%;left:0;margin-top:4px} .mejs-controls .mejs-time-rail .mejs-time-total { left:10px;background:rgba(255, 255, 255, 0.1)} .mejs-controls .mejs-time-rail .mejs-time-buffering { width:100%;background:transparent;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent));background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);background:rgba(255, 255, 255, 0.1) \9;background-size:40px 40px;-webkit-animation:stripes 1.5s linear infinite;animation:stripes 1.5s linear infinite} .mejs-controls .mejs-time-rail .mejs-time-loaded { background:rgba(255, 255, 255, 0.1);width:0} .mejs-controls .mejs-time-rail .mejs-time-current { background:#FFF;width:0} .mejs-controls .mejs-time-rail .mejs-time-handle { display:none} .mejs-controls .mejs-time-rail .mejs-time-float { display:none;font-size:10px;background:#FFF;width:34px;height:20px;top:-25px;margin-left:-17px;text-align:center} .fc-media.fc-audio .mejs-time-float { display:none !important} .mejs-controls .mejs-time-rail .mejs-time-float-current { position:relative;top:0;display:block;color:#2D343E;line-height:18px;margin:0} .mejs-controls .mejs-time-rail .mejs-time-float-corner { width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #FFF;top:auto;left:50%;margin-left:-5px;bottom:-6px} .mejs-controls .mejs-fullscreen-button button:before { content:"\f065"} .mejs-controls .mejs-unfullscreen button:before { content:"\f066"} .mejs-controls .mejs-mute button:before { content:"\f028"} .mejs-controls .mejs-unmute button:before { content:"\f026"} .mejs-controls .mejs-volume-button { position:relative} .mejs-controls div.mejs-horizontal-volume-slider { height:8px;width:60px;position:relative;margin-top:16px;margin-right:10px} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.1)} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background:#FFF} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display:none} /************************** FIM ***************************/ /********************* css/color/orange.css *****/ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a, .dropcap.clean { /*color:#00a3a4*/ color:#7b8a80} .highlight { background-color:#00a3a4} .dropcap.clean { color:#00a3a4} blockquote:before, blockquote .author { color:#00a3a4} .arrow li:before, .circle li:before, .check li:before, .plus li:before, .dash li:before { color:#00a3a4} .skill .bar, .progress .bar { background-color:#00a3a4} body #page-header .breadcrumbs ul li.current a, body #page-header .breadcrumbs ul li a:hover { color:#00a3a4} .project-filter ul li a.active { color:#000000;font-weight:bold} .project-filter ul li a:hover { color:#000000} .project-filter ul:hover li.selector { background-color:#00a3a4} .tweet-heading .title a:hover, .tweet-content .tweet-actions a:hover { color:#00a3a4} #main-menu ul.megamenu-category .category-content .iconbox:hover .title > * { color:#00a3a4} .title.title-section .sticker .icon { background-color:#00a3a4} .title.title-section .sticker .icon:after { border-top-color:#00a3a4} #page-content .nav ul li a:hover { color:#00a3a4} .article-date { background-color:#00a3a4} .article-date:after { border-top-color:#00a3a4} .article-nav ul li.selector a:hover { background-color:#00a3a4} .article-nav a:hover, .article-nav a:hover:before, #page-content .article-nav a:hover, #page-content .article-nav a:hover:before { color:#00a3a4} #footer .tags p a:hover, .tags p a:hover { background:#00a3a4} .post-content > .type { background-color:#00a3a4} .post-content > .type:after { border-top-color:#00a3a4} .timeline li.year { background-color:#00a3a4} .container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:after, .container-image .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-image .iconbox.iconbox-style3 .iconbox-heading .icon:after { background-color:rgba(0, 122, 255, 0.5)} .call2action.call2action-colored { border-color:#00a3a4;background-color:#FF7D33} .testimonial-wrap.testimonial-colored .testimonial-inner { border-color:#00a3a4;background-color:#FF7D33} .testimonial-wrap.testimonial-colored .testimonial-outer:before { border-top-color:#00a3a4} .testimonial-wrap.testimonial-colored .testimonial-outer:after { border-top-color:#FF7D33} .tab.tab-colored .tab-heading { border-color:#00a3a4;background-color:#FF7D33} .tab.tab-colored .tab-heading li { border-color:#00a3a4} .tab.tab-colored .tab-heading li:hover a, .tab.tab-colored .tab-heading li.current a { background-color:#00a3a4} .pricing.pricing-style1 .pricing-content h5 { color:#FF7D33} img { -ms-interpolation-mode:bicubic} .icon { background-size:cover} .icon img {} .form_contactos { width:100%} .form_contactos td { padding:0} .form_contactos .form_input { font-size:14px !important} .first-post { width:100% !important} article.first-post .post-heading div { height:auto !important} #content ul { margin:5px 25px} .patrocinadores { background-color:#F9F9F9} ul.project-action { margin:0 !important} .fw-langs { color:transparent;font-family:"Graphik", Arial, Tahoma, sans-serif;font-size:11px;white-space:nowrap;padding-left:9px;background:transparent url("../images/mundo.png") no-repeat scroll left center;height:50px} .fw-langs a { padding:3px;color:#99ADB1;border:1px solid #FFF} /* .fw-langs a.active, .fw-langs a:hover { border:1px solid #99ADB1} */ .fw-langs .label { display:inline-block;height:30px;line-height:27px;font-size:11px;color:#99ACB1;padding-right:5px;font-weight:normal} .fw-langs select { width:auto;display:inline-block;color:#b4b4b4;padding:0;border:none;height:30px;line-height:30px;box-shadow:none;font-size:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:6px;text-overflow:"";text-transform:uppercase;background:transparent url('darrow.png') no-repeat right center;-webkit-filter:opacity(.5) drop-shadow(0 0 0 grey);filter:opacity(.5) drop-shadow(0 0 0 grey);background-size:7px 7px;transform:translateY(-2px);cursor:pointer} .fw-langs select:focus { border:none;box-shadow:none} .fw-langs select::-ms-expand { display:none} .content { max-width:1138px;margin:auto} .barratopo { background:transparent url("topbarra.png") no-repeat scroll 0% 0% / 100% auto;width:100%;height:51px;margin-bottom:10px} .tp-bullets.simplebullets.round .bullet { background:#FFF !important;opacity:0.6;border-radius:31px;width:31px;height:31px;margin-left:4px} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { opacity:1} .fams-right { width:250px;float:left;margin-bottom:20px} .fams-titulo { width:calc(100% - 20px);padding:7px 10px;text-transform:uppercase;color:#FFF;font-weight:bold;background-color:#00a3a4;margin-bottom:10px} ul.fams { list-style:none;margin:10px 0} ul.fams li { margin-top:2px} .xpto{ background-color:#f5f5f5;padding:13px} .xpto.active{ background-color:#00a3a4;border-left:7px solid #000000;color:#ffffff} .xpto.active::before{ content:'\25b6'; margin-left:-21px;margin-right:5px;color:#000000} .mgt, .mgt a{ color:orange} .mgt::before{ content:"≫ "} .mgti img::before{ content:"xxx "} /**/} .xpto.active::before{ /*font-family:FontAwesome, sans-serif;content:"\f105";*/ content:"\25b6";margin-left:-18px;margin-right:10px;color:black;font-size:15px} .firsfam:hover{ color:#00a3a4} .mencol1{ color:#000000} .mencol2{ margin:0;padding:0;text-indent:0;text-align:left;font:13px/23px 'Graphik';text-transform:none;text-decoration:none;color:#b3b3b3 !important;letter-spacing:normal} ul.fams li a { color:#000} ul.fams li:hover {} ul.fams li:hover a { color:#00a3a4} ul.fams li ul.subfam li { /*padding:0;line-height:20px*/ cursor:pointer; text-align:left;font:13px/25px 'Graphik';text-transform:none;text-decoration:none;color:#4c4c4c;letter-spacing:normal} ul.fams li ul.subfam li a { color:#939393;font-size:13px} ul.fams li ul.subfam li a:hover, ul.fams li ul.subfam li a.active { color:#00a3a4} ul.fams ul.subfam { list-style:none;margin:5px 10px;display:none;background-color:#FFF} ul.fams ul.subfam.subfam.active { display:block} a.default { cursor:pointer;float:left;width:calc(100% - 5px);height:30px;line-height:30px;padding-left:5px} a.default:hover, a.default.active { background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #F0F0F0), color-stop(1, #FFF) );background-image:-o-linear-gradient(right, #F0F0F0 0%, #FFF 100%);background-image:-moz-linear-gradient(right, #F0F0F0 0%, #FFF 100%);background-image:-webkit-linear-gradient(right, #F0F0F0 0%, #FFF 100%);background-image:-ms-linear-gradient(right, #F0F0F0 0%, #FFF 100%);background-image:linear-gradient(to right, #F0F0F0 0%, #FFF 100%)} .products-container { float:left;/*width:calc(100% - 250px);*/ min-height:150px;margin-bottom:25px;width:100%} .products-container center { margin-top:25px} .order, .mostar { float:left;margin:5px;display:inline} .order select, .mostar select, .order span, .mostar span { display:inline} .order select, .mostar select { width:auto;height:auto;padding:0} .left { float:left} .right { float:right} .grey-bar { width:calc(100% - 10px);padding:5px;background-color:#F3F3F3;height:45px;margin-bottom:10px} .exibir { margin:7px} .product-item { width:230px;height:290px;float:left;margin:5px 0px} .product-item .product-img { height:220px;width:220px;margin:0 5px;background-repeat:no-repeat;background-position:center;background-size:contain;float:left;border:1px solid #f5f5f5;background-color:#f5f5f5;border-radius:1px} .product-item .product-name { width:220px;width:220px;margin:5px;/*float:left;overflow-y:hidden;text-align:left;color:rgb(246,96,11);font-weight:bold;*/ font:19px/26px 'Graphik';text-transform:none;text-decoration:none;color:#fe9705;letter-spacing:normal} .product-item:hover .product-name { color:#00a3a4} .catalogo{ margin-top:31px} .product-btn { -moz-box-shadow:inset 0px 1px 0px 0px #FCE2C1;-webkit-box-shadow:inset 0px 1px 0px 0px #FCE2C1;box-shadow:inset 0px 1px 0px 0px #FCE2C1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF9C45), color-stop(1, #DF7512));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c45', endColorstr='#df7512');background-color:#FF9C45;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;text-indent:0;display:inline-block;color:#FFF;font-family:Arial;font-size:13px;font-weight:bold;font-style:normal;height:30px;line-height:30px;width:130px;text-decoration:none;text-align:center;text-shadow:1px 1px 0px #CC9F52;text-transform:uppercase;margin-left:24%} .product-btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DF7512), color-stop(1, #FF9C45));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df7512', endColorstr='#ff9c45');background-color:#DF7512;color:#FFF} .product-btn:active { position:relative;top:1px} .pag-btn { padding:3px 10px;margin:3px;border:1px solid #DFDFDF;background-color:#FFF;float:left;font-size:12px;cursor:pointer} .pag-btn.active, .pag-btn:hover { font-weight:bold;background-color:#E6E6E6} .prd-img { width:350px;height:350px;background-repeat:no-repeat;background-position:center;background-size:auto;float:left;border:1px solid #C3C3C3} .prd-info { color:#000;width:calc(100% - 365px);margin-left:15px;float:left} .prd-title { width:100%;font-size:24px;margin-bottom:10px} .prd-grey { width:100%;float:left;background-color:#F3F3F3;padding:5px 0} .prd-line { width:calc(100% - 20px);font-size:16px;padding:5px 10px} .prd-label { display:inline;font-weight:bold;min-width:125px;float:left} .prd-detail { display:inline} .prd-desc { margin-top:10px;width:100%;float:left;font-size:14px} .prods-rel { width:100%;margin:25px 0} .rel-titulo { font-size:20px;color:#000;float:left;line-height:36px} .rel-setas { float:right} .rel-linha { width:100%;height:1px;background-color:#949494;margin:7px 0} .addthis_sharing_toolbox { margin-top:30px} .newsletter { /*background-color:#83AB4C;*/ width:100%;min-height:53px;/*padding-top:23px*/} @media (max-width:992px) { .newsletter .inputregisto { width:100%}} .newsletter2 { background-color:#83AB4C;width:100%;height:1px} .t_news { font-size:26px;color:#FFF} .titlefooter2 { float:left;font-size:14px;color:#FFF;width:211px;height:28px;line-height:20px} .inputregisto { width:417px;height:44px} .main_content { position:relative} .recthe2{margin:0 auto;padding:0px;margin-top:30px;margin-bottom:60px} .fix_container { max-width:1636px !important;width:100%;margin:0 auto;padding:30px} @media (max-width:1200px) { .product-item {margin:5px 55px} .recthe{font-size:2vw;padding:30px} .recthe2{font-size:1.5vw;padding-left:30px;padding-right:30px;margin-top:0px;margin-bottom:10px} .footer-container .footer2 .bottom-footer2{width:100%} .footer2 img{max-width:90%} .footer-container .footer2 .bottom-footer2 {margin:0;padding:12px 24px 20px 12px}} @media (max-width:992px) { .prd-img { width:100%} .prd-info { width:100%; margin-left:0; margin-top:10px} .product-item { margin:5px 100px}} @media (max-width:768px) { .recthe{font-size:3vw;padding:15px} .recthe2{font-size:2vw;padding-left:15px;padding-right:15px;margin-top:0px;margin-bottom:10px} .products-container, .fams-right { width:100%} .product-item { margin:5px} .fix_container { /*margin:20px*/} .inputregisto { width:100%}} .project-title { padding-top:25px;color:#DE7008;font-size:19px} .tipo24 .titulo { font-size:16px;margin:30px 0} .tipo24 .block { margin:30px 0 0 0} .tipo24 .texto { font-size:14px} .tipo24 .texto p { margin:0} .tipo24 .texto a { color:#0079c2} .tipo24 .button .btn-read-more { background:url(btn-readmore.png) no-repeat;color:#fff;display:block;font-size:16px;height:37px;line-height:37px;text-align:center;width:144px} .tipo24 .button .btn-read-more:hover { color:#FFF} @media (max-width:480px) { .recthe{font-size:16px;line-height:20px} .recthe2{font-size:12px;line-height:16px} .tipo24 .texto { float:none !important; margin-bottom:20px} .tipo24 .button { float:none !important; text-align:center} .tipo24 .button .btn-read-more { display:inline-block} .tp-bullets.simplebullets.round .bullet { background:#FFF !important; opacity:0.6; border-radius:31px; width:20px; height:20px; margin-left:10px; margin-bottom:-14px} .tp-rightarrow.default { display:none} .tp-leftarrow.default { display:none}} /* NOVO SISTEMA DE HEADER MENUS*/ .site-menu-wrapper { /** display:block; /** position:absolute;top:-50px;left:50px;width:100px;height:100px;/**/} .mobile-menu-wrapper { display:none;padding:0;/*background:#00a3a4;*/background: #fff;z-index:999 !important} .mobile-menu-wrapper .navbar { margin:0;padding:0} .mobile-menu-wrapper .logo { float:left;margin:10px 0;/* max-width:120px;*/ max-width:65px} .mobile-menu-wrapper .logo img { width:150px;max-width:100%;max-height:100%;top:0} #mobile-menu { float:left;/*margin:15px 10px 0 0 !important*/margin: 25px 10px 0 0 !important} #mobile-menu li { list-style-type:none;float:left} .button-right li { float:right !important} #mobile-menu li a { color:#2D343E;line-height:30px;padding:0 8px;display:block} #mobile-menu li a i { line-height:30px;display:block;font-size:20px} .menuHome a { font-size:0 !important} #resp-menu { text-align:left;padding:0 15px;/*margin:0 -15px;*/ margin:0px;clear:both;box-shadow:none;background-color:#00a3a4} #resp-menu > li, #resp-menu ul.dropdown > li { list-style-type:none;font-size:14px;line-height:20px} #resp-menu ul.dropdown > li { font-size:13px;margin-left:15px} #resp-menu li.search-nav { display:none} #resp-menu ul.dropdown nav > ul li:before { opacity:0.1} #resp-menu > li:first-child:before, #resp-menu nav > ul li a:after { display:none} #resp-menu ul.dropdown { margin:0;display:none} #resp-menu > li > a { padding:10px 10px;display:block;position:relative;font-size:15px} #resp-menu ul.dropdown > li > a { padding:5px 0;display:block;position:relative;font-size:12px} #resp-menu ul.dropdown > li > a:hover { color:#4465a2} #resp-menu > li > a span { display:none} #resp-menu i.carret { position:absolute;width:40px;line-height:25px;text-align:center;font-style:normal;font-size:18px;right:0;top:0;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out} #resp-menu i.carret:after { font-family:FontAwesome, sans-serif;content:"\f105"} #resp-menu li > a > i.carret.rotate { -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} #resp-menu ul.dropdown:not(.megamenu-category) { color:rgba(255, 255, 255, 0.7);line-height:20px} #resp-menu > li > a, #resp-menu ul.dropdown > li > a, #resp-menu ul.megamenu-category .category-nav a { color:#FFF;background:transparent} #resp-menu > li > a:hover, #resp-menu > li.active > a, #resp-menu ul.dropdown > li > a:hover, #resp-menu ul.dropdown > li.active > a, #resp-menu ul.megamenu-category .category-nav .current a, #resp-menu ul.megamenu-category .category-nav a:hover { color:#4465a2;background:transparent} #resp-menu ul.dropdown:not(.megamenu-category) h1, #resp-menu ul.dropdown:not(.megamenu-category) h2, #resp-menu ul.dropdown:not(.megamenu-category) h3, #resp-menu ul.dropdown:not(.megamenu-category) h4, #resp-menu ul.dropdown:not(.megamenu-category) h5, #resp-menu ul.dropdown:not(.megamenu-category) h6 { color:#FFF;margin-top:15px} #resp-menu ul.dropdown:not(.megamenu-category) h1 a, #resp-menu ul.dropdown:not(.megamenu-category) h2 a, #resp-menu ul.dropdown:not(.megamenu-category) h3 a, #resp-menu ul.dropdown:not(.megamenu-category) h4 a, #resp-menu ul.dropdown:not(.megamenu-category) h5 a, #resp-menu ul.dropdown:not(.megamenu-category) h6 a { color:rgba(255, 255, 255, 0.7)} /*#resp-menu ul.dropdown:not(.megamenu-category) h1 a:hover, #resp-menu ul.dropdown:not(.megamenu-category) h2 a:hover, #resp-menu ul.dropdown:not(.megamenu-category) h3 a:hover, #resp-menu ul.dropdown:not(.megamenu-category) h4 a:hover, #resp-menu ul.dropdown:not(.megamenu-category) h5 a:hover, #resp-menu ul.dropdown:not(.megamenu-category) h6 a:hover, #resp-menu ul.dropdown:not(.megamenu-category) a:hover { color:#FFF}*/ #resp-menu ul.dropdown .google-iframe-map { width:100%;min-height:185px} #resp-menu ul.dropdown .widget { margin-bottom:30px} #resp-menu ul.megamenu-category > li { display:inline-block;width:100%;padding:0} #resp-menu ul.megamenu-category .category-nav ul { margin:0 0 20px} #resp-menu ul.megamenu-category .category-content { background:#F9F9F9;padding:30px 30px 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);text-shadow:none} #resp-menu ul.megamenu-category .category-content > div { display:none} #resp-menu ul.megamenu-category .category-content > div.current { display:block} #resp-menu > li > a { text-transform:uppercase} #lang-menu { text-align:left;padding:0 15px;/*margin:0 -15px;*/ margin:0px;clear:both} #lang-menu > li, #lang-menu ul.dropdown > li { list-style-type:none;font-size:14px;line-height:20px} #lang-menu ul.dropdown > li { font-size:13px;margin-left:15px} #lang-menu li.search-nav { display:none} #lang-menu ul.dropdown nav > ul li:before { opacity:0.1} #lang-menu > li:first-child:before, #lang-menu nav > ul li a:after { display:none} #lang-menu ul.dropdown { margin:0;display:none} #lang-menu > li > a { padding:10px 10px;display:block;position:relative;font-size:15px} #lang-menu ul.dropdown > li > a { padding:10px 0;display:block;position:relative;font-size:12px} #lang-menu > li > a span { display:none} #lang-menu i.carret { position:absolute;width:40px;line-height:25px;text-align:center;font-style:normal;font-size:18px;right:0;top:0;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out} #lang-menu i.carret:after { font-family:FontAwesome, sans-serif;content:"\f105"} #lang-menu li > a > i.carret.rotate { -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} #lang-menu ul.dropdown:not(.megamenu-category) { color:rgba(255, 255, 255, 0.7);line-height:20px} #lang-menu > li > a, #lang-menu ul.dropdown > li > a, #lang-menu ul.megamenu-category .category-nav a { color:#fff} #lang-menu > li > a:hover, #lang-menu > li.active > a, #lang-menu ul.dropdown > li > a:hover, #lang-menu ul.dropdown > li.active > a, #lang-menu ul.megamenu-category .category-nav .current a, #lang-menu ul.megamenu-category .category-nav a:hover { color:#4465a2;;background:transparent} #lang-menu ul.dropdown:not(.megamenu-category) h1, #lang-menu ul.dropdown:not(.megamenu-category) h2, #lang-menu ul.dropdown:not(.megamenu-category) h3, #lang-menu ul.dropdown:not(.megamenu-category) h4, #lang-menu ul.dropdown:not(.megamenu-category) h5, #lang-menu ul.dropdown:not(.megamenu-category) h6 { color:#FFF;margin-top:15px} #lang-menu ul.dropdown:not(.megamenu-category) h1 a, #lang-menu ul.dropdown:not(.megamenu-category) h2 a, #lang-menu ul.dropdown:not(.megamenu-category) h3 a, #lang-menu ul.dropdown:not(.megamenu-category) h4 a, #lang-menu ul.dropdown:not(.megamenu-category) h5 a, #lang-menu ul.dropdown:not(.megamenu-category) h6 a { color:rgba(255, 255, 255, 0.7)} #lang-menu ul.dropdown:not(.megamenu-category) h1 a:hover, #lang-menu ul.dropdown:not(.megamenu-category) h2 a:hover, #lang-menu ul.dropdown:not(.megamenu-category) h3 a:hover, #lang-menu ul.dropdown:not(.megamenu-category) h4 a:hover, #lang-menu ul.dropdown:not(.megamenu-category) h5 a:hover, #lang-menu ul.dropdown:not(.megamenu-category) h6 a:hover, #lang-menu ul.dropdown:not(.megamenu-category) a:hover { color:#FFF} #lang-menu ul.dropdown .google-iframe-map { width:100%;min-height:185px} #lang-menu ul.dropdown .widget { margin-bottom:30px} #lang-menu ul.megamenu-category > li { display:inline-block;width:100%;padding:0} #lang-menu ul.megamenu-category .category-nav ul { margin:0 0 20px} #lang-menu ul.megamenu-category .category-content { background:#F9F9F9;padding:30px 30px 0;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);text-shadow:none} #lang-menu ul.megamenu-category .category-content > div { display:none} #lang-menu ul.megamenu-category .category-content > div.current { display:block} .homepage .carousel-wrap .project-title { color:#DE7008} .homepage .carousel-wrap .prev { /* background-color:#ab9f83;border:1px solid #ab9f83;*/} .homepage .carousel-wrap .next { /*background-color:#ab9f83;border:1px solid #ab9f83;*/} .main-content { width:100%;height:100%;background:#FFF} .button3 { background-color:transparent;border:1px solid #9F9F9E;font-size:16px;color:#999;line-height:28px;padding:5px 30px;transition:0.5s ease} .logo_centrado { width:501px;height:192px;overflow:auto;margin:auto;position:absolute;text-align:center;top:0;left:0;bottom:0;right:0} /* Large desktops and laptops */ @media (max-width:991px) { .navbar-header { float:none} .navbar-left, .navbar-right { float:none !important} .navbar-toggle { display:block; margin-right:0} .navbar-collapse { border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1)} .navbar-fixed-top { top:0; border-width:0 0 1px} .navbar-collapse.collapse { display:none !important} .navbar-nav { float:none !important; margin-top:7.5px} .navbar-nav > li { float:none} .navbar-nav > li > a { padding-top:10px; padding-bottom:10px} .collapse.in { display:block !important}} @media (min-width:1200px) {} /* Landscape tablets and medium desktops */ @media (min-width:992px) and (max-width:1199px) { /*.fw-langs{ display:none} .site-menu-wrapper{ display:none} .mobile-menu-wrapper{ display:block}*/} /* Portrait tablets and small desktops */ @media (min-width:768px) and (max-width:991px) { .fw-langs { display:none} .site-menu-wrapper { display:none} .mobile-menu-wrapper { display:block}} /* Landscape phones and portrait tablets */ @media (max-width:767px) { .mobile-menu-wrapper { display:block; position:fixed; width:100%; height:90px; z-index:2} .main_content {margin-top:0px} .fw-langs { display:none} .site-menu-wrapper { display:none} .mobile-menu-wrapper { display:block} .thumbnail { width:100%; max-width:100%} .socialnetworks { margin:20px 0; text-align:center} .bred2 { display:inline-block; text-indent:10px; color:#434342; padding-right:5px; font-size:26px; font-weight:200; text-transform:uppercase; margin-bottom:15px; margin-left:20px}} /* Portrait phones and smaller */ @media (max-width:480px) { .fw-langs { display:none} .site-menu-wrapper { display:none} .mobile-menu-wrapper { display:block} .logo_centrado { width:301px}} .orcamento { position:absolute;top:11px;right:205px} .btn3 { display:inline-block;position:relative;cursor:pointer} #orcamento .btn-orcamento.close { border:none;top:-15px;right:-25px;left:auto;opacity:1;background:url(fancybox_close_grey.png) no-repeat;box-shadow:none;width:23px;height:23px;padding:0} #orcamento .btn-orcamento.close:hover { background:url(fancybox_close_grey.png) no-repeat} #orcamento input.btn { background:#f3f3f3;font-size:17px;font-weight:bold;border:1px solid transparent;color:#0a94d6;border-radius:0} #orcamento input.btn:hover { border:1px solid #0a94d6} .tab .form-control { background-color:#f3f3f3;color:#000000;height:35px} .tab .form-control::-webkit-input-placeholder { color:#000000} .tab .form-control:-moz-placeholder { /* FF 4-18 */ color:#000000} .tab .form-control::-moz-placeholder { /* FF 19+ */ color:#000000} .tab .form-control:-ms-input-placeholder { /* IE 10+ */ color:#000000} /*.grayscale:hover{ -webkit-filter:grayscale(0%); -webkit-transition:.5s ease-in-out; -moz-filter:grayscale(0%); -moz-transition:.5s ease-in-out; -o-filter:grayscale(0%); -o-transition:.5s ease-in-out; filter:grayscale(0%)} .grayscale { -webkit-filter:grayscale(100%); -webkit-transition:.5s ease-in-out; -moz-filter:grayscale(100%); -moz-transition:.5s ease-in-out; -o-filter:grayscale(100%); -o-transition:.5s ease-in-out; filter:grayscale(100%)}*/ .grayscale { -webkit-filter:grayscale(0%);-webkit-transition:.5s ease-in-out;-moz-filter:grayscale(0%);-moz-transition:.5s ease-in-out;-o-filter:grayscale(0%);-o-transition:.5s ease-in-out;filter:grayscale(0%)} .grayscale:hover img{ /**/ -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);/**/ -webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out} .grayscale:hover .project-title{ font-weight:bold} .portfolio .project-heading:hover .thumbnail img { filter:none;-webkit-filter:none} .contactos select, .contactos textarea { border:1px solid #f5f5f5;border-radius:4px;color:#000000;box-shadow:none;font-size:17px;height:48px} .contactos ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#000000} .contactos ::-moz-placeholder { /* Firefox 19+ */ color:#000000} .contactos :-ms-input-placeholder { /* IE 10+ */ color:#000000} .contactos :-moz-placeholder { /* Firefox 18- */ color:#000000} .contactos .btn { background-color:#FF9108;border-color:#FF9108;color:#FFF;width:100%;font-family:'Graphik', sans-serif;font-size:17px} .contactos .btn:hover, .contactos .btn:focus, .contactos .btn:active, .contactos .btn.active { background-color:#ee8400;border-color:#d47600;color:#FFF} .contactos .btn.disabled:hover, .contactos .btn.disabled:focus, .contactos .btn.disabled:active, .contactos .btn.disabled.active, .contactos .btn[disabled]:hover, .contactos .btn[disabled]:focus, .contactos .btn[disabled]:active, .contactos .btn[disabled].active, fieldset[disabled] .contactos .btn:hover, fieldset[disabled] .contactos .btn:focus, fieldset[disabled] .contactos .btn:active, fieldset[disabled] .contactos .btn.active { background-color:#FF9108;border-color:#FF9108;color:#FFF} .moveup { margin-top:-180px;margin-bottom:70px;background-color:#ffffff} /*select option:first-child { color:red}*/ .socfaceimg { position:absolute;clip:rect(0px, 60px, 200px, 0px)} .socinimg { position:absolute;clip:rect(0px, 60px, 200px, 0px)} .fbutton { background-color:#fdc326;background:#fdc326;/* For browsers that do not support gradients */ background:-webkit-linear-gradient(180deg, #fdc326, #ffb300);/* For Safari 5.1 to 6.0 */ background:-o-linear-gradient(180deg, #fdc326, #ffb300);/* For Opera 11.1 to 12.0 */ background:-moz-linear-gradient(180deg, #fdc326, #ffb300);/* For Firefox 3.6 to 15 */ background:linear-gradient(180deg, #fdc326, #ffb300);/* Standard syntax (must be last) */ border:none;color:#ffffff;cursor:pointer;border-radius:9px;padding-top:3px;padding-bottom:3px;padding-right:7px;padding-left:7px;margin-bottom:4px} .fbutton:hover { background-color:#eeeeee;background:#eeeeee;/* For browsers that do not support gradients */ /* background:-webkit-linear-gradient(180deg, #ffb300, #fdc326);background:-o-linear-gradient(180deg, #ffb300, #fdc326);background:-moz-linear-gradient(180deg, #ffb300, #fdc326);background:linear-gradient(180deg, #ffb300, #fdc326);*/ border:none;color:#0a94d6;cursor:pointer;border-radius:9px;padding-top:3px;padding-bottom:3px;padding-right:7px;padding-left:7px;margin-bottom:4px} .fw-related-pages ul { padding:0;margin:0 0 15px;list-style:none} .fw-related-pages li { background:#f5f5f5;/*padding:15px 22px;*/ font-family:'Graphik', sans-serif;font-size:14px;text-transform:uppercase;margin-bottom:1px;color:rgb(255, 255, 255);/*border-left:8px solid transparent;*/} .fw-related-pages li a { font-family:'Graphik', sans-serif;font-size:14px;text-transform:uppercase;color:#000000;padding:15px 22px;border-left:8px solid transparent;display:block} .fw-related-pages li.active a { font-family:'Graphik', sans-serif;font-size:14px;text-transform:uppercase;color:rgb(255, 255, 255)} .fw-related-pages li.active { background:#00a3a4;color:#FFF;/*border-left:8px solid #00333d;*/ position:relative} /*.fw-related-pages li.active:after { left:0;top:50%;border:4px solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#00333d;margin-top:-4px}*/ .supline { border-top:3px solid #fdc326;/*top:70px; margin-top:20px; margin-bottom:50px;*/} .clipimg { position:absolute;clip:rect(0px, 60px, 200px, 0px)} .bvermas { text-decoration:none;color:#fdc326;width:30px;height:10px;border:1px solid #fdc326;padding-left:5px;padding-right:5px;border-radius:1px} .bvermas:hover { background-color:#fdc326;color:#ffffff;border:1px solid #ffffff} .breadcrumb { background:transparent;padding:0;margin:0} .breadcrumb span { color:#79C6C4} .breadcrumb > li + li:before { color:#00958D} .breadcrumb2 { border-bottom:1px solid #9e9e9e;margin:0 0 28px;border-radius:0} .breadcrumb2 > li + li:before { color:#000000} .bred1 { color:#000000;font-size:28px;margin:0 0 -2px 0;border-bottom:4px solid #febe08;padding-bottom:10px} .bred2 { color:#9e9e9e;font-size:28px;margin:0 0 -1px 0;font-weight:300} .siguien { color:#9e9e9e !important;font-size:9px} /********** Menu lateral izquierdo **********/ .menulatizq { display:none} .row-lg-15 { margin:0 -15px} .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position:relative;min-height:1px;padding:0 15px} .col-xs-15 { width:20%;float:left} @media (min-width:768px) { .col-sm-15 { width:20%; float:left} .text-sm-right { text-align:right} .text-sm-left { text-align:left}} @media (min-width:992px) { .col-md-15 { width:20%; float:left} .text-md-right { text-align:right} .text-md-left { text-align:left}} @media (min-width:1200px) { .col-lg-15 { width:20%; float:left}} /*.grid .project { padding:4px;float:none;position:relative !important;top:0 !important;left:0 !important}*/ body { font-family:'Graphik', sans-serif} footer .footer-content { background-color:#191919;width:100%;font-size:15px;color:rgb(255, 255, 255);line-height:1.4;padding:22px 0} #destaques { padding:48px 0} .footertop{padding:44px} #destaques h3 { font-size:20px;font-family:"'Graphik'", Regular;color:#00a3a4;line-height:1.35;text-align:left;font-weight:bold;padding-bottom:17px} #destaques .thumbnail { border:none;padding:0;width:100%;height:258px;overflow:hidden} #destaques .thumbnail img { max-width:100% !important} #destaques .text { font-size:15px;color:rgb(0, 0, 0);line-height:1.4;text-align:left} .entry-content{ color:#000} .entry-content > .entry-title{ color:white} .newswrapper > .entry-title{ color:white; text-transform:uppercase} .newsul{margin:0} .date{ font-size:14px;color:#999999} .newsli > a > h4 { font-size:14px; color:white !important} .readmore{ margin:0;padding:0;text-indent:0;text-align:left;font:bold 15px/21px 'Graphik';text-transform:none;text-decoration:none;color:#f66013;letter-spacing:normal} .newsletter-small > p { font-size:15px; color:#818181} .newsletter-small > .entry-title{ color:white} .newsletter-small > p{ margin:0px; color:white; margin-bottom:40px} .entry-content > .text{ margin:0;padding:0;text-indent:0;text-align:left;font:15px/21px 'Graphik';text-transform:none;text-decoration:none;color:#494848;letter-spacing:normal} #membros .title.title-section { text-align:left} .vcenter > .thumbnail{ border:none} .imagensdofooter{ display:flex;margin-top:20px;width:100%} .imagensdofooter > li { padding-right:10px} .homepage #membros h2 { background:#eef1f2} #membros h2 { font-size:14px;font-family:"'Graphik'", sans-serif;color:rgb(0, 51, 61);line-height:1.5;text-align:left;display:inline-block;padding-right:9px;background:#fff} #membros h2:after { content:' ';border-bottom:1px solid #ccd6d8;width:100%;display:block;position:absolute;top:10px;z-index:-1} #membros .thumbnail { border:none;padding:0;background:transparent} #membros .thumbnail img { max-width:100% !important} .partners { padding:12px 4px;background:#FFF} .partners .heading { font-family:"Graphik", sans-serif;font-size:10px;font-weight:bold;padding-bottom:9px;color:#000} .tp-caption-title { font-family:"'Graphik'", sans-serif;font-size:41px;color:#ff9108;line-height:1.128;font-weight:bold;white-space:nowrap} .tp-caption-subtitle { font-family:"'Graphik'", sans-serif;font-size:26px;color:rgb(0, 51, 61);line-height:1.153;font-weight:bold;white-space:nowrap} .tp-caption-text { font-size:18px;font-family:"Graphik", sans-serif;color:rgb(0, 0, 0);line-height:1.47;text-align:left;white-space:nowrap} .entry-title {/* roboto-slab-regular - latin */ font-family:'Roboto Slab';font-style:normal;font-weight:400;src:url('../fonts/roboto-slab-v11-latin-regular.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/roboto-slab-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-slab-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-slab-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-slab-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-slab-v11-latin-regular.svg#RobotoSlab') format('svg');/* Legacy iOS */ font-size:22px; text-transform:none; text-decoration:none;color:#233c2b; letter-spacing:normal;margin-top:26px;margin-bottom:14px} body{ font-size:17px} .Tituloazul{ color:#00a3a4;font-size:24px} .Titulocinza{ color:#b3b3b3;font-size:21px;text-transform:uppercase} .footer-content { background-color:#666666;width:100%;font-size:15px;color:rgb(255, 255, 255);line-height:1.4;padding:22px 0} .page-title { font-size:27px;font-family:"'Graphik'", sans-serif;padding:26px 0; text-transform:uppercase;margin-left:-19px} .entry-content .text ul { list-style-type:none;margin:0} .entry-content .text ul > li { padding-bottom:27px} .entry-content .text ul > li:last-child { padding-bottom:0} .entry-content .text ul ul { margin-left:30px} .entry-content .text ul ul li:first-child { padding-top:19px} .entry-content .text ul ul ul li { padding:0 !important} .entry-content .text ul ul li { padding-bottom:0} .banner_sup { padding-bottom:15px} /* .top-navigation { padding:0;margin:0;position:absolute;right:0px;top:0;top:75px;display:block} */ .top-navigation{ position: relative; top: 0; float: right; } .top-navigation > li > ul{padding: 0;margin: 0;} .top-navigation li{padding: 0; color: #000;} .top-navigation a { /*color:#99ACB1;font-size:20px*/ font-size: 15px;color: #000; font-weight: 500; padding: 8px 16px 8px 16px !important;/*letter-spacing: 0.5px;*/line-height: 2;} .top-navigation a:hover { color:#00a3a4} .top-navigation > li { display:inline-block;padding:0 5px} .top-navigation > li:first-child { padding-left:0} .top-navigation > li:last-child { padding-right:0} .top-navigation > li > ul { display:block} .top-navigation > li > ul > li { display:inline-block;/**/padding:0 8px} /* .top-navigation > li > ul > li { border-right:1px solid #b4b4b4} */ .top-navigation > li > ul > li:first-child { padding-left:0;border-left:none} .top-navigation > li > ul > li:last-child { padding-right:8px} .modal-content { border-radius:0} .modal-header { padding:10px 15px 0 15px;border:none} .modal-body { padding:25px 58px 58px} #contato .close { font-size:50px} #contato .form-control { background:#f0f0f0;border:none;box-shadow:none} #contato .modal-title-wp { margin-bottom:63px} #contato .btn { background:#00a3a4;border-color:#00a3a4;color:#FFF;width:100%;font-family:'Graphik', sans-serif;font-size:14px} aside > .primeirio , aside > .segundo { width:97px;height:86px;font-family:'Graphik', sans-serif;font-size:12px;text-align:center;color:#FFF;border-radius:14px 0 0 0;cursor:pointer;overflow:hidden;position:relative} aside > .primeirio{background:#00a3a4} aside > .segundo{background:#333333} aside hr{display:none} .btn {color:white;width:100%} .sbordersup{position:absolute;top:-9%;right:0px} .sborderinf{ position:absolute;top:92%;right:0px} .form-group .btn { background:#00a3a4} .btn:hover{ color:white; opacity:0.8} .contactos .btn:focus, .contactos .btn, .contactos .btn:hover{ background-color:#00a3a4;border-color:#00a3a4} .form-control{ background-color: #f0f0f0;border:none} .close{ font-size:50px} .textomodal{ margin:0px;line-height:1.3;font:11px/14px 'Graphik'} aside { position:fixed;right:0;top:17%;z-index:999} aside > div img { margin:6px 0 6px} aside > div:last-child { border-radius:0 0 0 14px} #contato .modal-title { color:#000000;font-family:'Graphik', sans-serif;font-size:24px;padding-left:15px} .modal-title { font-weight:bolder;font-size:20px;padding-left:10px} #contato textarea { resize:none} .ris3-buttons { margin:-12px -10px} .ris3-buttons div[class^="col-"] { padding:12px 10px} .btn-siga { background-color:#00a3a4;border-color:#00a3a4;color:#FFF;width:100%} .btn-siga:hover, .btn-siga:focus, .btn-siga:active, .btn-siga.active { background-color:#00a3a4;border-color:#00a3a4;color:#FFF} .btn-siga.disabled:hover, .btn-siga.disabled:focus, .btn-siga.disabled:active, .btn-siga.disabled.active, .btn-siga[disabled]:hover, .btn-siga[disabled]:focus, .btn-siga[disabled]:active, .btn-siga[disabled].active, fieldset[disabled] .btn-siga:hover, fieldset[disabled] .btn-siga:focus, fieldset[disabled] .btn-siga:active, fieldset[disabled] .btn-siga.active { background-color:#FF9108;border-color:#FF9108;color:#FFF} ul { list-style:none} .panel-heading .accordion-toggle:after { content:"-";float:right;color:#FFF;font-size:30px;font-weight:bold;padding-right:4px} .panel-heading .accordion-toggle.collapsed:after { content:"+";padding:0;color:#ff9108} .panel { border:none;border-radius:0;background:transparent} .panel-default > .panel-heading { background-color:#f5f5f5;padding:0} .panel-default > .panel-heading a { color:#000;background-color:#f5f5f5;display:block;padding:10px 15px} .panel-default > .panel-heading a:not([class*="collapsed"]) { color:#FFF;background-color:#FF9108} .panel-body { padding:28px 12px;border:none !important;background:transparent} .panel-body img { padding-bottom:28px} .documents .form-control { max-width:300px;background:#f5f5f5;color:#000;box-shadow:none;border:1px solid #f5f5f5;height:47px;font-size:17px} .documents .documents-wp { padding:20px 0 60px} .documents .documents-wp .document { padding-bottom:15px} .documents .documents-wp .document a { color:#000;font-size:17px} .inovacao-produtos .form-control { max-width:300px;background:#f5f5f5;color:#000;box-shadow:none;border:1px solid #f5f5f5;height:47px;font-size:17px} .inovacao-produtos .inovacao-produtos-wp { padding:20px 0 60px} .inovacao-produtos .inovacao-produtos-wp .inovacao-prod .img-thumbnail { width:100%;height:200px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:0} .inovacao-produtos .inovacao-produtos-wp .inovacao-prod .title { color:#00a3a4;font-size:19px;font-family:'Graphik', sans-serif;line-height:21px;padding:15px 0 50px} .wp-form-login, .wp-form-recuperate { padding-bottom:100px} .wp-form-login > [class*='col-']:before, .wp-form-login > [class*='col-']:after { background:#e6e6e6;bottom:0;content:" ";position:absolute;width:1px;top:0} .butaoconstrucao, .butaodecoracao{width:65%;text-align:center;background-color:#00a3a4;border-radius:10px;padding:10px;color:white;font-size:17px;font-weight:900;text-transform:uppercase} .butaoconstrucao:hover, .butaodecoracao:hover{ color:white; opacity:0.8} .wp-form-login > [class*='col-']:before { left:0} .wp-form-login > [class*='col-']:after { right:-1px} .wp-form-login > [class*='col-']:first-child:before, .wp-form-login > [class*='col-']:last-child:after { display:none} .wp-form-login h2,.wp-form-recuperate h2 { font-family:'Graphik', sans-serif;font-size:21px;color:#00a3a4;margin:0 0 26px;line-height:21px} .link-recuperate, .link-recuperate:hover{ color:#00a3a4} .wp-form-login .form-control, .wp-form-recuperate .form-control { font-size:17px;color:#000000;background:#f5f5f5;border:1px solid #f5f5f5;box-shadow:none;padding:12px;height:47px} .wp-form-login .form-control::-webkit-input-placeholder, .wp-form-recuperate .form-control::-webkit-input-placeholder { color:#000000} .wp-form-login .form-control::-moz-placeholder, .wp-form-recuperate .form-control::-moz-placeholder { color:#000000} .wp-form-login .form-control:-ms-input-placeholder, .wp-form-recuperate .form-control:-ms-input-placeholder { color:#000000} .wp-form-login .form-control:-moz-placeholder, .wp-form-recuperate .form-control:-moz-placeholder { color:#000000} @media (max-width:991px) { .wp-form-login > [class*='col-']:before, .wp-form-login > [class*='col-']:after { display:none} .wp-form-login > [class*='col-'] { padding-bottom:25px} .wp-form-login > [class*='col-']:last-child { padding-top:25px}} .wp-private-area{ padding-bottom:100px} .wp-private-area h2{ font-family:'Graphik', sans-serif;font-size:21px;color:#00a3a4;margin:0 0 26px;line-height:21px} .wp-private-area .btn-siga{ background:#B3C2C5;border:1px solid #B3C2C5} .wp-private-area .btn-siga:hover{ background:#FF9108;border:1px solid #FF9108} .wp-private-area .logout-btn{ font-size:14px} .wp-private-area .logout-btn img{ padding-right:8px;position:relative;top:-3px} .wp-form-register{ padding-bottom:100px} .wp-form-register h2{ font-family:'Graphik', sans-serif;font-size:21px;color:#00a3a4;margin:0 0 26px;line-height:21px} .wp-form-register .control-label{ text-align:left;font-weight:normal;font-size:17px} .wp-form-register .form-control { font-size:17px;color:#000000;background:#f5f5f5;border:1px solid #f5f5f5;box-shadow:none;padding:12px;height:47px} .thumbnail{ border:none !important;/*height:150px !important;*/} .col-sm-15 .thumbnail img{ max-height:58px;/**/} /* .col-sm-15 .thumbnail:nth-child(4) img{ max-height:70px !important} .col-sm-4 .thumbnail img{ height:240px;width:100%;max-height:240px}*/ .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{ background-color:#00a3a4} .xpto, .mencol1, .mencol2{ cursor:pointer} .catalogo-menu{ transform:translateY(-36px)} .inputregisto2{ border:1px solid #d4d4d4;border-radius:2px;height:33px;width:100% !important} .button3{ /*background-color:#00a3a4;*/ background-color:#00a3a4;color:#ffffff;border-radius:4px;border:none;width:100%} #captcha{ height:57px} .form-registo2{ max-width:800px !important} .active{color:#00a3a4} .prod-img{background-color:#f5f5f5} .linha{border-top:1px #ccc} .nano tr:nth-child(even) {background:#ffffff} .nano tr:nth-child(odd) {background:#f5f5f5} /* dummy image styles */ .dummy { box-sizing:border-box;display:inline-block;position:relative} .dummy:before { content:'';position:absolute;background:lightgray;top:0;right:0;bottom:0;left:0} .dummy:after { content:attr(width) " x " attr(height);white-space:pre;color:gray;text-align:center;display:block;position:absolute;width:100%;top:calc(50% - .5em);font-size:100%} .dummy.alt:after { content:attr(alt)} .dummy.double.alt:after { content:attr(alt) "\A" attr(data-second);white-space:pre;top:calc(40% - 1em)} .carousel .client{max-width:170px !important} .carousel .client img{ /*width:165px !important;*/} .caroufredsel_wrapper .clients{ overflow-x:hidden} .contactos-form .btn{ text-transform:uppercase} .lookglass{margin-bottom:-4px} .blocoprods img{ margin-top:10px} @media (max-width:500px) { .nano-content table{ display:none}} /* ---------------------------------------------------------------------------------------------------- FOOTER ------------------------------------------------------------------------------------------------------- */ .footer-container ul{margin:10px 0 0} .footer-container li{ /*color:#FFFFFF;font-size:14px;font-weight:300;line-height:20px;*/ text-align:left;font:13px/24px 'Graphik';text-transform:none;text-decoration:none;color:#e8e8e8;letter-spacing:normal} .footer-container {color:#FFFFFF;font-size:18px;background:#fff} .footer-container .container { padding:0;/*max-width:1000px;*/} @media (max-width:767px) { .footer-container .container { padding-bottom:40px; padding-top:10px} } .footer-container .footer2 .row { position:relative} .footer-container .footer2 .footer-block { padding:0 24px;display:inline-block;vertical-align:top;padding-top:48px;padding-bottom:34px} /* .footer-container .footer2 .newsletter_fot{} */ .footer-container .footer2 .newsletter_fot h4{margin-bottom:0} .footer-container .footer2 .newsletter_fot h5{color:#FFFFFF;font-size:14px;font-weight:300;margin-bottom:2px} .footer-container .footer2 .newsletter_fot ul{margin-top:0} .footer-container .footer2 .newsletter_fot span{margin-right:0} .footer-container .footer2 .newsletter_fot span{font:15px/20px 'Graphik'} .footer-container .footer2 h4 { margin:0;padding:0;text-indent:0;text-align:left;font:bold 19px/19px Poppins;text-transform:none;text-decoration:none;color:#00a3a4;letter-spacing:normal;margin-bottom:-15px} @media (max-width:767px) { .footer-container .footer2 .footer-block + .footer-block { border:none; /* margin:3px 24px;*/} .footer-container .footer2 .footer-block{margin-top:0;width:100%;padding:5px 18px} #newsletter{float:none !important;margin:10px 24px !important}} @media (max-width:991px) { .footer-container .footer2 h4 {cursor:pointer} .footer-container .footer2 h4:hover {color:#FFFFFF}} @media (max-width:767px) { .footer-container .footer2 h4 { position:relative; margin-bottom:0; padding-bottom:5px} /* .footer-container .footer2 h4:after { display:block; content:"\f055"; font-family:"FontAwesome"; position:absolute; right:0; top:1px; font-size:14px} */ .footer-container .footer2 h4.active:after {content:"\f056"} } .footer-container .footer2 h4 a {color:#999} .footer-container .footer2 h4 a:hover {color:#999} .footer-container .footer2 ul {margin-bottom:0} @media (max-width:767px) { .footer-container .footer2 ul {margin-top:12px} } .footer-container .footer2 ul li {padding-bottom:0px;font-size:14px;margin: 0 !important;} .footer-container .footer2 ul li a { font-size:14px;color:#FFF !important} /* .footer-container .footer2 ul li a:before { display:inline-block;font-family:"FontAwesome";content:"\f105";margin-right:7px;color:#999} */ .footer-container .footer2 ul li a.nobullet:before { display:inline-block;/*font-family:"FontAwesome";*/ content:"";margin-right:7px;color:#999} /* .footer-container .footer3 section{ margin:10px 90px} */ /* .footer-container .footer3 section:nth-child(1){ margin:10px 175px 10px 0} .footer-container .footer3 section:nth-child(2){ margin:10px 90px 10px 90px} .footer-container .footer3 section:nth-child(3){ margin:10px 0 10px 175px}*/ .footer-container .footer3 section:nth-child(1){margin:10px 175px 10px 15px} .footer-container .footer3 section:nth-child(2){margin:10px 90px 10px 90px} .footer-container .footer3 section:nth-child(3){margin:10px 0 10px 175px} #resp-menu ul li a{ padding:5px 15px;color:#fff} #resp-menu ul li:hover a, #resp-menu ul li a:hover, #resp-menu ul li.active > a{ color:#00a3a4 !important} #resp-menu ul li a svg{ margin-right:15px;display:none} #resp-menu .newsletter_menu{ display:none !important} #resp-menu .newsletter-redes{ display:none !important} /* #resp-menu #lang-menu{ display:none !important} */ .footer-container .footer3 ul li a span{ color:#FFF !important} .footer-container .footer3 ul li a:hover span{ text-decoration:none;color:#e4a601 !important} @media (max-width:1200px) { .footer-container .footer2 .footer2-account {width:20%} .footer-container .footer3 section:nth-child(2){margin:10px 90px 10px 30px} .footer-container .footer3 section:nth-child(3){margin:10px 0 10px 75px}} @media (max-width:1100px) { .footer-container .footer2 .footer2-account {width:20%} .footer-container .footer3 section:nth-child(1){margin:10px 10% 10px 15px} .footer-container .footer3 section:nth-child(2){margin:10px 90px 10px 3%} .footer-container .footer3 section:nth-child(3){margin:10px 0 10px 7%}} @media (max-width:767px) { .footer-container .footer2 .footer2-account {width:100%} } @media (max-width:1200px) { .footer-container .footer2 #block_contact_infos {width:20%} } @media (max-width:767px) { .footer-container .footer2 #block_contact_infos {width:100%} } .footer-container .footer2 #block_contact_infos > div {padding:0} .footer-container .footer2 #block_contact_infos > div ul li { padding:0 15px 14px 0;line-height:20px;font-size:12px;color:#8a8989} @media (max-width:1200px) { .footer-container .footer2 #block_contact_infos > div ul li {padding:0 0 17px 0} } @media (max-width:991px) { .footer-container .footer2 #block_contact_infos > div ul li {font-size:13px} } @media (max-width:767px) { .footer-container .footer2 #block_contact_infos > div ul li {width:100%} } .footer-container .footer2 #block_contact_infos > div ul li > span { font-weight:bold;font-size:16px} .footer-container .footer2 #block_contact_infos > div ul li > span, .footer-container .footer2 #block_contact_infos > div ul li > span a {color:#999} @media (max-width:1200px) { .footer-container .footer2 #block_contact_infos > div ul li > span, .footer-container .footer2 #block_contact_infos > div ul li > span a { display:inline-block; margin-top:5px} } .footer-container .footer2 #block_contact_infos > div ul li > span a {font-weight:normal} .footer-container .footer2 #block_contact_infos > div ul li > span a:before {display:none} .footer-container .footer2 #block_contact_infos > div ul li > span a:hover {color:#999} .footer-container .footer2 #block_contact_infos > div ul li i { color:#999;display:inline-block;float:left;font-size:25px;height:32px;margin-right:5px;padding-top:4px;text-align:left;width:32px} @media (max-width:1200px) { .footer-container .footer2 #block_contact_infos > div ul li i {margin-bottom:15px} } @media (max-width:991px) { .footer-container .footer2 #block_contact_infos > div ul li i { margin-right:0; font-size:16px; width:25px; height:auto} } .footer-container .footer2 #block_contact_infos > div ul li.phone-contact i {margin-top:-4px} @media (max-width:767px) { .footer-container .footer2 #block_contact_infos > div ul li.phone-contact i { margin-top:5px} } .footer-container .footer2 #block_contact_infos > div ul li + li + li i {margin-top:-5px} @media (max-width:767px) { .footer-container .footer2 #block_contact_infos > div ul li + li + li i { margin-top:6px} } .footer-container .footer2 .blockcategories_footer {clear:left} .footer-container .footer2 #social_block { padding-right:85px;width:25%} @media (max-width:1200px) { .footer-container .footer2 #social_block { width:20%; padding-right:15px} } @media (max-width:767px) { .footer-container .footer2 #social_block { width:100%} } @media (max-width:767px) { .footer-container .footer2 #social_block ul { float:none} } .footer-container .footer2 #social_block ul li {padding-bottom:8px} .footer-container .footer2 #social_block ul li a {display:inline-block} .footer-container .footer2 #social_block ul li a:before { display:inline-block;font-family:"FontAwesome";vertical-align:-5px;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:20px} .footer-container .footer2 #social_block ul li a:hover {color:#999} .footer-container .footer2 #social_block ul li.facebook a:before { background:#3B5998;content:"\f09a"} .footer-container .footer2 #social_block ul li.whatsapp a:before { background:#04c60a;/* Old browsers */ background:-moz-linear-gradient(45deg, #04c60a 0%, #4cd73f 32%, #4cd73f 38%, #4cd73f 38%, #70ff70 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(45deg, #04c60a 0%,#4cd73f 32%,#4cd73f 38%,#4cd73f 38%,#70ff70 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(45deg, #04c60a 0%,#4cd73f 32%,#4cd73f 38%,#4cd73f 38%,#70ff70 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c60a', endColorstr='#70ff70',GradientType=1 );/* IE6-9 fallback on horizontal gradient */ content:"\f232"} .footer-container .footer2 #social_block ul li.instagram a:before { background:#ffc94f;/* Old browsers */ background:-moz-linear-gradient(45deg, #ffc94f 1%, #ff233a 49%, #e3008a 61%, #7822f3 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(45deg, #ffc94f 1%,#ff233a 49%,#e3008a 61%,#7822f3 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(45deg, #ffc94f 1%,#ff233a 49%,#e3008a 61%,#7822f3 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc94f', endColorstr='#7822f3',GradientType=1 );/* IE6-9 fallback on horizontal gradient */ content:"\f16d"} .footer-container .footer2 #social_block ul li.twitter a:before { background:#00bbf1;content:"\f099"} .footer-container .footer2 #social_block ul li.rss a:before { background:#f89118;content:"\f09e"} .footer-container .footer2 #social_block ul li.youtube a:before {content:"\f167"} .footer-container .footer2 #social_block ul li.google-plus a:before {content:"\f0d5"} .footer-container .footer2 #social_block ul li.pinterest a:before {content:"\f0d2"} .footer-container .footer2 .textleft{text-align:left} .footer-container .footer2 .textright {text-align:right} /* .footer-container .footer2 .bottom-footer-t {padding-top:23px !important} */ .footer-container .footer2 .bottom-footer2 { margin:0;/* padding:12px 24px 20px 0px;*/padding:10px 24px 5px 0px;text-indent:0;text-align:left;/*font:15px/21px Open Sans;*/font: 15px/21px 'Graphik';text-transform:none;text-decoration:none;color:#fff;letter-spacing:normal} .footer-container .footer2 .bottom-footer2 .copy{margin-right:100px;display:inline-block;font-weight:bold} .footer-container .footer2 .bottom-footer2 a.nobullet + a.nobullet{margin-left:10px} .footer-container .footer2 .bottom-footer2 a.url + a.url:before{content:"|";margin:0 5px} .footer-container .footer2 .bottom-footer2 a{color:#FFF !important;line-height:24px} .footer-container .footer2 .bottom-footer2 a:hover{color:#64a6c1 !important} .footer-container .footer2 .bottom-footer2 div.col-left{min-height:1px;padding-left:5px;padding-right:5px;position:relative;float:left;padding-top:9px} .footer-container .footer2 .bottom-footer2 div.col-right{min-height:1px;padding-left:5px;padding-right:0px;position:relative;float:right;margin-left:auto;margin-right:0;padding-top:8px} @media (max-width:767px) { .footer-container .footer2 .textright {text-align:center} .footer-container .footer2 .textleft {text-align:center} .footer-container .footer2 .bottom-footer2 div.col-left{float:none;width:100%;padding:15px 0} .bottom-footer2 div.col-right{float:none;width:100%;padding:15px 0} .footer-container .footer2 .bottom-footer2 .copy{margin-right:10px}} @media (max-width:480px) { .footer-container .footer2 .textright {text-align:center} /* .footer-container .footer2 .bottom-footer2 a.url{display:block} */ .footer-container .footer2 .bottom-footer2 a.url + a.url:before{content:"";margin:0 5px} .footer-container .footer2 .bottom-footer2 div.col-left{text-align:center} .footer-container .footer2 .bottom-footer2 .copy{margin-right:0;/*! font-weight:bold;*/} .bottom-footer2 div.col-right img{max-width:220px;margin-bottom:5px} .footer-container .footer2 .bottom-footer2{text-align:center !important} .banner_topo_homepage .banner_topo_outer{padding:25px 50px !important} .banner_topo_homepage .banner_topo_outer .titu1{font:19px/28px 'Graphik', serif !important} .banner_topo_homepage .banner_topo_outer .titu2{font:15px/28px 'Graphik' !important} .banner_topo_homepage .botao{font:13px/25px 'Graphik' !important} .titulo_emregos{padding:15px 0 15px 30px !important} .pesq_colaboradores{padding:0 !important} #form5 .form-group .checkbox{width:100%}} footer .newsletter{margin-top:0;font-size:14px;left:0;padding-top:0;position:relative;color:#FFF;/*width:275px;*/} footer .newsletter form .floatleft2{float:left;margin-top:0px} footer .newsletter form .floatleft2 input[type="text"]{width:100%;height:53px;outline:none;border:none;color:#FFF;font:15px/21px 'Graphik';background-color:transparent;padding-left:14px} footer .newsletter form .floatleft2 {width:50px;height:53px;background:url('../images/path-9.png') no-repeat} footer .newsletter form .floatleft2 input::placeholder{color:#FFF} footer .newsletter form .floatleft2 input:-ms-input-placeholder{color:#FFF} footer .newsletter form .floatleft2 input::-ms-input-placeholder-ms-input-placeholder{color:#FFF} .footer2 .container .col-sm-1{margin-top:50px;border-right:solid 1.5px #446a98} .footer2 .container .col-sm-1 img{margin-top:0px!important} #footer-block .toggle-footer{margin-top:35px} #footer-block .toggle-footer:first-of-type{margin-top:0px} .button{padding:10px;color:#fff;font-size:12px;background:transparent;border:none} .bottom-footer2 a span{ margin:0;padding:0;text-indent:0;text-align:left;font:15px/24px 'Graphik';text-transform:none;text-decoration:none;/*color:#fff;*/color:#e5e5e5;letter-spacing:normal} /* footer .newsletter form .floatleft2 input[type="image"]{float:left;margin-top:0} */ .fc-toolbar h2{color:#ff9108} .fc td, .fc th { border-style:solid; border-width:1px; vertical-align:top; font-size:11px; padding:1px !important} .orcamento{ width:47px;float:right;padding:0px;padding-right:0px;padding-left:0px;position:relative;line-height:23px} .orcamento a{ line-height:23px} .r::after{border-right:0px solid #E6E6E6;content:" | ";color:#E6E6E6;padding:6px;margin-bottom:5px;line-height:32px} .footer3{background-color:#494848;padding-top:10px;padding-bottom:10px} #botao-pesquisa{cursor:pointer} .laranja{color:#e6b012} .portfolio-projects article{border:1px solid #ccc} .noticias_home_bloco h2{padding-top:20px;padding-bottom:20px} .filtro-noticia{color:#ccc;font-weight:bold;border-bottom:solid 2px #ccc;padding:5px 0;letter-spacing:1px;text-transform:uppercase} .filtro-noticia.active{color:#e6b012;border-bottom:solid 2px #e6b012} /* ## dropdown ## */ .footer-container .footer3 h4{ font-weight:bold;color:#e4a601;margin:0 0 30px;padding:0;text-align:left;text-transform:none;text-decoration:none;letter-spacing:normal;font-size:19px;line-height:19px;font-family:'Graphik'} .dropbtn { background-color:#f9f9f9;color:#b3b3b3;padding:16px;font-size:12px;border:none;cursor:pointer} /* The container
- needed to position the dropdown content */ .dropdown { position:relative;display:inline-block} /* Dropdown Content (Hidden by Default) */ .dropdown-content { display:none;position:absolute;background-color:#f9f9f9;min-width:136px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1} /* Links inside the dropdown */ .dropdown-content a { color:black;padding:12px 16px;text-decoration:none;display:block} /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color:#f1f1f1} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display:block} /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { background-color:#ccc} .filtro-ano { float:right} /*.pesquisa_menu {width:50px}*/ .pesquisa_menu img {padding-left:10px} #areas_competencia .project-action{display:none} #areas_competencia .text:hover{color:#e6b012} .bottom-footer2 a span:hover { /*color:#fff*/ color:#fff} .footer3 .container .col-sm-6{padding:0;padding-top:12px;padding-bottom:12px} .footer-container .footer2 .row {position:relative;display:block} .footer-container .footer2 .footer-block { padding:0px;display:inline-block;vertical-align:top;padding-top:48px;padding-bottom:48px;max-width:375px} .footer-container .footer2 .footer-block:nth-child(2) {margin-left:200px} .footer-container .footer2 .newsletter_fot {float:right} .footer-container .footer2 .newsletter_fot h5{color:#FFFFFF;font-size:14px;font-weight:300;margin-bottom:2px} .footer-container .footer2 .newsletter_fot ul{margin-top:0} .footer-container .footer2 .newsletter_fot span{margin-right:0} .footer-container .footer2 .newsletter_fot span{font:15px/20px 'Graphik'} .footer-container .footer2 h4 {margin:0;padding:0;text-indent:0;text-align:left;font:19px/19px 'Graphik';text-transform:none;text-decoration:none;color:#fff;letter-spacing:normal;margin-bottom:10px;font-weight:500} /* IE only **/ @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .orange h2 span{font:43px/52px Poppins}} @media (max-width:848px) { #home_banner .redbox { /*float:left;*/ position:absolute; /*width:201px; height:158px;*/ /*top:106px;*/ bottom:20px; right:57px; /*z-index:13;*/ min-height:135px; clear:left; padding:13px 16px; background-color:rgba(125, 38, 43, 0.9); text-align:right; margin:5px} #home_banner .title{ font:26px/31px Poppins; color:#fff} #home_banner .text{ font:300 8px/13px Poppins; color:#fff} #home_banner .button{ float:right; position:relative; width:102px; margin-top:14px; /*margin-left:-204px;*/ z-index:16; min-height:26px; text-align:center; padding-top:7px; border:1px solid #FFF; /*background-color:rgba(125, 38, 43, 0.9);*/} #home_banner .buttontxt{ text-align:left; font:bold 15px/21px 'Graphik'; text-transform:none; text-decoration:none; color:#00a3a4; letter-spacing:normal}} @media (min-width:848px) { #home_banner .redbox { position:absolute; /*width:401px; height:318px;*/ /*top:106px;*/ bottom:40px; right:57px; min-height:135px; clear:left; padding:26px 32px; background-color:rgba(125, 38, 43, 0.9); text-align:right; margin:10px} #home_banner .title{ font:50px/60px Poppins; color:#fff} #home_banner .text{ font:300 17px/27px Poppins; color:#fff} #home_banner .button{ float:right; position:relative; width:202px; margin-top:28px; /*margin-left:-204px;*/ z-index:16; min-height:52px; text-align:center; padding-top:10px; border:2px solid #FFF; /*background-color:rgba(125, 38, 43, 0.9);*/} .buttontxt{ text-align:left; font:bold 15px/21px 'Graphik'; text-transform:none; text-decoration:none; color:#00a3a4; letter-spacing:normal}} .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position:relative;min-height:1px;padding-right:15px;padding-left:15px} .col-xs-5ths { width:20%;float:left} @media (min-width:768px) {.col-sm-5ths { width:20%; float:left}} @media (min-width:992px) { .col-md-5ths { width:20%; float:left}} @media (min-width:1200px) { .col-lg-5ths { width:20%; float:left}} .title-section h2{font:32px/35px Poppins;text-transform:none;text-decoration:none;color:#404040;letter-spacing:normal} #areas_competencia .entry-title{font:500 20px/23px Poppins;text-transform:none;text-decoration:none;color:#404040;letter-spacing:normal} #areas_competencia .text{text-align:center;font:14px/18px 'Graphik';text-transform:none;text-decoration:none;color:#797979;letter-spacing:normal} .title-section h2::after { content:'';height:2px;display:block;margin:0 auto; margin-top:0px;margin-top:16px;width:60px;background:#e6b012} /*.destaques_noticias_bloco{background-color:#ececec}*/ #home_assistencia h2 { padding:0px} #home_assistencia h2 .title{ text-align:center;font:32px/35px Poppins;text-transform:none;text-decoration:none;color:#fff;letter-spacing:normal} #home_assistencia h2 .title::after { content:'';height:2px;display:block;margin:0 auto; margin-top:0px;margin-top:16px;width:60px;background:#e6b012} #home_assistencia .sub-title{ text-align:center;font:20px/27px 'Graphik';text-transform:none;text-decoration:none;color:#e6b012;letter-spacing:normal} #home_assistencia .text{ text-align:center;font:16px/20px 'Graphik';text-transform:none;text-decoration:none;color:#d9d9d9;letter-spacing:normal} #destaques_noticias .text{ font:14px/21px 'Graphik';font-style:normal;font-variant:normal;text-transform:none;text-decoration:none;/*color:#7b8a80;*/color: #000;letter-spacing:normal} .botao_prod:hover{ background-color:#e6b012;height:197px;width:100%} .botao_prod_txt div{ color:#404040; font:500 23px/26px Poppins; max-width:300px} .botao_prod:hover > .botao_prod_txt div{ color:#fff} .botao_prod{ background-color:#ececec;height:197px;width:100%} .botao_prod_img{ float:left;border-right:solid 10px #fff;height:197px;border-top-right-radius:50% 100%;border-bottom-right-radius:50% 100%;width:40%} .botao_prod_txt{ height:197px;float:right} .botao_prd_a{} .top-menu-social { padding-left:10px} .btn-center{ text-align:center;margin-top:10px} .btn-vermais{ border:1px solid #7f7f7f;color:#7f7f7f;background:#ffffff;display:inline-block;padding:12px 40px;margin:0 auto;transition:0.5s ease;cursor:pointer;margin-bottom:20px;text-transform:uppercase} .btn-vermais:hover{ border:1px solid #f7f7f7;color:#ffffff;background:#7f7f7f} .title-project{ text-align:center;padding:15px 0px 3px 0px;font-size:16px;font-weight:bold;text-transform:uppercase} .text-project{ text-align:center;padding:10px 0px;min-height:111px} .gold-subline{ max-width:40px;border-top:2px solid #c59a14;margin-top:5px} .equip-title{ color:#c59a14;font-size:25px;margin:40px 0px} .equip-texto{ margin-bottom:60px;line-height:1.4} .equip-title-b{ color:#c59a14;font-size:18px;margin-bottom:20px;font-weight:bold} .equip-texto-b{ line-height:1.4} .equip-row{ margin-bottom:80px} .casos-title{ font-size:25px;margin:0px 0px} .casos-texto{ margin-bottom:30px;line-height:1.4} .row-caso-estudo{ margin-bottom:60px} .caso-estudo-title{ font-size:25px;margin-bottom:40px} .caso-estudo-title-b{ font-size:20px;margin-bottom:20px;color:#c59a14;text-transform:uppercase;font-weight:bold} .caso-estudo-texto{ line-height:1.4} .titulo_d { padding-top:30px;padding-bottom:20px;text-align:left;font:21px/21px 'Graphik', serif;text-transform:none;text-decoration:none;/*color:#00a3a4;*/letter-spacing:normal;font-weight: 500;/* text-transform:uppercase;*/} /* .titulo_d::before{ content:'';background:url('../images/grafismo_titulos.png');width:19px;height:8px;display:inline-block;margin-right:5px;margin-bottom:5px} */ .sub_titulo_d { padding-bottom:20px;font:22px/29px 'Graphik';text-transform:none;font-weight: 500;text-decoration:none;color:#00a3a4;letter-spacing:normal;} .images_d { width:100%} /**/ .images_d img { width:100%} .galleryorg .title, .galleryorg .atext{ display:none} .galleryorg .maintitle h2{ font-size:20px;color:#00a3a4} /* :nth-child(-n+3) */ /** .galleryorg .thumbnail:nth-child(-n+3)::before{ content:"DIREÇÃO \A"; white-space:pre} /**/ li.active > a { color: #fff !important} #main-menu li.active > a { color:#00a8a9 !important; } .breadcrumbs .container { /*background:#f3f3f3;*/ margin-bottom:25px} .destaques-data{ font:14px/20px 'Graphik';text-transform:none;text-decoration:none;color:#b3b3b3;letter-spacing:normal} .destaques-texto{ font:15px/20px 'Graphik';text-transform:none;text-decoration:none;color:#fff;letter-spacing:normal} #ler-mais{padding:0} .buttontxt{ text-align:left;font:bold 15px/21px 'Graphik';text-transform:none;text-decoration:none;color:#00a3a4 !important;letter-spacing:normal} .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { background-color:#00a3a4} .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index:2;margin-left:-1px;background-color:#00a3a4} .input-group-btn > .btn { position:relative} .btn { color:white;width:100%} .btn { display:inline-block;padding:8px 20px;/*padding:12px 20px;*/ margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px} .form-control { display:block;width:95%;height:53px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:rgba(0,0,0,0.8);;background-color:#dddddd;background-image:none;/*border:1px solid #4c4c4c;*/ border-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s} .glyphicon-send::before { content:"\e171"} .glyphicon { position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} /******** Overlay ********/ .anoverlayext{ position:relative} .anoverlay{ position:absolute;width:100%;height:100%;display:none;align-items:center} .anoverlayext:hover .anoverlay{ background:rgba(0, 163, 164,0.7);display:flex} .farounded{width:70px;height:70px;border:5px solid #ffffff;border-radius:35px;margin:0 auto;color:#ffffff;padding:11px} .farounded .fas{color:#ffffff} /******** Overlay ********/ .divider-10{ height:10px} .divider-50{ height:50px} .divider-80{ height:80px;clear:both} .divider-100{ height:100px} .bottomimgcontent{ position:absolute;bottom:0px;z-index:99;width:100%;text-align:center} #servicos1 .title{ margin-top:60px;margin-bottom:20px} #servicos1 .title-section h2{ display:inline-block;background:#ffffff;padding-left:30px;padding-right:30px} #servicos1 .title-section h2::after { background:#7f7f7f; position:absolute; width:100%; left:10px; bottom:28px; z-index:-1; max-width:1320px} #servicos1 .text{ text-align:center;padding:27px 5px 1px 5px;background:#f7f7f7;margin-top:10px;font-size:20px} .content-title-form{ position:relative;margin-bottom:15px;margin-top:10px} .title-form{ font-weight:bold;background:#ffffff;z-index:9;display:inline-block;position:absolute;float:left;bottom:0px;padding-right:10px} .content-title-form .aline{ position:absolute;width:90%;right:0px;border-bottom:2px solid #7f7f7f;z-index:1;bottom:10px;float:right;right:5px} .ps-form-text{ font-size:14px;line-height:20px} /** #candidatura-anuncio .accordion-heading{ background:#f7f7f7;padding:20px;margin-top:10px} #candidatura-anuncio .accordion-content{ margin-top:10px;margin-bottom:30px;padding:20px} #candidatura-anuncio atag{ font-weight:normal;font:14px/16px Open Sans} #candidatura-anuncio .accordion-heading{ position:relative} .btn-candidatarse{ background-color:#00a3a4;color:#ffffff;border-radius:4px;border:none;display:inline-block;cursor:pointer;padding:10px 20px;text-transform:uppercase;border:1px solid #00a3a4} .btn-candidatarse:hover{ background-color:#00a3a4;color:#ffffff;border-radius:4px;border:none} .btn-candidatarseh{ background-color:#00a3a4;color:#ffffff;border-radius:4px;border:none;display:inline-block;cursor:pointer;padding:10px 20px;text-transform:uppercase;border:1px solid #00a3a4;width:110px;text-align:center} .btn-candidatarseh:hover{ background-color:#00a3a4;color:#ffffff;border-radius:4px;border:none} .btn-candidatarseh-c{ background-color:#f7f7f7;color:#ffffff;border-radius:4px;border:none;display:inline-block;cursor:pointer;padding:10px 20px;text-transform:uppercase;border:1px solid #7f7f7f;color:#7f7f7f; width:110px;text-align:center} .btn-candidatarseh-c:hover{ background-color:#00a3a4;color:#ffffff;border-radius:4px;border:none}/**/ .modal-open .modal { overflow:hidden} @media all and (orientation:landscape) { .modal-open .modal { overflow:auto}} .portugal2020-footer{ background:#ffffff;padding:10px 15px;text-align:right} @media screen and (max-width:1200px) { .portugal2020-footer{ background:#ffffff;padding:10px 15px;text-align:center}} .newsrightside{ padding-left:40px} @media screen and (max-width:576px) { .newsrightside{ padding-left:initial}} .newsletter_fot ul li span{ line-height:1.4 !important;display:block;color:#e8e8e8} .newsletter_fot ul li form{ margin-top:15px} .newsletter_fot ul li form input{ background:#4c4c4c} .newsletter_fot ul li form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#e8e8e8;opacity:1;/* Firefox */} .newsletter_fot ul li form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#e8e8e8} .newsletter_fot ul li form input::-ms-input-placeholder { /* Microsoft Edge */ color:#e8e8e8} .fa-calendar-alt:after{ content :'x'} .main_content .pull-right li::before { content:"\f068";font-family:FontAwesome;display:inline-block;margin-left:-2em;width:1.5em;color:#000;font-size:10px} .main_content .pull-right li{ padding-left:1.3em;padding-bottom:15px} .search-collapse{ background-color:#3cb871; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-top:30px; padding-bottom:30px; padding-left:15px; padding-right:15px} #search_mobile{ width:90% !important} button:focus { outline:0px} .fw-related-pages li a:hover { color:#00a3a4} /*@media (min-width:1200px) { .new-bottom-footer{ width:50%; float:left; margin:0; padding:12px 24px 20px 0px; text-indent:0; text-align:left; font:15px/21px Open Sans; text-transform:none; text-decoration:none; color:#fff; letter-spacing:normal; border:0; background:transparent; display:block; background:transparent; outline:0; padding-top:23px !important; position:relative; min-height:1px; -webkit-box-flex:0; box-sizing:border-box; position:relative; min-height:1px; flex:0 0 50%; max-width:50%}}*/ .txtpesquisa { border-radius:20px;border:none;padding:3px 10px;background:#00a3a4;color:#000;outline:0 !important} .btn-pesq { border:none;background:#00a3a4;border-radius:20px;padding:3px 10px;color:#ffffff} .fa-search { color:#fff} .new-bottom-footer{ /*width:50%;*/ float:left; margin:0; padding:12px 24px 20px 20px; text-indent:0; text-align:left; font:15px/21px 'Graphik'; text-transform:none; text-decoration:none; color:#fff; letter-spacing:normal; border:0; background:transparent; display:block; background:transparent; outline:0; padding-top:23px !important; position:relative; min-height:1px; -webkit-box-flex:0; box-sizing:border-box; position:relative; min-height:1px; flex:0 0 50%; /*max-width:50%;*/} .new-bottom-footer-right{ float:right} .new-bottom-footer-right a{ margin:0px 10px} .new-bottom-footer a { line-height:24px} .new-bottom-footer a span { margin:0;padding:0;text-indent:0;text-align:left;font:15px/21px 'Graphik';text-transform:none;text-decoration:none;color:#fff;letter-spacing:normal} .redes_sociais{ text-align:right} .redes_sociais a{ padding-left:10px} .meat-img-content{ overflow:hidden;margin-top:20px;border:solid 1px #cccc;margin-bottom:5px} .meat-img{ transition:transform .5s} .meat-img:hover{ -ms-transform:scale(1.5);/* IE 9 */ -webkit-transform:scale(1.5);/* Safari 3-8 */ transform:scale(1.5)} .meat-name{ position:absolute;bottom:0px} .clientes-content .images_d{ max-height:50vh} .news-img-content .images_d{width:50%;float:left;margin-bottom:10%;margin-right:15px} .titulo_main_news{font-size:26px;font-weight:400;margin-bottom:20px;color:#272525;padding-bottom:15px} .data_d_news{color:#272525;font-size:14px;padding-bottom:15px} .titulo_d_news{color:#9EAB05;font-size:21px;padding-bottom:15px} .images_d{float:left;max-width:50%;max-height:100vh;padding-right:40px;padding-bottom:10%} .texto_d{float:right;width:50%} .animated-icon1 span {/*background:#fff !important*/background: #000 !important;} .btn-solution { display:table;margin:15px 0 0;vertical-align:middle;padding:15px;text-align:center;color:#FFFFFF;border:2px solid #FFFFFF;border-radius:14px;background-color:transparent;transition:all 0.3s ease-in-out;min-height:55px;line-height:17px !important;font-size:13px;font-weight:bold;font-family:"'Graphik'", sans-serif;-webkit-touch-callout:none;/* iOS Safari */ -webkit-user-select:none;/* Chrome/Safari/Opera */ -khtml-user-select:none;/* Konqueror */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer/Edge */ user-select:none;cursor:pointer} .btn-solution:hover { background-color:#419B1C;border-color:#419B1C} .btn-solution { margin:5px auto} @media (max-width:992px) { .portfolio_text div{font-size:12px !important;line-height:13px !important;padding:2px !important} .portfolio_text div .btn-solution{padding:5px !important;min-height:15px} .footer-container .container { padding-bottom:40px; padding-top:10px} .new-bottom-footer{ max-width:100%; width:100%; text-align:center; padding-top:23px !important; float:none; margin:0 auto}} .titulo_pagina{padding-top:0px;padding-bottom:20px;text-align:left;font:21px/21px 'Graphik';text-transform:none;text-decoration:none;color:#272525;letter-spacing:normal;text-transform:uppercase} .images_d {height:auto !important} .modal-content { position:relative;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;background-color:#fff} @media (max-width:992px) { .footer-container .container { padding-bottom:40px; padding-top:10px} .new-bottom-footer{ max-width:100%; width:100%; text-align:center; padding-top:23px !important; float:none; margin:0 auto}} .modulocss13 { height:400px !important} .menu_left{width:548px} .menu_right{width:548px;margin-left:30px} .banner_topo{width:100%;height:400px;background:url('../../../files/topo_interior.jpg');background-position:center} @media only screen and (max-width :1680px) { .fix_container {padding:30px}} @media only screen and (max-width :1300px) { #main-menu > li > a {font-size:14px;padding:8px 12px 8px 12px !important} .menu_left{width:480px} .menu_right{width:480px;margin-left:30px} .megamenu-width{max-width:1120px;margin:0 auto !important} footer.footer2 {padding:0 15px 0 15px} footer.footer3 {padding:15px} #header .logo {left:0!important} #main-menu {right:15px!important}} @media only screen and (max-width :1140px) { #main-menu > li > a {font-size:14px;padding:8px 8px 8px 8px !important} .menu_left{width:435px} .menu_right{width:435px;margin-left:30px} .megamenu-width{max-width:1030px;margin:0 auto !important}} @media only screen and (max-width :1080px) { #main-menu > li > a {font-size:12px;padding:8px 8px 8px 8px !important} .menu_left{width:400px} .menu_right{width:400px;margin-left:30px} .megamenu-width{max-width:960px;margin:0 auto !important}} @media only screen and (max-width :1050px) { .footer-container .footer2 .newsletter_fot {float:left;width:100%}} @media only screen and (max-width :991px) { .banner_topo{width:100%;height:200px;background:url('../../../files/topo_interior.jpg');background-position:center;background-size:cover}} @media only screen and (max-width :768px) { .footer-container .footer2 .footer-block:nth-child(1) {margin:0} .footer-container .footer2 .footer-block:nth-child(2) {margin:0} .footer-container .footer2 .newsletter_fot {width:340px;margin:0 auto;float:inherit;display:block} .footer-container .footer2 .footer-block{max-width:100%} .titulo_banner{margin:0 auto;font-size:28px;font-weight:300;padding:15px;line-height:32px} .titulo_banner2{margin:0 auto;font-size:22px;font-weight:400;padding:15px;line-height:26px} .bt_saiba_mais{margin:0 auto;font-size:22px;font-weight:400;padding:15px} .sub_titulo_banner2 {margin:0 auto;width:100%;color:#fff;text-align:center;font-size:24px;font-weight:300;line-height:26px;padding:15px} .sub_titulo_banner3 {margin:0 auto;width:100%;color:#fff;text-align:center;font-size:38px;font-weight:300;line-height:42px;padding:15px} .footer-container .footer2 h4 {text-align:center} .footer-container li {text-align:center;float:inherit !important;padding:15px} .top_menu {margin-top:13px;right:17px;right:125px} .cartitems{cursor:pointer;margin-right:10px} .cart-bonus {top:22px} .loginbox .floatright {float:left} .loja_header{height:65px} .newsletter-momenu #m_email {background:#fff;color:#000} div.apprise .apprise-content { font-size:18px;line-height:22px} .footer2 {background-size:cover} .novo_site {margin-top:0px} #novo_site_bloco{ background:none !important} #form6 .row .col-md-1, #form6 .row .col-md-2, #form6 .row .col-md-3, #form6 .row .col-md-4, #form6 .row .col-md-5, #form6 .row .col-md-6, #form6 .row .col-md-7, #form6 .row .col-md-8, #form6 .row .col-md-9, #form6 .row .col-md-10, #form6 .row .col-md-11, #form6 .row .col-md-12{ padding:0 !important} .servicos_info{ margin-bottom:22px} .pesq_colaboradores{ padding:0} #form5 .row .col-md-1, #form5 .row .col-md-2, #form5 .row .col-md-3, #form5 .row .col-md-4, #form5 .row .col-md-5, #form5 .row .col-md-6, #form5 .row .col-md-7, #form5 .row .col-md-8, #form5 .row .col-md-9, #form5 .row .col-md-10, #form5 .row .col-md-11, #form5 .row .col-md-12{ padding:0 !important; padding:0 !important} #form4 .row .col-md-1, #form4 .row .col-md-2, #form4 .row .col-md-3, #form4 .row .col-md-4, #form4 .row .col-md-5, #form4 .row .col-md-6, #form4 .row .col-md-7, #form4 .row .col-md-8, #form4 .row .col-md-9, #form4 .row .col-md-10, #form4 .row .col-md-11, #form4 .row .col-md-12{ padding:0 !important; padding:0 !important}} @media (max-width:767px) { #footer3{padding:30px !important} .footer-container h4::after { display:block; content:"\f055"; font-family:"FontAwesome"; position:absolute; right:0; font-size:14px} /* .footer-container ul { display:none}*/ } @media (max-width:720px) { .new-bottom-footer{width:100%;text-align:center;padding-top:13px !important} .images_d{width:100%;max-width:100%} .texto_d{width:100%;max-width:100%} .news-img-content .images_d{width:100% !important;max-width:100%}} .left-nav{ float:none;right:unset;left:0;position:relative !important} .right-nav{ float:none;right:0;left:unset;position:relative !important} .nav-logo-center{ display:flex;justify-content:center;align-items:center;position:relative !important} .nav-logo-center .logo{ position:relative;float:none !important;left:0 !important;right:auto;width:max-content;margin-top:48px !important;width:max-content;position:relative !important} .nav-logo-center .logo img{ width:100%;max-width:140px !important} .nv-tl{ display:flex} /* #header{ position:absolute} */ .colaboradores_logos img{ width:100%;max-width:100%;padding:5px 20px 0} #form4 .col-md-6{ padding:0 17px;margin:0} #sobre_bloco img{ width:100% !important;max-width:100% !important} .pesq_colaboradores{ text-align:center;background:#f9f9f9;padding:30px 80px;font:16px/18px 'Graphik' !important} .pesq_colaboradores .text span{ font:15px/22px 'Graphik' !important} .pesq_colaboradores .text strong{ font:15px/22px 'Graphik' !important;font-weight:bold !important} .pesq_colaboradores .text span:nth-child(1){ font:22px/22px 'Graphik' !important} .pesq_colaboradores .text span:nth-child(1) strong{ font:22px/22px 'Graphik' !important;font-weight:bold !important} #bem_vindo_bloco img{ width:100% !important;max-width:100% !important} .novo_site{ margin-top:60px} .novo_site .tt{ font-size:24px;color:#e4a601;font-weight:bold} .novo_site strong{ font-size:17px} #novo_site_bloco{ background-image:linear-gradient(#efefef, #efefef 100%);background-size:100% 200px;background-repeat:no-repeat;background-position:center bottom} #novo_site_bloco .thumbnail{ background:transparent} #clientes_logos_bloco .img-content2 img{ max-width:100%;/* border:1px solid #dfdfdf;*/ padding:15px;margin-bottom:40px} #servicos_titulo_bloco .thumbnail{ padding:0 !important;margin:15px 0 0;float:right} #servicos_titulo_bloco .thumbnail img{ width:100% !important;max-width:100px !important} #servicos_titulo_bloco article.post-thumb{ margin-bottom:0} .servicos_line{ width:100%;height:15px;background:#e4a601} .servicos_line::after { content:'';width:30px;height:30px;/* background:url('../images/bolt_amarelo.svg');*/ display:block;position:absolute;left:50%;transform:translateX(-50%);margin:-20px 0 0;border-right:25px solid transparent;border-left:25px solid transparent;border-top:30px solid #e4a601} form .checkmark { position:absolute;display:inline-block;height:20px;width:20px;background-color:#dddddd;margin-top:2px} form .checkbox:hover input ~ .checkmark, form .radio:hover input ~ .checkmark { background-color:#dddddd} form .checkbox input:checked ~ .checkmark, form .radio input:checked ~ .checkmark { background-color:#2196F3} form .checkmark:after { content:"";position:absolute;display:none} form .checkbox input:checked ~ .checkmark:after, form .radio input:checked ~ .checkmark:after { display:block} form .checkbox .checkmark:after, form .radio .checkmark:after { left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} #form5 .form-group .checkbox{ /* width:33.3%;*/ margin:0 50px 0 0;position:relative} #form6 .form-group .checkbox, #form6 .form-group .radio{ margin:0 40px 0 0;position:relative} #form5 .checkbox label, #form6 .checkbox label, #form6 .radio label{ font-weight:normal;color:unset} form .button3{ border-radius:20px} .Diretrizes{ font-family:'Graphik';color:#494848} .contactos{ font:15px/20px 'Graphik' !important} .footer2{ min-height:45px;background:#fff;padding: 20px; background: #00a8a9;} .news_detalhe{ background:#f2f2f2;padding:20px} .newsrightside .content{ min-height:unset} .servicos_info span::before{ content:' ';display:inline-block;width:20px;height:10px;margin-right:5px;background:url('../images/bolt_amarelo.svg');background-repeat:no-repeat} .info-empregos, .info-empregos p{ font:18px/27px 'Graphik';margin:0;text-align:left;color:#494848} .info-empregos strong{ font-weight:bold} .info-empregos .cabecalho{ font:18px/27px 'Graphik' !important;font-weight:bold !important;margin:0 0 10px !important;color:#494848 !important;height:unset !important} #empregos_titulo_bloco .thumbnail{ padding:0 !important;/* margin:0;*/ margin:15px 0 0;float:right} #empregos_titulo_bloco .thumbnail img{ width:100% !important;max-width:130px !important} #empregos_home_bloco .thumbnail{ padding:0 !important;margin:0} #empregos_home_bloco .thumbnail img{ width:100% !important;max-width:200px !important} .titulo_emregos{ font:21px/21px 'Graphik', serif;text-transform:none;text-decoration:none;letter-spacing:normal;text-align:left;padding:15px 0 15px 80px;color:#fff;background-color:#494848} .titulo_emregos::before{ content:' ';display:inline-block;width:20px;height:10px;margin-right:10px;background:url('../images/grafismo_titulos.png')} .titulo_emregos strong{ font:21px/21px 'Graphik', serif;color:#00a3a4} /* #pag_empregos .project{ border-bottom:2px solid rgb(225, 225, 225) !important;border-right:0 !important} */ /* #candidatura_emprego{ display:none} */ .text { font-family:'Graphik';color:#494848} .text span{ font-family:'Graphik';color:#494848} p{ font-family:'Graphik';color:#494848} .noticia_inside h3{ font-family:'Graphik';color:#494848} .noticia_inside ol>li{ font-family:'Graphik';color:#494848} .noticia_inside strong{ font-family:'Graphik';color:#000} #form6 { font-family:'Graphik';color:#494848} .banner_topo_homepage { color:#fff;text-align:center} .banner_topo_homepage .banner_topo_outer { width:100%;padding:40px 50px;margin:0;background-color:rgba(0, 0, 0, 0.65)} .banner_topo_homepage .banner_topo_outer .titu1 { font:21px/30px 'Graphik', serif;text-transform:none;text-decoration:none;letter-spacing:normal;text-align:center} .banner_topo_homepage .banner_topo_outer .titu2 { font:17px/30px 'Graphik';text-transform:none;text-decoration:none;letter-spacing:normal;color:#D9D9D9} .banner_topo_homepage .botao{ background:#00a3a4;width:max-content;margin:0 auto;margin-top:0px;color:#1E1E1E;font:15px/27px 'Graphik';padding:5px 10px;margin-top:-20px} .top-navigation ::marker{ display:none} b, strong{ font-family:'Graphik';font-weight: 600;} .banner_topo_homepage .botao a{ color:#1E1E1E;font-size:13px;font-weight:700} .banner_topo_homepage .botao a:hover{ color:#1E1E1E} .form-registo{ font-family:'Graphik';color:#494848} .footer-container .footer2 .bottom-footer2 a img{ width:100%;max-width:27px} .share{ width:100%;max-width:27px} #form6 #row_check .form-group .checkbox, #form5 #row_check .form-group .checkbox, #form4 #row_check .form-group .checkbox{ margin:0 30px 0 0} #form4 #row_check .form-group{ width:max-content} .footer-container .footer2 .bottom-footer2 a strong{ color:#fff} .footer-container .footer2 .bottom-footer2 span{ color: #fff; padding-bottom: 10px;} #row_check input{ width:0} #pag_empregos .col-md-3{ margin-bottom:30px;padding:0} @media screen and (min-width:589px) and (max-width:900px) { #emp2_home{ margin-left:25px !important}} @media screen and (min-width:575px) and (max-width:589px) { #emp2_home{ margin-left:22px !important}} #pag_candidatura .col_left{ width:70%;background:#f9f9f9;padding:10px 15px} #pag_candidatura .col_right{ width:30%} @media screen and (max-width:900px) { #pag_candidatura .col_left, #pag_candidatura .col_right{ width:100% !important}} @media screen and (min-width:930px) and (max-width:948px) { .footer-container .footer3 section:nth-child(1){margin:10px 4% 10px 4%} .footer-container .footer3 section:nth-child(2){margin:10px 4% 10px 4%} .footer-container .footer3 section:nth-child(3){margin:10px 4% 10px 4%}} @media screen and (min-width:900px) and (max-width:929px) { .footer-container .footer3 section:nth-child(1){margin:10px 4% 10px 4%} .footer-container .footer3 section:nth-child(2){margin:10px 4% 10px 4%} .footer-container .footer3 section:nth-child(3){margin:10px 4% 10px 4%}} @media screen and (min-width:861px) and (max-width:900px) { .footer-container .footer3 section:nth-child(1){margin:10px 4% 10px 4%} .footer-container .footer3 section:nth-child(2){margin:10px 4% 10px 4%} .footer-container .footer3 section:nth-child(3){margin:10px 4% 10px 4%}} @media screen and (min-width:796px) and (max-width:860px) { .footer-container .footer3 section:nth-child(1){margin:10px 3% 10px 3%} .footer-container .footer3 section:nth-child(2){margin:10px 3% 10px 3%} .footer-container .footer3 section:nth-child(3){margin:10px 3% 10px 3%}} @media screen and (min-width:767px) and (max-width:795px) { .footer-container .footer3 section:nth-child(1){margin:10px 2% 10px 2%} .footer-container .footer3 section:nth-child(2){margin:10px 2% 10px 2%} .footer-container .footer3 section:nth-child(3){margin:10px 2% 10px 2%}} #pag_candidatura .col_right .col-md-12:last-child{ margin-bottom:25px} #sobre_bloco .thumbnail img{ max-width:640px !important} /* .col_right .col-md-12{ padding-bottom:30px} */ #projects .project-animated .project-heading .thumbnail{ height:480px;height:550px;height:auto;min-width:366px;min-height:505px} @media screen and (max-width:576px) { #projects .project-animated .project-heading .thumbnail{ height:530px}} @media screen and (min-width:576px) and (max-width:960px) { #projects .project-animated .project-heading .thumbnail{ height:440px}} .noticias_destaque::after{ display:block;content:'';width:200%;background:#000;bottom:0;position:absolute;height:4px;width:200%;left:0} #sobre_bloco .col-md-6:nth-child(3) .text p{ margin:0} #sobre_bloco .text .titulo_d{ padding-top:0} #pag_empregos .project-heading{border-bottom:0px solid #e1e1e1;padding-bottom:30px} .FoodBeverage, .HouseKeeping{ position:relative;margin-bottom:50px} .inside_FoodBeverage, .inside_HouseKeeping { visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s linear;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);/* background:#fff;*/ color:#fff;width:75%;padding:25px;display:flex;flex-direction:column;line-height:1.7;z-index:1} .inside_FoodBeverage span, .inside_HouseKeeping span { color:#fff} .inside_FoodBeverage h3, .inside_HouseKeeping h3 { color:#fff;margin-bottom:25px} .bg-image { position:absolute;top:0;left:0;z-index:0;transition:filter 0.5s ease;width:100%;height:600px;background:rgba(0, 0, 0, 0.77);opacity:0} .FoodBeverage:hover .bg-image, .HouseKeeping:hover .bg-image{ opacity:1} .FoodBeverage:hover .inside_FoodBeverage, .HouseKeeping:hover .inside_HouseKeeping{ visibility:visible;opacity:1;z-index:2} #form6 .col-md-8 .form-control { width:93%} #main-menu li:hover .dropdown li:hover{ background-color: #1c3746 !important; color: #fff !important; } #main-menu li:hover .dropdown li:hover a{ background-color: #1c3746 !important; color: #fff !important; } .footer-container .footer{ background: #1c3746; padding: 50px 20px; } .footer-container .footer .bottom-footer2{ margin: 0; padding: 12px 24px 20px 0px; padding: 10px 24px 5px 0px !important; text-indent: 0; text-align: left; /* font: 15px/21px Open Sans; */ font: 15px/21px 'Graphik'; text-transform: none; text-decoration: none; color: #fff; letter-spacing: normal; } .bx_contactos{ box-shadow: 10px 7px 15px 10px rgba(0,0,0,0.1); position: relative; } .bx_contactos .container { width: 100%; max-width: 100% !important; padding: 0; } .bx_contactos .container .row{ margin: 0; } .bx_contactos .row .col-lg-6:nth-child(2) { background: #00a8a9 !important; color: #fff !important; } .bx_contactos .row .col-lg-6:nth-child(2) .text{ color: #fff !important; } .bx_contactos form .button3{ background: #1c3746; border-radius: 0; width: max-content; padding: 15px 40px; } #form4 span{ font-size: 14px; color: #1c3746; font-weight: 500; } #form4 .form-control{ background: transparent; border: none; border-radius: 0; border-bottom: 1px solid; box-shadow: none; } #bx_img{ position: absolute; top: -15%; right: -4%; width: 100%; max-width: max-content; } #bx_img img{ width: 100%; max-width: 150px; } .bx_contactos .bx_left{ padding: 0 20px; } .bx_contactos .redes_sociais, .noticia_inside .redes_sociais{ margin: 0; padding: 10px 24px 5px 0px !important; text-indent: 0; font: 15px/21px 'Graphik'; text-transform: none; text-decoration: none; color: #fff; letter-spacing: normal; } .bx_contactos .redes_sociais img, .noticia_inside .redes_sociais img{ width: 100%; min-width: 27px; max-width: 27px; } .destaques_noticias_bloco { background: #f3f3f3; } .destaques_noticias_bloco .entry-title{ margin: 10px 0 !important; } .destaques_noticias_bloco .entry-title span{ color: #00a3a4; font-weight: bold; } #ban-homepage_bloco { background: rgba(0, 163, 164,0.1); /* padding: 50px 0; */ padding: 0; } #cont1_home_bloco{ background: rgba(0, 163, 164,0.1); padding: 50px 0; } .portfolio-projects article .cabecalho{ color: #00a3a4; font-weight: 600 !important; } .footer-container .footer2 .newsletter_fot{ padding: 0 !important; margin: 0 !important; } .footer-container .footer2 .newsletter_fot ul li form{ margin: 0 !important; } .footer-container .footer2 .newsletter_fot ul li form .input-group .form-control{ background-color: #fff !important; color: #000 !important; } .footer-container .footer2 .newsletter_fot ul li form .input-group-btn:last-child > .btn{ background-color: #fff !important; color: #909090 !important; padding: 9px 15px !important; } .l1_prods { list-style-type: none; } .l1_prods > li{ font-weight: 600; border-bottom: 1px solid #ebebeb; padding: 10px 0; margin-bottom: 15px; cursor: pointer; position: relative; display: flex; align-items: center; } .l1_prods > li > .icon { position: absolute; right: 10px; top: 25%; transform: rotate(90deg); transition: transform 0.3s; color: #00a8a9; } .l1_prods > li.active > .icon{ transform: rotate(0deg); } .l1_prods li:hover{ color: #00a8a9; } .l2_prods{ display: none; padding: 15px 30px; } .l2_prods li{ color: #00a8a9; padding: 10px 0; cursor: pointer; } .l2_prods li:hover{ color: #000; } .fw-langs{ background: transparent !important; } .fw-langs a{ padding: 5px !important; border: 1px solid #000; border-radius: 50%; font-size: 10px; } .fw-langs a:hover{ color: #00a3a4; border-color: #00a3a4; } .fw-langs li.active a{ background-color: #00a3a4 !important; color: #000; border-color: #00a3a4; } .p_prods{ padding: 0 70px; } @media screen and (max-width: 576px) { #ban-homepage_bloco { padding: 50px 30px; } .p_prods{ padding: 0; } #p_quem_somos .text{ padding: 50px 0 0; } .c_visao .text{ padding: 30px 0 0; } .bx_contactos .container{ padding: 0 !important; } .bx_contactos .redes_sociais{ padding: 50px 0 0 !important; } #bx_img{ display: none; } #ban-homepage_bloco{ padding: 0 !important; } #ban-homepage_bloco .img-content2{ padding: 50px 30px 0; } #ban-homepage_bloco .text{ padding: 0 30px 50px; } .main_content{ padding-top: 64px !important; } footer.footer2 > .container > .row{ text-align: center; } #cont1_home_bloco .text { padding: 0 30px; } .newsrightside .content{ color: #000 !important; font-size: 16px !important; margin: 0 auto !important; padding: 20px 0 0 35px !important; width: 100% !important; line-height: 1.5 !important; } } .btn_sm{ color: #00a3a4; border: 1px solid; padding: 5px 25px; font-size: 15px; } .btn_vm{ color: #1c3746; border: 1px solid #1c3746; padding: 5px 25px; font-size: 15px; text-transform: uppercase; } .btn_vm:hover{ background: #00a3a4; color: #fff; border-color: #00a3a4; } #page_quem_somos{ background-color: #f0fffe; } article a{ font-family: "Graphik", sans-serif; } #bft_bloco p{ display: none; } #bft_bloco > div{ width: 100%; } #bft_bloco .text div{ padding: 50px 0; margin: 0 auto; text-align: center; } #bft_bloco span, #bft_bloco b{ font-size: 22px; font-weight: 900; font-family: "Graphik", sans-serif; } #bft_bloco b{ color: #00a8a9; } @media screen and (min-width: 960px){ .bfl1{ padding: 44px 24px 5px 0px !important; } .bfl2{ padding: 64px 24px 5px 0px !important; } } .footer-container .footer .bottom-footer2 a{ color: #fff; } #header .fix_container{ padding-top: 0; padding-bottom: 0; } #cont1_home_bloco .text{ max-width: 500px; }