body .container .Content__FormContainer-sc-3sh3bs-0 a {display:none !important;
background-color:blue !important}
/*site: PC 3D */
/* Color Variables for easy management */
:root {
    --color-yellow: #ffda77;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-gray-light: #f4f4f4;
}


/* ensure nav overlays the top banner section*/
.main-container {/*position: relative; top:-95px;*/}
.nav-container {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: transparent; /* Make the background transparent */
    z-index: 1000; /* Ensure it stays above other elements */
}

.bar {
    background-color: transparent; /* Remove any default background colors */
}




#section-gallery {padding-bottom:0px;}



#section-banner {padding-top:10em;}
#section-banner h1, #section-banner .h1 {
    font-family: 'Rubik', 'Helvetica', sans-serif;
    text-transform: uppercase;
    color:var(--color-yellow);
}
#section-banner p {    font-size: 2em;
    padding: 0;
    margin-bottom: 0.6em;}
#section-about h3 {
    color: var(--color-yellow);
    padding-bottom: 0;
    margin-bottom: 9px;
}










a {
    color: #333333;
    font-weight: 700;
}
a:hover {
    color: #333333;
 
}
html {
  scroll-behavior: smooth;
}

.main-container section,.bg-grey-fade-01 {
    background: -webkit-linear-gradient(rgb(242, 242, 242) 1%, rgb(205 205 205) 97.5%);
}
.main-container section,.bg-tan-01 {
        background: #faf3e0;
}
.bg--dark--brown {background: #4b3d2d !important;}

.bg-style-1 .container {background:transparent;}
/*.home section .container:nth-child(1) {padding-top:2em;}*/
#primary-header {
    background: linear-gradient(0deg, rgb(37 37 37 / 88%), rgb(56 56 56 / 2%)), url(/img/header-banner-1.jpg) !important;
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    /* background-attachment: fixed; */
}
#primary-header .row {  max-width: 1200px;    margin: 0 auto; }
#primary-header .row .col-3 {     padding: 1em 1em 0 4em;}



section#hero-banner {  
    padding-top: 4.428571em;
    padding-bottom: 3.42857143em;
}

section#hero-banner h3 {margin-bottom:.2em;}
section#hero-banner .project-thumb__title span {
font-weight:bold;
font-size:1.3em;

}
.main-container section.bg-style-1 {
    background: linear-gradient(0deg, rgb(37 37 37 / 88%), rgb(56 56 56 / 2%)), url(/img/hero-2-clear.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    /* background-attachment: fixed; */
}

/*-------------------------------------------------
                NAV
---------------------------------------------------*/
.inactiveLink {
   pointer-events: none;
   cursor: default;
}
#menu2 {
    padding: 0;    background: #cdcdcd;
}

	ul.top-nav-menu li {
    list-style-type: none !important;
    line-height: 1.2em;
    float: left;
    margin: 5px 10px;
}
ul.top-nav-menu li i {
    color: #2b2b2b;
    padding-right: 5px;
    font-size: .9em;
}
#menu2 ul.top-nav-menu li span {
    font-size: .9em !important;
    text-transform: uppercase;
}
ul.top-nav-menu li:hover,ul.top-nav-menu li a:hover {text-decoration: none;}
	
.nav-container #menu1 {
    background-color: transparent;
}
.bar__module .menu-horizontal li a, .bar__module li span {
    color: #faf3e0;
    opacity: .9 !important;
    padding-right: 1.2em;
}

.bar__module .menu-vertical li a { color: #164351 !important;
    font-weight: bold;}

[class^="stack-"]:before, [class*=" stack-"]:before {
    opacity: .8;
    color: #ffda77;
}
/*-------------------------------------------------
                GLOBAL 
---------------------------------------------------*/
section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
    border-top: none;
}

[data-overlay]:before {
    background: linear-gradient(
        to right,  
        rgba(14, 11, 1, .7),   
        rgba(14, 11, 1, 0.56),
        rgba(14, 11, 1, 0.1)   
    ) !important;
    background-color: rgb(14 11 1 / 46%);
}
.color--primary {
    color: #cdcdcd !important;
}
.lead {
    font-weight: 400;
    color: #5c5454;
}p + a:not(.btn) {
    font-size: 1em;
    line-height: 2.16666667em;
}
strong {
    font-weight: 600;
    opacity: .8;
}
.bg--red--grad {
    background: #fb1c1b;
    background: -webkit-linear-gradient(rgb(251 28 27) 1%, rgb(104 6 6) 97.5%) !important;}
.bg--red {
    background: #fb1c1b !important;
   }
.bg--dark {
    background: #2a2a2a;
}
.learn-more-link {    font-size: 1.2em;}
.row ul.list-style-01 li {
    list-style-type: none;
    line-height: 1.8em;
    font-size: 1.2em;
}

