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       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.workspace {
	max-width: 950px;
	margin: auto;
}
.menuspace {
	max-width: 1200px;
	margin: auto;
}

.imgStart {
    display:table;
    width: 100%;
    height: 300px;
    /*background-image: url('../img/img_detalhe.jpg');*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 767px){
    .imgStart {
        width: 100%;
        height: 200px;
    }
}

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

.typeC {font-family: 'Comfortaa', cursive;}

.colorWhite {color: #fff;}
.colorNavy {color: #204eb1;}
.colorBlue {color: #00aeef;}
.colorGrey {color: #666666;}
.colorDark {color: #000;}

.textBold {font-weight: 700;}
.textNormal {font-weight: 400;}
.textLight {font-weight: 300;}

.textItalic {font-style: italic;}

.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.textJustify {text-align: justify;}

.textUp {text-transform: uppercase;}
.textDown {text-transform: lowercase;}

.textCursor {cursor:pointer;}

.line15 {line-height: 1.5em;}
.line2 {line-height: 2em;}
.tam10 {font-size: 10px;}
.tam11 {font-size: 11px;}
.tam13 {font-size: 13px;}
.tam14 {font-size: 14px;}
.tam16 {font-size: 16px;}
.tam18 {font-size: 18px;}
.tam20 {font-size: 20px;}
.tam30 {font-size: 30px;}
.tam40 {font-size: 40px;}
.tam50 {font-size: 50px;}
.tam60 {font-size: 60px;}

.textLink a{
    color: #666;
    text-decoration: none;
}
.textLink a:hover{
    color: #666;
    text-decoration: underline;
}

.inlinediv {
    display: inline-block;
}

.notLido a {
    color: #000;
    font-weight: 700;
}
.notLido a:hover {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}
.contactEmail a{
    color: #00aeef;
}
.contactEmail a:hover{
    color: #00aeef;
    text-decoration: none;
}


/***** WEB3 *****/
.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;
}

.textWeb3 a:hover{
    text-decoration: underline;
}

/***** MENU *****/
.fullMenu {
    background-color: #fff;
    border-bottom: 1px solid #dadada;
    position: fixed;
    z-index: 1000;
}
.iconMobile {
	display: none;
}

.iconMobile:hover {
	color: #204eb1;
	text-decoration: none;
}

.linkTex a {
    text-decoration: none;
    color: #00aeef;
}
.linkTex a:hover {
    text-decoration: none;
    color: #204eb1;
}

.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;
    font-weight: 700;
    color: #FFF;
    text-decoration: none;
    padding: 20px 10px 20px 32px;
    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 (max-width: 767px) {
    .iconMobile {
          /*position: absolute;
          right: 30px;
          top: 5px;*/
          display: block;
          z-index: 1500;
    }
    #nameAreaCli {
        display: none;
    }
    #labelMenu {
        display: none;
    }
}

/***** MENU AREA RESERVADA *****/
.menuArea{
	display: inline-block;
	position: relative;
	cursor: pointer;
	border: none;
}
.menuArea a {
    text-decoration: none;
    color: #204eb1;

}

.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: 0px;
    margin-top: 5px;
	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;
}

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

@media (max-width: 767px) {
    .menuArea-menu{
        right: 0px;
        margin-top: 5px;
    }
}

