@charset "utf-8";

@import url("setting.css");

a{ color:#00ada9; text-decoration:none; transition:0.2s all;}
a:hover{ color:#ff6500; text-decoration: none;}
a:focus{ text-decoration: none;}

.container{ max-width: 1440px; padding: 0 20px; }
.container.w2{ max-width: 1031px; }
.container.w3{ max-width: 808px; }

body{ background: url('../img/bg-bg.jpg') center center no-repeat; background-size: cover; }

main{ width: 100%; height: 100vh; background: rgba(0, 0, 0, .65); display: table; }

header{ display: table-cell; vertical-align: middle; text-align: center;}
header h1{ color: #fff; }
header button{ margin-top: 40px; }

.box{ width: calc(100% - 40px); max-width: 576px; padding: 100px 0; color: #fff; background: rgba(255, 255, 255, .2); border: 5px solid #fff; display: inline-block; }
.box h1{ margin-bottom: 20px; }
.box p{ line-height: 1.625em; }

/*** BTN ***/
.btn{ border-radius: 5px; }
.btn_wrap{ width: 100%; margin:30px 0 0 0; }

.btn-primary{ background: #0d7585; border-color: #0d7585; }
.btn-primary:hover, .btn-primary:focus{ background: #025e6c; border-color: #025e6c; }
/*** /BTN ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}