@import url('https://use.typekit.net/ojg2wot.css');

body {font-family: "stevie-sans",sans-serif; font-weight: 400;background-image: url('../images/splash-bg.png');background-position: left bottom;background-size: cover;min-height: 100vh;}
img {max-width: 100%;}
a, a:hover {text-decoration: none;font-size: 16px;}
.splash-box header {background-color: #667980 }
.logo-spbox {padding: 20px 0 20px 0;position: relative; }
.logo-spbox::after {content: '';height: 1px;background: transparent linear-gradient(90deg, #A5A5A5 0%, #53535300 100%) 0% 0% no-repeat padding-box;opacity: 0.6;display: inline-block;width: 100%;position: absolute;left: 0;bottom: 0;}
.splash-box {position: relative;min-height: 100vh;}
.splash-box::after {content: '';background-image: url('../images/splash-img.png');position: absolute;width: 100%;height: calc(100% - 100px);background-repeat: no-repeat;background-position: right top;z-index: -1;top: 100px;}
.splash-box::before {background-image: url('../images/splash-pen.png');position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: left bottom;z-index: -1;bottom: 0;}
.body-spbox { position: relative; z-index: 1;}
.sp-title {color:#667980; font-size: 30px;padding:85px 0;line-height: 34px; }
 

.sp-cuntry-main {}
.sp-cuntry-north {width: 40%;display: inline-block;vertical-align: top;}
.sp-cuntry-north span.sp-cunt-name {font-size: 18px;font-weight: 400;padding-bottom: 30px;display: inline-block; color:#667980}
.sp-cuntry-north .sp-cunt-list {}
.sp-cuntry-north span.sp-cunt-check {width: 280px;display: inline-block;background-color: #fff;padding: 10px 15px;border: 1px solid #EFEFEF;border-radius: 4px;margin-bottom: 25px; font-size: 16px;cursor: pointer; color:#667980; font-weight:300}
.sp-cuntry-north span.sp-cunt-check img {margin-right: 12px;vertical-align: top;}
.sp-cuntry-north span.sp-cunt-check.active,
.sp-cuntry-north span.sp-cunt-check:hover { border: 1px solid #8FB98F; }
.sp-cuntry-north span.sp-cunt-check svg {display:none;float: right;margin: 3px;}
.sp-cuntry-north span.sp-cunt-check.active svg {display:block}
.sp-but {padding-bottom: 150px;margin-top: 50px; display: block;width: 70%; }
.sp-but a {background: #8FB98F 0% 0% no-repeat padding-box; border-radius: 4px;color: #fff;min-width: 300px;display: inline-block;text-align: center;padding: 10px 10px 8px 10px;font-weight: 400;font-family: "korolev",sans-serif;     letter-spacing: .77px;}

@media  (max-width: 1024px) {
  .splash-box{height: 100vh;}
  .splash-box::after,
  .splash-box::before {opacity: .5;height: 100vh;}
}
@media  (max-width: 961px) {
.splash-box::after,
  .splash-box::before {opacity: .3;height: 100vh;}
}
@media  (max-width: 767px) {
  .splash-box::after,
  .splash-box::before {opacity: .3;height: 100vh;background-size: auto 100%;}
  .sp-title {font-size: 40px;line-height: initial;padding-top: 10px;}
  .sp-subtext {margin-bottom: 30px;}
}
@media  (max-width: 668px) {
  .sp-cuntry-north {width:100%}
  .sp-cuntry-north span.sp-cunt-check {margin-right: 20px;}
  .splash-box::before {display:none}
  .splash-box::after {opacity: .1;}
}
@media  (max-width: 467px) {

}