/*body, button {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-style: italic;
    /* Additional CSS properties like font-size, color, etc. 
}
*/
#mobile-left-side-contact{
    z-index : +999;
}
img.greenshipping-ductwork{
    z-index : +1 !important;
}
div#buildfabri-form-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f9fab5;
    max-width: 100%;
    z-index : +2;
    font-family: 'Poppins Medium';
}

div#buildfabri-form-modal  .modal-popup {
    bottom: auto;
    visibility: visible;
    opacity: 1;
}

   div#buildfabri-form-modal .modal-footer {
    display:none;
    }
    
    div.modal-inner-wrap{
        background-color: transparent;
    }
    
    .overlay {
        background-color: rgba(0, 0, 0, 0.5); /* Change the color and opacity as needed */
        color: #fff; /* Text color on the overlay */
    }
    
    div#buildfabri-form-modal .container {
        max-width: none;
        width:98%;
    }
    .navigation.zindexfix, .page-header.zindexfix{
        z-index : 0;
    }
    .center {
        text-align: center;
        margin: 0 auto;
    }
    .welcomebg{
        background-image: url('../images/welcome.jpg');
    }
    .thankbg{
        background-image: url('../images/thankbg.jpg');
    }
    .fabricatorformbg{
        background-image: url('../images/build_fabrication_background_form.jpg');
    }
    div#buildfabri-form-modal .modal-content {
        background-color: rgba(0, 0, 0, 0.801);
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 1.5rem 1rem;
        width: 90% !important;
        height: 90vh;
        overflow-y: hidden;
    }
    .accLogin{margin-top:2em;}
    .home-next {
        display: block;
        width: 100%;
        text-align: right;
        margin-top : 2rem;
        position: absolute;
        bottom: 2em;
        right: 3em;
    }
    /* By default, all elements with the "step" class are visible */
    div#buildfabri-form-modal .step {
        display: none;
    }
    div#step-1{
        margin-top: 12rem;
    }
    div#step-1 .leftcontent{
        margin-top : 8rem;
    }
    div#step-1 .rightcontent, div#step-1 .rightcontent h1, div#step-1 .rightcontent h2{
        line-height: 1;
    }
    #fabProductOptions .opt-section .cabinet_left_form .yb-head{width: 100%;font-size: 90%;height: 30px;text-transform: unset;font-family: poppins-regular; transform: none; -ms-transform: none; -webkit-transform: none;background-color:#000000b0;color:#dbdbdb;padding-top:2px;}
    #fabProductOptions .opt-section .cabinet_left_form .yb-head::placeholder{color:#dbdbdb!important;}
    div#buildfabri-form-modal .cabinet_option #canvaslabel label.optionheader {
        font-size: 12px;
        padding-right: 0rem;
    }
	.fabdepth,.fabheight{margin-top: 3em;display: inline-block;}
	div#step-1 .leftcontent{position:absolute;bottom:0;}
	div#step-1 .rightcontent{position:absolute;top:30%;right:2%;}
    div#buildfabri-form-modal .step-content {
        display: flex;
        flex-direction: column; /* Optional: Stack child divs vertically */
        align-items: center; /* Vertical alignment for child divs */
        justify-content: center;
        /* height: 57vh;  Set a fixed height for the parent div */
    }
    .form-navigation .backdiv, .form-navigation .nextdiv{
        display: inline-block;
        width: 50%;
    }
    .form-navigation .backdiv{
        float : left;
    }
    .form-navigation .nextdiv{
        float: right;
        text-align: right;
    }
    .col-md-12.cont_info.sml-txt {
        width: 80%;
        font-size: 10px;
        margin: auto;
        top: 3rem;
        padding-left: 9rem;
    }
    .col-md-12.contact-txt-div.contact-txt {
        width: 80%;
        font-size: 16px;
        margin: auto;
        font-weight: 600;
        top: 3.5rem;
        padding-top:15px;
    }
    .contact-txt > p {
        display: inline-flex;
        flex-wrap: wrap;
      }
      span.free-consult-txt {
        color: #fff !important;
        display: block;
        border-bottom: none !important;
      }
    .contact-txt span.contact-tab, .options-contact-txt span.contact-tab {
        cursor: pointer;
    }
    /* Hide all elements with the "child" class that come after the first one */
    div#buildfabri-form-modal .step + .step {
        display: none;
        margin-top : 2.7rem;
        height: 69vh;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    /* tabs css */
    div#buildfabri-form-modal .tab-bar {
        display: flex;
        justify-content: center;
        margin-top: 6px;
    }
    
    div#buildfabri-form-modal .tab {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        cursor: pointer;
        color: #ffd74c;
        height: 12px;
        width: 80px;
        background-color: #ffd74c;
        border: 1px solid #ffd74c;
        margin: 0 10px;
        font-family: 'Poppins-Regular';
        transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -webkit-transform: skewX(-15deg);
    }
    div#buildfabri-form-modal .tab.active ~ .tab {
		background-color: transparent;
	}
	div#buildfabri-form-modal .tab:hover {
        border: 1px solid #fff;
        color: #fff;
        background: #000;
    }
    div#buildfabri-form-modal .y-link:hover {
        color: #fff !important;
    }
    
    div#buildfabri-form-modal .yb-head:hover{
        background-color: #000000;
        border: 1px solid #fff;
        color: #fff;
    }
    
	.rotated {
      writing-mode: tb-rl;
	  transform: rotate(-180deg);
	  position: absolute;
	  vertical-align: middle;
	  display: inline; 
	  z-index: 99999999999999;
	  font-family: Oswald-Bold;
	  font-size: 1.1em;
	  color: #000;
	  top: 40%;
	  border: 4px solid #ffd74c;
	  padding: 2em 0.7em;
	  background-color: #fff;
	  margin-left: -0.6em;
	  border-right: none;
	  font-weight: bold;
	  border-radius: 10px 0px 0px 10px;
	  cursor: pointer;
    }
    
    div#buildfabri-form-modal .tab.active/*, div#buildfabri-form-modal .pro-tab-content.active */{
        background-color: #ffd74c;
        color: #ffd74c;
    }
    div#buildfabri-form-modal .yb-head,  div#buildfabri-form-modal .yb-welcome-head{
        background-color: #ffd74c;
        color: #000;
        font-size: 24px;
        font-weight: 600;
        width: fit-content;
        padding: 5px 15px;
        margin: 0;
        text-transform: uppercase;
        transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -webkit-transform: skewX(-15deg);
    }
    div#buildfabri-form-modal .yb-welcome-head{
        font-size: 23px;
		font-family: 'Poppins-regular';
        font-style: normal;
        padding: 10px 15px;
		font-weight: bold;
    }
    div#buildfabri-form-modal .bw-head {
        color: #fff;
        font-size: 2.5em;
        font-weight: bold;
        font-style: italic;
        width: fit-content;
        padding: 0rem 20px 10px 0;
        font-family: 'Poppins-Regular';
        margin: 2rem 0 1.5rem 0;
    }
    div#buildfabri-form-modal .bw-head-home {
        font-family: 'Poppins-bold';
        letter-spacing: 0.15rem;
        font-size: 3em;
    }
    div#buildfabri-form-modal .w-head {
        color: #fff;
        font-weight: bolder;
        margin: 0;
        font-size: 20px;
        font-family: 'Poppins-Bold';
        font-style:italic;
    }
    div#buildfabri-form-modal .loginBlock .w-head{
		font-weight: bold;
		font-size: 18px;
		font-family: 'Poppins-regular';
    }
    div#buildfabri-form-modal .loginBlock #tab-CL{
        text-transform: none;
		font-style: italic;
		font-size: 1.5em;
		text-decoration: underline;
		font-family: 'Poppins-Bold';
    }
    div#buildfabri-form-modal .y-head {
        color: #ffd74c;
        font-size: 3em;
        font-weight: 600;
        font-family: 'Poppins-Bold';
        font-style:italic;
    }
    div#buildfabri-form-modal .y-link {
        color: #ffd74c !important;
        font-size: 18px;
        font-weight: 600;
        background: none !important;
        border: none;
    }
    div#buildfabri-form-modal .form-navigation {
        display: flex;
        /*justify-content: space-between; */
    }
    div#buildfabri-form-modal button.yb-head {
        margin-top: 4px;
        font-size: 20px;
        padding: 0 15px;
        font-family: 'Poppins-Bold';
    }
    div#buildfabri-form-modal label {
        color: #ffd74c;
        font-size: 24px;
        font-weight: 600;
    }
     div#buildfabri-form-modal .contactform label {
		color: #fff;
		font-family: 'Poppins-Regular';
		font-weight: normal;
		font-style: italic;
    }
    
    div#buildfabri-form-modal .y-text {
        color: #ffd74c;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }
    
    div#buildfabri-form-modal .w-text {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
    }
    .startProject {
        margin-bottom: 15%;
    }
    div#buildfabri-form-modal input, div#buildfabri-form-modal select, div#buildfabri-form-modal input[type=checkbox] {
        color: #dbdbdb;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        border: 0;
        background-color: #000000b0;
	border: 2px solid #ffd74c;
        
        text-align: center;
        margin-bottom: 2.5rem;
    }
    div#buildfabri-form-modal select, #fabProductOptions .opt-section .cabinet_left_form .yb-head{
        height: 34px;
    }
    .sml-txt {
        display: none;
        float: unset !important;
        color: #fff;
        left: 0;
        font-style: italic;
        font-family: 'Poppins-Regular';
        font-size: 12px;
        text-align: center;
    }
    .contact-txt {
        display: none;
        float: unset !important;
        color: #fff;
        left: 0;
        font-style: italic;
        font-family: 'Poppins-Regular';
        font-size: 12px;
        text-align: center;
    }
    .options-contact-txt {
        color: white;
        text-align: left;
        font-size: 14px;
        padding: 5% 0 5% 9%;
        font-weight: 600;
        font-style: italic;
    }
    p.newsletter_subsc label{
		font-weight: normal;
		color: #fff;
		font-size: 22px;
		margin-bottom: 4px;
    }
    div#buildfabri-form-modal .contactform input,div#buildfabri-form-modal .contactform select,  div#buildfabri-form-modal .contactform input[type=checkbox],div#buildfabri-form-modal .contactform textarea {
		background-color: #000000b0;
        border: 2px solid #ffd74c;
    }
    div#buildfabri-form-modal .contactform input:focus,div#buildfabri-form-modal .contactform select:focus,  div#buildfabri-form-modal .contactform input[type=checkbox]:focus,div#buildfabri-form-modal .contactform textarea:focus,  div#buildfabri-form-modal .contactform input:hover,div#buildfabri-form-modal .contactform select:hover,  div#buildfabri-form-modal .contactform input[type=checkbox]:hover {