/***** SLIDESHOW TEXT *****/
.textBanner {
    height: 100%;
    width: 100%;
    top: 40%;
    left:0;
}
.textPreTituloBanner {
    font-family: 'Comfortaa', cursive;
    font-size: 1.1vw;
	color: #fff;
	font-style: normal;
	font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.textTituloBanner {
    font-family: 'Comfortaa', cursive;
    font-size: 3vw;
	color: #fff;
	font-style: normal;
	font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.textPosTituloBanner {
    font-family: 'Comfortaa', cursive;
    font-size: 0.9vw;
	color: #fff;
	font-style: normal;
	font-weight: normal;
    text-align: center;
}

@media screen and (max-width: 767px){
    .carousel-indicators{bottom: 2px;}
    .textBanner {top: 35%}
    .textPreTituloBanner {display: none;}
    .textPosTituloBanner {display: none;}
}

/***** PROPOSTA *****/
.pecaProposta {
    background-image: url("../img/img_orcamento.png");
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*position: relative;*/
    height: 300px;
}

@media (max-width: 767px) {
    .pecaProposta {height: 200px;}   
}

/***** FAQS *****/
.lineFaqs {
    border-bottom: 1px solid #00aeef;
}
.faqPerg {
    cursor: pointer;
}
.faqResp {
    display: none;
    width: 95%;
}
.faqArrow {
    -moz-transition: transform .5s;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}

/***** NOSSO CLIENTE *****/
.has-search .form-control {
	padding-left: 2.375rem;
}
  
.has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
}

.fileWaitUp {
    font-family: 'Comfortaa', cursive;
    font-size: 12px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
    text-align: center;
    background-color: #999;
    padding: 5px;
    margin: 5px;
}
.delFich {
    font-size: 14px;
    cursor: pointer;
}

/**** LOGIN *****/
.loginImage {
    background-image: url('../img/banner_area-condomino.jpg');
    width: auto;
    min-height: calc(100% - 302px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
}

/***** AREA CONDOMINIOS *****/
.borderDocs {
    border-right: 1px solid #204eb1;    
}
.docsContainer {
    max-height: 200px;
    overflow: auto;
}

.tblMens {
    width: 100%;
    font-family: 'Comfortaa', cursive;
    color: #666;
    font-size:12px;
    text-align: center;
    font-style: normal;
	font-weight: normal;
    border: 1px solid rgba(103,103,102,0.5);
    border-collapse: collapse;
}

.tblMens thead th {
    color: #000;
    font-weight: 700;
    padding: 10px;
    border: 1px solid rgba(103,103,102,0.5);
}

.tblMens tbody td {
    padding: 10px;
    border: 1px solid rgba(103,103,102,0.5);
}
.tblMens .readMens a{
    color: #204eb1;
    font-weight: 700;
    cursor: pointer;
}
.tblMens .readMens a:hover {
    color: #00aeef;
    font-weight: 700;
    text-decoration: underline;
}

.tblShowMens td {
    vertical-align: top;
    padding-right: 15px;
    padding-bottom: 15px;
}


/***** BUTTONS *****/
.btnNormal {
    cursor: pointer;
	font-family: 'Comfortaa', cursive;
	border:1px solid #204eb1;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	border-radius : 1px;
    background-color: #204eb1;
    text-decoration: none;
}

.btnNormal:hover {
	color: #fff;
	border:1px solid #00aeef;
    background-color: #00aeef;
    text-decoration: none;
	-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;
}

.btnNormal a:hover {
	text-decoration: none;
}

.btnFormReq {
    background-color: #00aeef;
    cursor: pointer;
    font-family: 'Comfortaa', cursive;
    color: #fff;
	font-size:12px;
	font-weight:normal;
    font-style:normal;
    text-transform: uppercase;
    border-radius: 0px;
}

.btnFormClean {
    background-color: #666;
    cursor: pointer;
    font-family: 'Comfortaa', cursive;
    color: #fff;
	font-size:12px;
	font-weight:normal;
    font-style:normal;
    text-transform: uppercase;
    border-radius: 0px;
}

.btnAddFich {
    background-color: #204eb1;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    height: 32px;
}

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

.btn-logIn {
    background-color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Comfortaa', cursive;
    color: #204eb1;
    font-size: 12px;
    max-width: 260px;
    /*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;
}

/***** CUSTOM SELECT *****/
.selectWrapper {
	width: 100%;
	/*overflow: hidden;*/
	position: relative;
	border-radius: 0px;
	background:transparent url('../img/arrow_down.png') right 13px center no-repeat;
}
  
.selectWrapper select {
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666 !important;
	padding: 3px 35px 3px 5px;
	border: 1px solid #694b29;
	height: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/arrow_down.png) 90% / 10px no-repeat #fff;
}

.selectWrapperForm select {
	width: 100%;
	font-family: 'Comfortaa', cursive;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666 !important;
	padding: 3px 40px 3px 30px;
	border: 1px solid rgba(103,103,102,0.8);
	height: 38px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background: url(../img/arrow_down.png) 96% / 10px no-repeat #fff;
}

option{
	font-family: 'Cabin', sans-serif, verdana, Arial;
	font-size: 12px;
	color: #000;
}

.appendForm {
    background-color: #FFF;
    border-radius: 0px;
    border: 1px solid #694b29;
    cursor: pointer;
}

/**** SLICK OVERRIDE *****/
.slider {
    width: 50%;
    margin: 100px auto;
}

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

.slick-slide {
    margin: 0 20px;
    transition: all ease-in-out .3s;
    /*opacity: .2;*/
    opacity: 1;
}

.slick-active {
  opacity: 1;
}
.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: 25px;
    right: 0px
}

.slickArrowLeft {
    height: 45px;
    cursor: pointer;
    position: absolute;
    top: 25px;
    left: 0px;
}

.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;
}

