body,html { margin: 0; padding: 0; font-family: 'Noto Sans', sans-serif; color:#434444; }

body { background-color: #f8f8f8; }

.right { float: right; }
.left { float:left; }
.clear { clear: both !important; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.container { position: relative; width: 100%; }
.row { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; }

.col10 { position: relative; width: 10%; float: left; }
.col20 { position: relative; width: 20%; float: left; }
.col30 { position: relative; width: 30%; float: left; }
.col33 { position: relative; width: 33.33%; float: left; }
.col40 { position: relative; width: 40%; float: left; }
.col50 { position: relative; width: 50%; float: left; }
.col60 { position: relative; width: 60%; float: left; }
.col70 { position: relative; width: 70%; float: left; }
.col80 { position: relative; width: 80%; float: left; }
.col90 { position: relative; width: 90%; float: left; }
.col100 { position: relative; width: 100%; }

.flex-center { display: flex;  justify-content: center; }
.flex-middle { display: flex; align-items: center; }

.lh-45 { line-height: 45px; }

.pad-10 { position: relative; padding: 10px; }

.logo_sq1 { max-width: 200px; height: auto; }

.hero-bg-1 { background-image: url("bg1.jpg"); min-height: 400px; background-size: cover; }
.hero-bg-read { background-image: url("bg_read.jpg"); min-height: 400px; background-size: cover; }

.bg-blue-light { background-color: #5591de; }
.bg-purple-light { background-color: #6a62f3; }
.bg-grey-light { background-color: #dbdbdb; }

.h1title { padding: 25px; margin: 0; font-weight: normal; }

a.rmenu-link { display: inline-block; color: white; text-decoration: none; margin-right: 20px; font-size: 14px; }
a.rmenu-link:visited { display: inline-block; color: white; text-decoration: none; }
a.rmenu-link:hover { display: inline-block; color: #c6d0dd; text-decoration: none; }
a.rmenu-link:active { display: inline-block; color: white; text-decoration: none; }


a.btn-readmore { display: inline-block; padding-top: 10px; padding-bottom: 5px; font-size: 15px; color: blue; text-decoration: none; margin-right: 20px; }
a.btn-readmore:visited { display: inline-block; color: blue; text-decoration: none; }
a.btn-readmore:hover { display: inline-block; color: #6a63f3; text-decoration: none; }
a.btn-readmore:active { display: inline-block; color: #6a63f3; text-decoration: none; }

a.link-h2 { color: #5591de; text-decoration: none; }
a.link-h2:visited { color: #5591de; text-decoration: none; }
a.link-h2:hover { color: #6a63f3; text-decoration: none; }
a.link-h2:active { color: #6a63f3; text-decoration: none; }

a.link-social { display: inline-block; width: 30px; height: auto; color: #5591de; text-decoration: none; fill: #6a62f3; margin-right: 15px; }
a.link-social:visited { color: #5591de; text-decoration: none; }
a.link-social:hover { color: #6a63f3; text-decoration: none; fill:purple; }
a.link-social:active { color: #6a63f3; text-decoration: none; }

a.btn-cta {
    display: inline-block;
    padding: 15px 25px 15px 25px;
    border-radius: 12px;
    background: rgb(158,50,242);
    background: linear-gradient(90deg, rgba(158,50,242,1) 0%, rgba(43,131,251,1) 100%);
    border-color: #9e32f2;
    color: white !important;
}
a.btn-cta:visited {
    display: inline-block;
    padding: 15px 25px 15px 25px;
    border-radius: 12px;
    background: rgb(158,50,242);
    background: linear-gradient(90deg, rgba(158,50,242,1) 0%, rgba(43,131,251,1) 100%);
    border-color: #9e32f2;
    color: #FFF;
}

a.btn-cta:hover {
    display: inline-block;
    background: inherit;
    background-color: #6a62f3 !important;
    border-color: #ea8b85 #ea8b85 #e36159 !important;
    color: #FFF;
}

a.btn-cta:active {
    display: inline-block;
    padding: 15px 25px 15px 25px;
    border-radius: 12px;
    background: rgb(158,50,242);
    background: linear-gradient(90deg, rgba(158,50,242,1) 0%, rgba(43,131,251,1) 100%);
    border-color: #9e32f2;
    color: #FFF;
}


a.btn-cta-green {
    display: inline-block;
    padding: 15px 25px 15px 25px;
    border-radius: 12px;
    background-color: #2e853f;
    border-color: #9e32f2;
    color: white !important;
}
a.btn-cta-green:visited {
    display: inline-block;
    padding: 15px 25px 15px 25px;
    border-radius: 12px;
    background-color: #2e853f;
    border-color: #9e32f2;
    color: #FFF;
}

a.btn-cta-green:hover {
    display: inline-block;
    background: inherit;
    background-color: #44c25c !important;
    color: #FFF;
}

a.btn-cta-green:active {
    display: inline-block;
    padding: 15px 25px 15px 25px;
    border-radius: 12px;
    background-color: #2e853f;
    border-color: #9e32f2;
    color: #FFF;
}





.hrGrey { border:0; border-bottom:solid 1px #7c7c7c; }
.hrGrey2 { border:0; border-bottom:solid 1px #DDDDDD; padding-top: 5px; padding-bottom: 5px; }

.article-box {
    padding: 50px;
}

.article-box img {  }
.article-box-date { position: absolute; top:70px; right: 40px; background-color: #6e56f9; color:white; padding: 5px 10px 5px 10px; font-size: 13px; }
.article-box-image:hover img { opacity: 0.9; }
.article-box-image img { position: relative; border:solid 0px red; width: 100%; height: auto; }
.article-box-text { background-color: #f5f5f5; padding: 15px; }
.article-box-text h2 { margin: 0; padding-bottom: 10px; font-weight: normal; font-size: 20px; }

.article-box-full-text { font-size: 17px; }
.article-box-full-text h1,h2,h3 { color:red; font-weight: normal; color: #6a62f3; }

.article-box-full-text a:link { text-decoration: none; color: #147fd3; }
.article-box-full-text a:visited { text-decoration: none; color: #147fd3; }
.article-box-full-text a:hover { text-decoration: none; color: purple; }
.article-box-full-text a:active { text-decoration: none; color: #147fd3; }

.article-box-avatar { }
.article-box-name { padding-left: 10px; font-size: 13px; }
.article-box-avatar img { width: 60px; height: auto; }

.sm-text-center { text-align: inherit; }

.mark-yellow { display: inline-block; padding-left: 10px; padding-right: 10px; background-color: #ffec6b; }
.mark-pink { display: inline-block; padding-left: 10px; padding-right: 10px; background-color: #edd9da;  }
.mark-grey { display: inline-block; padding-left: 10px; padding-right: 10px; background-color: #ebebeb;  }
.mark-red { display: inline-block; padding-left: 10px; padding-right: 10px; background-color: #ffa6a9;  }

.img-responsive { width: 100%; height: auto; }

@media (max-width: 700px) {

    .sm-text-center { text-align: center; }
    .last-item { margin-right: 0; }

    .col20 { width: 100%; float: none; }
    .col30 { width: 100%; float: none; }
    .col50 { width: 100%; float: none; }
    .col70 { width: 100%; float: none; }
    .col80 { width: 100%; float: none; }
}