/*		background-color: transparent;
        border: 2px solid #0000000a;
        border-bottom : 2px solid #ffd74c;*/
    }
    div#buildfabri-form-modal .product-tabs input {
        margin-bottom: 1rem;
    }
    div#buildfabri-form-modal .cabinet_option label {
        color: #eeeeee;
        font-size: 17px;
        padding-right: 1rem;
    }
    canvas#lengthPickerInch, canvas#lengthPickerBreak {
        width: 4rem;
    }
    div#buildfabri-form-modal .cabinet_option input, div#buildfabri-form-modal .cabinet_option select, div#buildfabri-form-modal .cabinet_option input[type=checkbox] {
        margin-bottom: 0.5rem;padding-top:0;
    }
    div#buildfabri-form-modal .cabinet_left_form input::placeholder{
		color: #000;
    }
    div#buildfabri-form-modal input::placeholder, div#buildfabri-form-modal textarea, div#buildfabri-form-modal textarea::placeholder {
        color: #dbdbdb;
    }
    div#buildfabri-form-modal textarea {
        background: transparent;
        border: 2px solid #ffd74c;
    }
    p.newsletter_subsc {
        text-align: center;
        color: #dbdbdb;
    }
    div#buildfabri-form-modal input[type=checkbox] {
        margin: 15px;
        vertical-align: bottom;
    }
    div#buildfabri-form-modal input[type=checkbox]::after {
        border: 2px solid #ffd74c;
        background: #000000c7 !important;
        height: 20px;
        width: 20px;
    }
    div#buildfabri-form-modal input[type=checkbox]:checked::after {
        content: "✔\fe0e️";
        background-color: #dbdbdb;
        padding-left: 2px;
        color: #ffd74c;
    }
    div#buildfabri-form-modal .cat-section {
      /* overflow: auto;*/
    }
    
    div#buildfabri-form-modal .cat-img {
        text-align: center;
        padding: 20px;
    }
    
    div#buildfabri-form-modal .cat-img img {
        width: 250px;
    }
    div#buildfabri-form-modal .cat-img img:hover, div#buildfabri-form-modal .selectbuildcat.selectedbuildcat.cat-img img{
        /*background-color: #ffd74c;opacity:0.85;*/
    }
    div#buildfabri-form-modal .selectbuildcat.selectedbuildcat.cat-img img{
		box-shadow: 0px 2px 10px #a78f3ede;
    }
    div#buildfabri-form-modal .cat-img h5 {
        color: #fff;
        font-size: 16px;
        /*font-weight:bold;*/
        font-family:'Poppins-Bold';
        cursor: pointer;
    }
    div#buildfabri-form-modal .contactform input,div#buildfabri-form-modal .contactform textarea{
		font-weight: bold;
		/*text-transform: capitalize;*/
		font-style: italic;
		font-family: 'Poppins-Regular';
    }
    div#buildfabri-form-modal .contactform input#fab-email_address{
		text-transform: none;
    }
    div#buildfabri-form-modal .welcome-section, .opt-section {
        width: 100%;
    }
    input#fabricator_project_name {
        background: #34343440;
    } 
    div#buildfabri-form-modal .prev-project {
        height: 110px;
        overflow-y: scroll;
    }
    /* product tab styles 
    div#buildfabri-form-modal .product-tabs {
        width: auto;
        margin: 0 auto;
    }*/
    .product-tabs .row{
        width: 100%;
        display: flex;
        margin-left:0;
    }
    /*.buildfabricator_minicart .minicart_products.row {
        overflow-y: auto;
        overflow-x:hidden;
        height: auto;
        max-height: 50vh;
    }*/
    span.closecart {
        position: fixed;
        font-size: 18px;
        font-weight: bold;
        width: 5%;
        right: 0px;
        cursor: pointer;
        margin-top: -12px;
        z-index: 999;
    }
    .buildfabricator_minicart{margin-top: 10px;margin-bottom: 10px;}
    div#buildfabri-form-modal .fabproduct.col-md-4{
        flex: 0 0 33.3333%;
    }
    div#buildfabri-form-modal .fabproduct.col-md-4{
        flex: 0 0 33.3333%;
    }
    select#fab-business_type option {
        opacity: 0.8;
        background: #000;
        color: #ffd74c;
    }
    select#fab-business_type option:checked{
        color : #000;
        background : #ffd74c;
    }
    select#fab-business_type option:hover{
        background : #ffd84c78;
    }

    div.pro-tab-content::-webkit-scrollbar, div.cabinet_right_form::-webkit-scrollbar, div.prev-project::-webkit-scrollbar, div#buildfabri-form-modal .step::-webkit-scrollbar, div#buildfabri-form-modal.pro-tab-content::-webkit-scrollbar, div#buildfabri-form-modal .prev-project::-webkit-scrollbar, .product-tabs .row::-webkit-scrollbar, .buildfabricator_minicart::-webkit-scrollbar, .cabinet_right_form::-webkit-scrollbar, .minicart_popup::-webkit-scrollbar {
        height: 5px;
        width: 4px;
    }
    div.pro-tab-content::-webkit-scrollbar-track, div.cabinet_right_form::-webkit-scrollbar-track, div.prev-project::-webkit-scrollbar-track, div#buildfabri-form-modal .step::-webkit-scrollbar-track, div#buildfabri-form-modal.pro-tab-content::-webkit-scrollbar-track, div#buildfabri-form-modal .prev-project::-webkit-scrollbar-track, .product-tabs .row::-webkit-scrollbar-track, .buildfabricator_minicart::-webkit-scrollbar-track, .cabinet_right_form::-webkit-scrollbar-track, .minicart_popup::-webkit-scrollbar-track {
        background: #9d9c9b;
    }
    div.pro-tab-content-scrollbar-track, div.prev-project-scrollbar-track, div#buildfabri-form-modal .step-scrollbar-track, div#buildfabri-form-modal.pro-tab-content-scrollbar-track, div#buildfabri-form-modal .prev-project-scrollbar-track, .product-tabs .row-scrollbar-track, .buildfabricator_minicart-scrollbar-track, .cabinet_right_form-scrollbar-track, .minicart_popup-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(195, 195, 195, 0.907)  !important; 
        border-radius: 10px;
      }
    div.pro-tab-content::-webkit-scrollbar-thumb, div.cabinet_right_form::-webkit-scrollbar-thumb, div.prev-project::-webkit-scrollbar-thumb, div#buildfabri-form-modal .step::-webkit-scrollbar-thumb, div#buildfabri-form-modal.pro-tab-content::-webkit-scrollbar-thumb, div#buildfabri-form-modal .prev-project::-webkit-scrollbar-thumb, .product-tabs .row::-webkit-scrollbar-thumb, .buildfabricator_minicart::-webkit-scrollbar-thumb, .cabinet_right_form::-webkit-scrollbar-thumb{
        background-color: #e9cf71ed;
        border-radius: 10px;
    }

    .minicart_popup::-webkit-scrollbar-thumb {
        background-color: #876932f8;
        border-radius: 10px;
    }
    
    div#buildfabri-form-modal .pro-tab-links {
        text-align: center;
        list-style-type: none;
    }
    
    div#buildfabri-form-modal .pro-tab-links li {
        display: inline;
        margin-right: 20px;
    }
    
    div#buildfabri-form-modal .pro-tab-links li > a {
        color: #ffd74c;
        font-size: 1em;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    div#buildfabri-form-modal .pro-tab-content {
        display: none;
        overflow-x: auto;
    }
    
    div#buildfabri-form-modal .fabproduct {
        color: #fff;
        padding: 10px;
        margin: 5px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    div#buildfabri-form-modal .fabproduct:hover img,div#buildfabri-form-modal .fabproduct.active img{
        background-color: #a28a39ed;
    }
    
    div#buildfabri-form-modal .fabproduct img {
        /*width: 250px;*/
        padding:3%;
    }
    
    div#buildfabri-form-modal .pro-radio,.selectbuildcat input[type=radio] {
        visibility: hidden;display:none;
    }
    /* product tab styles end*/
    
    /* Products options tab styles start*/
    div#buildfabri-form-modal select#productOptions {
        width: 100%;
        color: white;
        font-weight: 500;
        padding: 4px;
        border: 1px solid #ffd74c;
        background-color: #0000;
    }
    div.cabinet_option{
        min-height: 45vh;
    }
    div#buildfabri-form-modal select#productOptions option {
        background-color: #fff; /* Change the background color */
        color: #000; /* Change the text color */
    }

    .minicart_product.minicart_addproduct,.minicart_product.minicart_updateproduct {
        padding: 5rem 0;
        cursor: pointer;
        width: 45%;
    }    

    div#buildfabri-form-modal .cabinet_img
    {
        writing-mode: vertical-lr;
        -webkit-writing-mode: vertical-lr;
    }
    h3.white-text{
        font-family: 'Poppins-Bold';
        font-size: 1.75rem;
        font-style: italic;
    }
    #step-6 button.yb-head.savebuild {
        padding: 0 2.5rem;
    }
    .yellow-txt,a.yellow-text, a.yellow-text:visited{color:#ffd74c;}
     .white-text,a.white-text, a.white-text:visited{color:#fff;}
    .buildfab-login{text-align:center;}
    .build-form-box
    {
        border: 1px solid #ffd74c;
        padding: 1.5em;
        background-color: rgba(0,0,0,0.3);
    }
    .build-form-box h3 {
        font-size: 22px;
    }
    .prev-project p {
        font-size: 14px;
    }
    .build-form-box input{
        font-size: 15px;
        margin-bottom: 1rem;
    }
    .build-form-box .actions {
        margin-left: 6px;
    }
    .build-form-box .actions a {
        margin: auto 1.25px;
    }
    .thankscontent{
        padding: 10rem;
        font-weight: 500;
        font-size: 2.5rem;
        overflow: hidden;
        line-height: 1.15;
    }
    .build-fabri-list table{border-collapse: collapse;}
    .build-fabri-list table tr{border-bottom: 1.5pt ridge;}
    .fa-trash::before{
        content : "\f014";color:#fff;
    }
    .fa-download::before{
        content : "\f019";
    }
    .fa-edit:before,
	.fa-pencil-square-o:before {
	  content: "\f044";color:#fff;
	}
    
    .buildselect.radiobutton{padding : 0.5em;}
    .buildselect {	
		cursor: pointer;
		position: relative;
		margin: auto;
		background-color: #0000004f;
		color: #dbdbdb;
		font-size: 16px;
		font-weight: 500;
		border: 1.5px solid #ffd74c;
		padding:0.2em 0.5em;
		margin-bottom: 1rem;
		width: 100%;
		font-weight:bold;
	} 
	div#buildfabri-form-modal .buildselect.radiobutton label{font-size: 16px;}

	div#buildfabri-form-modal .buildselect input[type=radio]{
		border-bottom: none;
		margin-bottom: 0;
		margin-left: 10px;
		border: 2px solid #fff;
		margin-top: 0em;
		margin-right: 5px;
	}
	.buildselect span.yellow-txt{
		margin-left: 10px;
		text-decoration: underline;
	}
    .buildselect ul li:hover span.yellow-txt, .buildselect span.yellow-txt:hover {
        color: #333 !important;
    }
	.buildselect ul{
		background-color: #000;
		box-shadow: 0 2px 2px rgba(0,0,0,.5);
		display: none;
		/* height: auto; */
		margin-top: 8px;
		position: relative;
		/* z-index: 1; */
		padding: 10px;
		opacity:0.9;
		border: 1px solid #fff;
	}

	.buildselect li {
		background-color: inherit !important;
		
		display: block !important;
		float: none !important;
		font-size: inherit !important;
		height: auto !important;
		line-height: inherit !important;
		margin-right: auto !important;
		padding: 2px 5px !important;
		position: inherit !important;
		width: auto !important;
		color: #fff;
		font-family: poppins-bold;
	}
    .buildselect ul li:hover {
        background: #ffd74c!important;
        opacity: 1;
        color: #000;
    }

	.buildselect .arrow {
		display: block;
		float: right;
		margin-top: 0.5em;
		margin-right: 0.5em;
		border-color: transparent;
		border-top-color: #ffd74c;
		border-style: solid;
		border-width: 0.5em 0.31em 0;
		width: 0;
		height: 0;
		position: relative;
		line-height: 0;
	}
    .buildselect input[type=radio]{
		-webkit-appearance:none;
		width:12px;
		height:12px;
		border:1px solid darkgray;
		border-radius:50%;
		outline:none;
	}

	.buildselect input[type=radio]:before {
		content:'';
		display:block;
		width:65%;
		height:65%;
		margin: 16% auto;    
		border-radius:50%;    
	}
	.buildselect input[type=radio]:checked:before {
		background:#ffd74c;
	}
    div#buildfabri-form-modal .pro-tab-links li.active a{
        font-size: 1.75em;
        border: 1px solid #fff;
        padding: 8px 10px;
    }
	div#buildfabri-form-modal .pro-tab-links li.active a, div#buildfabri-form-modal .pro-tab-links li:hover{
        /*font-size: 1.75em; */
        font-weight: bold;
        /*border: 1px solid;
        /*padding: 8px 12px;*/
        transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -webkit-transform: skewX(-15deg);
        display: inline-block;
        text-decoration: none;
    }
    div#buildfabri-form-modal .pro-tab-links li a{
        border: 1px solid rgba(0, 0, 0, 0);
        padding: 6px 10px;
    }
    div#buildfabri-form-modal .pro-tab-links li:hover{
        text-decoration: none;
        border: 0;
    }
    div#buildfabri-form-modal .pro-tab-links li:hover a, div#buildfabri-form-modal .pro-tab-links li.active:hover a{
        color : #fff;
        text-decoration: none;
        transform: none;
        padding: 8px 10px;
        border: 1px solid #fff;
    }
	div#buildfabri-form-modal .loginBlock{
        position: absolute;
        right: 2%;
        top: 2%;
    }
    
    .newsletterBlock{text-align:center;}
  .checkbox-wrapper-28 {
    --size: 25px;
    position: relative;
    display:inline-block;
  }

  .checkbox-wrapper-28 *,
  .checkbox-wrapper-28 *:before,
  .checkbox-wrapper-28 *:after {
    box-sizing: border-box;
  }

  .checkbox-wrapper-28 .promoted-input-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .checkbox-wrapper-28 input:checked ~ svg {
    height: calc(var(--size) * 0.6);
    -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
            animation: draw-checkbox-28 ease-in-out 0.2s forwards;
  }
  .checkbox-wrapper-28 label:active::after {
    background-color: #e6e6e6;
  }
  .checkbox-wrapper-28 label {
    color: #ffd74c;
    line-height: var(--size);
    cursor: pointer;
    position: relative;
  }
  .checkbox-wrapper-28 label:after {
    content: "";
    height: var(--size);
    width: var(--size);
    margin-right: 8px;
    float: left;
    border: 2px solid #ffd74c;
    border-radius: 3px;
    transition: 0.15s all ease-out;
    background-color: rgba(0,0,0,0.8);
  }
  .checkbox-wrapper-28 svg {
    stroke: #fff;
    stroke-width: 3px;
    height: 0;
    width: calc(var(--size) * 0.6);
    position: absolute;
    left: calc(var(--size) * 0.21);
    top: calc(var(--size) * 0.2);
    stroke-dasharray: 33;
    z-index:11;
  }

  @-webkit-keyframes draw-checkbox-28 {
    0% {
      stroke-dashoffset: 33;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }

  @keyframes draw-checkbox-28 {
    0% {
      stroke-dashoffset: 33;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  
    
    .buildselect li:focus,.buildselect li.hovered{font-size:18px!important;}
	.cabinet_left_form .leninch,.cabinet_left_form .lenbreak,.cabinet_left_form .depinch,.cabinet_left_form .depbreak,
	.cabinet_left_form .hytinch,.cabinet_left_form .hytbreak{ align-items: center;display: flex;padding:5px 5px 5px 0;}
	
	.leninch canvas,.lenbreak canvas,.depinch canvas,.depbreak canvas,.hytinch canvas,.hytbreak canvas{display:none;}
	
	.loadingmsg{text-align: center;height: 100%;display: table;margin: 0 auto;background-color:transparent;}
	p.loadingwelcome{color: #ffd74c;font-family: poppins-bold;font-style: italic;font-size: 2.5em;display: table-cell;vertical-align: middle;}
	p.loadingfab{position: absolute;right: 1em;color: #fff;bottom: 0;font-family: poppins-bold;font-style: italic;}
	.depbreak,.hytbreak,.lenbreak{margin-left:0em;}
    .prod_center img{width:100%;margin-top:5%;}
	.cabinet_right_form .buildselect{/*width:90%;*/}
	#alert-msg{position: absolute;right: 0%;width:100%;margin:0 auto;padding: 18px;}
	#alert-msg p{background-color: #000;display: inline-block;padding: 15px 25px;}
	
    .minicart_product i.fa.fa-plus {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
    .fa-plus::before {
        content: "\f067";
        color: #fff;
    }
    .cabinet_left_form .hint p{color: #fff;font-size: 15px;font-family: poppins-bold;text-align:center;}
    .col-md-5.prod_center{padding-left:5%;}
    
    
    .row.cat-section{text-align: center;max-width: 650px;overflow: unset;}
	div#buildfabri-form-modal .cat-img{background-color: #ffd74c;height: 200px;border: 5px solid #fff;margin:5px;width:200px;padding:0;cursor: pointer;}
	div#buildfabri-form-modal .cat-img h5{font-size:25px;text-shadow: 2px 2px 6px #000;z-index: 5;position: absolute;width: 100%;top: 35%;}
	div#buildfabri-form-modal .cat-img h5.CabinetCounters{top:30%;}
	/*div#buildfabri-form-modal .cat-img img{display:none;position:absolute;}
	div#buildfabri-form-modal .cat-img:hover img,div#buildfabri-form-modal .selectbuildcat.selectedbuildcat.cat-img img{display:none;}*/
	div#buildfabri-form-modal .cat-img:hover,div#buildfabri-form-modal .selectbuildcat.selectedbuildcat.cat-img{border: 5px solid #ffd74c;}
    /*div#buildfabri-form-modal .selectbuildcat.selectedbuildcat.cat-img h5{color:#ffd74c;} */
    
    div#buildfabri-form-modal input:-webkit-autofill,div#buildfabri-form-modal input:-webkit-autofill:hover, 
    div#buildfabri-form-modal input:-webkit-autofill:focus,div#buildfabri-form-modal input:-webkit-autofill:active{
		-webkit-box-shadow:0 0 0 50px rgba(0, 0, 0, 1) inset!important; /* Change the color to your own background color */
		-webkit-text-fill-color: #fff;
	}
	.cabinet_left_form input:-webkit-autofill
	{
		-webkit-box-shadow:0 0 0 50px #ffd74c inset!important; /* Change the color to your own background color */
		-webkit-text-fill-color: #000;
	}
    .minicart_popup{    
        position: absolute;
        top: 13%;
        padding: 1em;
        background-color: rgba(0,0,0,0.9);
        color: #fff;
        right: 4%;
        border: 3px solid #ffd74c;
        max-width:325px;
        max-height: 65vh;
        overflow-y: scroll;
    }

    @media only screen and (min-width: 767px) {
		#canvaslength,#canvasdepth{height:100px;}
        .col-md-4.cabinet_right_form {
            max-height: 500px;
            overflow-y: auto;
        }
	}

/*@media only screen and (min-width: 767px) {
	.leninch:hover > canvas,.lenbreak:hover > canvas,.depinch:hover > canvas,.depbreak:hover > canvas,.hytinch:hover > canvas,.hytbreak:hover > canvas{display:block;}
	.leninch:hover > .lenin,.lenbreak:hover > .lenbr,.depinch:hover > .depin,.depbreak:hover > .depbr,.hytinch:hover > .hytin,.hytbreak:hover > .hytbr{display:none;}
}*/

/* -------------- Responsive Design ---------------- */

@media only screen and (max-width: 1601px) {
	.cabinet_left_form .hint p{font-size: 12px;}
	
}
@media only screen and (max-width: 900px) {
    .col-md-12.cont_info.sml-txt, .col-md-12.contact-txt-div.contact-txt {
        width: 80%;
    }
}
@media only screen and (max-width: 1350px) {
    .col-md-12.cont_info.sml-txt, .col-md-12.contact-txt-div.contact-txt {
        top: 0;
    }
}
/* Extra small devices (phones, 600px and down) */
.request-quote-fab{display:none;}
.selectbuildcat.request-quote-fab {
    background: none !important;
}
.selectbuildcat.request-quote-fab h5{
    top: 27% !important;
}
@media only screen and (max-width: 767px) {
    span.free-consult-txt {
        display: none;
    }
    .buildfab-login a.yellow-text{display: inline-block;}
    .form-create-account{padding: 10px 20px;}
    .request-quote-fab{display:block;}
    .col-md-12.cont_info.sml-txt, .col-md-12.contact-txt-div.contact-txt {
        top : 0;
	padding-top: 5px;
	font-size: 12px;
    }
	.cabinet_left_form .hint .col-md-4{display:none;}
	.cabinet_left_form .hint p{font-size: 10px;font-family: poppins-regular;}
    div#buildfabri-form-modal .modal-content {
        width: 95% !important;
        /* height: auto; */
    }
    div#buildfabri-form-modal .container {
        width: 100%;
        height: 100%;
        display: flex !important;
        flex-direction: column;
    }
    .cabinet_right_form .buildselect{width:100%;}
    #fabProductOptions .opt-section .cabinet_left_form .yb-head{font-size:0.8em;}
    div#buildfabri-form-modal .tab {
        font-size: 10px;
        font-weight: 500;
        width: 60px;
        margin: 5px;
    }
    .home-next {
        margin-top: 0.5rem;
    }
    div#step-1{
        margin-top: 0;
    }
    .login-btn.text-right {
        text-align: center !important;
        margin-top: 3rem;
    }
    div#step-1 .leftcontent {
        margin-top: 1rem;
    }
    div#buildfabri-form-modal .yb-head, div#buildfabri-form-modal .yb-welcome-head {
        font-size: 22px;
        width: auto;
        padding: 5px;
        text-align: center;
        margin: 0;
    }
    div#step-1 .rightcontent, div#step-1 .rightcontent h1, div#step-1 .rightcontent h2 {
        line-height: 1;
    }
    div#buildfabri-form-modal #step-2 .bw-head {
    	margin: -1rem 0 0rem 0;
    }
    div#buildfabri-form-modal .bw-head {
        font-size: 27px;
        text-align: center;
        width: auto;
        padding: 20px 3px 0 3px;
        margin: 1rem 0 1rem 0;
    }
    div#buildfabri-form-modal .y-head {
        font-size: 2.5em;
    }
    div#buildfabri-form-modal .w-head {
       font-size: 17px;
    }
    .cat-img.selectbuildcat {
        width: 50%;
    }
    div#buildfabri-form-modal input[type=radio] {
        margin-bottom: 0;
    }
    div#buildfabri-form-modal .cat-img img {
        width: 100%;
        padding: 0;
    }
    div#buildfabri-form-modal button.yb-head {
        font-size: 12px;
        padding: 0 2px;
    }
    div#buildfabri-form-modal button#next-step.yb-head{
		padding: 2px 15px; font-size:17px
    }
    div#buildfabri-form-modal button#next-step.yb-head span{
		margin-left: 2px;
	}
    div#buildfabri-form-modal button#home-next-step.yb-head {
		font-size: 16px;
		padding: 0px 15px;
    }
    .rightcontent .text-lg-right{padding-top: 20px;line-height: 2.25em;}
    .startProject h2{font-size:2.3em;}
    div#buildfabri-form-modal .y-link {
        font-size: 12px;
        padding: 0 4px;
    }
    .form-navigation .nextdiv {
        margin-top: 0px;
    }
    div#buildfabri-form-modal .pro-tab-content, .cabinet_right_form {
        overflow-x: hidden;
        overflow-y: auto;
        height: 40vh;
        padding: 0 10px !important;
    }
    
    .build-form-box .col-xs-4, .build-form-box .col-xs-6{
        display: inline-block;
    }
    div.cabinet_left_form, div.cabinet_left_form .col-md-4{
        padding-right: 5px;
        padding-left: 5px;
        /*height: 50px;*/
    }
    div#buildfabri-form-modal input{
        margin-bottom : 0.5rem;
    }
    canvas#lengthPickerInch, canvas#lengthPickerBreak {
        width: 2.5rem;
    }
    .thankscontent{
        padding: 8rem 0rem;
        font-size: 1.5rem;
    }
    div#buildfabri-form-modal .product-tabs {
        width: 100%;
        flex-direction: column;
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    div#buildfabri-form-modal .pro-tab-links li a {
       padding: 5px 10px;border: 1px solid #fff;-webkit-transform: skewX(-15deg);
    }
    div#buildfabri-form-modal .pro-tab-links {
        padding: 0;
    }
    div#buildfabri-form-modal .pro-tab-links li {
        margin-right: 5px;
        font-size: 10px;
        line-height: 10px;display: inline-flex;margin-bottom: 4px;
    }
    div#buildfabri-form-modal .pro-tab-links li > a {
        font-size: 10px;
    }
    div#buildfabri-form-modal .pro-tab-links li.active a {
        font-size: 12px;
        padding: 5px 10px;font-family: poppins-bold;
    }
    div#buildfabri-form-modal .pro-tab-links li:hover a, div#buildfabri-form-modal .pro-tab-links li.active:hover a {
        padding: 3px;
    }
    div#buildfabri-form-modal .fabproduct.col-md-4 {
        flex: auto;padding:0;
    }
    div#buildfabri-form-modal .fabproduct:hover img, div#buildfabri-form-modal .fabproduct.active img{padding:10px;background-color:#ffd74c;}
    .buildfabri-cart-icon{
        width: auto;
        position: fixed;
        right: 15px;
        top: 20px;
    }
    div#step-1 .leftcontent {
        position: relative;
        margin: 10px 0px;
        margin-bottom:0px;
        left: 1em;
    }
    .rotated{
        font-size: 12px;
    }
    div#step-1 .rightcontent {
        position: relative;
        top: unset;
        right: unset;
    }
    div#buildfabri-form-modal .loginBlock {
        position: relative;
        right: unset;
        top: unset;
    }
    /*.home-next {
        position: relative;
        bottom: unset;
        right: unset;
    }*/
    div#buildfabri-form-modal .cat-section {
        column-count: 2;width:85%;margin:0;
    }
    .cat-img.selectbuildcat{
        width: 100%;
    }
    div#buildfabri-form-modal .cat-img{
		margin-bottom:8px;
    }
    div#buildfabri-form-modal .cat-img.firstcategorybox{
        margin: 0;
        margin-bottom:8px;
    }
    .minicart_product.minicart_updateproduct {
       width: auto;
    }
    .options-contact-txt{
        display: none;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

@media only screen and (min-height: 500) and (max-height: 850px) {
    div#buildfabri-form-modal .form-navigation {
        margin-top: -5rem;
    }
    .col-md-12.cont_info.sml-txt, .col-md-12.contact-txt-div.contact-txt {
        top: -1rem;
    }
}

