/* buttony */

button, [type="button"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.button1k{
text-decoration:none;	
}

.button1, nav ul li.normal-item:last-child a{
width: max-content;
padding:12px 18px;
position:relative;
font-weight: 700;
font-size: 16px;
line-height:19px;
color: #FFFFFF;
background: #000000;
border:2px solid #000000;
text-decoration:none;
text-align: center;
letter-spacing: 0.12em;
text-transform: uppercase;
display: block;
margin: 0 auto;
}

nav ul li.normal-item:last-child a{
padding:12px 16px;
}

.button1k:hover .button1, .button1:hover, nav ul li.normal-item:last-child a:hover{
text-decoration:none;
color: #000000;
background: #ffffff;
border:2px solid #000000;
}

.button1m:hover .button1{
text-decoration:none;
color: #000000;
background: inherit;
border:2px solid #000000;
}

.button1:focus-visible, nav ul li.normal-item:last-child a:focus-visible, .button1m:focus-visible{
outline:none;
box-shadow:none;
}

.button1m:focus-visible{
outline:none !important;
box-shadow:none !important;
}

.button1m:focus-visible .button1:after, .button1k:focus-visible .button1:after, .button1:focus-visible:after, nav ul li.normal-item:last-child a:focus-visible:after{
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
outline: 2px solid #000000;
outline-offset: -2px;
}

.button2{
width: max-content;
padding:12px 18px;
position:relative;
font-weight: 700;
font-size: 16px;
line-height:19px;
color: #FFFFFF;
background: #000000;
text-decoration:none;
border:1px solid #ffffff;
text-align: center;
letter-spacing: 0.12em;
text-transform: uppercase;
display: block;
margin: 0 auto;
}

.button2:hover{
color: #000000;
background: #ffffff;
text-decoration:none;
border:1px solid #000000;
}

.button2:focus-visible{
outline:none;
box-shadow:none;
}

.button2:focus-visible:after{
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
outline: 2px solid #ffffff;
outline-offset: -2px;
}

.button3{
position:relative;
width: max-content;
padding:12px 18px 12px 40px;
font-weight: 700;
font-size: 16px;
line-height:19px;
color: #000000;
background: #FFFFFF;
text-decoration:none;
border:1px solid #000000;
text-align: center;
letter-spacing: 0.12em;
text-transform: uppercase;
display: block;
}

.button3:hover{
color: #ffffff;
background: #000000;
border:1px solid #000000;
}

.button3:hover:after{
content:'';
position:absolute;
top:0;
left:12px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.05139 9.5L11.1428 2.49969L9.11711 0.5L-3.58462e-05 9.5L9.11711 18.5L11.1428 16.5003L4.05139 9.5Z' fill='white'/%3E%3C/svg%3E");
background-size:18px 11px;
width:18px;
height: 11.14px;
top: 50%;
transform: translate(0, -50%);
}

.button3:after{
content:'';
position:absolute;
top:0;
left:12px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.05139 9.5L11.1428 2.49969L9.11711 0.5L-3.58462e-05 9.5L9.11711 18.5L11.1428 16.5003L4.05139 9.5Z' fill='black'/%3E%3C/svg%3E");
background-size:18px 11px;
width:18px;
height: 11.14px;
top: 50%;
transform: translate(0, -50%);
}

.button3:focus-visible, .button4:focus-visible, .button5:focus-visible{
outline: 2px solid #000000;
outline-offset: 2px;
box-shadow:none;
}

.button4{
position:relative;
width: max-content;
padding:12px 18px;
font-weight: 700;
font-size: 16px;
line-height:19px;
color: #000000;
background: #FFFFFF;
text-decoration:none;
border:1px solid #000000;
text-align: center;
letter-spacing: 0.12em;
text-transform: uppercase;
display: block;
}

.button4:hover{
color: #FFFFFF;
background: #000000;
}

.button4.button-bg:hover{
background: #000000 !important;
}

.button5{
width: max-content;
padding:12px 18px 12px 52px;
position:relative;
font-weight: 700;
font-size: 16px;
line-height:19px;
color: #FFFFFF;
background: #000000;
border:1px solid #000000;
text-decoration:none;
text-align: center;
letter-spacing: 0.12em;
text-transform: uppercase;
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}

.button5:hover{
color: #000000;
background: #FFFFFF;
border:1px solid #000000;
}

.button5:after{
content:'';
position:absolute;
top:0;
left:18px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='20.208' width='22' height='3.48416' fill='white'/%3E%3Cpath d='M16.3899 7.50994L10.8672 13.224L5.3445 7.50994L4.98498 7.13796L4.62546 7.50994L2.94517 9.24845L2.60932 9.59593L2.94517 9.94342L10.5077 17.768L10.8672 18.1399L11.2267 17.768L18.7892 9.94342L19.1251 9.59593L18.7892 9.24845L17.1089 7.50994L16.7494 7.13796L16.3899 7.50994Z' fill='white' stroke='white'/%3E%3Crect x='13.0625' width='16.1502' height='4.125' transform='rotate(90 13.0625 0)' fill='white'/%3E%3C/svg%3E");
background-size:22px 24px;
width:22px;
height: 24px;
top: 50%;
transform: translate(0, -50%);
}

.button5:hover:after{
content:'';
position:absolute;
top:0;
left:18px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='20.208' width='22' height='3.48416' fill='black'/%3E%3Cpath d='M16.3899 7.50994L10.8672 13.224L5.3445 7.50994L4.98498 7.13796L4.62546 7.50994L2.94517 9.24845L2.60932 9.59593L2.94517 9.94342L10.5077 17.768L10.8672 18.1399L11.2267 17.768L18.7892 9.94342L19.1251 9.59593L18.7892 9.24845L17.1089 7.50994L16.7494 7.13796L16.3899 7.50994Z' fill='black' stroke='black'/%3E%3Crect x='13.0625' width='16.1502' height='4.125' transform='rotate(90 13.0625 0)' fill='black'/%3E%3C/svg%3E");
background-size:22px 24px;
width:22px;
height: 24px;
top: 50%;
transform: translate(0, -50%);
}

.button-bg{
background-color: inherit !important;
}

.button-bg-2:hover{
background-color: inherit !important;
}

/* input file */

input[type="file"]{
border:1px solid #000000;
font-size: 16px;
line-height:19px;
color: #000000;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}

input[type="file"]::file-selector-button {
margin-right: 20px;
border: none;
background: #000000;
padding: 12px 18px;
color: #ffffff;
cursor: pointer;
font-size: 16px;
line-height:19px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}

input[type="file"]:focus, input[type="file"]:focus-visible {
outline: 2px solid #000000 !important;
outline-offset: 2px !important;
box-shadow:none;
}

/* end input file */

select.select1{
display: block;
color: #000000;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #ffffff;
border: 1px solid #000000;
padding:12px 36px 12px 18px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
position:relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select.select1:active, select.select1:focus, select.select1:focus-visible{
outline:none;
border: 1px solid #000000;
outline: 3px solid #000000;
outline-offset: -1px;
}

select.select1 {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.85135L14.2225 0.547852L16 2.34849L8 10.4526L0 2.34849L1.7775 0.547852L8 6.85135Z' fill='black'/%3E%3C/svg%3E");
background-size: 12px 8px;
background-repeat:no-repeat;
background-position:92% 50%;
}

select.select1:focus, select.select1:active {
background-image: url("data:image/svg+xml,%3Csvg width='11.999999999999998' height='8' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Cpath transform='rotate(-179.951 6.33315 4.00002)' id='svg_1' stroke-linejoin='round' stroke-linecap='round' stroke-width='2' stroke='%23000000' d='m10.9998,1.66669l-4.66663,4.66666l-4.66667,-4.66666'/%3E%3C/g%3E%3C/svg%3E");
}

select.select1:focus-visible{
outline: 3px dashed #000000;
outline-offset: 3px;
}

input[type=checkbox].checkbox1{
appearance: none;
box-shadow: none;
border: 3px solid #ffffff !important;
background:#ffffff;
width: 18px;
height: 18px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
}

input[type=checkbox].checkbox1:checked{
border: 0 !important;
position:relative;
width: 18px;
height: 18px;
}

input[type=checkbox].checkbox1:checked:after{
position:absolute;
background-repeat: no-repeat;
width:18px;
height:18px;
top:0;
left:0;
content:'';
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0V0ZM8.003 13L15.073 5.929L13.659 4.515L8.003 10.172L5.174 7.343L3.76 8.757L8.003 13Z' fill='%23333333'/%3E%3C/svg%3E");
}

input[type=checkbox].checkbox1:active, input[type=checkbox].checkbox1:focus, input[type=checkbox].checkbox1:checked:focus{
outline: 2px solid #ffffff;
outline-offset: 4px;
width: 18px;
height: 18px;
}

input[type=checkbox].checkbox2{
appearance: none;
box-shadow: none;
border: 3px solid #000000 !important;
background:#000000;
width: 18px;
height: 18px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
}

input[type=checkbox].checkbox2:checked{
border: 0 !important;
position:relative;
width: 18px;
height: 18px;
}

input[type=checkbox].checkbox2:checked:after{
position:absolute;
background-repeat: no-repeat;
width:18px;
height:18px;
top:0;
left:0;
content:'';
background:#ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0V0ZM8.003 13L15.073 5.929L13.659 4.515L8.003 10.172L5.174 7.343L3.76 8.757L8.003 13Z' fill='%23000000'/%3E%3C/svg%3E");
}

input[type=checkbox].checkbox2:active, input[type=checkbox].checkbox2:focus, input[type=checkbox].checkbox2:checked:focus{
outline: 2px solid #000000;
outline-offset: 2px;
width: 18px;
height: 18px;
}