/*
[2026/01/21, 09:09:36] ~Juliano Almendro: dark blue: 051338
[2026/01/21, 09:10:53] ~Juliano Almendro: light blue: 29344f
*/

.bg-blue-light {
    background-color: #29344f !important;
}

.bg-blue-dark {
    background-color: #051338 !important;
}


.bg-dark-2 {
    background-color: #051338 !important;
}

.color-white {
    color: #000000 !important;
}

.bg-dark {
    background-color: #29344f !important;
}

.section__headline p {
    color: #000000 !important;
}

body {
    background: #ffffff !important;
}

.overlay_dark {
    background-color: white !important;
    opacity: 1 !important;
}

.grid__item-overlay {
  background-color: white !important;
}

.header__wrapper-overlay-menu.bg-off-white .header__curtain {
  background-color: white !important;
}

.section-content p {
    color: black !important;
}

.section-about__header p {
    color:black !important;
}

header.section-cta__header p,
.slider-images__caption {
    color: white !important;
}

/*
h1.smaller_heading {font-size:32px !important;}
*/

.pb-20 {
    padding-bottom:20px;
}

.header__wrapper-overlay-menu.bg-dark-2 .header__curtain {
    background-color: #29344f !important; /* light blue */
}

.black {
    color: black important;
}

.slider__counter_current,
.slider__counter_total {
    color: white !important;
}

.slider__counter-divider {
    background-color: white !important;
}

.js-sticky-header {
    background: #29344f;
}

.ta-c {
    text-align: center !important;
}

.w-60pec {
    width: 60%;
}

.pt-0 {
    padding-top:0 !important;
}

.mt-0 {
    margin-top:0 !important;
}


/* popups forms */
/* for all tops */
@media only screen and (min-width: 768px) { 
    .popupx {
        margin: 200px auto;
    }
}
/* for all mobile */
@media only screen and (max-width: 992px) { 
    .popupx {
        margin: 0px auto;
    }    
}

.w3-border-red, .w3-half, .close-tbl {
    color:black !important;
}

/*

.overlayx {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.overlayx:target {
  visibility: visible;
  opacity: 1;
}

*/

@media only screen and (max-width: 992px) { 
   .popupx { width: 100% !important; }
}

.popupx {
  padding: 5px;
  background: #fff;
  border-radius: 5px;
  width: 800px;
  position: relative;
  transition: all 5s ease-in-out;
}

.portfolio-image {
    border-radius: 1px !important;
}

.popupx h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popupx .closex {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popupx .closex:hover {
  color: orange;
}
.popupx .contentx {
  max-height: 30%;
  overflow: auto;
}

.w3-border-red, .w3-hover-border-red:hover {
        border-color: #000000 !important;
        border-bottom: 3px solid #444444;
    }
    
.title-box {
    margin-top: 0;
    text-transform: uppercase;
    line-height: 17px;
    margin-top: 4px;        
}

.mt-40 {
    margin-top:40px;
}

.mb-40 {
    margin-bottom:40px;
}


/* front slider */
/* for All mobile */

@media screen and (min-width: 320px) {
    h3 {
        font-size: calc(var(--h3-min-font-size) * 1px + (var(--h3-max-font-size) - var(--h3-min-font-size)) * ((100vw - 395px) / 1600)) !important;
    }
}

.section-services.bg-dark-3 .section-services__heading {
    color: var(--color-accent-primary-3) !important;
}

#image-grid .row.center.grid {
    display:block !important;
    width: 100%;
}

#image-grid h2.gal-f {
    text-align:left;
    margin-left:27px !important;
}

@media screen and (min-width: 300px) and (max-width: 627px) {
    .angelas { margin-left: 20px !important; }
}


@media screen and (min-width: 628px) and (max-width: 827px) {
    .angelas { margin-left: 0px !important; }
}

@media screen and (min-width: 828px) and (max-width: 1027px) {
    .angelas { margin-left: 20px !important; }
}

@media screen and (min-width: 1028px) and (max-width: 1127px) {
    .angelas { margin-left: 0px !important; }
}


@media screen and (min-width: 1228px) and (max-width: 1327px) {
    .angelas { margin-left: 0px !important; }
}

@media screen and (min-width: 1328px) and (max-width: 1427px) {
    .angelas { margin-left: -30px !important; }
}

@media screen and (min-width: 1428px) and (max-width: 1527px) {
    .angelas { margin-left: -60px !important; }
}

@media screen and (min-width: 1528px) and (max-width: 1627px) {
    .angelas { margin-left: -90px !important; }
}

@media screen and (min-width: 1628px) and (max-width: 2827px) {
    .angelas { margin-left: -120px !important; }
}