.row ul.list-style-01 li:before {
    /* >> Symbol you want to use: */
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
	padding-right:10px;
	color:#fd0505;
}


#section-difference h2 {
    color: #fb1c1b;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
#section-difference .h5 { color: #fb1c1b;}
#section-difference .feature {
    font-weight: normal;
    text-decoration: none;
    color: #fb1c1b;
}


section, footer {
    padding-top: 5.428571em;
    padding-bottom: 5.428571em;
}
/*vertifically align img ,text, add code to parent div*/
.vertical-image {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
.vertical-center-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn--primary, .btn--primary:visited, .btn--primary, .btn--primary:visited, input[type="submit"] {
    background: #ffda77;
    border-color: #ffda77;
    color: #626262;
    text-transform: uppercase;
}
.btn--primary .btn__text, .btn--primary:visited .btn__text {
    color: #88771a !important;
	
    color: #3c3c3c !important;

}
.btn--primary:hover,input[type="submit"]:hover {
    background: #ffea80;
}
.btn .btn__text, .btn i {
    color: #252525;
    border-color: #252525;
    font-weight: 700;
    font-size: .9em;
}
.page-title {    border-bottom: 3px solid #004a82; }
.page-title h1 {
font-family: Arial, Helvetica;	
    font-size: 28px;
    margin-top: 15px;
    color: rgb(0, 74, 130);
	}

body {    color: #222222;}
.color--red { color:red;}
/*.row ul li  {    list-style-type: circle;line-height: 1.2em; }*/
.row ul {    margin-left: 1.5em; }
body:not(.home) .flickity-viewport {
    max-height: 550px;
}

section.section-padding {
    padding-top: 2em !important;
    padding-right: 2em;
    padding-left: 2em;
}

/*type*/
.main-container p {font-size:16px;}
.main-container p.lead {font-size:1.3em;}
/*h1,h2,h3,.h1,.h2,.h3 { color: #660000; }*/
h1, h2, h3, .h1, .h2, .h3 {
    color: #4B3D2D;
    font-weight: 400;
}
h2, .h2 {
    font-size: 2em;
    line-height: 2em;
    color: #a79c52;
    border-bottom: 3px #faf3e0 solid;
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 1em;
    font-weight: 500;
}
h4, .h4 {
    margin-bottom: 1em;
    font-weight: 400;
        color: #fb1c1b;
}
p, ul, ol, pre, table, blockquote {
    margin-bottom: 1.4em;
}
ul.list-col-2 { /*2 col lists*/
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
ul.list-col-3 { /*3 col lists*/
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}
ul.list-col-4 { /*4 col lists*/
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

ul.list-map-icon {margin-left:0;}
ul.list-map-icon li::marker {content:"";}
ul.list-map-icon li:before {
	    content: "\f3c5";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	    color: #ffd500;
    display: inline-block;
	padding-right:7px;
}

/*-------------------------------------------------
                SECTION
---------------------------------------------------*/

.page .cover,.home .cover {
/*    border-bottom: 7px solid #fb1c1b;
	border-top: 7px solid red; */
}

/*home*/

#section-services .feature-1 {
    border-radius: 10px;
    background-color: #a79c52;
    background-image: repeating-linear-gradient(
        -45deg,
        #a79c52,
        #a79c52 10px,
        #3D3025 11px,
        #3D3025 11.5px
    );
    background-repeat: repeat;
}
#section-services h2 {
    border-bottom: 3px #a79c52 solid;
}
#section-services p.lead {font-size: 1.1em;}

/* New rule to enable equal height columns using Flexbox */

#section-services .container:first-child .row:nth-child(2) {margin-bottom:2em;}
#section-services .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Ensures all items in the row stretch to the height of the tallest block */
}

.feature-1 {
    /* Base Styles */
    position: relative;
    overflow: hidden;
    cursor: pointer;
    
    /* KEY: Force block to take full height of the column */
    height: 100%;
    
    /* Subtle initial shadow for depth */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Smooth transition for all animated properties (shadow and transform) */
    transition: all 0.3s ease-in-out;
}

.feature-1:hover {
    /* Lift the block slightly upwards */
    transform: translateY(-5px);
    
    /* Enhance the shadow to make it appear 'floating' */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* Optional: Adding a small visual adjustment to the content box for consistency */
.feature-1 .feature__body {
    transition: background-color 0.3s ease-in-out;
}

.feature-1:hover .feature__body {
    background-color: rgba(255, 255, 255, 0.95);
}


.feature-1 {
    /* Base Styles */
    position: relative;
    overflow: hidden;
    cursor: pointer;
    
    /* Subtle initial shadow for depth */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Smooth transition for all animated properties (shadow and transform) */
    transition: all 0.3s ease-in-out;
}

.feature-1:hover {
    /* Lift the block slightly upwards */
    transform: translateY(-5px);
    
    /* Enhance the shadow to make it appear 'floating' */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* Optional: Adding a small visual adjustment to the content box for consistency */
.feature-1 .feature__body {
    transition: background-color 0.3s ease-in-out;
}

.feature-1:hover .feature__body {
    background-color: rgba(255, 255, 255, 0.95);
}










#section-about {
    padding-top: 3.4em;
    padding-bottom: 5em;
}
#section-about h2, #section-about p {
    color: #cbc3ac;
}
#section-about {
    background-color: #4B3D2D;
    background-image: repeating-linear-gradient(-45deg, /* -45 degrees for the slant direction */ #4b3d2d9c, /* Start color (the main background color) */ #4b3d2db3 9px, /* Main color length */ #342a21 16px, /* Darker line color and position */ #3D3025 13px /* Darker line thickness */);
}


#section-home-services .feature__body  a {    font-size: 1.3em;} 
#section-difference .container { 
    background-color: #cdcdcd;
    border-radius: 6px;
    padding: 2em 3em 1em 3em;}




/*contact*/

#section-contact .container:nth-child(1) {
    padding-top: 0;
}
#section-contact h4 {
    font-weight: 500;
    color: #ffda77;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 2px 2px 2px black;
    font-size: 2.5em;
}
#section-contact .container {padding:1em 4em;}
#section-contact p {
    font-weight: 400;
    color: #ffffff;
    opacity: 1;
    font-size: 1.5em;
}
#section-contact .vertical-center-col {
    margin: 0 auto;
    max-width: 100%;
    text-align: center !important;
}
#section-contact a {
    padding: 12px 21px;}