@media only screen and (max-width: 1800px) {
	.buildselect,div#buildfabri-form-modal .buildselect.radiobutton label{font-size:14px;}
}
@media only screen and (max-width: 1600px) {
	.buildselect,div#buildfabri-form-modal .buildselect.radiobutton label{font-size:12px;}
	div#buildfabri-form-modal .cabinet_option #canvaslabel label.optionheader{font-size:10px;}
}
@media only screen and (max-width: 1500px) {
	.buildselect,div#buildfabri-form-modal .buildselect.radiobutton label{font-size:11px;}
    .minicart_popup{    
        max-width:325px;
    }
    .options-contact-txt {
        padding: 5% 0 5% 5%;
    }
    div#buildfabri-form-modal .step + .step {
        height: 71vh;
    }
}
@media only screen and (max-width: 1400px) {
	.minicart_popup{   
        right : 3.75%; 
        max-width:300px;
    }
}
@media only screen and (max-width: 1340px) {
	.minicart_popup{   
        right : 3.8%; 
        max-width:295px;
    }
}
@media only screen and (max-width: 1270px) {
	.minicart_popup{   
        right : 5%; 
        max-width:270px;
    }
}
@media only screen and (max-width: 1200px) {
    .minicart_popup{   
        right : 6.5%; 
        max-width:215px;
    }
}
@media only screen and (max-width: 1024px) {
    div#buildfabri-form-modal .tab-bar {
        margin-top: 10px!important;
    }
    .totalamt {
        font-size: 12px!important;
        margin-right: 0!important;
    }
    #totalnum {
        font-size: 14px!important;
    }
    .minicart_popup{   
        right : 1%; 
        max-width:215px;
    }
    div#buildfabri-form-modal .cat-img{height: 170px;width:170px;}
    div#buildfabri-form-modal #step-2 .bw-head {
    	margin: -1rem 0 0rem 0;
    }
    span.closecart {
        width: 2%;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1270px) {
    span.closecart {
        width: 6%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    div#buildfabri-form-modal .loginBlock {
        position: relative;
        right: unset;
        top: unset;
    }
    .login-btn.text-right {
        text-align: center !important;
        margin-top: 4rem;
    }
    div#buildfabri-form-modal .tab {
        font-size: 12px;
        width: 70px;
    }
    .buildfabri-cart-icon {
        margin-top: -50px;
    }
}
@media only screen and (max-width: 1025px) {
    .row.cat-section{margin-left: 85px;}
}
@media only screen and (max-width: 770px) {
    .row.cat-section{margin-left: 40px;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    div#buildfabri-form-modal .bw-head {
        padding: 2rem 20px 0 0;
    }
    
    .thankscontent
    {
        padding: 10rem 0rem;
        font-size: 2rem;
    }
    .build-form-box .col-md-6{
        display: inline-block;
    }
    div#buildfabri-form-modal .pro-tab-links li {
        margin-right: 0;
    }
    div#buildfabri-form-modal .pro-tab-links li a {
        padding: 6px 4px;
    }
    .product-tabs .row{width: 60%;flex-wrap: wrap;margin:0 auto;}
    div#buildfabri-form-modal .pro-radio{display:none;}
    div#buildfabri-form-modal .fabproduct{/*min-width:350px;*/width:50%;padding:3px 15px;}
    
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
.product-tabs .row{width:56%;}
div#buildfabri-form-modal .fabproduct img { padding: 0 3%;}
}
@media only screen and (min-width: 1700px) {
.product-tabs .row{width:50%;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .col-md-12.contact-txt-div.contact-txt {
        font-size: 20px;
    }
    
    .col-md-5.prod_center { padding: 0 0% 0 5%; /*width: 40%;*/ }
	.prod_center img{width:100%;margin-top:8%;max-height:400px;transform: scale(1.3);}
    .cabinet_left_form {
        width: 25%;
        padding: 0 3% 0 0%;
    }
    .col-md-4.cabinet_right_form {
        width: 31%;
        padding: 0 10px;
        float: right;
    }
}
@media only screen and (max-width: 670px) {
.contactform .form-row .col-md-6{padding-right: 30px;}
.col-md-12.cont_info.sml-txt{padding-left:0;}
div#buildfabri-form-modal .project_summary img{display:none;}
}
@media only screen and (min-width: 500px) and (max-width: 760px){
    .product-tabs .row{
        /* width: 50%; */
        flex-wrap: wrap;
        flex-direction: unset !important;
    }
    div#buildfabri-form-modal .fabproduct{width:50%;}
    #fabProductOptions .img-fluid{transform: scale(1.5);}
    div#buildfabri-form-modal .cabinet_option select{padding: 0 2px;font-size: 14px;}
    div#buildfabri-form-modal .step + .step {height: max-content;padding-bottom: 10px;}
    .col-md-5.col-xs-5.prod_center.text-center{
        padding-right: 0px;
        padding-left: 0px;
    }
}
@media only screen and (max-width: 500px) {
    .selectbuildcat.request-quote-fab img.img-fluid {
        width: auto !important;
    }
    .col-md-12.cont_info.sml-txt, .col-md-12.contact-txt-div.contact-txt {
        top : 0;
        width: 100%;
    }
    .product-tabs .row{display: flex;flex-direction: column;}
    div#buildfabri-form-modal .fabproduct img,div#buildfabri-form-modal .fabproduct:hover img, div#buildfabri-form-modal .fabproduct.active img{ padding: 1%;}
	#canvaslabel .col-md-5{display:none;}
    div#buildfabri-form-modal .modal-content {
        height: 87%;
        padding-top: 1.5rem;
    }
    .buildfabri-cart-icon {
        top: 1em;
    }
    .options-contact-txt{font-size:13px;}
    #fabProductOptions .img-fluid{transform: scale(1.4);}
    div#buildfabri-form-modal .cabinet_option select{padding: 0 2px;font-size: 11px;}
    div.cabinet_left_form .col-md-4 {padding-right: 3px;padding-left: 3px;}
    span.closecart {width: auto;right: 15px;}
    div#buildfabri-form-modal .cabinet_option #canvaslabel label.optionheader{font-size:8px;}
    #fabProductOptions .opt-section .cabinet_left_form .yb-head{padding:2px;}
    div#buildfabri-form-modal .cat-img h5{font-size:18px;top: 30%;}
.buildselect,div#buildfabri-form-modal .buildselect.radiobutton label{font-size:11px;}
div#buildfabri-form-modal .cabinet_option label{font-size:11px;padding-right:0;}
.depbreak,.hytbreak,.lenbreak{margin-left:0;}
#fabProductOptions .img-fluid{margin:0.75em 0;}
.leninch, .lenbreak, .depinch, .depbreak, .hytinch, .hytbreak{/*height:75px;*/}
.buildfabri-cart-icon{right: 2.5em;}
.buildfabri-cart-icon img{width: 18px;}
div#buildfabri-form-modal #step-2 {
    height: 70vh;
}
    div#buildfabri-form-modal .step + .step {
        height: 67vh;
    }
    div#buildfabri-form-modal #step-5 {
        height: 62%;
    }
    div#buildfabri-form-modal .bw-head {
        padding: 10px 3px 10px 3px;
    }
    div#buildfabri-form-modal .step-content > .bw-head{
		font-family: poppins-bold;
		font-size: 1.5em;
		font-weight: normal;
    }
    div#buildfabri-form-modal .cat-img{padding:0px;height: calc(32vw);width: calc(35vw);margin-left:0;margin-right:0;}
    div#buildfabri-form-modal .cat-img img{padding:0px;height:100%;}
    div#buildfabri-form-modal button#next-step.yb-head{
        padding: 0 2px;
        font-size: 12px;
    }
    .minicartcount {
        padding: 3px 5px !important;
        font-size: 8px !important;
        top:-5px;right:0;

    }
    .col-md-5.col-xs-5.prod_center.text-center{
        padding-right: 0px;
        padding-left: 0px;
        overflow: hidden;
    }
    .opt-section .col-md-3.col-xs-7, .opt-section .col-md-5.col-xs-5 {
        width: 50%;
    }
    .cabinet_right_form {
        padding: 0 20px !important;
    }
}
@media only screen and (max-width: 430px) {
	.home-next{position:unset;}
	.rightcontent .text-lg-right{padding-top:0px;}
}
@media only screen and (max-width: 400px) {
div#buildfabri-form-modal .cabinet_option label,.buildselect,div#buildfabri-form-modal .buildselect.radiobutton label{font-size:9px;}
div#buildfabri-form-modal .tab{font-size:8.5px;}
.buildfabri-cart-icon{right: 2.5em;}
}
@media only screen and (max-width: 380px) {
.startProject {
    margin-bottom: 0%;
}
}