@media screen and (min-width: 1828px) and (max-width: 2027px) {
    .angelas { margin-left: -303px !important; }
}


@media only screen and (min-width: 2101px) { 
    .angelas { margin-left: -376px !important; }
}


/*
@media screen and (min-width: 320px) {
    h4 {
        font-size: calc(var(--h4-min-font-size)* 1px +(var(--h4-max-font-size) - var(--h4-min-font-size))*((100vw - 320px) / 2200)) !important;
    }
}

*/
/* for all tops */
@media only screen and (min-width: 768px) { 
    
    .grid__item.grid__item_desktop-4.grid__item_tablet-6.grid__item_mobile-12.grid__item_fluid-3.js-grid__item {
        min-height: 690px !important;
        float: left;
    }


}

@media screen and (min-width: 320px) {
    .section_minus-mt { 
        margin-top:-218px !important;
    }
}

@media screen and (min-width: 320px) {
    .section-about__content {
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 320px) {
    .section-about__headline {
        margin-bottom: 20px !important;
        margin-top:50px;
    }
}

.bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark .section-nav-projects__heading {
    color: var(--color-accent-primary-3) !important;
}

.button_solid.button_accent-primary-4 {
    background-color: var(--color-accent-primary-3) !important;
}

.color-white .subheading {
    color: #ffffff !important;
}

.split-text__line {
    text-align: right;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.color-white {
    color: white !important;
}

.color-black {
    color: black !important;
}

.link-arrow__label {
    color: black !important;
}

.caps {
    text-transform: uppercase;
}

/* gallery grid */
@media only screen and (min-width: 992px) {
    .grid__item_desktop-6 {
        max-width: 33% !important;
    }
}

.figure-portfolio__content {
    padding: 30px !important;
}

.slider__arrow i {
    font-size: 41px;
}

h1 {
    font-size: 34px !important; 
}

h2 {
    font-size: 28px !important; 
}

.header__wrapper-menu {
    max-width: none !important;
    width: 300px;
    margin: 0 auto;
}

p, body, h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto', sans-serif !important;
}

p {
    color: #444444;
}


.menu-overlay__item-wrapper {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif !important;
}

.post__content h4,
.post__content h5,
.section.section-content.section_pt.section_pb.bg-white h4, 
.section.section-content.section_pt.section_pb.bg-white h5 {
    color: var(--color-accent-secondary-2) !important;
}
/*

.split-text__line {
    text-align: center !important;
}
*/

@media screen and (min-width: 320px) {
    .section_minus-mt-large {
        margin-top: calc(-1 * (var(--distance-min-large) * px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600))) !important;
    }
}


/* for all mobile */
@media only screen and (max-width: 992px) { 
    
    .dv {
        display:none !important;
    }
    
.slider__top {
    margin-top:652px !important;
}    
    
.w-100pec {
    width: 100% !important;
    height: auto !important;
}

.w-50pec {
    width: 100% !important;
    height: auto !important;
}

.w-33pec {
    width: 100% !important;
    height: auto !important;
}

.w-25pec {
    width: 100% !important;
    height: auto !important;
}    
    
    .header__wrapper-menu {
        margin: 50% auto;
    }
    
    .section_pb {
        padding-bottom: 20px !important;
    }

    .section_pt {
        padding-top: 20px !important;
    }
    
    .section.section-about {
        padding-bottom: 0 !important;
    }
    
    .section-services__counter.split-text {
        margin-top: 30px;
    }
    
    .section-services__header {
        height: 106px !important;
    }
    
    .section-services__wrapper-button {
        margin-bottom: 30px;
    }
    
    .desktop-logo {
        display: none;
    }

        .section-intro__subheading {
            font-size:24px !important;
        }
        
.modal-image {
    text-align: center;
    background-repeat: no-repeat !important;
    height: 300px;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 130px 60px;
}

.modal-top {
    text-align: center;
    height: 348px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 60px 60px 0px 60px;
    background: white;
}

.modal-text {
    font-size: 16px;
    padding: 60px 60px 60px 60px;
}    
    
    
  .modal-content {
    background-color: #fefefe;
    margin: 0;  
    padding: 0px;
    width: 100%; 
    height: 100%;
  }      
  
  .hide-on-mobile {
      display: none !important;
  }
    
    /* new row about page */
    .row-new {
        width: 100%;
        float:left;
        height: 230px;
    }
    
    .row-new h5 {
        margin:0 auto;
    }
    
    #new-block .row.col-lg-12.center {
        padding-right:0 !important;
    }
    
}