#page-contact #section-footer-common .list-col-2 li a {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #fb1c1b !important;
}
#page-contact #section-footer-common ul.list-map-icon li:before {
    content: "\f3c5";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fb1c1b;
    display: inline-block;
    padding-right: 7px;
}
/*services*/
#page-services #section-services img {    float: left;
    padding: 2px 11px 2px 0;
    max-width: 68px;
   }
#page-services #section-services p {display:flex;}

#page-services .background-image-holder {
    background-position: 38% 50% !important;

}


/*-------------------------------------------------
                FOOTER
---------------------------------------------------*/
.top-adjust-01 .background-image-holder {
    top: -61vh !important;
}
.top-adjust-01 .bg--white { background: #ffffffc7 !important;}


#footer-col-contact div {margin-bottom:1em;}
#footer-col-contact a:not(:hover){opacity: .7;}
#footer-col-contact i {padding-right:5px;}
#footer-col-contact a.btn {
    background-color: #ffda00;
    color: black;
    font-weight: 600;min-width: 200px;
}

footer {    background: #164351;  
	padding-top: 3em !important;}
footer p, footer .h6, footer .type--fine-print
 {color:white !important; opacity:.9 !important;}

footer .list--hover li:not(:hover)  {    opacity: .8;}
footer li a, footer #footer-col-contact a {color: var(--color-yellow) !important;
font-size:1.2em;}
footer ::marker {content:"";}
/* * Apply this CSS to use Font Awesome 5 Free icons on the service list items.
 * Assumes Font Awesome 5 Free is loaded (using the CDN link for all, or specific imports for solid/regular styles).
 */

/* Base styling for the list items to create space for the icon */
.list--hover li {
    position: relative;
    padding-left: 20px; /* Space for the icon */
}

/* Base style for all list item icons */
.list--hover li a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; /* Use the Solid style for better visibility */
    content: '\f054'; /* Default chevron-right icon (can be used as a simple bullet) */
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-white) ; /* A color that stands out, or match your brand color */
    font-size: 0.8em;
}

/* Individual icon assignments based on service name */

/* Custom 3D Printing - Using a 3D Cube/Object icon */
.list--hover li:nth-child(1) a:before {
    content: '\f1b3'; /* fa-cube (Solid) */
}

/* Wood Laser Cutting - Using a Cutter/Tool icon */
.list--hover li:nth-child(2) a:before {
    content: '\f0d0'; /* fa-tools (Solid) or fa-cut */
}

/* Custom 3D Parts - Using a Cogs/Gears icon for machinery/parts */
.list--hover li:nth-child(3) a:before {
    content: '\f085'; /* fa-cogs (Solid) */
}

/* Personalized Gifts - Using a Gift/Present icon */
.list--hover li:nth-child(4) a:before {
    content: '\f06b'; /* fa-gift (Solid) */
}

/* Home Decor Solutions - Using a Home/House icon */
.list--hover li:nth-child(5) a:before {
    content: '\f015'; /* fa-home (Solid) */
}