/* Inline css */
/* minicartpopup.phtml - inline css */
.sub-total-fab {
    border-top:1px solid #ffd74c;
}
/* buildfabricator.phtml - inline css */

p.loadingwelcome img {
    margin: 0 auto;
    display: block;
    width: 110px;
}
p.loadingwelcome span {
    display: block;
    color: white;
    font-size: 0.60em;
}
.hide-element {
    display: none;
}
#alert-msg {
    color: white;
    text-align: center;
}
.req-star {
    color: red;
}
.col-md-12.contact-txt-div.contact-txt span {
    color:#ffd74c;
    font-weight: bold;
    margin-left:10px;
    border-bottom: 1px solid;
}
.col-md-12.cont_info.sml-txt span {
    color:red;
    font-size:18px;
}

/* buildoptions.phtml - inlinw css*/
.flex-container {
    display: flex;
    align-items: center;
}
.flex-container .col-md-5.col-xs-4 {
    padding:0;
}
#canvaslabel .flex-container .col-md-8.col-xs-12 {
    padding:0;
    text-align:left;
}
.bw-head.desktopview {
    margin: 0 auto;
    padding: 0;
}
.options-contact-txt span {
    color:#ffd74c;
    font-weight: bold;
    border-bottom: 1px solid;
}
p.errormsg {
    display:none;
    color:red
}
a.buildfabdel {
    margin-left:10px;
}

