.module_portal_banner .content {overflow: visible;}
.module_portal_banner .wrap {display: flex; flex-flow: column; align-items: center; justify-content: space-evenly; width: 100%; height: 100%; background: url("/css/assets/astronomy-constellation-dark-998641.jpg") no-repeat center center; background-size: cover;}
.module_portal_banner .wrap:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #275363;
    opacity: .35;
    -webkit-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
    transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
    z-index: 4;
}
.module_portal_banner h1 {width: 90%; height: 40%; z-index: 6; text-indent: -9999px;  background: url("/css/assets/logo_transparent.png") no-repeat center center; background-size: contain;}
.module_portal_banner .typed_wrap {z-index: 7; color: #fff; font-size: 22px; opacity: 0.8; font-weight: lighter; width: 100%; padding: 10px 40px; text-align: center; height: 50px;}
.module_portal_banner .lang {z-index: 7; position: absolute; left: 15px; top: 15px; font-size: 22px; color: #fff;}
@media screen and (max-width: 812px) {.module_portal_banner .typed_wrap {font-size: 14px; padding: 10px 10px;}
.module_portal_banner .lang {font-size: 16px;}
.module_portal_banner .stars,
.module_portal_banner .twinkling,
.module_portal_banner .clouds {display: none;}}
.module_portal_middle ul.items {height: 100%;}
.module_portal_middle li.a {background: url("/css/assets/black-and-white-cube-rubik-s-cube-437345.jpg") no-repeat center center; background-size: cover;}
.module_portal_middle li.b {background: url("/css/assets/antique-book-bindings-books-1005324.jpg") no-repeat center center; background-size: cover;}
.module_portal_middle li.c {background: url("/css/assets/artistic-asphalt-automobiles-799443.jpg") no-repeat center center; background-size: cover;}
.module_portal_middle li.d {background: url("/css/assets/artsy-clouds-conceptual-1262302.jpg") no-repeat center center; background-size: cover;}
.module_portal_middle li.item {width: 50%; height: 50%; float: right; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 20px;}
.module_portal_middle li.item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    background-color: #1a4039;
    transition: all 0.3s ease-out;
}
.module_portal_middle li.item:hover:before {background-color: #000511;}
.module_portal_middle li.item div {text-align: center; z-index: 1;}
.module_portal_middle li.item div h2 {font-size: 60px; color: #fff; font-weight: bold;}
.module_portal_middle li.item div p {font-size: 23px; color: #fff; opacity: 0.5;}
.module_portal_middle li.item:hover div p {opacity: 0.9;}
@media screen and (max-width: 812px) {.module_portal_middle .wrap {overflow: visible;}
.module_portal_middle li.item {width: 100%; height: 280px; display: flex;}
.module_portal_middle li.item div h2 {font-size: 45px;}
.module_portal_middle li.item div p {font-size: 20px; opacity: 0.9;}}
.module_portal_details .content {}
.module_portal_details .wrap {width: 100%;  background: #263033; display: flex; flex-flow: column;}
.module_portal_details .sides {height: 100%; position: relative;}
.module_portal_details .side {float: right; width: 50%; height: 600px; padding: 40px;}
.module_portal_details .side.slogan.one{background: url("/css/assets/close-up-coding-contemporary-1342460.jpg") #000 no-repeat -200px center; background-size: cover; position: relative; }
.module_portal_details .side.slogan.two{background: url("/css/assets/analogue-art-blur-280252.jpg") no-repeat center center; background-size: cover; position: relative; }
.module_portal_details .side.slogan:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    background-color: #1a4039;
    transition: all 0.3s ease-out;
}
.module_portal_details .side.slogan:hover:before {background-color: #000511;}
.module_portal_details .side.slogan p {color: #fff; z-index: 1; width: 60%; font-size: 16px; opacity: 0.5; max-width: 320px;}
.module_portal_details .side.slogan:hover p {opacity: 0.9;}
@media screen and (max-width: 812px) {.module_portal_details .side {width: 100%; padding: 40px 20px; height: auto;}
.module_portal_details .side.slogan p {width: 100%; opacity: 0.9;}
.module_portal_details .side.slogan.one {background-position: -400px center;}}
.module_portal_contact .content {}
.module_portal_contact .content > .wrap {width: 100%; background: #263033;}
.module_portal_contact .sides {height: 100%;}
.module_portal_contact .side {float: right; width: 100%; height: 100%; padding: 40px; background: #181F21; }
.module_portal_contact .side h4 {color: rgba(255, 255, 255, 0.5); font-size: 20px; text-align: center; letter-spacing: 1px;}
.module_portal_contact .side form {width: 800px; height: 100%; float: none; margin: 50px auto 0 auto; overflow: hidden; position: relative;}
.module_portal_contact .side form .fieldRow {width: 48%;}
.module_portal_contact .side form .fieldRow .field_wrap {border: 1px solid rgba(113, 255, 217, 0.2); border-radius: 0;}
.module_portal_contact .side form .fieldRow .field_wrap.field_submit {border: 2px solid #71FFD9;}
.module_portal_contact .side form .fieldRow .field_wrap.field_submit input {color: #71FFD9;}
.module_portal_contact .side form .fieldRow .field_wrap.field_submit:hover {background: #71FFD9;}
.module_portal_contact .side form .fieldRow .field_wrap.field_submit:hover input{color: #345;}
.module_portal_contact .side form .fieldRow .field_wrap.field_text {height: 45px;}
.module_portal_contact .side form .fieldRow textarea,
.module_portal_contact .side form .fieldRow input {background: none; color: #fff; resize: none;}
.module_portal_contact .side form .fieldRow textarea {height: 183px;}
.module_portal_contact .side form .fieldRow input:focus {border: 1px solid #71FFD9;}
.module_portal_contact .side form .fieldRow textarea:focus {border: 1px solid #71FFD9;}
.module_portal_contact .side form .fieldRow.name_wrap {position: absolute; top: 0; right: 0;}
.module_portal_contact .side form .fieldRow.email_wrap {position: absolute; top: 70px; right: 0;}
.module_portal_contact .side form .fieldRow.phone_wrap {position: absolute; top: 140px; right: 0;}
.module_portal_contact .side form .fieldRow.content_wrap {position: absolute; top: 0; left: 0;}
.module_portal_contact .side form .fieldRow.submit_wrap {position: absolute; top: 210px; left: 0; width: 15%; font-weight: bold;}
.module_portal_contact .side.details {height: 180px; background: #181F21; padding: 0;}
.module_portal_contact .side.details ul {display: flex; align-items: center; justify-content: center; height: 100%;}
.module_portal_contact .side.details ul li {padding: 0 30px; text-align: center; direction: ltr;}
.module_portal_contact .side.details ul li a span,
.module_portal_contact .side.details ul li a i {display: block;}
.module_portal_contact .side.details ul li a i {font-size: 40px; color: rgba(113, 255, 217, 0.8);}
.module_portal_contact .side.details ul li a span {margin-top: 15px; color: rgba(255, 255, 255, 0.5);}
@media screen and (max-width: 812px) {.module_portal_contact .content > .wrap {height: auto; width: 100%; overflow: hidden;}
.module_portal_contact .sides {width: 100%; float: right;}
.module_portal_contact .side form {width: 100%; margin: 20px auto 0 auto;}
.module_portal_contact .side form .fieldRow.submit_wrap,
.module_portal_contact .side form .fieldRow {position: static !important; width: 100%;}
.module_portal_contact .side.details ul li {padding: 0 20px;}
.module_portal_contact .side.details ul li a span {font-size: 13px;}}
.module_site_footer footer {padding: 20px 0; width: 100%; background: #fafafa;}
.module_site_footer p {letter-spacing: .05em; font-size: 13px; text-align: center;}
.module_site_footer a {color: #000; font-weight: bold;}
@media screen and (max-width: 812px) {.module_site_footer p {font-size: 11px; letter-spacing: 0; direction: ltr;}}