/* for all tops */
@media only screen and (min-width: 993px) { 
    
    .mv {
        display:none !important;
    }
    
.slider__top {
    margin-top:497px !important;
}   
    
.w-100pec {
    width: 100%;
}

.w-50pec {
    width: 50%;
}

.w-33pec {
    width: 33.3%;
}

.w-66pec {
    width: 66.6%;
}

.w-25pec {
    width: 25%;
}    
    
.dave-container {
    width:fit-content;
    height:fit-content;
    background:#051338;
    padding: 6px 28px;
    border-radius:10px;
}
    
    .row.new-container {
        margin-right:18px !important;
    }
    
    
    /* new row about page */
    .row-new {
        width: 50%;
        float:left;
        height: 240px;
    }   
    
    .row-new h5 {
        margin:0 auto;
    }    
    
    .row-new p {
        padding: 0 20px;
    }    
    
    .new-section {
        padding: 50px 0 20px 0;
    }
    
    .people-section {
        padding: 0px 0 0px 0px;
    }    

    .mobile-logo {
        display: none;
    }    
        .section-intro__subheading {
            font-size:30px !important;
        }    

.modal-image {
    text-align: center;
    background-repeat: no-repeat !important;
    height: 380px;
    width: 40%;
    background-size: cover !important;
    background-position: center center !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 130px 0;
    float: left;
}

.modal-text {
    text-align: center;
    height: 300px;
    width: 60%;
    padding: 130px 0;
    float: right;
}
    
 .modal-top {
    text-align: center;
    height: 244px;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 90px 90px 0px 90px;
    background: white;
}

.modal-text {
    font-size: 16px;
    padding: 90px 90px 90px 90px;
}   
    

    .figure-portfolio__category {
        padding-left: 0px;
        margin-top: 10px;
    }
    
    h3 {
        line-height: 42px !important;
        font-size:30px !important;
    }
    
    .section-intro__subheading.playfair {
        font-size: 30px !important;
    }
    
  .modal-content {
    background-color: #fefefe;
    margin: 100px auto auto auto;  
    padding: 0px;
    width: 700px; 
    height: auto;
    top: 100px;
    border-radius: 10px;
  }    
  
  .col-lg-12.center {
      padding: 0 100px;
  }
  
  .col-lg-8.section-content__header_mb.about-txt {
      padding-left: 140px;
  }
  
 .about-heading {
      padding-top: 50px !important;
      padding-bottom: 0 !important;
  }
  .about-txt {
      padding-left: 150px !important;
  }
    
}

/* new row about page */

.op-0 {
    opacity:0 !important;
}

.op-1 {
    opacity:1 !important;
}

.caps {
    text-transform:uppercase;
}

.m-0.a {
    margin: 0 auto;
}


.mt-20 {
    margin-top: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.social__item a {
    font-size: 24px !important;
}

.gold-left {
    color: var(--color-accent-primary-1);
    text-align: left;
}

.overlay_dark {
    opacity: .7 !important;

}

.header__circle-letters-inner {
    border-radius: 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    color: black !important;
}


#overlay2 {
  position: fixed; 
  width: 100%;  
  height: 50%;  
  background-color: rgb(0 0 0 / 63%);
  z-index: 2; 
  cursor: pointer;  
}

.col-lg-8.section-content__header {
    padding-top:80px !important;
}

.slider__footer-relative {
    padding-bottom: 20px;
}

.section.section-contacts.bg-dark-2.color-white.section_pb {
    padding-top:40px;
}

.material-icons {
   color: #ffffff !important;
}

.section-image {
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

.bg-white {
    background:white !important;
}

.mtb-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

/* popup modals on home page */
.modal,
.modal-monitor-backdrop {
  display: none;  
  position: fixed;  
  z-index: 9999999999999;
  left: 0;
  top: 0;
  width: 100%;  
  height: 100%;  
  overflow: auto;  
  background-color: rgb(0,0,0);  
  background-color: rgba(0,0,0,0.4);  
}

.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 16px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


/*
.modal-image.remodels {
    background: url(https://ciquconstruction.com/img/fine-homes.jpg);
}

.modal-image.construction-services {
    background: url(https://ciquconstruction.com/img/constrcution_services.jpg);
}

.modal-image.ground-up {
    background: url(https://ciquconstruction.com/img/ground_up.jpg);
}
*/

.modal-image span,
.modal-top span {
    font-family: var(--font-secondary);
    font-size: 28px;
    color: black;
    margin: 50% auto;
}



.mail-response {
    font-size: 10px;
}

/*
.bg-ornament {
    background-image: url(../img/general/bg_ciqu-ornament.png) !important;
}
*/

.roboto {
    font-family: 'Roboto', sans-serif !important;
}

.playfair {
    
    font-family: 'Roboto', sans-serif !important;
    /*
    font-family: 'Playfair Display', serif !important;
    */
}

/*
.social,
.widget_cassio_social {
    display: none;
}
*/

.section-services__header {
    height: 67px;
}

.figure-contact__item { 
    color: #c69f73 !important;
}

@media screen and (min-width: 320px) {
    .section-services__wrapper-item {
        padding-bottom: calc(0 * 1px + (120 - 60) * ((100vw - 320px) / 1600)) !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
    .section-services__wrapper-item {
        padding-top: calc(0 * 1px + (120 - 60) * ((100vw - 320px) / 1600)) !important;
    }
}

.section-masthead__heading {
    color: var(--color-accent-primary-1) !important;
}

.page-wrapper {
    background: white !important;
}


/* General formatting */
.center {
    text-align: center;
}

.mt-2 {
    margin-top: 20px;
}

.mt-4 {
    margin-top: 40px;
}



#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #c69f73; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: black; /* Add a dark-grey background on hover */
}

.grayscale { filter: grayscale(0%) !important; }

#sidebar {
    position: fixed;
    top: 400px;
    right: 20px;
    transform: translateY(-50%);
    z-index: 1000;
}