/* inside style tag css */

div#buildfabri-form-modal #fabProductOptions .opt-section .cabinet_left_form input.error{border:2px solid red;}
div#buildfabri-form-modal .cabinet_right_form label{font-size:15px;}
div#buildfabri-form-modal .buildselect.radiobutton label{padding:0;margin-bottom:0;cursor: pointer;display: initial;} 
.totalamt{font-size:1.1em;margin-right:20px;}
#totalnum{font-size:1.3em;}

/* Select options based on other options */
.buildselect.bracing,.buildselect.backsplashheight,.buildselect.sidesplashheight{display:none;}

@media only screen and (max-width: 767px) {
    div#buildfabri-form-modal .w-text {
        display: inline;
    }
    div#buildfabri-form-modal .bw-head.mobileview {
        visibility:visible;padding-top:0;margin-top:0;
    }
    div#buildfabri-form-modal .bw-head.desktopview {
        display:none;
    }
}
@media only screen and (min-width: 767px) {
    div#buildfabri-form-modal .bw-head.mobileview {
        visibility:hidden;
        font-size:1.5em
    }
    div#buildfabri-form-modal .bw-head.desktopview {
        display:block;
    }
    div#buildfabri-form-modal .step + .step#step-4{overflow-y:hidden;}
}

.product-tabs{width:80%;}
div#buildfabri-form-modal .fabproduct{margin:0;}

