form .form-group.form-group--text input:invalid {
  border-color1: #e1001a !important;  
}

form .form-group.form-group--text input:valid {
  border-color: #03c450;	  
  
}


form .form-group.form-group--text input:required {
  border-color1: #03c450;	  
  border-width: 3px;
}

form .form-group.form-group--text input:required:invalid {
  border-color1: #c00000;
}

/*
* {
  box-sizing: border-box;
}
*/

.row::after {
  content: "";
  clear: both;
  display: table;
}

.column-1 {
    width: 100%;
}

[class*="col"] {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

[class*="col_1"], [class*="col_3"], [class*="col_4"] {
	border-top: 1px solid #CCCCCC;
}

/* For mobile phones: */
@media (max-width: 767px) {
	/*img {width: 20px; height: auto;}*/
  
  .col_1-1 {min-width: 200px;}
  .col_1-2 {width: 200px;}
  
  .col_2-1 {width: 100px; height:30px;}
  .col_2-2 {width: 280px;}
  .col_2-2-1 {width: auto;}
  .col_2-2-2 {width: 100px;}

  .col_3-1 {width: 15%;}
  .col_3-2 {width: 160px;}
  .col_3-3 {width: 200px;}
  
  .col_4-3 {width: 200px;}
  .col_4-4 {width: 200px;color:red;font-size: 10px;}


  .col_6-1 {width: 80px;}
  .col_6-2 {width: auto;}
  .col_6-3 {width: 100%;}

  .col_7-3 {width: 100%;}
  .col_7-4 {width: 100%;color:red;font-size: 10px;}

	#size {
		color:blue;
	}
  xxbody {
    font-size: 14px;
  background-color: blue;
  }
    
}

/* For tablets: */
@media (min-width: 768px) and (max-width: 991px) {	
  .col_1-1 {min-width: 300px;}
  .col_1-2 {width: 300px;}

  .col_2-1 {width: 100px;}
  .col_2-2 {width: 300px;}
  .col_2-2-1 {width: auto;}
  .col_2-2-2 {width: 100px;}
	
 
  .col_3-1 {width: 15%;}
  .col_3-2 {width: 160px;}
  .col_3-3 {width: 200px;}

  .col_4-3 {width: 200px;}
  .col_4-4 {width: 200px;color:red;font-size: 10px;}

  .col_6-1 {width: 80px;}
  .col_6-2 {width: 160px;}
  .col_6-3 {width: 520px;}


  .col_7-3 {width: 480px;}
  .col_7-4 {width: 200px;color:red;font-size: 10px;}

	#size {
		color:green;
	}
  xxbody {
    font-size: 14px;
  background-color: green;
  }

}



/* For desktop: */
@media (min-width: 992px) {
	
	
/*  body {width:700px; margin:0 auto;border:thin solid #3d78a9; padding:20px; text-align:left;} */
	
	
  .col_1-1 {min-width: 400px;}
  .col_1-2 {width: 400px;}*/
  /*.col_1-2 {width: auto;}*/

  .col_2-1 {width: 100px;}
  .col_2-2 {width: 300px;}
  .col_2-2-1 {width: auto;}
  .col_2-2-2 {width: 100px;}

  .col_3-1 {width: 15%;}
  .col_3-2 {width: 160px;}
  .col_3-3 {width: 400px;}

  .col_4-3 {width: 200px;}
  .col_4-4 {width: 200px;color:red;font-size: 10px;}
  


  .col_6-1 {width: 80px;}
  .col_6-2 {width: 160px;}
  .col_6-3 {width: 750px;}

  .col_7-3 {width: 710px;}
  .col_7-4 {width: 200px;color:red;font-size: 10px;}

	#size {
		color:red;
	}
  xxbody {
    font-size: 14px;
  background-color: red;
  }

}

@media print {

.no_print {
  display: none;
} 
}


