svg.technical-specs{
	stroke-dasharray:1799;
    stroke-dashoffset:66;
    animation: draw 12s forwards;
	float:right;
}
@keyframes draw{
  from{stroke-dashoffset:1799px;}
	to{stroke-dashoffset:66px;}
}
.vertical-headline{
	writing-mode: vertical-lr;
	text-orientation: sideways-right;
	transform: rotate(180deg);
}
.hero-circle{
  width:500px !important;
  height:500px !important;
}
/* CSS Document */
.maskIn{
    -webkit-animation-name:maskIn;
    animation-name:maskIn;
    -webkit-animation-duration:1s;
    animation-duration:1s;
}
/* Animation /////////////////////////////////////////////////*/
@keyframes maskIn{
    0%{
        -webkit-clip-path:inset(0 100% 0 0);
         clip-path:inset(0 100% 0 0);
         -webkit-transform:translateX(20px);
         -ms-transform:translateX(20px);
         transform:translateX(20px);
         -webkit-transition:1s;
         -o-transition:1s;
         transition:1s
    }
    100%{
        -webkit-clip-path:inset(0 0 0 0);
         clip-path:inset(0 0 0 0);
         -webkit-transform:translateX(0);
         -ms-transform:translateX(0);
         transform:translateX(0);
         -webkit-transition:1.2s cubic-bezier(.35,.71,.26,.88);
         -o-transition:1.2s cubic-bezier(.35,.71,.26,.88);
         transition:1.2s cubic-bezier(.35,.71,.26,.88)    
    }
}
@-webkit-keyframes maskIn{
    0%{
        -webkit-clip-path:inset(0 100% 0 0);
         clip-path:inset(0 100% 0 0);
         -webkit-transform:translateX(20px);
         -ms-transform:translateX(20px);
         transform:translateX(20px);
         -webkit-transition:1s;
         -o-transition:1s;
         transition:1s
    }
    100%{
        -webkit-clip-path:inset(0 0 0 0);
         clip-path:inset(0 0 0 0);
         -webkit-transform:translateX(0);
         -ms-transform:translateX(0);
         transform:translateX(0);
         -webkit-transition:1.2s cubic-bezier(.35,.71,.26,.88);
         -o-transition:1.2s cubic-bezier(.35,.71,.26,.88);
         transition:1.2s cubic-bezier(.35,.71,.26,.88)    
    }
}
/* Hide Wishlist Info */
.wrap-wishlist-button{
	display:none;
}
/* Hide Compare Button */
.wd-compare-btn.product-compare-button{
	display:none;
}
/* Hide Add To Cart Button on Products */
button.single_add_to_cart_button{
	display:none;
}
/* Product Page Request a Quote Button */
a.single_add_to_cart_button{
	border-radius:0 !important;
	background:#1e73be
}
a:hover.single_add_to_cart_button{
		background:#000;
}
/* Quick View Add To Quote Button Style */
.wd-add-btn.wd-add-btn-replace a.afrfqbt.button{
	border-radius:0 !important;
	background:#1e73be !important;
}
.wd-add-btn.wd-add-btn-replace a:hover.afrfqbt.button{
		background:#000;
}
/* Request a Quote Drop Down Menu */
.mini-quote-dropdown{
		box-shadow:0 0 3px rgba(0,0,0,0.15) !important;
}
/* Adjust Quote Drop Down Menu Remove Button */
.mini-quote-dropdown li a.quote-remove{
	font-size:15px !important;
	padding:8px 0 0 12px !important;
}
/* Adjust Quote Page Quantity Inputs from Stretching */
td.product-quantity .quantity input[type='number']{
	max-width:auto !important;
	width:auto !important;
}
/* Quote Form Page - Update Quote Form Button Style */
form.woocommerce-cart-form.addify-quote-form button.afrfq_update_quote_btn{
	color:#fff !important;
	background:#000 !important;
	margin-bottom:20px !important;
}
/* Quote Form Page - Update Place Quote Button Style */
button.addify_checkout_place_quote{
	color:#fff !important;
	background:#1e73be !important;
	margin-top:20px;
	width:100%;
}
/* Quote Form Page - Adjust Padding on Quote "Cart" rows */
form.addify-quote-form table.addify-quote-form__contents td {
	padding:0.875em !important;
}
/* CF7 Custom Form Styles */
span.cf7-required{
  color:red;
  padding-inline-start: .2em;
  font-family: "Roboto", Sans-serif;    
}
.cf7-form-fields-wrapper{
  margin-left: calc( -0px/2 );
  margin-right: calc( -0px/2 );
  margin-bottom: -10px;
  display:flex;
}
.cf7-form-fields-wrapper h5{
    margin-top:15px;
    margin-bottom:5px !important;
}
.cf7-form-fields-wrapper.make-col{
  flex-direction:column;
}
.cf7-form-field-element{
  padding-right: calc( 0px/2 );
  padding-left: calc( 0px/2 );
  margin-bottom: 10px;
  display:flex;    
}
.cf7-form-field-element input{
  background-color: #ffffff;
  border-radius: 0px 0px 0px 0px;   
  font-family: "Roboto", Sans-serif;
  width: 100%;
  max-width: 100%;
  border: 1px solid #69727d;
  color: #1f2124;
  vertical-align: middle;
  flex-grow: 1;  
}
.cf7-form-selector-element select {
  font-family: "Roboto", Sans-serif;    
  background-color: #ffffff;
  border-color: #172532;
  border-radius: 0px 0px 0px 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  flex-basis: 100%;
  padding-inline-end: 20px;
  height: auto;
  /*font-size: 16px;*/
  min-height: 47px;
  padding: 6px 16px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #69727d;   
  color: #1f2124;
  vertical-align: middle;
  flex-grow: 1;
  padding-right: 30px;
  background-image: var(--wd-form-chevron);
  background-position: right 10px top 50%;
  background-size: auto 18px;
  background-repeat: no-repeat;
}
.cf7-form-button-element{  
  padding-right: calc( 0px/2 );
  padding-left: calc( 0px/2 );
  margin-bottom: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
}
.cf7-form-button-element button,
.cf7-form-button-element input{
  color:#ffffff;
  font-family: "Roboto", Sans-serif;   
  text-transform:capitalize !important;
	background:#1e73be !important;
}
.cf7-standard-form-single-field{
  padding-right: calc( 10px/2 );
  padding-left: calc( 10px/2 );
  margin-bottom: 10px;
  flex-wrap: wrap;
  position: relative;
  min-height: 1px;
  display: flex;
  flex-direction:column;
  width:100%;     
}
.cf7-standard-form-double-field{
  padding-right: calc( 10px/2 );
  padding-left: calc( 10px/2 );
  margin-bottom: 10px;
  flex-wrap: wrap;
  position: relative;
  min-height: 1px;
  display: flex;
  flex-direction:column;
  width:50%;
}
.cf7-standard-form-triple-field{
  padding-right: calc( 10px/2 );
  padding-left: calc( 10px/2 );
  margin-bottom: 10px;
  flex-wrap: wrap;
  position: relative;
  min-height: 1px;
  display: flex;
  flex-direction:column;
  width:33.33333%;
}
.cf7-two-columns,
.cf7-three-columns{
  margin-bottom:0;
  flex-wrap: wrap;
  position: relative;
  min-height: 1px;
  display: flex;
  flex-direction:row;
  width:100%;     
}
.cf7-standard-form-single-field input,
.cf7-standard-form-double-field input,
.cf7-standard-form-triple-field input,
.cf7-standard-form-single-field textarea
{
  background-color: #ffffff;
  border-radius: 0px 0px 0px 0px;
  flex-basis: 100%;
  height: auto;
  font-size: 16px;
  min-height: 47px;
  padding: 6px 16px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #69727d;
  color: #1f2124;
  vertical-align: middle;
  flex-grow: 1;
}
.cf7-standard-form-single-field input[type="checkbox"]{
  box-sizing:border-box;
  margin-top:0;
  padding:0;
  vertical-align: middle;
  margin-inline-end:5px;
}
.cf7-standard-form-single-field input[type="radio"]{
  box-sizing: border-box;
  margin-top: 0;
  padding: 0;
  vertical-align: middle;
  margin-inline-end: 10px;
  width: 16px;
  height: 16px;
}
.cf7-standard-form-single-field .wpcf7-list-item label input[type="checkbox"]{
    display:block;
    width:14px;
    height:14px;
    border:1px solid;
    margin:0;
    min-height:22px !important;
}
.cf7-standard-form-single-field .wpcf7-list-item label span.wpcf7-list-item-label{
    display:block;
    text-align:left;
    margin:0 0 8px 0;
}    
.cf7-standard-form-single-field .wpcf7-checkbox{
    flex-wrap: wrap;
    position: relative;
    min-height:1px;
    display:flex;
    flex-direction:row;
    width:100%;
}
.cf7-standard-form-single-field .wpcf7-radio{
    flex-wrap: wrap;
    position: relative;
    min-height:1px;
    display:flex;
    flex-direction:row;
    width:100%;
}
.cf7-standard-form-single-field .wpcf7-checkbox .wpcf7-list-item{
    padding-right: calc( 10px/2 );
    padding-left: calc( 10px/2 );
    margin-bottom: 10px;
    flex-wrap: wrap;
    position: relative;
    min-height: 1px;
    display: flex;
    flex-direction: column;
    width:33.33333%;
    align-content:flex-start;
}
/* Reset Default */
.wpcf7-list-item {
  margin-inline-end:0 !important;
}
.cf7-standard-form-single-field.flexstart,
.cf7-standard-form-double-field.flexstart,
.cf7-standard-form-triple-field.flexstart{
    align-content: flex-start;
}
.cf7-standard-form-single-field input[type=submit],
.cf7-standard-form-single-field button{
  border-radius: 30px;
  background:#1e73be !important;
  color:#ffffff;
  font-family: "Roboto", Sans-serif;   
  text-transform:capitalize !important;
  font-size:13px;
  display:inline-flex;
  flex-wrap:wrap;    
  border:none;
  width:auto;  
  min-height:40px;    
}
input.btn-primary-send{
  background:#1e73be !important;
  color:#ffffff;
  font-family: "Roboto", Sans-serif;   
  text-transform:capitalize !important;
  font-size:13px;
}
/* Hide Swatch Block on All Thumbnails - comes from Theme - we aren't using swatches */
.wd-product.wd-hover-base .wrapp-swatches{
	display:none;
}
/* Woo product gallery thumbnail labels */
.thumb-label{
  position:absolute;
  z-index:9999;
  bottom:14px;	
  right:14px;
  display:inline-block;
  padding:4px 8px;
  background:#fff;	
  border-radius:30px;
  vertical-align:middle;
  font-size:11px;
  box-shadow:0 0 5px rgba(0,0,0,0.08);	
}
@media screen and (max-width: 600px){
/* Adjust Quote Page Quantity Inputs from Stretching */
td.product-quantity .quantity input[type='number']{
	max-width:50px !important;
	width:auto !important;
}
/* Adjust Quote Page Quantity Inputs from Stretching */
td.product-quantity .quantity .btn{
	padding:5px 8px;
}
}	