/* Branding & Promotional Items - Using a Tag/Price icon */
.list--hover li:nth-child(6) a:before {
    content: '\f02b'; /* fa-tag (Solid) */
}



/* GLOBAL STYLE*/
@keyframes kenburns {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 50% 50%;
    }
    100% {
        transform: scale(1.1) translate(1%, 1%);
        transform-origin: 50% 50%;
    }
}

#section-banner {
    position: relative;
    overflow: hidden;
}

#section-banner .background-image-holder {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#section-banner .background-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    animation-name: kenburns;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


































/*-----------------------------------------------------------------------------
                           MEDIA QUERIES
-----------------------------------------------------------------------------*/
.bg--secondary {background-color:#ece8e5;}

/*min 767*/
@media all and (min-width: 767px) {
footer .foot-pad-left {        padding-left: 5rem;}
    .nav-container #menu1 {
        padding: 4px .5em;
        max-height: 95px;
        z-index: 10;
        position: relative;
    }

	#menu1 .row .col-lg-10 {    padding: 13px;}
#menu1 .bar__module {           padding: 6px 2px 0px 2px;
    }
.bar__module .menu-horizontal li.btn-get-quote a {
    color: #736104 !important;
    color: #fff9f9 !important;
    font-weight: bold;
    text-shadow: 1px 1px black;
	        padding-left: 4em;
}	
	
.btn-get-quote a {
    transition: color 300ms ease 0ms;
    background-color: #ffd500;
    background-color: #fd0505;
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(17% 0, 100% 0, 100% 100%, 0% 100%);

    padding: 35px 18px 44px 45px;
}
  .btn-get-quote a i {padding-left:5px;
      transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;

  }
      .btn-get-quote a:hover i {padding-left:9px;
      transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;

  }
.bar__module .menu-horizontal li.btn-get-quote a:hover {margin-left:-4px;
	color: #b51010 !important;
	        color: #cdcdcd !important;
      transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;

  }
.menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
    color: #ebe2c8 !important;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}
	
	.nav-container .bar--absolute {
			position: absolute;
		        z-index: 2;
	}
 .bar-1 .menu-horizontal > li:not(:first-child) {
	 margin-left: 0;}
	

.bar .logo-dark {
        display: inline-block;
        max-height: 70px;
       /* top: -17px;*/
        border-radius: 5px;
    }
.container {
    max-width: 1140px;
}
.bar__module .menu-horizontal li a, .bar__module li span {
    font-size: 1em !important;
}

	
	
.cta--horizontal h4, .cta--horizontal .lead {
    position: relative;
    top: -6px;
}	
	
	
	
	
	
	
/*-------------------------/min 767------------------*/}






/*min 991*/
@media all and (min-width: 991px) {
.bar--transparent:not(.bar--dark) .logo-light {
        display: inline-block;
        max-height: 72px;
        top: -17px;
        border-radius: 5px;
    }
.bar .logo-dark {
        display: inline-block;
        max-height: 88px;
        top: -5px;
        border-radius: 5px;
    }
.bar__module .menu-horizontal li a, .bar__module li span {
    color: #efefef;
    opacity: .9 !important;
    font-size: 1.2em !important;
}
/*-------------------------/min 991------------------*/}

/*min 1800*/
@media all and (min-width: 1800px) {
.imageblock .col-lg-3 {
    flex: 0 0 31%;
    max-width: 31%;
}
/*-------------------------/min 1800------------------*/}	
	





@media all and (max-width: 767px) {
	
	#section-banner a.btn {    display: flex;
    max-width: 225px;justify-content: center;}	
.top-adjust-01 .background-image-holder {
    top: -32vh !important;
  
}	
	#section-services .col-md-4 {margin-bottom:30px;}	
	
	#menu1 ul.menu-horizontal {   position: relative;
    top: -1px;
    background: #4b3d2d;
    max-width: 92%;
    margin: 0 auto;
    padding: 1em 1em;}	
	
	
#primary-header .row .col-3 {     padding: 1em 1em 0 4em;flex: 0 0 41%;    max-width: 41%;}
.main-container img:last-child {
    margin-bottom: 3em;
    width: 100%;
  } 
.nav-container .hamburger-toggle i {
   color: #4d4848;
    position: relative;
    top: 14px;
}
	footer .row .col-6 {    flex: 0 0 100%;
    max-width: 100%;margin-bottom:2em;}
	footer .row .col-sm-5 .type--fine-print {display:flex;}
	
	
#menu1 .bar__module ul li {
    list-style-type: none;
    line-height: 1.2em;
    text-align: left;
    background: transparent;
    padding: 1px 1px 1px 13px;
    margin-top: 4px;
    max-width: 70%;
}
.nav-container .bar .logo {

    max-height: 59px;
}

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



/*-------------------------max 767------------------*/}