@font-face {
  font-family: 'adelia';
  src: url(/Portals/1/adelia.eot);
  src: url(/Portals/1/adelia.eot?#iefix) format('embedded-opentype'),
       url(/Portals/1/adelia.svg#adelia) format('svg'),
       url(/Portals/1/adelia.woff) format('woff'),
       url(/Portals/1/adelia.woff2) format('woff2');
}

.main-title.bold {font-weight: 800 !important; font-size:3em  !important;}

header .container {max-width: 1350px !important; margin:auto;}

.script {
   font-family: 'adelia' !important;
    font-size: 1.2em;
}
.button-01 {word-break: break-word !important;}
.button-01:hover {
    backgroud-color: --accent-color-01;
    color:#ffffff;
}
.box-links {
    padding-left: 100px;
}
 @media screen and (max-width: 480px) {
    .box-links {
        padding-left: 15px !important;
    }
}


.blogbox-05 {
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    position: relative;
    transition: all ease-in 300ms;
    margin-bottom: 30px;
    cursor:pointer;
    min-height: 500px;
}
.blogbox-05 .cont {
    padding: 30px 35px 24px;
    text-align: left;
}
.blogbox-05 .pic {
    margin: -1px -1px 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.blogbox-05 .title {
    font-size: 1.25rem;
    color: #333333;
    margin-bottom: 16px;
}
.blogbox-05 .link {
    text-align: right;
}
.blogbox-05 .link a, .blogbox-05 .link a:link {
    color: #d1d1d1;
    font-size: 1.5rem;
    line-height: 1;
}
.blogbox-05 .link a:hover {
    color: var(--accent-color);
}
.blogbox-05::after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-bottom: 5px solid var(--accent-color);
    opacity: 0;
    transition: opacity ease-in 300ms;
}
.blogbox-05:hover, .blogbox-05.active {
    box-shadow: 0px 0px 90px rgba(0, 0, 0, .1);
}
.blogbox-05:hover:after, .blogbox-05.active:after {
    opacity: 1;
    z-index: 2;
}


.blogbox-05-01 {
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    position: relative;
    transition: all ease-in 300ms;
    margin-bottom: 30px;
    cursor:pointer;
}
.blogbox-05-01 .cont {
    padding: 30px 35px 24px;
    text-align: left;
}
.blogbox-05-01 .pic {
    margin: -1px -1px 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.blogbox-05-01 .title {
    font-size: 1.25rem;
    color: #333333;
    margin-bottom: 16px;
}
.blogbox-05-01 .link {
    text-align: right;
}
.blogbox-05-01 .link a, .blogbox-05-01 .link a:link {
    color: #d1d1d1;
    font-size: 1.5rem;
    line-height: 1;
}
.blogbox-05-01 .link a:hover {
    color: var(--accent-color);
}
.blogbox-05-01::after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-bottom: 5px solid var(--accent-color);
    opacity: 0;
    transition: opacity ease-in 300ms;
}
.blogbox-05-01:hover, .blogbox-05-01.active {
    box-shadow: 0px 0px 90px rgba(0, 0, 0, .1);
}
.blogbox-05-01:hover:after, .blogbox-05-01.active:after {
    opacity: 1;
    z-index: 2;
}


.random_left {
  position:fixed; top: 0; left: 0; width: 80%; height: 100%; background-color:#000; background-image:url('https://source.unsplash.com/random/?landscape'); background-size: cover; background-position:center;
}

.login_container {
  background-color:#fff; height: 100vh; position: fixed; top: 0; right: 0; width: 35%; padding-top: 20vh;
}

@media (max-width: 600px) {
  .random_left { width: 110vw; !important; position: relative; height: 150px !important; padding: 0; margin-left:-20px;}
  .login_container { width: 100% !important; position: relative; padding: 4%; background-color:rgba(0,0,0,0); }
}