body {overflow: auto;}
html, body {font-family: 'Roboto', sans-serif;  font-size: 12px;overflow: visible; color:#666666;width:100%; height: 100%; background: #ebebeb;font-weight: 300}
* {box-sizing:border-box;outline: none !important; font-family: 'Roboto', sans-serif;font-weight: 300}
::-webkit-input-placeholder {font-style:normal; font-size:10px; }
:-moz-placeholder {font-style:normal; font-size:10px; }
::-moz-placeholder {font-style:normal; font-size:10px; }
:-ms-input-placeholder {font-style:normal; font-size:10px; }
@-ms-viewport { width: auto !important;}
.left {float:left;}
.right {float:right;}
.clearfix {clear:both;}
.nopadding {padding-left: 0 !important; padding-right:0 !important;}
.margin-grid{margin-top:15px; margin-bottom:30px}
.margin-grid-top-bottom{margin-top:15px; margin-bottom:15px}
.margin-grid-bottom{margin-bottom:30px}
.margin-grid-bottom-10{margin-bottom:10px}
.margin-grid-bottom-25{margin-bottom:25px}
.margin-grid-bottom-50{margin-bottom:50px}
.margin-grid-bottom-100{margin-bottom:100px}
.margin-grid-top{margin-top:30px}
.margin-grid-top-10{margin-top:10px}
.margin-grid-top-50{margin-top:50px}
.margin-grid-top-100{margin-top:100px}
.padding-grid-bottom-50{padding-bottom:50px}
.padding-grid-top-50{padding-top:50px}
.shadow-bottom {-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);}
.shadow {-webkit-box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 9px 0px rgba(50, 50, 50, 0.3); box-shadow:1px 1px 9px 0px rgba(50, 50, 50, 0.3);}
.box-shadow{-webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,0.29) !important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,0.29) !important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,0.29) !important;}
.bradius6 {-webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; }
.bradius6-bottom {-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
.bradius6-left {-webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.transform50XY {top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%);}
.transform50Y {top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.transform50X {left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.transicao {-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.lato-font {font-family: 'Roboto', sans-serif;}
.transicaoheader {-webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; transition: all .9s ease-in-out; }
.form-label {margin-bottom: 10px;}
.form-control {font-size: 13px;background-color:#fff;color:#7e7e7e; border:1px solid #ced4da; height: 35px; border-radius: 15px; box-shadow:none;}
textarea:focus,textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, select.form-control:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-width:1px; border-color: rgba(0, 173, 238, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 173, 238, 0.6) !important; outline: 0 none;}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.form-control {-webkit-appearance:none;} }
.form-control-feedback {top: 0px;right: 13px; width: 14px; height: 14px; line-height: 28px;}
.has-feedback label ~ .form-control-feedback {top: 21px; right:5px }
.form-label {margin-bottom: 6px;font-size:14px;}
.loading {width:18px; height: 15px; background:url("../images/loader.gif") no-repeat; display: none;}
.fullimgbg {background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#my-menu:not( .mm-menu ) {display: none;}
.checkbox, .radio {width: auto;}
input[type=text] + label.error{margin-top:5px}
label.error {color:red;clear: both; float: left;font-size:10px;padding-left: 5px;}
#area .login {width: 100%}
.social-login {width: 100%; margin: 25px auto 0px auto; position: relative;}
.social-login li {width: calc(50% - 5px);text-align: center; border:0;float: left;  padding:10px 20px; margin-right: 10px; cursor: pointer;}
.social-login li:hover {color:#fff;background: #000}
.social-login li i {margin-right: 5px;}
.social-login li:last-child {margin-right: 0;}
.social-login .facebook-large {background: #3b5998; color:#fff;}
.social-login .facebook-large:hover {background: #284786}
.social-login .google-large {background: #DD4C3B; color:#fff;}
.social-login .google-large:hover {background: #a9241a;}
.separator-connect {font-size: 13px;text-align: center; text-transform: uppercase;  margin-top: 30px; position: relative;}
.separator-connect:after {content:''; height: 1px; background: rgba(230,60,47,0.2); position: absolute; top:8px; left: 15px; right: 15px; }
.separator-connect span {padding: 5px 10px; background:#fff; position: relative; z-index: 2; }
.p-6 {padding: 4rem !important}
.float-inherit {float: inherit !important}

#InputHidden {display: none;}
.alert {font-size: 14px; text-align: center;clear:both;}
.margin-header{padding-top:100px;}
#modal-termos .modal-content {padding-top:10px;}
.modal .modal-content > button {position: absolute; top: 10px; right: 15px;z-index: 10; color: #1a4a7b; opacity: 1}

.nav-tabs > li > a {border-radius: 0;}
.btn-default:active, .btn-default.active, .btn-default:active:focus, .btn-default.active:focus {background-color: #ffffff; color:#ffffff;}

.btn {font-size:13px;border-radius: 0;padding:8px 12px; letter-spacing: 2;box-shadow: none}
.btn.disabled {cursor: not-allowed; border: 1px solid #666; color:#666; pointer-events:inherit;}
.btn-primary, .swal2-confirm { background: #ffffff !important; border-color: #ced4da !important; color: #707070 !important; text-transform: uppercase; border-radius: 15px !important; padding: 5px 30px !important;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn-primary:hover, .swal2-confirm:hover {background:#143a61 !important; color:#ffffff !important; border-color:#143a61 !important;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.btn-secondary,.btn-secondary:link {background:transparent !important; border-color:#004784 !important; color:#004784 !important; text-transform: uppercase;}
.btn-secondary:hover {background:#c2d3bf !important;}

.btn-default{color:#143a61}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;}

.box-shadow{-webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38);}

/* BREADCRUMB */
.breadcrumb-wrapper {float:right;margin-bottom: 15px;text-align: right;}
.breadcrumb-wrapper i {color:#00adee; margin:0 5px;}
.breadcrumb-wrapper .breadcrumb-content {padding-top:4px;text-transform:uppercase;color:#666;}
.breadcrumb-wrapper .breadcrumb-content a {color:#666;}
.breadcrumb-wrapper .breadcrumb-content a:hover {color:#000;}

.geral-section{padding-top: 50px;padding-bottom: 50px; float: left; width: 100%; clear: both;}
.margin-0-auto{margin: 0 auto}

/* FONTS */
h1 {color:#333333; margin-bottom: 20px; font-size: 23px; text-transform: uppercase; font-weight: 300;padding-bottom: 10px; margin-bottom: 15px; display: inline-block;}
h1:after {content: ''; clear:both;}
h2 {font-size:26px;font-weight: 400 !important;color:#000;text-transform: uppercase;}
h3 {font-size:16px; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 15px; display: inline-block;}
h5{color: #fff}
b, strong {font-weight: bold;}
p {line-height: 25px; font-size: 16px; word-wrap:break-word;font-weight: 300}

a:link, a:hover, a:visited, a:active{ color:#232323; text-decoration:none;}
a:hover {color:#666;}
a.disabled, a.disabled:hover, a.disabled:focus {color: #999 !important; cursor: not-allowed; }

.font10 {font-size: 10px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font25 {font-size: 25px;}
.fontLight {font-weight: 300;}
.txtAzul {text-transform: uppercase; color:#00adee;}
.txtWhite {color:#fff;}
.txtshadow {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
.txtUppercase {text-transform: uppercase;}
.txtGray {color:#9b9b9b}

.btn{ font-weight: 300 !important;}


/* CARRINHO QUANTIDADES */
.quantity-wrapper {position: relative;width: 55%;}
.btn-quantity-wrapper {position:absolute;top:0;width: auto; right: 0;z-index:2;}
.quantityinput {padding-right: 70px;border: 1px solid #cbcbcb;height: 33px;padding-left:5px; font-size: 16px; width: 100%; text-align: right;border-radius: 0}
.btn-quantity {border: 1px solid #cbcbcb; color: #00adee; margin-left: 1px; margin-top:0; background: #fff;width: 30px; height: 33px; float: left; line-height: 33px; font-size: 10px;text-align:center;vertical-align:middle;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn-quantity:active {background:#0198d1;}
.btn-quantity:active i {color:#fff;}

/* WINDOW ALERT */
#windowAlertModal {z-index: 9999999999;}
#windowAlertModal .modal-header .close {margin-top: -2px;position: absolute;top: 10px;right: 10px;}
#windowAlertModal .modal-header {padding: 30px 20px 10px;border-bottom: 0;min-height: 16.4286px; color: #FFF;}
#windowAlertModal .modal-header h3 {color:#00adee; font-size: 20px;text-align: center; font-weight: bold;}
#windowAlertModal .modal-content {border-radius: 0; border:1px solid #000;}
#windowAlertModal .modal-content p {font-size: 14px;color:#A7A9AC; text-align: center;}
#windowAlertModal .modal-footer {padding:15px;}
#windowAlertModal .modal-footer button {width: 100%; height: 40px;}
#windowAlertModal .modal-body {padding: 10px 20px 30px;}
#windowAlertModal .btn {background-color: #00adee;margin-left: 0;}
#windowAlertModal .btn-danger {background-color: #00adee; border:0;}

/* WINDOW CONFIRM */
#windowConfirmModal {z-index: 9999999999;}
#windowConfirmModal .modal-header .close {margin-top: -2px;position: absolute;top: 10px;right: 10px;}
#windowConfirmModal .modal-header {padding: 30px 20px 10px;border-bottom: 0;min-height: 16.4286px; color: #FFF;}
#windowConfirmModal .modal-header h3 {color:#000; font-size: 20px;text-align: center; font-weight: bold;}
#windowConfirmModal .modal-content {border-radius: 0; border:1px solid #00adee;}
#windowConfirmModal .modal-content p {font-size: 14px;color:#A7A9AC; text-align: center;}
#windowConfirmModal .modal-footer {padding:15px;}
#windowConfirmModal .modal-footer button {width: 100%; height: 40px;}
#windowConfirmModal .modal-body {padding: 10px 20px 30px;}
#windowConfirmModal .btn {background-color: #00adee;margin-left: 0;}
#windowConfirmModal .btn-danger {background-color: #00adee; border:0;}
#windowConfirmModal .btn-primary {background-color: #00adee; border:0;}

.modal{text-align:center;padding:0!important;}
.modal .modal-content {padding-top:15px;}
.modal .modal-content>button {position: absolute; top: 15px; right: 15px;z-index: 10}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle;border: 1px solid #1a4a7b;}
.modal-content{border-radius: 0;
/*	-webkit-box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    5px 5px 0px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         5px 5px 0px 0px rgba(50, 50, 50, 0.3);*/
	border:0;
}
.modal-body h2 {margin-top: 0; margin-bottom: 20px; font-size: 22px}
.modal .modal-footer {border-color: rgba(0,44,90,.2);}

/* checkbox + radio */
.checkbox, .radio {width: auto;}
input[type=checkbox], input[type=radio]{visibility:hidden;position:absolute;}
label.checkbox{cursor:pointer; min-height:23px; text-indent: 32px;padding-right:32px;overflow:visible;display:inline-block;position:relative; padding-top:3px !important; font-size: 16px; line-height: 15px; font-weight: normal}
label.checkbox:before{background:#fff;content:'';position:absolute;top:0px;left:0;width:24px;height:24px;border:1px solid #cbcbcb;}
label.checkbox.error:before {border:1px solid #cc0000;}
label.checkbox:after{opacity:0;content:'';position:absolute;width:11px;height:6px;background:transparent;top:8px;left:7px;border:3px solid #1a4a7b;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
input[type=checkbox]:checked + label:after{opacity: 1; }
label.checkbox.unchecked:after {opacity: 0;}

label.radio{cursor:pointer; min-height:23px; text-indent: 32px;padding-right:32px;overflow:visible;display:inline-block;position:relative;font-size: 13px; font-weight: normal}
label.radio:before{background:#fff;content:'';position:absolute;top:0px;left:0;width:24px;height:24px;border:1px solid #cbcbcb;-webkit-border-radius: 15px; -ms-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;}
label.radio.error:before {border:1px solid #cc0000;}
label.radio:after{opacity:0;content:'';position:absolute;width:11px;height:6px;background:transparent;top:8px;left:7px;border:3px solid #1a4a7b;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
input[type=radio]:checked + label:after {opacity: 1; }
label.radio.unchecked:after {opacity: 0;}
.wrap {position:relative; min-height:100%;left:0; float: left; display: block; width: 100%; background:#ffffff; padding-bottom:45px;}


/*USER MENU*/
.user-box-wrapper {float:right;position: relative;margin-top: 15px;}
.user-box-wrapper a {color:#000;font-size:12px;}
.user-box-wrapper a:hover {color:#666;}
a.user-cart-top {color:#000;padding: 0px 3px 5px;}
a.user-cart-top:hover {color:#666;}
a.user-cart-top i {float:left;vertical-align: middle;font-size:16px; margin-right:6px; color:#333;}
.user-cart-top-content {float:left;text-transform:uppercase}
.user-box-login-bts.open .pestana_area {border-bottom:2px solid #00adee;}
.user-cart-top-wrapper.open .user-cart-top {border-bottom: 2px solid #00adee}
.user-wishlist {margin-left:10px;padding-left:10px; border-left:1px solid #bbb;}
.btlogout {text-transform: uppercase;}

/*LANGS*/
#lang {float:right;position: relative;margin-left: 15px; margin-top:0; z-index:5;}
#lang i {margin-right: 4px; color:#333;vertical-align: middle; height: 16px;}
#lang > a {text-transform: uppercase;font-size:12px;cursor: pointer; line-height: 10px;color:#000;}
#lang a.active {border-bottom: 1px solid #232323;}
/* #lang > a:hover {font-size:12px !important;} */
#lang ul {border:0;top:20px;display:block;padding: 15px 30px;transform-origin: 50% 0px 0px; transform-style: preserve-3d; opacity: 0; transform: scale(1, 1) rotateX(90deg); transition: all 0.2s ease 0s;    -webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1) !important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1) !important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1) !important; }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {#lang ul {display:none;} }
#lang ul li:hover a {/*background:#00adee;*/ color:#000;}
#lang ul li {margin-top: 5px;margin-left: 0; padding-bottom: 0; }
#lang .arrow{position:absolute;top: 18px;right: 23px;display:none; width:9px; height:4px;float:left; background: url('../modules/netusers/images/arrow_bt.png')}
#lang.show {z-index: 999;}
/* #lang.show > a {border-bottom: 2px solid #00adee;} */
#lang.show .arrow {display: block}
#lang.show ul {opacity: 1;transform: scale(1, 1) rotateX(0deg); display: block}


/*SEARCH*/
.search-list-results li {width: 100%;clear:both; padding:15px; float:left;margin-bottom: 15px; border-bottom:1px solid #ebebeb;}
.search-list-results li:hover {background:#ebebeb;}
.search-list-results li img {margin-right: 15px;}
.search-list-results li h2 {margin-bottom: 10px;}
.search-list-results li p {width: 80%;}
.search-list-results li .product-price {float: right;}

/*BREADCRUMB*/
#breadcrumb {float:right;margin-bottom: 20px; text-transform: uppercase;}
#breadcrumb i {padding:0 6px; font-size:9px;color:#999;}
#breadcrumb i:last-child {display: none;}
#breadcrumb a {font-size:10px;color:#999;}
#breadcrumb a:hover {color:#555;}

/*PAGINATION*/
.paginacao {width:100%; background:#fff; margin-top:15px; margin-bottom:15px; padding-top:5px;}
.n-total-prod {line-height: 40px;vertical-align: middle; font-size: 12px; text-transform: uppercase;}
.n-total-prod b {font-weight: 600; color:#000;}
.label-mostrar {line-height:35px; font-size:12px; vertical-align:middle; margin:0 10px;}
.pagination-wrapper {background:#fff; border:1px solid #ebebeb; margin-top: 30px;}
.pagination {margin:5px 0;}
.pagination > li > a, .pagination > li > span { color:#000;margin-left:3px;/* border-radius:3px;*/padding: 4px 9px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#00adee; border-color:transparent}
.pagination > li:first-child > a, .pagination > li:first-child > span {background:#f5f5f5}
.pagination > li:last-child > a, .pagination > li:last-child > span {background:#f5f5f5}
.pagination > li:first-child.active > a, .pagination > li:first-child.active > span {background-color:#00adee; border-color:transparent}
.pagination > li:last-child.active > a, .pagination > li:last-child.active > span {background-color:#00adee; border-color:transparent}
.top-filter-wrapper {height:45px; background:#f8f8f8;border:1px solid #ebebeb; display:block;margin-bottom:12px; padding:4px;}
.top-filter-wrapper .form-control {background-color:#fff;  box-shadow: none;}
.top-filter-wrapper .custom-select:after {background: #fff;}
.top-filter-wrapper .paginas-total-w {line-height:35px; font-size:12px; vertical-align:middle; margin:0 10px;}

/*CUSTOM SELECT*/
label.custom-select {position: relative;display: inline-block;width: 100%;  margin-bottom: 12px; padding:0; border-radius: 15px; -webkit-border-radius:15px; -moz-border-radius:15px; overflow: hidden; height: 35px;}
label.custom-select .form-control{cursor: pointer; height: 33px;padding: 0 10px;font-size: 11px; font-style: normal;}
label.custom-select .glyphicon{position:absolute; right:4px; top:10px; z-index:10; background:#fff;}
.custom-select select {display: inline-block;margin: 0;font: inherit;outline:none; font-size: 14px;-webkit-appearance:none;border:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.custom-select select {padding-right:30px;} }
.custom-select select:focus {-webkit-box-shadow: 0 0 3px 1px #000;-moz-box-shadow: 0 0 3px 1px #000;box-shadow: 0 0 3px 1px #000;}
.custom-select:after {content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute;top: 0px;right: 7px; height:31px;border-left: 0; font-size: 16px;line-height: 32px;padding: 0px 8px; background: #fff;  color: #666; pointer-events:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.no-pointer-events .custom-select:after {content: none;}
label.custom-select.disabledSelect:after {background: #eee; color:#ccc;}
label.custom-select.disabledSelect .form-control {border: 1px solid #ccc; color:#ccc; cursor: not-allowed;}


/*CONTACTOS*/
.g-recaptcha-error{display:none; margin-top: 4px; color:red;}

/* ===================== FOOTER ===================== */
.newsletter-wrapper {line-height: normal; padding-top:2px;}
.newsletter-wrapper .form-group {margin:0;}
.newsletter-wrapper .text-label {text-align: right; line-height: 40px}
.newsletter-wrapper p {margin:0;}
.newsletter-wrapper input[type="text"] {background: #fff; border:0; border-bottom:1px solid #ebebeb; float: left; width: calc(100% - 43px); }
.newsletter-wrapper .btn {background: #000; padding:5px 12px;}
.newsletter-wrapper .checkbox {margin-top:15px; margin-bottom: 0; margin-left:8px;}
.newsletter-wrapper #newsletterTerms {display: none;}
.newsletter-wrapper .form-wrapper {margin-top: 5px;}
.newsletter-wrapper .form-wrapper > div:first-child {padding-right: 0;}
.newsletter-wrapper .form-wrapper > div:nth-child(2) {padding-left: 0;}
.newsletter-wrapper label.error {color:#ffffff;}

/*FOOTER*/
footer {position: absolute; bottom:0px; left: 0px; width: 100%; background: #ffffff; height: auto; color:#fff;vertical-align: middle; }
footer a{color: #707070 !important;font-size: 14px}
footer li:hover a{color: #232323 !important}
footer .subscreve{background: #314551; padding: 15px 0}
footer .subscreve h3{color: #ffffff; margin-bottom: 0;padding-bottom: 0;cursor: pointer; font-weight: 300;}
footer .subscreve h3:hover{color: #c8c8c8;}
footer .top h2{font-size: 26px}
footer .middle{padding: 40px 0; border-top:1px solid #ebebeb}
footer .middle h3{color: #000;font-weight: 400;margin-top: 0;margin-bottom: 0;display: block}
footer .middle ul{padding: 0;margin: 0}
footer .middle ul li{margin-bottom: 5px;}
footer .middle p{color: #707070;font-size: 14px}
footer .middle .redes-sociais ul li{display: inline-block;padding: 0 10px}
footer .middle .redes-sociais ul li:first-child{padding-left:0}
footer .middle .redes-sociais ul li a i{font-size: 20px;color: #707070}
footer .middle .redes-sociais ul li a:hover i{color: #333333}
footer .bottom {background: #F0F0F0;padding: 10px 0}
footer .bottom span, footer .bottom a {color: #999}
footer a.linkfull {color:#999;}
footer .logo_footer

/*FORMNEWSLETTER*/
#modalNewsletter .modal-dialog {border:none;max-width: 100%;}
#modalNewsletter .modal-body {padding: 50px}
#modalNewsletter .modal-content {padding-top: 0;border-radius:15px}
#modalNewsletter .modal-content>button {position: absolute; top: -25px; right: -25px; z-index: 10; background: #0000003d; border-radius: 50%; width: 25px; height: 25px;color: #ffffff}
#modalNewsletter .close {line-height: 1px}
#formNewsletter .form-control {border-radius: 15px}
#formNewsletter input[type=checkbox]{visibility: visible;width: initial;height: initial; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4);}
#formNewsletter input[type=checkbox] {-webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 15px; height: 15px; margin: 0; margin-right: 1px; display: block; float: left; position: relative; cursor: pointer;margin-top: 5px;}
#formNewsletter input[type=checkbox]:after {border-radius: 15px;content: ""; vertical-align: middle; text-align: center; line-height: 20px; position: absolute; cursor: pointer; height: 20px; width: 20px; left: -3px; top: -3px; font-size: 14px; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); background: #fff; }
#formNewsletter input[type=checkbox].error:after {outline: 1px solid #cc0000;}
#formNewsletter input[type=checkbox].error {font-size: 11px;}
#formNewsletter input[type=checkbox]:hover:after, #formNewsletter input[type=checkbox]:checked:hover:after {color:#143a61;padding-top: 0px;padding-left:0px; background: #fff; content: '\2714'; font-size: 16px;}
#formNewsletter input[type=checkbox]:checked:after {height: 20px; width: 20px; background: #fff; content: '\2714'; color: #143a61;padding-top: 0 }
#formNewsletter .checkboxAceito{margin-bottom: 0;margin-left: 4px}
#formNewsletter .checkboxAceito label{font-weight: normal;margin-left: 10px;font-size: 12px;margin-top: 3px}
#formNewsletter .checkboxAceito label.error{font-weight: normal;margin-left: 5px;font-size: 10px;margin-top: 0px}
#formNewsletter .checkboxAceito a{color: #143a61}
#formNewsletter .checkboxAceito a:hover{color: #272727}

/* HEADER */
.pre-header{position: fixed;top: 0;z-index: 999999;}
header {position: fixed; top:6px !important; left:0; right: 0; height: 65px; z-index: 10; background:#fff; padding-top:10px;-webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important;}
.c-hamburger-wrapper { display: block; position: fixed; height: 60px; width: 55px; z-index: 10; }
.c-hamburger { position: fixed; top: 20px; right: 62px; overflow: hidden; cursor: pointer; margin: 0; padding: 0; width: 30px; height: 40px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; -webkit-transition: background 0.3s; background: none }
.c-hamburger.open span:before,.c-hamburger.open span:after{background: #fff}
.c-hamburger span { display: block; position: absolute; top: 20px; left: 0px; right: 0px; height: 2px; background: #303228; transition: background 0s 0.3s; -webkit-transition: background 0s 0.3s; width: 25px }
.c-hamburger--htx span::before, .c-hamburger--htx span::after { transition-duration: 0.3s,0.3s; -webkit-transition-duration: 0.3s,0.3s; transition-delay: 0.3s,0s; -webkit-transition-delay: 0.3s,0s; }
.c-hamburger--htx span::before { transition-property: top,transform; -webkit-transition-property: top,transform; }
.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #303228; content: ""; width: 30px}
.c-hamburger span::before { top: -7px; }
.c-hamburger span::after { bottom: -7px; }
.c-hamburger--htx.open span::after { bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.c-hamburger--htx.open span::before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.c-hamburger--htx.open span::before, .c-hamburger--htx.open span::after { transition-delay: 0s,0.3s; -webkit-transition-delay: 0s,0.3s; }
.c-hamburger--htx.open span { background: none; }
.c-hamburger--htx span::before { transition-property: top,transform; -webkit-transition-property: top,transform; }
.c-hamburger--htx span::before, .c-hamburger--htx span::after { transition-duration: 0.3s,0.3s; -webkit-transition-duration: 0.3s,0.3s; transition-delay: 0.3s,0s; -webkit-transition-delay: 0.3s,0s; }
.c-hamburger--htx span::after { transition-property: bottom,transform; -webkit-transition-property: bottom,transform; }
.logo {font-family: 'Roboto', sans-serif; font-weight: 900; font-size:30px;}
.compensa_header{margin-top: 65px}

/*MENU*/
.menu-wrap {position: fixed;top:0px; padding-top:110px; padding-bottom: 60px;  right: -100%; width:350px; bottom:0;background: #314551; z-index: 9;padding-left: 20px;padding-right: 20px}
.menu-wrap > ul {float: left;margin-top: 30px; width:100%}
.menu-wrap > ul.menuothers {float: left; padding-top:25px; padding-left:62px; padding-right: 25px;}
.menu-wrap ul li {text-align: left;margin-bottom: 17px;position: relative;}
.menu-wrap > ul > li > a {margin-bottom: 5px; }
.menu-wrap ul li{width: 100%}
.menu-wrap ul li a.menucat, .menu-wrap ul.menuothers li a {font-size: 16px;font-family: 'Roboto', sans-serif; }
.menu-wrap ul li ul li {margin-bottom: 0;}
.menu-wrap ul li ul li a {font-size: 11px !important; padding: 7px 0px;}
.menu-wrap ul li a {font-size: 14px; color: #2d303c; font-family: 'Roboto', sans-serif; text-transform: uppercase;display: block;text-align:right}
.menu-wrap ul li a:hover {font-weight: 700}
.menu-wrap ul li a.active{font-weight: 700}
.menu-wrap ul li.menu-product:nth-first-of-type {margin-top: 50px;}
.menu-wrap ul li.menu-product:nth-last-of-type {margin-bottom: 50px;}
.menu-wrap h2{color: #ffffff}
.menu-wrap #searchvalue{background: none;border-radius: 0;box-shadow: none;text-align: right;color: #fff;font-size: 16px;text-transform: uppercase;padding: 0; border: 0;}
.menu-wrap #searchvalue:focus{border-color: transparent !important;box-shadow: none !important;}
.menu-wrap hr{background: #ffffff;width: 85%;float: right;margin-right:-20px !important;margin: 20px 0}
.menu-wrap a{color: #ffffff !important; font-size: 16px !important;font-weight: 300}
.menu-wrap ul li ul{display: none;}
.menu-wrap ul li > a.nourl:before{content:'\f067';font-family: 'Font Awesome 5 Free'; font-weight:900; position: absolute;left: 0;color: #fff}
.menu-wrap ul li:last-child:before{display: none}
.menu-wrap ul li ul li:before{display: none}
.menu-wrap h2{font-size: 22px}
.menu-wrap ul li.open > a.nourl:before{content:'\f068';font-family: 'Font Awesome 5 Free'; font-weight:900; position: absolute;left: 0;color: #fff}
.menu-wrap ul li a.nourl{cursor: default;}

.breadcrumbs hr {border:0;margin:0;padding:0; border-left:1px solid #ebebeb; height: 10px; margin:0 10px; display:inline-block;}

/*REGISTO*/
#logar input[type=checkbox]{visibility: visible;width: initial;height: initial; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4);}
#logar input[type=checkbox] {-webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 15px; height: 15px; margin: 0; margin-right: 1px; display: block; float: left; position: relative; cursor: pointer;margin-top: 5px;margin-left: 5px}
#logar input[type=checkbox]:after {border-radius: 15px;content: ""; vertical-align: middle; text-align: center; line-height: 20px; position: absolute; cursor: pointer; height: 20px; width: 20px; left: -3px; top: -3px; font-size: 14px; border: 1px solid #ced4da; background: #fff; }
#logar input[type=checkbox].error:after {outline: 1px solid #cc0000;}
#logar input[type=checkbox].error {font-size: 11px;}
#logar input[type=checkbox]:hover:after, #logar input[type=checkbox]:checked:hover:after {color:#143a61;padding-top: 0px;padding-left:0px; background: #fff; content: '\2714'; font-size: 16px;}
#logar input[type=checkbox]:checked:after {height: 20px; width: 20px; background: #fff; content: '\2714'; color: #143a61;padding-top: 0 }
#logar .checkboxAceito{margin-bottom: 0;margin-left: 4px}
#logar .checkboxAceito label{font-weight: normal;margin-left: 10px;font-size: 12px;margin-top: 3px}
#logar .checkboxAceito label.error{font-weight: normal;margin-left: 5px;font-size: 10px;margin-top: 0px}
#logar .checkboxAceito a{color: #143a61}
#logar .checkboxAceito a:hover{color: #272727}
#logar label.checkbox{position: absolute; line-height: 20px;font-size: 12px}
#logar label.checkbox:before{display: none;}
#logar input[type=checkbox]:checked + label:after{opacity: 0;}
#logar .form-control{border: 1px solid #ced4da;}


#novo_utilizador_form input[type=checkbox]{visibility: visible;width: initial;height: initial; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4);}
#novo_utilizador_form input[type=checkbox] {-webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 15px; height: 15px; margin: 0; margin-right: 1px; display: block; float: left; position: relative; cursor: pointer;margin-top: 5px;margin-left: 5px}
#novo_utilizador_form input[type=checkbox]:after {border-radius: 15px;content: ""; vertical-align: middle; text-align: center; line-height: 20px; position: absolute; cursor: pointer; height: 20px; width: 20px; left: -3px; top: -3px; font-size: 14px; border: 1px solid #ced4da; background: #fff; }
#novo_utilizador_form input[type=checkbox].error:after {outline: 1px solid #cc0000;}
#novo_utilizador_form input[type=checkbox].error {font-size: 11px;}
#novo_utilizador_form input[type=checkbox]:hover:after, #novo_utilizador_form input[type=checkbox]:checked:hover:after {color:#143a61;padding-top: 0px;padding-left:0px; background: #fff; content: '\2714'; font-size: 16px;}
#novo_utilizador_form input[type=checkbox]:checked:after {height: 20px; width: 20px; background: #fff; content: '\2714'; color: #143a61;padding-top: 0 }
#novo_utilizador_form .checkboxAceito{margin-bottom: 0;margin-left: 4px}
#novo_utilizador_form .checkboxAceito label{font-weight: normal;margin-left: 10px;font-size: 12px;margin-top: 3px}
#novo_utilizador_form .checkboxAceito label.error{font-weight: normal;margin-left: 5px;font-size: 10px;margin-top: 0px}
#novo_utilizador_form .checkboxAceito a{color: #143a61}
#novo_utilizador_form .checkboxAceito a:hover{color: #272727}
#novo_utilizador_form label.checkbox{position: absolute; line-height: 20px;}
#novo_utilizador_form label.checkbox:before{display: none;}
#novo_utilizador_form input[type=checkbox]:checked + label:after{opacity: 0;}
#novo_utilizador_form label.checkbox{text-indent: 10px}
#registo .registo-termos input[type='checkbox'], #registo .registo-termos input[type='checkbox']#aceito{margin-left: 0}
#registo .registo-termos{margin-left: 5px}
.separator-connect{width: 100%}
.separator-connect:after{background: rgba(0, 0, 0, 0.2)}
.social-login{width: 50%}
.social-login li{border-radius: 15px}
.nav-tabs{border-bottom: 0;padding: 0 10px}
.nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link{padding:0}
.nav-tabs .nav-item.active{display: none}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{border-color:transparent}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border-color:transparent}
.tabs-registo{margin-top: -40px}

/*BLOCO BANNER CAROUSEL*/
.bloco-carousel .owl-controls{margin-top: 0}
.bloco-carousel .owl-controls .owl-dots{position: absolute;bottom: 20px;left: 10%}
.bloco-carousel .owl-dots .owl-dot span{background: transparent;border:1px solid #fff}
.bloco-carousel .owl-dots .owl-dot.active span, .bloco-carousel .owl-dots .owl-dot:hover span{background: #fff}


.blueimp-gallery > .prev, .blueimp-gallery > .next {font-size:28px; line-height: 40px; }
.fa-times-thin:before {content: '\00d7'; }
.blueimp-gallery a.close {font-size: 50px; color: #fff;}
.blueimp-gallery a.close:hover {color: #ebebeb !important;}


/*HOMEPAGE*/
header{background: #ffffff;border-bottom: 0;height: 77px;top:5px !important;-webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important;}
header #pestana a{color: #232323}
header .logo-white{display: none}
header .logo-black{display: block}
/* .home header.smaller ul li ul{background:#ffffff; -webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.29)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.29)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.29)!important;}
.home header.smaller #pestana ul li ul{top:100px;padding-bottom: 0;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);;display: block;position: absolute;background: #fff; text-align: left; width: 250px; margin-left: -30px;margin-top: -10px;padding-top: 15px; padding-bottom: 20px;}
.home header.smaller #pestana ul li:hover ul{top: 46px;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
.home header.smaller #pestana a.pestana_area:hover{color: #232323}
.home header.smaller #pestana li:last-child{padding-bottom: 0} */

.c-hamburger-wrapper{display: none}
.compensa_header{margin-top: 80px}
.logo-white{display: block}
.logo-black{display: none}
#searchvalue{background: transparent;border-radius: 0;box-shadow: none;text-transform: uppercase;text-align: left; width: 100%; float: right;}
/* .home #pestana{text-align: right}
.home #pestana li{margin-left: 30px;padding-bottom: 20px}
.home #pestana .pestana_area{margin-bottom: 5px}
.home #pestana a{font-size: 14px;color: #ffffff;text-transform: uppercase;font-weight: 300;}
.home #pestana a:hover{font-weight: 700}
.home .user-box-wrapper{margin-top: 0}
.home #pestana ul li a.nourl{cursor: default;}
.home #pestana ul li ul{opacity: 0; top: 100px;margin-top: 0px;position: absolute;transition: background-color .5s ease;text-align: left; width: 250px; margin-left: -30px;margin-top: -10px;padding-top:15px;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);visibility: hidden }
.home #pestana ul li:hover ul{opacity: 1 !important;top: 46px;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);background: rgba(0,0,0,.08);visibility: visible}
.home #pestana ul li:hover > a{font-weight: 700}
.home #pestana ul li ul li{display: block;clear: both; float: left;}
.home #pestana ul li ul li a{font-size: 13px; text-transform: unset;padding: 8px 0}
.home #pestana a.pestana_area:hover{color: #fff} */

/*COOKIES*/
.cc-cookies { position: fixed; width: 100%; left: 0; top: unset;bottom:0; padding: .5em 5%; background: #314551; color: #fff; font-size: 13px; font-weight: 300; z-index: 999999999999999999; text-align: left; color: #fff; padding-top: 30px; padding-bottom: 30px}
.cc-cookies a, .cc-cookies a:hover { color: #fff !important;}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset{color: #314551 !important}
.cc-cookies a.cc-cookie-accept{border:none;background: #90b93b;border-radius:15px;width: 100px;text-align: center }
.cc-cookies a.cc-cookie-decline{border:none;background: #af3b3b;border-radius:15px;width: 100px;text-align: center }
.cc-cookies h3{margin-bottom: 0;font-weight: 400}
.cc-cookies span a{color: #90b93b !important}
.cc-cookies span a:hover{color: #acf319 !important}

.cc-cookies-overlay{background: rgba(0,0,0,.5); position: fixed;left: 0;right: 0;top:0;bottom:0;z-index: 9999999;}

.logo-white{display: none}
.logo-black{display: block}

/*BLOCO CALL TO ACTION*/

/*BLOCO LISTA*/
.bloco-lista .card{border-radius: 6px;width: 100%;height: 100%;padding-bottom: 50px;overflow:hidden}
.bloco-lista .card .d-flex{overflow:hidden}
.bloco-lista .card:hover .btn{background: #143a61 !important; color: #ffffff !important; border-color: #143a61 !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;margin-top: -5px;}
.bloco-lista .card.blur img{filter: blur(0px); -webkit-filter: blur(0px);}
/* .bloco-lista .card.blur h5{opacity: 0;} */
.bloco-lista .card.blur:hover img{filter: blur(1px); -webkit-filter: blur(1px);transform: scale(1.1); -webkit-transform:scale(1.1)}

/* .bloco-lista .card.blur:hover h5{opacity: 1} */
.bloco-lista .card-title {color:#000; padding:0 30px;font-size: 20px;margin-top:15px;font-weight: 400 !important;margin-bottom: 15px}
.bloco-lista .card-text{padding: 0px 30px}
.bloco-lista .card-body { min-height: 170px;margin-top: 25px;}
.bloco-lista .card-body .btn{margin-bottom: 10px; bottom:-30px;font-weight: 300;}
.bloco-lista .carousel-wrapper .owl-stage-outer{padding:25px 0}
.bloco-lista .owl-dots .owl-dot span, .bloco-lista .owl-dots .owl-dot span{background: transparent; border:1px solid #426884}
.bloco-lista .owl-dots .owl-dot.active span, .bloco-lista .owl-dots .owl-dot:hover span{background: #426884}
.card .card-body .card-text{font-weight: 300;font-size: 16px;line-height: 25px}
.btn-primary.active {background: #143a61 !important; color: #ffffff !important;}

.tabs-wrap .btn {min-width: 100%}

a.list-download-link {font-size: 18px; color: #436b88; font-weight: 600; margin-bottom:15px;padding-bottom:15px; border-bottom:1px solid #ebebeb}
a.list-download-link:hover {color:#004784; }
a.list-download-link:hover img {margin-right: 10px;}
a.list-download-link .filesize {position: absolute; font-size:15px; font-weight: 300;right: 0; top: 20px; color: #999;}

/* .alphabet li {float: left; margin-right: 5px;} */
.alphabet {margin-bottom:55px;}
.alphabet .col:first-child{padding-left:0}
.alphabet .col:last-child{padding-right:0}
.fora.fixedbar{ top: 82px; background: #fff; padding: 10px 0 10px 0; position: fixed; z-index: 1;width:100%;left:0;right:0;background: #314551;}
.fora.fixedbar .alphabet {margin-bottom:0px;}
.fora.fixedbar .alphabet a {color:#fff}
.glossario-item-wrapper {margin-top:30px; margin-bottom:30px;}
.glossario-item-wrapper .glossario-item-title {font-weight: 600;font-size:16px; float: right;text-align:right}
.glossario-item-wrapper .glossario-item {margin-top:15px; margin-bottom:15px;}
.glossario-item-wrapper h2 {color: #666;}

.galeria-item {margin-bottom:30px;}
.galeria-item a {border-radius:6px; overflow:hidden;display: block}
.galeria-item a > div {top:50%; padding:0 20px; color:#fff}
.galeria-item img{filter: blur(0px); -webkit-filter: blur(0px);}
.galeria-item:hover img{filter: blur(3px); -webkit-filter: blur(3px);transform: scale(1.1); -webkit-transform:scale(1.1)}


.block-text table tr {border-bottom:2px solid #fff;}
.block-text table tr td {padding-top:5px; padding-bottom:5px;}

#maps-iframe{overflow: hidden; height: 320px;}
#maps-iframe iframe{width: 100%;margin-top: -130px; height: 590px;}
.maps-text { background: #fff; padding: 30px; border-radius: 15px; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); right: 0;width: 300px;}
.gm-style .place-card div, .gm-style .place-card a, .gm-style .default-card div, .gm-style .default-card a{display: none !important}

/* FULLSCREEN SEARCH */
.icon-search{cursor: pointer}
#fullscreen-search {opacity: 0; background: rgba(48,50,40,.9); position: fixed; top:0; right: 0; left:0; bottom:0; z-index: -1; -webkit-transition: all .4s ease-in-out;  -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#fullscreen-search.show {opacity: 1; z-index: 9999}
#fullscreen-search input {border: none; background: transparent; box-shadow: none !important; border-radius: 0 !important; border-bottom: 1px solid #fff; font-size: 18px; height: 60px; color: #fff;}
#fullscreen-search .fullscreen-search-inner {position: relative; top: 35%; transform: translateY(-35%); -moz-transform: translateY(-35%); -webkit-transform: translateY(-35%); -o-transform: translateY(-35%); -ms-transform: translateY(-35%); max-width: 700px; margin: 0 auto;}
#fullscreen-search .fullscreen-search-inner .icon-search {color:#fff; position: absolute; top: 15px; right: 0; font-size: 30px; cursor: pointer;}
#fullscreen-search .fullscreen-search-inner .icon-search:hover {color:#999;}
#fullscreen-search .fullscreen-search-close {position: absolute; top: 70px; right: 70px; cursor: pointer;}
#fullscreen-search .fullscreen-search-close i {color:#fff; font-style: normal; font-size: 40px;}
#fullscreen-search .fullscreen-search-close:hover i {color:#999;}
#fullscreen-search .fullscreen-search-logo {left: 50%; position: relative; margin-left: -50px; top: -35px;}
#fullscreen-search h3{color: #fff}
#fullscreen-search h2,#fullscreen-search h1{color: #ffffff}
#fullscreen-search img{min-height: 95px}
#fullscreen-search .close { position: absolute; right: 50px; top: 100px; width: 32px; height: 32px; opacity: 1;}
#fullscreen-search .close:hover:after, #fullscreen-search .close:hover:before { background-color: #ffffff }
#fullscreen-search .close:before,#fullscreen-search .close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #fff; }
#fullscreen-search .close:before { transform: rotate(45deg); }
#fullscreen-search .close:after { transform: rotate(-45deg); }
#fullscreen-search .btn-primary{box-shadow: none !important}

/*CATEGORIA*/
.categoria .breadcrumbs{position: absolute; bottom: 30px; }
.categoria .breadcrumbs h1{color: #fff; font-weight: 700;margin-bottom: 0}
.categoria .breadcrumbs span, .categoria .breadcrumbs a{color: #fff;}
.categoria .breadcrumbs a{text-transform: uppercase;font-weight: 300}
.categoria .breadcrumbs a:hover{font-weight: 500}


/*BLOCO CARTÕES*/
.bloco-cartoes h3{font-size: 18px;margin-bottom: 0;padding-left: 35px}
.bloco-cartoes .box{border-radius: 10px;min-height: 280px;padding:20px 35px;-webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important;}

/*BLOCO LOGOTIPOS*/
.bloco-logotipos .box{border-radius: 10px;padding:20px 35px;-webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important;}
.col-centered{ float: none; margin: 0 auto; }
.bloco-logotipos h3{color: #000;font-size: 18px;margin-bottom:0}

/*BLOCO CONTACTOS*/
#maps-iframe iframe{width: 100%}
.bloco-maps .box{background:#ffffff; width: 280px; border-radius: 10px;min-height: 280px;padding:20px 35px;-webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.1)!important;}
#formContactos input[type=checkbox]{visibility: visible;width: initial;height: initial; border: 1px solid #ced4da;}
#formContactos input[type=checkbox] {-webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 18px; height: 18px; margin: 0; margin-right: 1px; display: block; float: left; position: relative; cursor: pointer;margin-top: 5px;}
#formContactos input[type=checkbox]:after { border: 1px solid #ced4da;content: ""; vertical-align: middle; text-align: center; line-height: 13px; position: absolute; cursor: pointer; height: 23px; width: 23px;border-radius: 50%; left: -3px; top: -3px; font-size: 10px; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); background: #fff; }
#formContactos input[type=checkbox].error:after {outline: 1px solid #cc0000;}
#formContactos input[type=checkbox].error {font-size: 11px;}
#formContactos input[type=checkbox]:hover:after, #formContactos input[type=checkbox]:checked:hover:after {color:#314551;padding-top: 4px;padding-left:2px; background: #fff; content: '\2714'; font-size: 16px;}
#formContactos input[type=checkbox]:checked:after {height: 23px; width: 23px; background: #fff; content: '\2714'; color: #314551;padding-top:5px;padding-left:1px; font-size: 16px; border: 1px solid #ced4da;}
#formContactos .checkboxAceito{margin-bottom: 0;margin-left: 5px}
#formContactos .checkboxAceito label{font-weight: normal;margin-left: 10px;font-size: 12px;margin-top: 6px}
#formContactos .checkboxAceito label.error{font-weight: normal;margin-left: 5px;font-size: 10px;margin-top: 0px}
#formContactos .checkboxAceito a{color: #314551}
#formContactos .checkboxAceito a:hover{color: rgb(47, 172, 245)}
#formContactos .form-control, #registo .form-control{ border: 1px solid #ced4da;}
#registo label.checkbox{font-size: 12px}


/*USER*/
#netusers #menu-user-mobile>a{background: #314551;}
#formChangeData .selectpicker, #formChangeAddress .selectpicker{ font-size: 13px; background-color: #fff; border: none; color: #7e7e7e; width: 100%; height: 35px; padding: 5px 10px; border-radius: 15px; box-shadow: none; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38); }

/*QUESTIONÁRIO*/
.bs-switch{width: 150px}
.bs-switch .slider:before{background-color: #f2f2f2;}
.bs-switch .slider.round{margin-left: 30px; width: 80px;background: transparent;/*box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38);*/border: 1px solid #ced4da;}
.bs-switch input:checked+.slider:before { -webkit-transform: translateX(-46px); -ms-transform: translateX(-46px); transform: translateX(-46px); }
.bs-switch span.text-uppercase{line-height: 40px}
.bs-switch .slider::before { background-color: #ccc; }
.bs-switch .slider::before {bottom:3px;}
.bs-switch input:checked + .slider { background-color: #143a61; }
.bs-switch input:checked + .slider::before {background-color: #f2f2f2;}
#questionario .naoseaplica{visibility: visible;width: initial;height: initial; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4);}
#questionario .naoseaplica {-webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 15px; height: 15px; margin: 0; margin-right: 1px; display: block; float: right; position: relative; cursor: pointer; margin-top: 10px; margin-right: 15px;}
#questionario .naoseaplica:after {border-radius: 15px;content: ""; vertical-align: middle; text-align: center; line-height: 20px; position: absolute; cursor: pointer; height: 25px; width: 25px; left: -3px; top: -3px; font-size: 14px; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); box-shadow: 0px 0px 14px 0px rgba(144,144,144,.4); background: #fff; }
#questionario .naoseaplica:hover:after, #questionario .naoseaplica:checked:hover:after {padding-top: 0px;padding-left:0px; background: #fff;background: #2196f3; font-size: 16px;}
#questionario .naoseaplica:hover:before, #questionario .naoseaplica:checked:hover:before { position: absolute; content: ""; height: 19px; width: 19px; left: 0px; bottom: -4px; background-color: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; border-radius: 50%; z-index: 1; }
#questionario .naoseaplica:checked:after {height: 25px; width: 25px; padding-top: 0;background: #2196f3;}
#questionario .naoseaplica:checked:before {    position: absolute; content: ""; height: 19px; width: 19px; left: 0px; bottom: -4px; background-color: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; border-radius: 50%; z-index: 1; }
#questionario .checkboxAceito{margin-bottom: 0;margin-left: 4px}
#questionario .checkboxAceito label{font-weight: normal;margin-left: 10px;font-size: 12px;margin-top: 3px}
#questionario .checkboxAceito label.error{font-weight: normal;margin-left: 5px;font-size: 10px;margin-top: 0px}
#questionario .checkboxAceito a{color: #143a61}
#questionario .checkboxAceito a:hover{color: #272727}
#questionario label.checkbox{position: absolute; line-height: 20px;}
#questionario label.checkbox:before{display: none;}
#questionario .naoseaplica:checked + label:after{opacity: 0;}
#questionario .bs-switch .slider:before { right: 4px; left: auto }
.questionario-nav .nav-tabs {display:none;}
.datepicker table tr td, .datepicker table tr th{line-height: 30px;}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active,.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover{    background-color: #a3c64f; border-color: #a3c64f;}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active{    background-color: #a3c64f; border-color: #a3c64f;}
.next-step i{margin-left: 5px}
.prev-step i{margin-right: 5px}
.next-step, .prev-step{cursor: pointer;}
.next-step:hover i, .prev-step:hover i{background: #cbcbcb;}
.next-step i, .prev-step i{ background: #e0e0e0; color: #ffffff; border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 14px;}
.quest-tab {display:none}
.quest-tab.active {display:block}
/* #questionario .btn{right: 0; top: 20px} */
.form-control.error{border: 1px solid red;}
#questionario .custom-select:after{background: transparent}
#questionario .naoseaplica.error:after{border: 1px solid red;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* #quest_tab3 label.error{display: none !important;} */

#questionario input[type=checkbox], input[type=radio]{visibility:hidden;position: absolute;}
#questionario input[type=checkbox] {margin-right: 10px; margin-top:14px;}

#questionario .radio-wrapper {margin-bottom:10px;float: left; clear: both; }
#questionario label.radio {text-indent: 0; padding-left:32px; padding-right:0;line-height: 24px;}

.quest-divider {width:100%; height:1px; background:#d8d8d8; margin:50px 0; display:block;}
.quest-cat-divider {display: block; text-align: center; background: #a3c64f; padding: 3px; font-size: 14px; font-weight: 400 !important; color: #fff; margin:30px 0}

.o-switch input[type='radio'] {visibility:hidden; position:absolute;}
.o-switch {border:1px solid transparent; display:inline-block; overflow: hidden;}
.o-switch.error {border:1px solid #db2c2c;border-radius: 20px; padding: 4px 0px 0 4px;}
.o-switch label.o-switch-btn {float:left; padding:0px 20px;margin-right:3px; margin-bottom:3px; height: 35px; line-height: 34px; border-radius: 15px;cursor:pointer;border:1px solid #ced4da; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }
.o-switch label.o-switch-btn label.error {display:none !important;}
.o-switch label.o-switch-btn:hover {background:#ebebeb}
.o-switch label.o-switch-btn.active {background:#a3c64f;border:1px solid #a3c64f; color:#fff}
.o-switch-checkbox{line-height:25px;margin-right}
.o-switch-checkbox label.radio{line-height:25px;padding-left:28px}
input.error + .radio:before{border:1px solid red}

.input-disabled-wrapper {display:none;}
.input-disabled-wrapper.active {display:flex;margin-top:5px;}

.gas-natural, .gas-garrafa, .elect-tarifa, .elect-consumo, .elect-simples, .elect-bihoraria, .elect-trihoraria, .elect-tetrahoraria {display:none;}
.gas-natural.active, .gas-garrafa.active, .elect-consumo.active, .elect-tarifa.active, .elect-simples.active, .elect-bihoraria.active, .elect-trihoraria.active, .elect-tetrahoraria.active {display:flex;}

/*NETUSERS*/
#netusers .top-title{ padding: 25px 10px;}
.btn-default{background-color: #cfdadf!important; color: #fff!important;border-radius: 15px !important;}
.btn-default:hover{background-color: #1974a2!important;}
#pestana a.pestana_area, #pestana a.pestana_client{margin-left: 0}
.area_reservada{margin-right: 10px;     padding-right: 10px;   border-right: 1px solid #000000;}
#pestana a.btlogout{border-left: 1px solid #000000;}
.line-height-30{line-height: 30px}
.lbl-area-reservada{margin-left: 20px}
.aplicar{margin-right: 30px}
.exportar i{ font-size: 16px; margin-left: 5px;}
#areareservada .nav-tabs .nav-item.active { display: block; }
#areareservada .nav-item.active > a > .btn{background-color: #2c4450!important;color: #fff !important}
.doc_folder:hover{cursor: pointer}
.doc_folder:hover label{color: #1974a2;}
.doc_folder:hover img{transform: scale(1.1);}
.breadcrumb_area-reservada{margin-bottom: 30px}
.breadcrumb_area-reservada > .doc_folder{float: left;padding-right: 5px;padding-left: 5px;position: relative;font-size: 13px;}
.breadcrumb_area-reservada > .doc_folder:first-child{float: left;padding-right: 5px;padding-left: 0;position: relative;}
.breadcrumb_area-reservada > .doc_folder:after{position: absolute;font-family: "Font Awesome 5 Free"; font-weight: 400; content: "|";right: -1px;}
.breadcrumb_area-reservada > .doc_folder:last-child:after{display: none}
.breadcrumb_area-reservada > .doc_folder:hover{color: #080808;font-weight: 400}


/*PESQUISA*/
.bloco-produto-pesquisa h2{font-size: 20px}
.bloco-produto-pesquisa .img-pesquisa{overflow: hidden;}
.bloco-produto-pesquisa a:hover .prod-thumb, .bloco-produto-pesquisa .btn:hover .prod-thumb {transform: scale(1.1);  -moz-transform: scale(1.1); -webkit-transform:scale(1.1); }
.bloco-produto-pesquisa .btn{bottom: 0; position: absolute; right: 0;}
.tablevcenter {display: table; height:100%;}
.tablevcenter-cell {display: table-cell; vertical-align: middle}


/*PAGINATION*/
.pagination-wrapper {background:#fff; border:1px solid #ebebeb; margin-top: 30px;}
.pagination {margin:5px 0;clear:both; margin-top:30px; margin-bottom: 60px;}
.pagination > li:hover a{background-color: #0a4c6d !important;color: #fff !important}
.pagination > li > a, .pagination > li > span { color:#000;margin-left:3px;padding: 7px 12px;border: 1px solid #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#314551; border-color:transparent;color: #fff}
.pagination > li:first-child > a, .pagination > li:first-child > span {background:#f5f5f5}
.pagination > li:last-child > a, .pagination > li:last-child > span {background:#f5f5f5}
.pagination > li:first-child.active > a, .pagination > li:first-child.active > span {background-color:#314551; border-color:transparent}
.pagination > li:last-child.active > a, .pagination > li:last-child.active > span {background-color:#314551; border-color:transparent}


/*ajustes*/
ul.bullets li:before, ul.bullets li:before{content: ""; position: absolute; top: 10px; left: 0; width: 8px; height: 2px; background: #666; border-radius: 0%;}
ul.bullets li ul li:before, ul.bullets li ul li:before{content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: #666; border-radius: 50%;}
#menu-principal .btlogout{border-left: none !important;float: right !important}


/*BLOCO ASSOCIADOS*/
.bloco-associados .item{padding:25px}
.bloco-associados .item img{padding:30px !important}

.img-composicao{min-height: 190px}
.bloco-lista .owl-carousel .owl-stage{display: flex}
.bloco-lista .owl-carousel .owl-stage .item{height:100%}
.bloco-lista .owl-carousel .owl-stage .item a > div{height:100%}


.map_svg path:hover{cursor:pointer}

#legendas{
	margin: 0px 10px;
	height: 70px;
	padding-top: 20px;
	max-width: 80%;
    margin: 0 auto;
}

#legendas .icons-legenda-pie {
	width: 20%;
	float: left;
	text-align: center;
}

#legendas .icons-legenda-pie span {
	display: block;
}

#legendas .icons-legenda-pie svg {
	width: 30%;
}
#legendasbar{
	z-index: 1;
    position: absolute;
    margin: 0px 10px;
    padding-top: 20px;
    max-width: 80%;
    margin: 0 5%;
    top: 15%;
}
#legendasbar .icons-legenda-bar {
	width: 40%;
    text-align: center;
    margin-top: 15%
}
#legendasbar-sector{
	z-index: 1;
    position: absolute;
    margin: 0px 10px;
    padding-top: 20px;
    max-width: 80%;
    margin: 0 2%;
    top: 13%;
}
#legendasbar-sector .icons-legenda-bar-sector {
	width: 30%;
    text-align: center;
    margin-top: 15%
}

.col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
@media (min-width: 540px) { .col-sm-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 720px) { .col-md-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 960px) { .col-lg-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }
@media (min-width: 1140px) { .col-xl-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } }



/*MEDIA*/

/* xs */
@media (max-width: 767px) {
	.modal:before{display:none;}
	.modal-dialog {width: 95%;}
	.modal-body, .modal-body *{word-wrap:break-word; }

	header { top: 2px !important;}
	h2 { font-size: 2rem;}
	h5 { font-size: 1.5rem !important; }
	.btn { font-size: 0.9rem;}

	.bloco-associados .item{padding: 0px}
	.bloco-associados .item img{padding:0px !important}

	.geral-section { padding-top: 25px; padding-bottom: 25px;}
	.p-6 { padding: 2rem !important; }


	.bloco-lista .card-body {min-height: 200px; margin-top: 0; }

	.bloco-lista .carousel-wrapper .owl-stage-outer{padding: 0}

	.bloco-logotipos h3 { font-size: 1.3rem;}

	.btn-primary.dropdown-toggle { background-color: #ffffff!important;color: #000 }
	.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle{background: #efefef !important;color: #000 !important}
	.btn-primary.dropdown-toggle:focus, .btn-primary.dropdown-toggle:hover{background: #efefef !important;border: none;color: #000 !important}

	.tabs-download .dropdown-menu{padding: 0;margin: 0; -webkit-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38) !important; -moz-box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38) !important; box-shadow: 0px 0px 14px 0px rgba(144,144,144,.38) !important;;border:none;border-radius: 0}
	.tabs-download .dropdown-menu li{padding: 10px; font-size: 11px; text-align: center; border-bottom: 1px solid #eeeeee;}
	.tabs-download .btn{width: 300px; margin: 0 auto; display: block;padding: 10px 0 !important;border-radius: 0 !important;}
	a.list-download-link .filesize{right: 20px;}

	.alphabet{margin-bottom: 0}
	.alphabet .col{min-height: 40px}

	.logo-footer img{margin-bottom: 50px}

	.associados_div{margin-top: 10px}
	footer .top h2 { font-size: 1.5rem; }

	.links_uteis a{ padding-left: 0px !important; display: inline-block; width: 100%; text-align: center; }

	.social-login li {width: 100%;}
	.social-login li#facebook {margin-bottom: 10px}

	.breadcrumb_area-reservada { margin-left: 15px; }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.bloco-associados .item{padding: 10px}
	.bloco-associados .item img{padding:0px !important}
}


@media (max-width: 991px) {
	.c-hamburger-wrapper{display: block;}
	header { background:#fff;}
	.logo-black{display: block}
	.logo-white{display: none}
	.compensa_header { margin-top: 80px; }
	header{top: 2px !important}
    #searchvalue{text-align: right}

    .c-hamburger{right: 20px;}
    .menu-wrap > ul{width: 100%}
}

/* md */
@media (min-width: 992px) {
header.smaller ul li ul{background:#ffffff; -webkit-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.29)!important; -moz-box-shadow: 2px 10px 15px -7px rgba(0,0,0,.29)!important; box-shadow: 2px 10px 15px -7px rgba(0,0,0,.29)!important;}
header.smaller #pestana ul li ul{top:100px;padding-bottom: 0;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);;display: block;position: absolute;background: #fff; text-align: left; width: 250px; margin-left: -30px;margin-top: -10px;padding-top: 15px; padding-bottom: 20px;}
header.smaller #pestana ul li:hover ul{top: 46px;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
header.smaller #pestana a.pestana_area:hover{color: #232323}
header.smaller #pestana li:last-child{padding-bottom: 0}


#pestana{text-align: right}
#pestana li{margin-left: 30px;padding-bottom: 20px}
#pestana .pestana_area{margin-bottom: 5px}
#pestana a{font-size: 14px;color: #ffffff;text-transform: uppercase;font-weight: 300;}
#pestana a:hover{font-weight: 400}
.user-box-wrapper{margin-top: 0}
#pestana ul li a.nourl{cursor: default;}
#pestana ul li ul{opacity: 0; top: 100px;margin-top: 0px;position: absolute;transition: background-color .5s ease;text-align: left; width: 250px; margin-left: -30px;margin-top: -10px;padding-top:15px;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);visibility: hidden }
#pestana ul li:hover ul{opacity: 1 !important;top: 46px;-webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);background: #ffffff;visibility: visible}
#pestana ul li:hover > a{font-weight: 400}
#pestana ul li ul li{display: block;clear: both; float: left;}
#pestana ul li ul li a{font-size: 13px; text-transform: unset;padding: 8px 0}
#pestana a.pestana_area:hover{color: #000000}
}

/* lg */
@media (min-width: 1200px) {

}