/*

.tab_body {
	font-size: 1em;
}

body { font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif; font-size:1em; line-height:1.5em;}

h2 {font-size: 1.4em; font-family: Verdana; line-height:1.400em; margin:0px;}

.btn {
    font-weight: 400;
    display: inline-block;
    padding: 5px 7px;
    xpadding: 10px 14px;
    background-color: #c50017;
    color: #fff;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    border: none !important;
    xmargin: 10px 10px 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: normal;
    font-size: 0.75em;
    xxfont-size: 1em;
    xfont-size: 0.8em;
    font-family: inherit;
}

.btn:hover {
	background-color: #ac0014;
}
*/


@font-face {
    font-display:swap;
    font-family:BespokeSans-Variable;
    font-style:normal;
    font-weight:300 800;
    src:url(fonts/BespokeSans-Variable.woff2) format("woff2"),
        url(fonts/BespokeSans-Variable.woff) format("woff"),
        url(fonts/BespokeSans-Variable.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-VariableItalic;
	font-style:italic;
	font-weight:300 800;
    src:url(fonts/BespokeSans-VariableItalic.woff2) format("woff2"),
        url(fonts/BespokeSans-VariableItalic.woff) format("woff"),
        url(fonts/BespokeSans-VariableItalic.ttf) format("truetype")
}


@font-face{
	font-display:swap;
	font-family:BespokeSans-Bold;
	font-style:normal;
	font-weight:700;
	src:url(fonts/BespokeSans-Bold.woff2) format("woff2"),
		url(fonts/BespokeSans-Bold.woff) format("woff"),
		url(fonts/BespokeSans-Bold.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-BoldItalic;
	font-style:italic;
	font-weight:700;
	src:url(fonts/BespokeSans-BoldItalic.woff2) format("woff2"),
		url(fonts/BespokeSans-BoldItalic.woff) format("woff"),
		url(fonts/BespokeSans-BoldItalic.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-Light;
	font-style:normal;
	font-weight:300;
    src:url(fonts/BespokeSans-Light.woff2) format("woff2"),
        url(fonts/BespokeSans-Light.woff) format("woff"),
        url(fonts/BespokeSans-Light.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-LightItalic;
	font-style:italic;
	font-weight:300;
    src:url(fonts/BespokeSans-LightItalic.woff2) format("woff2"),
        url(fonts/BespokeSans-LightItalic.woff) format("woff"),
        url(fonts/BespokeSans-LightItalic.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-Regular;
	font-style:normal;
	font-weight:400;
    src:url(fonts/BespokeSans-Regular.woff2) format("woff2"),
        url(fonts/BespokeSans-Regular.woff) format("woff"),
        url(fonts/BespokeSans-Regular.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-Italic;
	font-style:italic;
	font-weight:400;
    src:url(fonts/BespokeSans-Italic.woff2) format("woff2"),
        url(fonts/BespokeSans-Italic.woff) format("woff"),
        url(fonts/BespokeSans-Italic.ttf) format("truetype")
}


.external-link {
  margin-left: 0 !important;
  color: #e4650e;
  font-size: 1.25rem;
  font-weight: 700;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.9375rem;
  overflow-wrap: break-word;
  position: relative;
}

.link-style {
  color: #e4650e;
  font-weight: 700;
  text-decoration: underline;
}

body_X {
	color:#212529;
	font-family:BespokeSans-Variable,Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	padding: 10px;
	
	margin:0;
	text-align:left
}

body {

	color_x: inherit;
	color:#212529;
	font-family:BespokeSans-Variable,Verdana,Arial,Helvetica,Tahoma,sans-serif;
  display: block;
	font-size: 1.5rem;
	line-height_x: inherit;
	line-height:1.5;
  margin-bottom: .5rem;
  max-width: 100%;
  padding: 5px;
  white-space: normal;
  width_x: 100%;
}


h1 {
    font-family: BespokeSans-Bold,Verdana,Arial,Helvetica,Tahoma,sans-serif;
}

h2 {
    font-family: BespokeSans-Bold,Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size: 1.4em; 
	line-height:1.400em; 
	margin:0px;
}


input[type=submit].btn  {
	background-color: #e4650e;
	border: 2px solid #e4650e;
	border-radius: 4px;
 	flex: none;
	padding: 12px;
	text-align: center;
	min-width_X: 150px;
	min-width: 120px;
	color: #fff;
	xxmargin-right: 10px;
	margin: 10px;
	
}