html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	height: 100%;
}

img { 
    /*image-rendering: optimizeSpeed;             /*                     */
    /*image-rendering: -moz-crisp-edges;*/          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    image-rendering: auto;
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.workplace {
      width: 80%;
      margin: auto;
}

.workplaceProd {
      max-width: 1200px;
      margin: auto;
}

@media (max-width: 961px) {
      .workplace {width: 85%;}
}
@media (max-width: 600px) {
      .workplace {width: 95%;}
}

.mobileArrow {
      -moz-transition: transform .5s;
      -webkit-transition: transform .5s;
      transition: transform .5s;
}
.flip {
transform: rotate(-180deg);
}

.topLogIn {
      width: 100%;
      height: 25px;
      background-color: #666666;
      margin: auto;
      text-align: center;
      z-index: 10000 !important;
      position: fixed;
      top:0px;

}
.topPage {
      height: 45px;
      width: 100%;
      background-color: #FFF;
      position: fixed;
      top:0px;
      z-index: 1500;
}

.lineTopPage {
    border-bottom: 1px solid #afafaf;
}
.getMobileSearch{
	display: none;
}
@media (max-width: 961px) {
	.lineTopPage {border-bottom: 1px solid #fff;}
	.getMobile {display: none;}
	.getMobileSearch{display: inherit;}
	.spaceRightTop {padding-right: 70px;}
}

.fullMenu {
      height: 45px;
      width: 100%;
      background-color: #FFF;
      /*position: fixed;
      top:0px;*/
      z-index: 500;
}
.iconsTop {
      height: 30px;
}
.tblTop {
      height: 100%;
      width: 80%;
      margin: auto;
}

.topLetters {
      font-family: 'Comfortaa', cursive;
      font-size: 11px;
      color: #00aeef;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
}

.topLetters:hover{
      font-family: 'Comfortaa', cursive;
      font-size: 11px;
      color: #204eb1;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
}

.topMenu {
      height: 45px;
      width: 100%;
      margin: auto;
      vertical-align: middle;
}
.topMenu td {
      padding-left: 15px;
      padding-right: 15px;
}

.topMenu td{
      text-align: center;
      vertical-align: middle;
}
.topMenu a{
      font-family: 'Comfortaa', cursive;
      font-size: 11px;
      color: #00aeef;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
}

.topMenu a:hover{
      color: #204eb1;
}

.avisoExtra {
    font-family: 'Comfortaa', cursive;
    font-size: 12px;
    color: #fe0100;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
}
.extraActive {
      color: #204eb1;
}
.pageActive a {
      font-weight: bold;
      color: #204eb1;
}
.topSearch {
      background-color: #00aeef;
      /*height: 40px;*/
}
.selectDestaques {
      background-color: #204eb1;
      height: 40px;
}

.topnav .iconMobile {
	display: none;
}

.topnav .iconMobile:hover {
	color: #204eb1;
	text-decoration: none;
}
 
.tblMenu {
      padding: 0 20px 0 20px;
}
.icnCarrinho {
      width: 115px;
      text-align: right;
}
.icnArea {
      width: 130px;
      text-align: right;
}
.icnArea a{
	text-decoration: none;
}
.topBanner {
      width: 100%;
      height: 45px;
}
.imgComp {
      width: 140px;
}

.spaceIcons {
      width: 80%;
      margin: auto;
}

.sectionTitle {
	margin: auto;
	padding: 15px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid #204eb1;
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #204eb1;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}

.spaceTopLogin {
      padding-top: calc(2% + 40px) !important;
}


@media (max-width: 961px) {
	.sectionTitle {margin: 20px 10px 20px 10px;}

      .spaceTopLogin {
            padding-top: calc(2% + 85px) !important;
      }
}

.borderRightLogin {
    border-right: 1px solid #FFF;
    border-bottom: none;
}
@media (max-width: 768px) {
	.borderRightLogin {
        border-right: none;
        border-bottom: 1px solid #FFF;
    }
    .spaceTopLogin {
        padding-top: 30px;
    }
}

.pageTitle {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
}

.titleCompra {
      font-family: 'Comfortaa', cursive;
      font-size: 16px;
      color: #00aeef;
      font-style: normal;
      font-weight: bold;
      text-align: center;
}

.nameSection {
      /*margin: 20px 0 20px 0;
      border-bottom: 1px solid #204eb1;*/
      background-color: #204eb1;
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #fff;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      /*text-transform: uppercase;*/
}

.nameSection a {
	color: #fff;
	text-decoration: underline;
}


.isInvalid {
	font-family: 'Comfortaa', cursive;
	font-size: 11px;
	color: #fe0100;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.text12BU {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
}

.text12B {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #204eb1;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

.textMarca {
      font-family: 'Comfortaa', cursive;
      font-size: 9px;
      color: #666;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
}
.text12 {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: normal;
      text-align: left;
}

.text12White {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #fff;
      font-style: normal;
      font-weight: normal;
      text-align: left;
}

.text12White a{
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #fff;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      text-decoration: underline;
}

.text14 {
    font-family: 'Comfortaa', cursive;
    font-size: 14px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

.text18BC {
      font-family: 'Comfortaa', cursive;
      font-size: 18px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: center;
}

.text12Blk {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #000;
      font-style: normal;
      font-weight: normal;
      text-align: justify;
}

.text12Grey {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
      text-align: justify;
}

.text12Grey a{
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
      text-align: justify;
      text-decoration: underline;
}

.text12NewGrey{
    font-family: 'Comfortaa', cursive;
    font-size: 13px;
    color: #666666;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
}
.text12NewGrey a, .card-body .text12NewGrey a{
    font-family: 'Comfortaa', cursive;
    font-size: 13px;
    color: #666666;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
}

.text12NewGrey a:hover{
    font-family: 'Comfortaa', cursive;
    font-size: 13px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    text-decoration: none;
}
.text13GreyLine {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
      text-align: justify;
      line-height: 1.5em
}

.carrText {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #666666;
      font-style: normal;
      font-weight: bold;
      /*text-align: center;*/
}

.textArea {
	font-family: 'Comfortaa', cursive;
	font-size: 16px;
	color: #00aeef;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

.carrSpot {
      color: #00aeef;
}

.textUser {
      font-family: 'Comfortaa', cursive;
      font-size: 10px;
      color: #fff;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
}

.txtSelDes {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #fff;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
}

.txtSelDes a{
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #fff;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      margin: 2px 5px 2px 5px;
      padding: 10px 5px 10px 5px;
}

.txtSelDes a.active{
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      background-color: #FFF;
      padding: 10px 5px 10px 5px;
}

.textAchaProd{
    font-family: 'Comfortaa', cursive;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    line-height: 1.5em;
    /*text-transform: uppercase;*/
}

.prodDescNov {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
}

.showPrice {
      background-color: #00aeef;
	/*padding: 10px;*/
      height: 40px;
      border: 1px solid #00aeef;
      font-family: 'Comfortaa', cursive;
      font-size: 11px;
      color: #fff;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
}

.showPriceTam {
      width: 170px;
}

.dadosPag {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      border: 1px solid #00aeef;
}

@media (max-width: 961px) {
      .showPriceTam {
            width: 170px;
            max-width: 80px;
      }
}

.showPriceProd {
      background-color: #fff;
	padding: 10px;
      height: 40px;
      border: 1px solid #204eb1;
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
}

.showPriceDesc {
      background-color: #fff;
	padding: 10px;
      height: 40px;
      border: 1px solid #204eb1;
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
}
.priceText {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
}
.priceValue {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
      padding-top: 2px;
}

.showDescont {
      background-color: #fe0100;
      border: 1px solid #fe0100;
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #fff;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;

      width: 44px;
}

.showDescontTag {
      background-color: #fe0100;
      border: 1px solid #fe0100;
      font-family: 'Comfortaa', cursive;
      font-size: 11px;
      color: #fff;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;

      padding: 5px;
}

.priceIva {
      font-family: 'Comfortaa', cursive;
      font-size: 8px;
      color: #666666;
      font-style: normal;
      font-weight: bold;
      text-align: right;
}
.quantValue {
	font-family: 'Comfortaa', cursive;
	font-size: 13px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding-top: 2px;
	background-color: #204eb1;
}

.showQuantTotal {
	font-family: 'Comfortaa', cursive;
	font-size: 13px;
	color: #204eb1;
	font-style: normal;
      font-weight: bold;
      text-align: center;
	text-transform: uppercase;
	border: 0;
	/*background-color: #204eb1;*/
      width: 14px;
}

.inputQuantTotal {
	font-family: 'Comfortaa', cursive;
	font-size: 13px;
	color: #204eb1;
	font-style: normal;
      font-weight: bold;
      text-align: center;
	text-transform: uppercase;
	border: 0;
	/*background-color: #204eb1;*/
      width: 30px;
}

.teclasUpDown {
      font-family: 'Comfortaa', cursive;
	font-size: 14px;
	color: #fff;
	font-style: normal;
      font-weight: bold;
      text-align: center;
      background-color: #204eb1;
      border: 1px solid #204eb1;
      cursor: pointer;
      height: 20px; 
      width: 30px;
}

.teclasUp {
      font-family: 'Comfortaa', cursive;
	font-size: 14px;
	color: #fff;
	font-style: normal;
      font-weight: bold;
      text-align: center;
      background-color: #204eb1;
      border: 1px solid #204eb1;
      cursor: pointer;
      height: 20px; 
      width: 30px;
      margin-bottom: 1px;
      padding-top: 2px;
}

.teclasDown {
      font-family: 'Comfortaa', cursive;
	font-size: 14px;
	color: #fff;
	font-style: normal;
      font-weight: bold;
      text-align: center;
      background-color: #204eb1;
      border: 1px solid #204eb1;
      cursor: pointer;
      height: 20px; 
      width: 30px;
      padding-top: 1px;
}

.tdQuant {
      display: table-cell;
      border: 1px solid #204eb1;
      width: 40px; 
      color: #204eb1;
      text-align: center;
      font-weight: bold;
      vertical-align: middle;
}
.tdControls {
      display: table-cell;
      width: 22px;
      padding: 0;
      margin: 0;
      padding-left: 2px;
}

.workDest {
      width: 95%;
	  margin: auto;
	  padding-left: 10px;
	  padding-right: 10px;
}

.tblComplementos {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      width: 100%;
}

.tblComplementos th{
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      padding-bottom: 10px;
}

.tblComplementos td{
      text-align: center;
      padding-top: 5px;
      
}

.tblComplementos tr {
      background-color: #fff;
}

.trComp {
      border-top: 7px solid #fff;
}

.tblCarrinho {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #666;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	width: 100%;
}
.tblCarrinho tr td:first-child {
	padding-left: 20px;
}
.tblCarrinho tr td:last-child {
	padding-right: 20px;
}
.tblCarrHead td{
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #204eb1;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #204eb1;
	padding-bottom: 10px;
}

.trStartComp {
      border-top: 1px solid #666666;
}
.trStartComp td:first-child {
      padding-left: 20px;
      border-top: 1px solid transparent;
      padding-bottom: 10px;
}
.trStartComp td:last-child {
      padding-right: 20px;
      border-top: 1px solid transparent;
}
.trEndComp {
      border-bottom: 1px solid #666666;
}
.trEndComp td:first-child {
      padding-left: 20px;
      border-bottom: 1px solid transparent;
      padding-top: 10px;
}
.trEndComp td:last-child {
      padding-right: 20px;
      border-bottom: 1px solid transparent;
}
.tblShowComp td {
      padding: 5px 0 5px 0;
}

.prodNotSelected {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #666;
	font-style: normal;
	font-weight: normal;
    text-align: center;
    text-decoration: line-through;
}

.tblPagamentos {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	width: 100%;
}
.tblPagHead td{
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #204eb1;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #204eb1;
	padding-bottom: 10px;
}
.tdInfo {
	width: 250px;
}

.tblPagamentos tr td:first-child {
	padding-left: 15px;
}
.tblPagamentos tr td:last-child {
	padding-right: 15px;
}
.tblShowPag td {
      padding: 10px 0 5px 0;
}

@media (max-width: 961px) {
	.tdInfo {width: 100px;}
}

.tblhistorico {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	width: 100%;
}

.tblhistorico th{
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #fff;
	background-color: #204eb1;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: middle;
}

.tblhistorico tr th:first-child {
	padding-left: 20px;
}
.tblhistorico tr th:last-child {
	padding-right: 20px;
}

.tblhistorico tr td:first-child {
	padding-left: 20px;
	text-align: left;
}
.tblhistorico tr td:last-child {
	padding-right: 20px;
}

.tblhistorico td {
	padding: 10px 0 10px 0;
	/*height: 40px;*/
}

.tblHistAguarda td {
	background-color: #00aeef;
	color: #fff;
}

.tblHistCancela td {
      background-color: #666666;
      color: #fff;
}

.trShowCompra td {
	padding: 2px 0 2px 0;
	/*height: 40px;*/
}
.showCompra {
	cursor: pointer;
}
.showDetCompra {
	display: none;
}

/*.tblhistorico > tbody > tr {
	border-top: 7px solid #fff;
}*/

.saberMais {
	cursor: pointer;
}
.showSaberMais {
	display: none;
}

.btnAreaCli {
	border: 1px solid #204eb1;
	border-radius: 15px;
	text-decoration: none;
}

.btnAreaCli a{
	text-decoration: none;
}

.btnAreaCli:hover{
	color: #fff;
	background-color: #204eb1;
}


/***** PRODUCT CATEGORY *****/
.catMobile {
    display: none;
}

.fixedCatMobileMax {
    position: fixed;
    top: 116px;
    left: 15px;
    width: 94%;
    z-index: 1000 !important;
}
.fixedCatMobile {
    position: fixed;
    top: 86px;
    left: 15px;
    width: 94%;
    z-index: 1000 !important;
}

@media (min-width: 768px) {
    .goSticky {
        background-color: #fff;
/*
        position: -webkit-sticky;
        position: sticky;
        top: 71px;
*/
        z-index: 1000 !important;
    }
}

@media (max-width: 767px) {
    .catMobile {
        display: initial;
        /*position: -webkit-sticky;
        position: sticky;*/
        
        /*position: fixed;
        left: 15px;
        width: 95%;*/
        
        /*top: 86px;*/
        z-index:1000;
    }
    .goSticky {display: none;}
}

.specialInput {
	border: none;
	background-color: #fff;
	color: #666666;
}

.itemDelete {
	color: #204eb1;
	cursor: pointer;
	font-size: 16px;
}

.showTotals {
	background-color: #204eb1;
	color: #fff;
	width: 100%;
	height: 40px;
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
.showTotals tr td:first-child {
	padding-left: 40px;
}
.showTotals tr td:last-child {
	padding-right: 20px;
}

.showTotalsExtra {
      background-color: #fff;
      border-bottom: 1px solid #204eb1;
	color: #204eb1;
	width: 100%;
      height: 30px;
      font-family: 'Comfortaa', cursive;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}








.btnAdicionar {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #204eb1;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #204eb1;
	width: 40px;
	cursor: pointer;
}

.sepEmpresa {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #fff;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      background-color: #00aeef;
      padding: 5px 0 5px 0;
}

@media (max-width: 961px) {
      .workDest {width: 85%;}
}

@media (max-width: 600px) {
	  .workDest {width: 80%;}
}

.gotoSpace {
      width: 100%;
      margin: auto;
      text-align: center;
	  padding-top: 60px;
	  /*padding-left: 10px;
	  padding-right: 10px;*/
}

.ribbonMarcas {
      /*margin-bottom: 40px;*/
      background-color: #204eb1;
      margin: auto;
      text-align: center;
      height: 78px;
      padding: 24px;
}

.ribbonEnd {
      background-color: #FFF;
      margin: auto;
      text-align: center;
}

.spaceBottom {
	width: 75%;
	/*padding-top:15px;
      padding-bottom:10px;*/
      margin: auto;
}

.endingShow {
	width: 65%;
	/*padding-top:15px;
      padding-bottom:10px;*/
}

.brandList {
	height: 30px;
}

.textWeb3 {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #000;
      font-style: normal;
      font-weight: normal;
      text-align: center;
}
.textWeb3 a{
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #000;
      font-style: normal;
      font-weight: normal;
      text-decoration: none;
}
.goRight {
      text-align: right;
}
.goLeft {
      text-align: left;
}

@media (max-width: 961px) {
      .topnav a.iconMobile {
            position: absolute;
            right: 30px;
            top: 5px;
            display: block;
      }
      .topLetters {display: none;}
      .icnCarrinho {
            width: 32px;
            /*text-align: center*/;
      }
      .icnArea {
            width: 32px;
            /*text-align: center*/;
      }
      /*.tblMenu {display: none;}*/
      .topMenu {display:none;}
      .imgComp {
            width: 140px;
      }
      .brandList {
            height: 25px;
      }
      .goRight {
            text-align: center;
      }
      .goLeft {
            text-align: center;
      }
}

@media (max-width: 550px) {
      .fullMenu {
            padding-right: 70px;
      }
      .brandList {
            height: 20px;
      }
      .goRight {
            text-align: center;
      }
      .goLeft {
            text-align: center;
      }
}

.nameProd {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
      text-align: center;
      text-decoration: none;
}

.nameProd a{
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: bold;
      text-decoration: none;
}

.showNamesDest {
      border-bottom: 1px solid #204eb1;
}

.nameProdDest {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
}
.nameMarcaDest {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #666666;
      font-style: normal;
      font-weight: bold;
      text-transform: uppercase;
}

.prodTitle {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
}
.prodText {
      font-family: 'Comfortaa', cursive;
      font-size: 12px;
      color: #666666;
      font-style: normal;
      font-weight: normal;
}

/*.destaqProd {
      border: 1px solid transparent;
}*/
.destaqProd:hover {
      /*border: 1px solid #666666;*/
      box-shadow:2px 2px 10px #666666;
}

.linkShowProd a{
      text-decoration: none;
}

.noselect {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

.loginImage {
      background-image: url('../img/banner_area-reservada_login.jpg');
      width: 100%;
      height: auto;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;  
}




/***** mobile menu *****/
.sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 500;
      top: 0;
      right: 0;
      background-color: #204eb1;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      text-align:center;
      z-index: 2500; 
  }
  
  .sidenav a {
        display: block;
        font-family: 'Comfortaa', cursive;
        font-size: 12px;
        color: #FFF;
        text-decoration: none;
        padding: 20px 10px 20px 10px;
        border-bottom: 1px solid #DADADA;	
      transition: 0.3s;
      text-transform: uppercase;
  }
  .sidenav a:hover{
      color: #00aeef;
  }
  
  .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
        margin-left: 50px;
        border-bottom: 0px;
  }
  
  .sidenav .imgMnu {
      position: absolute;
      top: 10px;
      left: 5px;
      border-bottom: 0px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

.showCat {
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #FFF;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      background-color: #204eb1;
      padding: 8px 0 6px 5px;
}

.nameCat {
      width: 90%;
      margin:auto;
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      padding: 8px 0 6px 5px;
      border-bottom: 1px solid #666666;
}

.nameCat a{
      width: 90%;
      margin:auto;
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #204eb1;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      padding: 8px 0 6px 5px;
      border-bottom: 1px solid #666666;
      text-decoration: none;
}

.nameCat.active {
      width: 90%;
      margin:auto;
      font-family: 'Comfortaa', cursive;
      font-size: 13px;
      color: #00aeef;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      padding: 8px 0 6px 10px;
      border-bottom: 1px solid #00aeef;
}

.showCategory {
    list-style: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.showCategory li{
    /*display: block;
    width: 100%;*/
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #666;
}
.showCategory li a{
    /*display: block;*/
    width: 100%;
    font-family: 'Comfortaa', cursive;
    font-size: 13px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    /*padding-left: 10px;*/
}
.showCategory li.active{
    font-family: 'Comfortaa', cursive;
    font-size: 13px;
    color: #00aeef;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #00aeef;
    /*padding-left: 10px;*/
}

li.active a{
    font-family: 'Comfortaa', cursive;
    font-size: 13px;
    color: #00aeef;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

.showsubcat {
	padding-top: 10px;
    padding-bottom: 5px;
    /*color: #204eb1 !important;*/
	border-bottom: 1px solid #666;
}
.showsubcat a{
	color: #204eb1 !important;
}
.showsubcat.activesub {
	color: #00aeef;
	/*padding-left: 10px;*/
}
.active .showsubcat {
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #00aeef;
}

.showsubcat:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}








.showDestNov {
      border: 1px solid #204eb1;
}

.textPreco {
      font-family: 'Comfortaa', cursive;
      font-size: 16px;
      color: #204eb1;
      font-style: normal;
      font-weight: bold;
      text-align: left;
}



#containerCondEntrega {
      display: none;
}



/***** BUTTONS *****/
.normalButton {
	font-family: 'Comfortaa', cursive;
	border:1px solid #204eb1;
      font-size:12px;
      color: #204eb1;
	font-weight:normal;
      font-style:normal;
      background-color: #fff;
      cursor: pointer;
      padding: 10px 30px 10px 30px;
      text-transform: uppercase;
}

.normalButton:hover {
	color: #fff;
	border:1px solid #204eb1;
	background-color: #204eb1;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.normalButton:hover {
      text-decoration: none;
}

.delButtonCarrinho {
	font-family: 'Comfortaa', cursive;
	font-size:12px;
      color: #204eb1;
	font-weight:bold;
      font-style:normal;
      background-color: #fff;
      cursor: pointer;
      text-transform: uppercase;
      padding: 1px;
      margin: 0;
      border-radius: 0px;
}

.catBanner {
	font-family: 'Comfortaa', cursive;
	border:1px solid #00aeef;
    font-size:12px;
    color: #fff;
	font-weight:normal;
    font-style:normal;
    background-color: #00aeef;
    cursor: pointer;
    padding: 8px 20px 8px 20px;
    text-transform: uppercase;
    text-decoration: none;
}
.catBanner:hover {
	color: #fff;
	text-decoration: none;
}

/***** bootstrap override *****/
input[name="procura"]::-webkit-input-placeholder {
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 12px;
      font-style: italic;
}
input[name="procura"]:-moz-placeholder { /* Firefox 18- */
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 12px;
      font-style: italic;
}
input[name="procura"]::-moz-placeholder {  /* Firefox 19+ */
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 12px;
      font-style: italic;
}
input[name="procura"]:-ms-input-placeholder {  
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 12px;
      font-style: italic;
}

input[name="procura"], 
input[name="procura"]:focus {  
      font-family: 'Comfortaa', cursive;
      color: #000 !important;
      font-size: 13px; 
      border-radius: 45px;
      /*height: 30px;*/
      width: 350px;
      padding-top: 2px;
      padding-bottom: 2px;
}

input[name="procura"]:focus {   
  border-color: none; /* rgba(126, 239, 104, 0.8);*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
  outline: 0 none;
}

.grpSearch > .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
      border-top-left-radius: 45px;
      border-bottom-left-radius: 45px;
      border: 1px solid #fff;
  }

.imgSearch {
      background-color: transparent !important;
      border: none;
}
.newBtn {
      color: #204eb1;
      font-size: 13px;
	font-style: normal;
      font-weight: normal;
      box-shadow:none;
      background-color: #FFF;
	  border-radius: 45px;
	  height: 30px;
}

.newBtn:hover{
      color: #204eb1;
      background-color: #FFF;
      box-shadow:none;
      
}

.newBtn.focus,
.newBtn:focus{
	color:#204eb1;
	background-color: #fff;
	box-shadow:none;
}
.newBtn:not(:disabled):not(.disabled).active,
.newBtn:not(:disabled):not(.disabled):active,
.show>.newBtn.dropdown-toggle, .btnIcon{
	color:#00aeef;
	background-color:#FFF;
	box-shadow:none;
}

.newBtn:not(:disabled):not(.disabled).active:focus,
.newBtn:not(:disabled):not(.disabled):active:focus,
.show>.newBtn.dropdown-toggle:focus{
	box-shadow:none;
}

.grpSearchMain > .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
	border-top-left-radius: 45px;
	border-bottom-left-radius: 45px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	width: 100px;
	height: 30px;
}
.newBtnMain {
	color: #204eb1;
	font-size: 13px;
  	font-style: normal;
	font-weight: normal;
	box-shadow:none;
	background-color: #FFF;
	border-radius: 45px;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	height: 30px;
}

.newBtnMain:hover{
	color: #204eb1;
	background-color: #FFF;
	box-shadow:none;
	
}

.newBtnMain.focus,
.newBtnMain:focus{
  color:#204eb1;
  background-color: #fff;
  box-shadow:none;
}
.newBtnMain:not(:disabled):not(.disabled).active,
.newBtnMain:not(:disabled):not(.disabled):active,
.show>.newBtnMain.dropdown-toggle, .btnIcon{
  color:#00aeef;
  background-color:#FFF;
  box-shadow:none;
}

.newBtnMain:not(:disabled):not(.disabled).active:focus,
.newBtnMain:not(:disabled):not(.disabled):active:focus,
.show>.newBtnMain.dropdown-toggle:focus{
  box-shadow:none;
}

.carousel-indicators li {
      width: 10px;
      height: 10px;
      border-radius: 100%;
}

/* bootstrap forms*/
.form-control {
      border-radius: 0;
}

input::-webkit-input-placeholder {
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}
      
input:-moz-placeholder { /* Firefox 18- */
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}
      
input::-moz-placeholder {  /* Firefox 19+ */
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}
      
input:-ms-input-placeholder {  
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}

textarea::-webkit-input-placeholder {
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}
      
textarea:-moz-placeholder { /* Firefox 18- */
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}
      
textarea::-moz-placeholder {  /* Firefox 19+ */
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}
      
textarea:-ms-input-placeholder {  
      font-family: 'Comfortaa', cursive;
      color: #666666 !important;
      font-size: 11px;
}

/*.form-control:focus {
      border-color: #666666;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(240, 240, 240, 0.5);
}*/


.btn-vencer-send-off {
      background-color: #666666;
      border-radius: 0;
      color: #fff;
}

.btn-vencer-send {
      background-color: #00aeef;
      border-radius: 0;
      color: #fff;

}

.btn-vencer-clean {
      background-color: #666666;
      border-radius: 0;
      color: #fff;

}

.btn-vencer-fich {
      background-color: #204eb1;
      border-radius: 0;
      color: #fff;
      cursor: pointer;
      position: relative;
      overflow: hidden;
}

.btn-vencer-fich input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;   
      cursor: pointer;
      display: block;
}

input[aria-describedby="loginInput"]::-webkit-input-placeholder {
      font-family: 'Comfortaa', cursive;
      color: #fff !important;
      font-size: 12px;
      text-align: center;
}
input[aria-describedby="loginInput"]:-moz-placeholder { /* Firefox 18- */
      font-family: 'Comfortaa', cursive;
      color: #fff !important;
      font-size: 12px;
      text-align: center;
}
input[aria-describedby="loginInput"]::-moz-placeholder {  /* Firefox 19+ */
      font-family: 'Comfortaa', cursive;
      color: #fff !important;
      font-size: 12px;
      text-align: center;
}
input[aria-describedby="loginInput"]:-ms-input-placeholder {  
      font-family: 'Comfortaa', cursive;
      color: #fff !important;
      font-size: 12px;
      text-align: center;
}

input[aria-describedby="loginInput"], 
input[aria-describedby="loginInput"]:focus {   
  color: #FFF;
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-color: #FFF;
  border-style: solid;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
  outline: 0 none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.btn-logIn {
      background-color: #fff;
      border-radius: 0;
      text-transform: uppercase;
      font-family: 'Comfortaa', cursive;
      color: #204eb1;
      font-size: 12px;
      /*font-style: normal;
      font-weight: normal;
      text-align: left;*/
}

.btn-logIn:hover {
      /*background-color: transparent !important;*/
	color: #00aeef;
	border:1px solid #fff;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.btn-registar {
      border: 1px solid #fff;
      border-radius: 0;
      text-transform: uppercase;
      font-family: 'Comfortaa', cursive;
      color: #fff;
      font-size: 12px;
}

.btn-registar:hover {
      background-color: #fff !important;
	color: #204EB1;
	border:1px solid #fff;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.selectWrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	/*border: 1px solid #bbb;*/
	border-bottom: 1px solid #fff;
	border-radius: 2px;
	/*background:transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%2300AEA9%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;*/
      background:transparent url('../img/arrow_down.png') right 13px center no-repeat;
}
  
.selectWrapper select {
	padding: 12px 40px 5px 20px;
	line-height: 18px;
	width: 100%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
      text-align: center;
}

.is-invalid:hover {
	border: solid 1px #fe0100;
}

option{
      color: #000;
}

/***** slick override *****/
.slider {
      width: 50%;
      margin: 100px auto;
  }

  .slick-slide {
    margin: 0px 20px;
  }

  .slick-slide img {
    /*width: 100%;*/
  }

  .slick-prev:before,
  .slick-next:before {
    color: black;
  }


  .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
  }
  
  .slick-active {
    opacity: .5;
  }

  .slick-current {
    opacity: 1;
  }

.slick-prev:before {
      content: "<";
      color: #666666;
      /*font-size: 30px;*/
    }
    
.slick-next:before {
      content: ">";
      color: #666666;
      /*font-size: 30px;*/
}

.slickArrowRight {
      height: 45px;
      cursor: pointer;
      position: absolute;
      top: 110px;
      right: -30px
}

.slickArrowLeft {
      height: 45px;
      cursor: pointer;
      position: absolute;
      top: 110px;
      left: -30px;
}


/*@media (max-width: 600px) {
      .slickArrowRight {
            height: 35px;
            top: 55px;
      }
      
      .slickArrowLeft {
            height: 35px;
            top: 55px;
      }
}*/

.slickArrowRightProd {
      height: 25px;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 12px;
      right: -25px
}

.slickArrowLeftProd {
      height: 25px;
      cursor: pointer;
      position: absolute;
      top: 12px;
      left: -25px;
}

.smallImgProd {
      cursor: pointer;
}

/***** SLICK *****/
/* the slides */
.slick-slide {
      margin: 0 2px;
}
/* the parent */
.slick-list {
    margin: 0 -0px;
}
/*.slick-initialized { visibility: visible; }*/
.slick-slide { opacity: 1; }


/***** BADGE *****/

.notification {
      color: white;
      text-decoration: none;
      /*padding: 15px 26px;*/
      position: relative;
      display: inline-block;
      /*border-radius: 2px;*/
}

.notification .badge {
      position: absolute;
      top: -5px;
      right: -2px;
      padding: 4px 4px 2px 4px;
      border-radius: 50%;
      background-color: #00aeef;
      border: 1px solid #FFF;
      font-family: 'Comfortaa', cursive;
      font-size: 10px;
      font-style: normal;
      font-weight: normal;
      color: white;
}

.acBadge {
	position: relative;
	top: -20px;
	right: 24px;
	padding: 6px 7px 4px 7px;
	border-radius: 50%;
	background-color: #00aeef;
	border: 1px solid #FFF;
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: white;
}

/***** accordion *****/
.accordion .card-header:after {
      font-family: 'FontAwesome';  
      content: "\f106";
      float: right; 
      color: #204eb1;
      cursor: pointer;
}
.accordion .card-header.collapsed:after {
      /* symbol for "collapsed" panels */
      content: "\f107"; 
      color: #204eb1;
      cursor: pointer;
}

.prodCaract {
      font-family: 'Comfortaa', cursive;
	font-size:12px;
      color: #204eb1;
	font-weight:normal;
      font-style:normal;
      font-weight: bold;
      cursor: pointer;
}

.prodCaract a{
      font-family: 'Comfortaa', cursive;
	font-size:12px;
      color: #204eb1;
	font-weight:normal;
      font-style:normal;
      font-weight: bold;
      cursor: pointer;
}

.card {border: none; }
.card-header {
      padding: .75rem 1.25rem;
      margin-bottom: 0;
      background-color: #fff;
      border-bottom: 1px solid #204eb1;
}

#map {
	width: 100%;
	height: 400px;
      margin-top: -62px;
      margin-bottom: 0px;
}

/* ----- AREA DE CLIENTE MENU ----- */
.menuArea{
	display: inline-block;
	position: relative;
	cursor: pointer;
	border: none;
}

.menuArea-menu{
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 140px;
	overflow: auto;
	border: 1px solid #00aeef;
	/*box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);*/
	z-index: 1000;
	text-align: left;
	right: -7px;
	border-radius: 0px;
}

.menuArea-menu a {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	color: #204eb1;
	padding: 6px 6px;
	text-decoration: none;
      display: block;
      border-bottom: 1px solid #00aeef;
}

.menuArea-menu a:last-child {
	border-bottom: none;
}

.menuArea-menu a:hover {
	background-color: #00aeef;
	color: #fff;
}

/***** SHOW PRODUCTS ******/
.slideLink {
    height: 350px;
}
.slideLink .slideProduct:hover {
	text-decoration: none;
    /*box-shadow: -5px 5px 10px #666;*/
    box-shadow:2px 2px 10px #666666;
}
.slideLink a{
	text-decoration: none;
}
.slideProduct {
	width: 250px;
	/*box-shadow: -3px 3px 8px #a0a0a0;*/
	position: relative;
	background-color: #fff;
}
.topSlideProduct {
	padding: 10px;
	margin-top: 7px;
}
.showSlideImage {
    height: 205px;
    width: 205px;
	background-position: center;
	background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: 100% 100%;
}
.spaceShowProduct {
    padding: 5px 10px 5px 10px;
}
.spaceShowPrices {
    padding: 0px 10px 5px 10px;
}
.tblInfoProduct {
    width: 100%;
    height: 30px;
    margin: auto;
}
.textPrices {
    font-family: 'Comfortaa', cursive;
    font-size: 14px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}
.textPrecoRed {
    font-family: 'Comfortaa', cursive;
    font-size: 16px;
    color: #fe0100;
    font-style: normal;
    font-weight: bold;
    text-align: left;
}
.textPriceOld {
    color: #666666;
    text-decoration: line-through;
}
.textDiscont {
    font-family: 'Comfortaa', cursive;
    font-size: 14px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    width: 45px;
    background-color: #fe0100;
    border: 1px solid #fe0100;
    color: #fff;
    padding: 0 5px;
}
.showChartSmall {
    width: 30px;
    border: 1px solid #204eb1;
    text-align: center;
    cursor: pointer;
}
.text16 {
    font-family: 'Comfortaa', cursive;
    font-size: 16px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}
.text14Prod {
    font-family: 'Comfortaa', cursive;
    font-size: 14px;
    color: #204eb1;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    height: 30px;
}
.text12BUProd {
    font-family: 'Comfortaa', cursive;
    font-size: 12px;
    color: #204eb1;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    height: 15px;
}

.form-control:focus {
    border-color: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(0, 0, 0, 0);

}

/***** CUSTOM SELECT *****/
select {
    width: 100%;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff !important;
	padding: 5px 40px 5px 5px;
	border: 1px solid #204eb1;
	height: 34px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/icon_seta.ico) 96% / 20px no-repeat #fff;
}
    
select::-ms-expand { 
      display: none;
}

@media screen and (min-width:0\0) {
      select {
      background:none\9;
      padding: 5px\9;
      } 
}


.btn-areacli {
      font-family: 'Comfortaa', cursive;
      background-color: #204eb1;
      display: flex;
      padding: 1px 5px;
      border-radius: 5px;
      text-decoration: none;
      font-size: 12px;
      color: #fff;
      margin-left: 7px;
      transition: 0.1s all;
}

.btn-areacli:hover {
      color: #fff;
      text-decoration: none;
      text-shadow: 0px 0px 1px #fff
}