/*.d-grid {

  display: grid;

  gap: 1em;

  grid-template-columns: repeat(auto-fit, minmax(1em, 8em));

}

*/

input.custom_length,

input.custom_width,

input.custom_height{

  max-width: 90px;

}



.d-grid  {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(20px, max-content));

  justify-content: left;

  gap: 1em;

  padding-left: 50px;

   

}

.d-grid .item {

  /*border: 1px solid blue;*/

  grid-column: span 2;

}



.d-grid .item:first-child, .d-grid .item__:last-child {

  grid-column: span 1;

}



.d-grid .item:last-child {

min-width: 140px;

}











.d-grid2 {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(105px, max-content));

    justify-content: left;

    gap: 0.5em;

    padding-left: 0px;

}















.my-flex-1{

  column-gap: 10px;

  padding-left: 0px;

    padding-right: 20px;

    justify-content: space-between;

}





.my-flex-1 .item{



}





span.error{

  display: none;

  color: #ff0000;

  font-size: 10px;

}



span.error.visible{

  display: block;

}





div.error2 {

    color: #f00;

    font-size: 10px;

}



.wdm-custom-form label{

  font-family: Archivo;

font-size: 14px;

font-weight: 400;

line-height: 19px;

letter-spacing: 0px;

text-align: left;

width: 100%;

display: block;

margin-top: 15px;

}





.calcprice{

font-size: 24px;

font-weight: 600;

line-height: 28px;

letter-spacing: 0px;

text-align: right;



}



.not-standard{

  clear: both;

  margin-top: 50px;



font-size: 21px;

font-weight: 600;

line-height: 31px;

letter-spacing: 0px;

text-align: center;



color: #C7893A;





}




.not-standard-222,
.not-standard-2{

  clear: both;

  margin-top: 5px;





font-size: 14px;

font-weight: 400;

line-height: 19px;

letter-spacing: 0px;

text-align: left;



}


.not-standard-222 .question,
.not-standard-2 .question{

height: 25px;

width: 25px;

border-radius: 25px;

display: inline-block;

border: 1px solid #C7893A;

background:url('question.svg') no-repeat center center;

background-size: 8px;

position: relative;

top: 7px;

margin-right: 5px;

}







.modal-header .close {

    float: right;

    font-size: 4rem;

    font-weight: 300;

    line-height: 1;

    color: #C7893A;

    text-shadow: 0 1px 0 #fff;

    opacity: 0.9;



    padding: 0 !important;

    margin: -22px -0.5rem 0rem auto !important;

}



.modal-header .close span{

/*  display: block;

  text-indent: -9999px;

  background:url('close.svg') no-repeat center center;

background-size: 20px;*/

}





.custom-form-line .input-group {

    clear: both;

    margin: 0px !important;

    position: relative;

}



.line-number{

  line-height: 50px !important;

}



.custom-form-line label{

font-size: 14px;

font-weight: 400;

line-height: 19px;

letter-spacing: 0px;

text-align: left;

color: #020303;

min-height: auto;

}





.custom-form-line{

  margin-bottom: 12px;

}





.plus-block {

    display: inline-block;

   width: 25px;

    height: 25px;

    margin-right: 10px;

    border-radius: 25px;

    display: inline-block;

    border: 1px solid #C7893A;

    background: url(plus.svg) no-repeat center center;

    background-size: 12px;

    position: relative;

    top: 6px;

}









.custom-form-line .input-group input[type='button'] {

    background-color: #ffffff;

    min-width: 38px;

    width: auto;

    transition: all 300ms ease;

    color: #c7893a;

    font-size: 22px;

    font-weight: 300;

}







.form-table-wrap .remove-line {

    float: right;

    font-size: 9px;

    color: #c7893a;

    position: relative;

    top: -38px;

    right: 0px;

    border: 1px solid #ccc;

    padding: 2px 6px;

    border-radius: 20px;

    font-weight: 600;

  }





a.add-product-line{

font-size: 21px;

font-weight: 600;

line-height: 31px;

letter-spacing: 0px;

text-align: left;



}





.fencesModal h5.modal-title{



font-size: 30px;

font-weight: 400;

line-height: 33px;

letter-spacing: 0px;

text-align: left;



}







.fencesModal .modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-radius: 0;

    outline: 0;

}





 .modal.fencesModal .modal-body {

    padding: 0px;

    box-shadow: none;

    border-radius: 0px;

}



.fencesModal .modal-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1rem 1rem;

    border-bottom: 0 none;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    padding: 50px 45px 30px 68px;

}