#step-6 .save-project-section {
    display: inline-block;
    width: 80%;
}
#step-6 .save-project-section #fabricator_project_name {
    width: 60%;
    margin-bottom: 0;
}
#step-6 .save-project-section button.yb-head.savebuild {
    margin: 4px 10px;
}
#step-6 button#quote-prev-step {
    padding: 2px 15px;
}
@media only screen and (max-width: 767px) {
    #step-6 .save-project-section {
    width: 100%;
}
#step-6 .save-project-section #fabricator_project_name {
    width: 50%;
}
#step-6 button#quote-prev-step {
    margin: 5px;
}
}

.minicart_img img{
	width:150px;
}
.minicart_updateproduct{display:none;}
.minicart_prodetails .price{margin:0;}
.minicart_content{padding-bottom:10px;}
.project_summary{position:relative;}
.minicart_product{text-align:center;}
.minicart_prodetails .name{color:#ffd74c;}
.minicart_product:hover{background-color:rgba(255,215,76,0.4);}
.minicart_product:hover .name{color:#fff;}
.minicart_product:hover .price{color:#000;}
.projects_summary{width: 75%;margin: 0 auto;} 
.projects_summary h2{font-family: 'Poppins-bold';font-size: 17px;padding-bottom: 7px;border-bottom: 1px solid #ffd74c;width: inherit;} 
div#buildfabri-form-modal #quote-checkout.yb-head{ background-color: #fff;font-size: 12px;margin-top:10px;width:100%;text-align: left;padding: 5px;}
div#buildfabri-form-modal .project_summary img{ width: 40px; position:absolute; right:0%;top: 2.5rem;}
div#buildfabri-form-modal #quote-checkout.yb-head:hover{background-color: #000;color:#fff;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ffd74c;margin: 1em 0;padding: 0;}
.minicart_title h2{    text-transform: uppercase;font-family: 'Poppins-Bold';font-style: italic;font-size: 1.5em;text-align: center;color: #ffd74c;}
.minicart_products.row{margin-left:0;}
.minicart_actions .buildfabedit{color:#fff;}
.minicart_actions{text-align:right;}

.minicart_hoverprodetails{background-color: #fff;position: absolute;top: 20px;z-index:10;color: #000;padding: 10px;display:none;font-size: 10px;font-weight: normal;text-align: left;transition: opacity 1s ease-out;opacity: 0;}
.minicart_hoverprodetails p.selopt{margin-bottom:0;}
.minicart_product:hover .minicart_hoverprodetails{display:block; opacity: 1;}
.minicart_product:nth-child(2n) .minicart_hoverprodetails{left:-35px;}
.minicart_product:nth-child(2n+1) .minicart_hoverprodetails{right:-35px;}
.customfabmenu{text-align: center;border-right: 1px solid;padding:0;display:inline-block;}
.customfabmenu img{width: 65%;display: block;margin: 0 auto;margin-bottom:20px;}
.customfabmenu .midtext{font-size: 12px;text-transform: none;font-family: "Roboto-Regular";}
ul.shopfabchild.level0.submenu > li{vertical-align: top;}

.navigation ul.level0.submenu.shopfabchild > li.shopfabimage{width:14%;}
.navigation ul.shopfabchild.level0.submenu > li > a{display:inline-block;margin-top:30px;padding: 8px 10px;}
.navigation ul.shopfabchild.level0.submenu > li > a > img{max-height:fit-content;width:100%;}
.navigation .level0 .submenu .customfabmenu a{padding:8px 10px;}
@media (max-width: 768px) {
		.customfabmenu{
			display:none;
		}
	}
div#buildfabri-form-modal{z-index:99999999999;}
@media (min-width: 768px) {
	.navigation ul.level0.submenu.shopfabchild > li{width:12%;float:none;}
}	

.custom-fab-icon{display:none;}
.category-box-content p strong{font-weight:bolder;color:#000;}
.contactform-send-button{background-color: #eee;color: #000;border: 2px solid red;padding: 4px 59px;}
.custom-fab-landing-page .custom-fab-layout-top-text{font-style:italic;}
.landingpage.faq{font-style: italic;font-family: 'Roboto-Black';}
.custom-fab-landing-page .custom-fab-layout-top-text{text-transform: uppercase;}

.navigation .level0 .submenu{z-index:10;}
.block.block-search{z-index:0;}
.custom-fab-icon{display:none;}
.category-box-content p strong{font-weight:bolder;color:#000;}
@supports (-webkit-touch-callout: none) {
  div#buildfabri-form-modal .modal-content{height:86vh;}
  div#buildfabri-form-modal .step+.step{height:65vh}
  div#buildfabri-form-modal #step-5{height:58vh;}
}