#openFormBtn {
  background-color: var(--color-accent-primary-1);
  color: black;
  padding: 12px 18px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.social__item a {
    color: #888888 !important;
}

.bp-cc {
    background-position: center center !important;
}

.section_h-300 {
    height: 300px !important;
}

.color_white {
    color:white !important;
}

.cen {
    margin: 0 auto !important;
}

.ta-c {
    text-align: center !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.w-100pec {
    width:100%;
}

.mid-300 {
    margin-top: 125px !important;
    text-align: center;
    padding: 0 40px;
    text-transform: uppercase;
}

.mid-dv {
    margin-top: 140px !important;
    text-align: center;
    padding: 0 40px;
    text-transform: uppercase;
}

.f-l {
    float: left !important;
}

.f-r {
    float: right !important;
}

.p-0-20 {
    padding: 0 20px !important;
}

.p-0-40 {
    padding: 0 40px !important;
}

.p-0-0 {
    padding: 0 0 0 0;
}

.h-800 {
    height: 800px;
}

.h-700 {
    height: 700px;
}

.h-600 {
    height: 600px;
}

.h-500 {
    height: 500px;
}

.h-400 {
    height: 400px;
}

.h-300 {
    height: 300px;
}

.h-200 {
    height: 200px;
}

.h-100 {
    height: 200px;
}

.h-50 {
    height: 50px;
}

.bg-grey {
    background-color: #c1c1c1;
}

.bg-white {
    background-color: #ffffff;
}

.w-icon {
    width:58px;
}

.bg-tile {

}

.w.100 {
    width:100px !important;
}

.w-400 {
    width:400px !important;
}

.h-100 {
    height:100px !important;
}

.h-400 {
    height:400px;
}

.w-800 {
    width:800px !important;
}

.m-r-0 {
    margin-right:0;
}

.slider__image {
    background-repeat: no-repeat !important;
  background-position: center !important;
  width:800px;
  height:400px;
  background-size:800px auto !important;
}

.slider__outer {
    width:800px !important;
    height:400px !important;
    margin-right:20 !important;
}

.dave-lhs {
    width:400px;
    height:500px;
    float:left;
    padding:0;
}

.dave-rhs {
   width: calc(100vw - 750px);
   height:500px;
   float:right;
   margin-top:200px;
}


/* for all tops */
@media only screen and (min-width: 768px) { 
    .popupx {
        margin: 200px auto;
    }
}
/* for all mobile */
@media only screen and (max-width: 992px) { 
    .popupx {
        margin: 0px auto;
    }    
}

.overlayx {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 999999999999;
}
.overlayx:target {
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 992px) { 
   .popupx { width: 100% !important; }
}

.popupx {
  padding: 5px;
  background: #fff;
  border-radius: 5px;
  width: 800px;
  position: relative;
  transition: all 5s ease-in-out;
}

.portfolio-image {
    border-radius: 1px !important;
}

.popupx h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popupx .closex {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popupx .closex:hover {
  color: orange;
}
.popupx .contentx {
  max-height: 30%;
  overflow: auto;
}

.w3-border-red, .w3-hover-border-red:hover {
        border-color: #000000 !important;
        border-bottom: 3px solid #444444;
    }
    
.title-box {
    margin-top: 0;
    text-transform: uppercase;
    line-height: 17px;
    margin-top: 4px;        
}


.icon-bar {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right:0;
  z-index:99999999999;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.email {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.whatsapp {
  background: #3dd366;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.instagram {
  background: #f496b7;
  color: white;
}

.telephone {
  background: green;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}
.header_sticky { 
    height: 120px !important; 
}