.fencesModal .modal-footer {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: space-between;

    padding: 25px 50px 25px 60px;

    border-top: 1px solid #dee2e6;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}









.modal-header .not-standard-2 {

    margin-top: 0px;

    margin-left: 20px;

}





.my-total-price .lines-price{

  margin-left: 20px;

}







.my-total-price .lines-price,

.my-total-price .lines-price-currency{

font-size: 24px;

font-weight: 600;

line-height: 28px;

letter-spacing: 0px;

text-align: left;



}



.my-total-price p{

font-size: 16px;

font-weight: 400;

line-height: 45px;

letter-spacing: 0px;

text-align: left;

margin-bottom: 0px;



}









.fencesModal .modal-footer .btn-primary {

    color: #fff;

    background-color: #C7893A;

    border-color: #C7893A;

    padding: 10px 112px;

}





.fencesModal .modal-footer .lines-price-text{

  position: relative;

  top: -3px;

}





.loading {

   display: none;

    width: 25px;

    height: 25px;

    background: url(ajax-loader.gif) no-repeat center center;

    background-size: 20px;

    float: left;

    margin-right: 10px;

}





.loading2 {

   display: block;

    width: 25px;

    height: 25px;

    background: url(ajax-loader.gif) no-repeat center center;

    background-size: 20px;

    float: left;

    margin-right: 10px;

}





.flex-center{

  display: flex;

  justify-content:center;

  gap:30px;

}





.btn.px-140{

  padding: 6px 140px;

}





.text-normal{

  font-weight: 400 !important;

}





.woocommerce ul.products li.product a img {

    width: 100%;

    height: auto;

    display: block;

    margin: 0 0 20px !important;

    box-shadow: none;

    border: 1px solid #ccc !important;

}







.woocommerce ul.products li.product a h2.woocommerce-loop-product__title {

    padding: 0 !important;

    margin: 0;

   

    display: inline-block;

    float: left;





font-size: 16px !important;

font-weight: 400;

line-height: 19px;

letter-spacing: 0px;

text-align: left;

color: #020303;

max-width: 65%;



}





.woocommerce ul.products li.product a .price {

    color: #020303;

    display: block;

    font-weight: 400;

    margin-bottom: 0px !important;



     display: inline-block;

    float: right;





font-size: 13px !important;

font-style: italic;

font-weight: 400;

line-height: 19px;

letter-spacing: 0px;

text-align: right;

opacity: 0.6;



}





.woocommerce ul.products li.product a.more_info{

  margin-top:25px;

  clear: both;

  display: block;

  float: left;





font-size: 16px;

font-weight: 700;

line-height: 17px;

letter-spacing: 0px;

text-align: left;



color: #C7893A;



background: url(arrow-right-new.svg) no-repeat right center;

background-size: 20px;

padding-right: 25px;

}





/*----------------SELECT style--------------------*/

.woocommerce div.product form.cart .variations select,

.custom-form-line select,

.wdm-custom-form select{

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

padding-right: 15px;

background-image: url('select_arrow.svg');

background-repeat: no-repeat;

background-position: calc(100% - 10px) center;

background-size: 15px;

padding: 0px;

padding-left: 10px;

height: 42px !important;

line-height: 42px !important;

/*border: 1px solid #BCBCBC;*/

border-radius: 2px;





font-size: 16px;

font-weight: 400;

letter-spacing: 0px;

text-align: left;



min-width: 130px;

}





/*----------------- + - Button-----------------*/



input,

textarea {

  border: 1px solid #eeeeee;

  box-sizing: border-box;

  margin: 0;

  outline: none;

  padding: 10px;

}



input[type="button"] {

  -webkit-appearance: button;

  cursor: pointer;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

}



.input-group {

  clear: both;

  margin: 15px 0;

  position: relative;

}



.input-group input[type='button'] {

  background-color: #eeeeee;

  min-width: 38px;

  width: auto;

  transition: all 300ms ease;

}



.input-group .button-minus,

.input-group .button-plus {

  font-weight: bold;

  height: 42px;

  padding: 0;

  width: 38px;

  position: relative;

}



.input-group .quantity-field {

  position: relative;

  height: 42px;

  left: -6px;

  text-align: center;

  width: 62px;

  display: inline-block;

  font-size: 13px;

  margin: 0 0 5px;

  resize: vertical;

}



.button-plus {

  left: -13px;

}



input[type="number"] {

  -moz-appearance: textfield;

  -webkit-appearance: none;

}