/* margin of the full slider */
.slick-list {
  margin: 0 30px;
}

/***** BOOTSTRAP OVERRIDE *****/
.carousel-indicators > li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

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

input[aria-describedby="contactInput"], 
input[aria-describedby="contactInput"]:focus {
	font-family: 'Comfortaa', cursive;
    color: #333;
    font-size: 13px;
	background-color: transparent;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	outline: 0 none;
	margin-bottom: 0;
	padding-bottom: 5px;
    border: 1px solid rgba(103,103,102,0.8);
    border-radius: 0px;
    /*max-width: 250px;*/
}

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

textarea[aria-describedby="contactInput"], 
textarea[aria-describedby="contactInput"]:focus {
	font-family: 'Comfortaa', cursive;
    color: #333;
    font-size: 13px;
	background-color: transparent;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
	outline: 0 none;
	margin-bottom: 0;
	padding-bottom: 5px;
	border: 1px solid rgba(103,103,103,1);
	border-radius: 0px;
	height: 160px;
}

input[type="number"] {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
}

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 {   
    font-family: 'Comfortaa', cursive;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    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;
    border-radius: 0;
}

.nav-tabs .nav-item .nav-link {
    font-family: 'Comfortaa', cursive;
    font-size: 12px;
    color: #666;
    border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #204eb1;
}
.nav-tabs .nav-item .nav-link:focus {
    color: #204eb1;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #333;
}
.nav-tabs {
    border-bottom: 1px solid rgba(103,103,102,0.8);
}

.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link.active:hover {
    border-color: rgba(103,103,102,0.8) rgba(103,103,102,0.8) #fff;
}
.nav-tabs .nav-item .nav-link:hover {
    border-color: #e9ecef #e9ecef rgba(103,103,102,0.8);
}

.modal-dialog {
    width: 50%;
}

@media (max-width: 991px) {
    .modal-dialog {width: 95%;}
}
.modal-header {
    padding: 10px; 
}
.modal-content {
    border-radius: 0;
}
.modal-titleMens {
    font-family: 'Comfortaa', cursive;
	font-size: 16px;
	color: #204eb1;
	font-style: normal;
	font-weight: normal;
    text-align: center;
    width: calc(100% - 56px);
    padding-top: 5px;
}
.btn-modal {
    font-family: 'Comfortaa', cursive;
	font-size: 12px;
    color: #fff;
    background-color: #204eb1;
	font-style: normal;
	font-weight: normal;
    text-align: center;
    padding: 5px 15px 5px 15px;
    border-radius: 0px;
}
.btn-modal:hover {
    background-color: #00aeef;
}
.btn-modal:focus,.btn-modal:active {
    outline: none !important;
    box-shadow: none;
}