@charset "utf-8";
/****************** CSS Document *********************/



@font-face { font-family: "la-regular-400"; src: url("fonts/la-regular-400.eot"); src: url("fonts/la-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/la-regular-400.woff") format("woff"), url("fonts/la-regular-400.ttf") format("truetype"), url("fonts/la-regular-400.svg#la-regular-400") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-regular-400.svg#la-regular-400") format("svg");}}

@font-face { font-family: "la-brands-400"; src: url("fonts/la-brands-400.eot"); src: url("fonts/la-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/la-brands-400.woff") format("woff"), url("fonts/la-brands-400.ttf") format("truetype"), url("fonts/la-brands-400.svg#la-brands-400") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-brands-400.svg#la-brands-400") format("svg");}}

@font-face { font-family: "la-solid-900"; src: url("fonts/la-solid-900.eot"); src: url("fonts/la-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/la-solid-900.woff") format("woff"), url("fonts/la-solid-900.ttf") format("truetype"), url("fonts/la-solid-900.svg#la-solid-900") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-solid-900.svg#la-solid-900") format("svg");}}


html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255,255,255,0)}
* { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body { position:relative; margin: 0; font-family: 'Nunito', sans-serif; font-size:14px; line-height:1.5; color:#454545; font-weight:600; -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-y:visible; /*background-color:#f7f7f7;*/ background-color:#fff; }

ul, li { margin:0; list-style:none; padding:0; }
p {margin-top:0px; margin-bottom: 20px;}
a img {border:0;}
a { color: #e8381c; text-decoration:none; outline: 0; }
a:hover { color:#fff; }
p a { text-underline-offset: 4px; text-decoration: underline; font-weight:600; }
a:hover { color: #333;  }
b { font-weight:800; }
b.road { font-weight:800; background: #fff; border: 1px solid #bbb;  padding: 0 4px; border-radius: 4px; color: #555; }
.clearfix { clear:both; display:block; width:100%; height:0; visibility:hidden}
.underlay { display:none; z-index: 26; position: fixed; top: 0; width:100%; left:0; height: 100%; background-color:rgba(0,0,0,0.7) }
u { text-decoration-skip: ink; }

h1 { text-transform:uppercase; margin:0; font-size:24px; font-weight:900;  }
h2 { margin:0; font-size:18px; font-weight:900; }
h3 {  }
h4 {  }
h5 {  }
h6 {  }


#wrapper { position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; background-image:url(background_2.jpg); padding-bottom:60px; min-height:100vh; }

.header { position:relative; width:100%; display:block; padding:30px; background:rgba(0,0,0,0.3); text-align:center; color:#fff; z-index:1; }
.header { background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } 
.header .logo { width:200px; height:auto; margin-bottom:20px; }

#page { position:relative; width:100%; }
.page { position:relative; width:100%; padding:1% 10%; color:#fff; }

.content { position:relative; max-width:600px; padding:30px; background:rgba(0,0,0,0.5); text-align:center; color:#eee; border-radius:10px; margin: 0 auto 20px auto; display:block; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.content a:hover { color:#fff;}

a.list_button { display:block; width:290px; margin: 0 auto; padding:15px 0; text-align:center; color:#ddd; font-weight: 800; border-radius:5px; background:rgba(183, 52, 58, 0.57); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
a.list_button:after { content: "➜"; margin-left:10px; font-weight:400; }
a.list_button:hover { background:rgba(183, 52, 58, 1); color:#fff }
a.list_button.na { color: #bbb; cursor:auto; }
a.list_button.na:after { content:""; margin:0;}
a.list_button.na:hover { background:rgba(183, 52, 58, 0.57); }

#footer { position:absolute; left:0; bottom:0; width:100%; padding:20px; color:#eee; font-weight:800; font-size:10px; text-transform:uppercase; letter-spacing:0.5px; text-align:center; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }

form { margin-bottom:10px;}
form label { min-width:70px; display:inline-block; font-weight: 700; }
form input { padding:7px 10px; border:none;  }
form input:active, form input:focus { outline: none; box-shadow: none;  }


@media (max-width: 700px) {

.page { padding: 1% 2%;  }
.content { padding: 15px; }
h1 { font-size: 21px; }

}