header.top { position: relative; }
header.bottom { position: absolute; left: 0; bottom: 0; }
header.topFixed { position: fixed; left: 0; top: 0; z-index: 999;  }
header.bottomFixed { position: fixed; left: 0; bottom: 0; z-index: 999; }

.headbar { position: relative; width: 100%; height: auto; padding: 5px 0; }

.slide-unity { } /*position: relative; width: 100%; overflow: hidden; border: 3px solid #000; }*/
.slide-unity .fullscreen { width: 100%; height: 100%; }
.slide-unity .pattern { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); z-index: 2; }
.slide-unity .title { color: #FFF; font-size: 42px; font-weight: 900; padding-bottom: 30px; text-shadow: 0.2px 0.2px 1px #000, 0 0 25px rgba(0,0,0,0.45); }
.slide-unity .spot { color: #FFF; font-size: 36px; font-weight: 400; font-style: italic; text-shadow: 0.4px 0.4px 1px #000, 0 0 15px rgba(0,0,0,0.45); }
.slide-unity .body { color: #FFF; font-size: 28px; font-weight: 400; text-shadow: 0.4px 0.4px 1px #000, 0 0 15px rgba(0,0,0,0.45); }

.slide-register {  }
.slide-register-box { position: absolute; width:40%; height: auto; right: 60px; top: 0; padding: 160px 30px 0 30px; z-index: 998; }
.form-black { position: relative; width: 100%; border-radius: 4px; background-color: rgba(0, 0, 0, 0.75); padding: 20px; color: #FFF; box-shadow: 0.2px 0.2px 1px #000, 0 0 25px rgba(0,0,0,0.45); }
.form-black input,
.form-black select,
.form-black textarea { color: #FFF !important; background-color: rgba(255, 255, 255, 0.40) !important; font-size: 14px !important; }
.form-black label { color: #FFF !important; font-size: 16px !important; font-weight: 600; }
.form-white { position: relative; width: 100%; border-radius: 4px; background-color: rgba(255, 255, 255, 0.50); padding: 20px; color: #111; }

.scroll-mouse { position: absolute; left: 0; right: 0; display: inline-block; margin-left: auto; margin-right: auto; bottom: 20px; cursor: pointer; border: 1px solid #000; }

.margin-0 { margin: 0 !important; }
.padding-0 { padding: 0 !important; }
.margin-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.padding-60 { padding-top: 60px !important; padding-bottom: 60px !important; }

.col-right-line { border-right: 1px solid #EAEAEA; }

.page-top { position: relative; width: 100%; min-height: 320px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; }
.page-top .pattern { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.30); }
.page-top .title { padding-top: 150px; text-align: center; color: #FFF; font-weight: 600; text-transform: uppercase; text-shadow: 0.2px 0.2px 1px #000, 0 0 25px rgba(0,0,0,0.45); }
.page-top .spot { text-align: center; font-style: italic; color: #FFF; text-shadow: 0.2px 0.2px 1px #000, 0 0 25px rgba(0,0,0,0.45); padding-bottom: 30px; }
.page-top .info { width: 100%; font-size: 12px; }
.page-top .info .ui.breadcrumb { font-size: 12px; text-transform: uppercase; }

.page-bottom { }

.page-content { }
.page-content .img-left { float:left; padding:0 30px 30px 0; }
.page-content .img-right { float:right; padding:0 0 30px 30px; }

.page-menu { }

.jarallax { min-height: 420px; }
.jarallax .pattern { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.30); }
.jarallax-layer { padding-top: 120px; padding-bottom: 120px; }
.jarallax-layer .title { color:#FFF; margin-bottom: 0; }
.jarallax-layer .spot { font-style: italic; color: #FFF; margin-top: 0; }

strong { font-weight: 600 !important; }

@media (max-width: 1230px) {
    .content-box, .content-page { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 1170px) {
    .slide-register-box { width: 50%; padding-top: 120px; }
    .account-form > .column { width: 100% !important; }
}

@media (max-width: 970px) {
    .page-content .img-left,
    .page-content .img-right { float: none; display:block; margin: auto; padding-left: 0; padding-right: 0; }
    .slide-register-box { width: 60%; padding-top: 120px; }
    .ms-layer { display: none; }
}

@media (max-width: 767px) {
    .col-left, .colLeft { text-align: center !important; }
    .col-right, .colRight { text-align: center !important; }
    .page-content .img-left,
    .page-content .img-right { float: none; display: block; margin: auto; }
    .slide-register-box { width: 85%; left: 0; right: 0; display: inline-block; margin-left: auto; margin-right: auto; padding-top: 120px; }
    .register-form .ui.form .three.fields > .field,
    .register-form .ui.form .three.wide.fields > .field { width: 33.33% !important; }
    .register-form .ui.form .two.fields > .field,
    .register-form .ui.form .two.wide.fields > .field { width: 50% !important; }
}