html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 50px; /* Margin bottom by footer height */
}
html, body {
    color:#272626;
    background: #FFFFFF;
}
a {
    color: #0000ff;
    text-decoration: underline;
    background-color: transparent;
}
a:hover {
    color: #272626;
    text-decoration: none;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px; /* Set the fixed height of the footer here */
    background-color: #f5f5f5;
}
.footer .footer-text {
    padding:15px;
    font-size:14px;
    color:#272626;

}
.footer .footer-text a {
    color:#2E2963;
    text-decoration: underline;
}
.footer .footer-text a:hover {
    text-decoration: none;
}

.navbar-top {
    height: 45px;
    background: #F5F5F5;
}
.navbar-top .navbar-nav.navbar-left li a {
    color:#2E2963;
    font-size:12px;
    line-height: 30px;
    transition: color 0.5s;
    text-decoration: none;
}
.navbar-top .navbar-nav.navbar-left li a:hover {
    color:#736db3;
}
.navbar-top .navbar-nav.navbar-left li a i {
    font-size:18px;
}

.navbar-top .navbar-nav.navbar-right {
    overflow: hidden;
    position: relative;
    right: -16px;
}
.navbar-top .navbar-nav.navbar-right li {
    min-width: 85px;
    text-align: center;
    background: rgba(237, 50, 55, 0.5);
    transition: background 0.5s;
    margin-left: 3px;
    transform-origin: bottom left;

    transform:skewX(-20deg);
    -ms-transform:skewX(-20deg);
    -webkit-transform:skewX(-20deg);
}
.navbar-top .navbar-nav.navbar-right li:last-child {
    padding-right:10px;
}
.navbar-top .navbar-nav.navbar-right li:hover {
    background: rgba(237, 50, 55, 1);
}
.navbar-top .navbar-nav.navbar-right li:hover a {
    color:#FFFFFF;
}
.navbar-top .navbar-nav.navbar-right li a {
    color:#FFFFFF;
    font-size:18px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;

    transform:skewX(20deg);
    -ms-transform:skewX(20deg);
    -webkit-transform:skewX(20deg);
}

.nav-main {
    height: 100px;
    position: relative;
    z-index: 3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}

.navbar-main {
    background-color: transparent;
    padding-top: 10px;
    padding-left: 0;
}
.navbar-main .navbar-nav .nav-item {
    margin-right: 30px;
}
.navbar-main .navbar-nav .nav-link {
    color:#2E2963;
    font-size:24px;
    line-height: 35px;
    font-weight: 500;
    text-transform: initial;
    text-decoration: none;
}

.dropdown-item {
    font-size: 18px;
}
a.dropdown-item {
    color:#2E2963;
    text-decoration: none;
}

.carousel.carousel-main .carousel-item img {
    height: 600px;
    object-fit: cover;
    min-width: auto;
    filter: brightness(50%);
}
.carousel .carousel-indicators {
    display: none;
}

/* content pages */
.section-title {
	padding: 65px 0;
    background: #eee;
    text-align: left;
    background-color:#f5f5f5;
    background-size:cover;
}
.section-title h1 {
    color:#2E2963;
}

/* Buttons */

a.big-button {
    font-size:24px;
    display: inline-block;
    line-height: 35px;
    background:#FFFFFF;
    border:2px solid #FFFFFF;
    color: #2E2963;
    font-weight: 500;
    padding:17px 35px;
    margin:48px auto;
    transition: 0.5s;
    text-decoration: none;
}
a.big-button:hover {
    background:transparent;
    color: #FFFFFF;
}

/* Banner Join */

.container-join {
    position: relative;
    z-index:1;
    margin-bottom:-57px;
}

.banner-join {
    margin-top:50px;
    width:100%;
    text-align: center;
    height: 289px;
    background: url(/images/bottom-banner.jpg) no-repeat center center / cover;
}
.banner-join h2 {
    padding-top:60px;
    margin:0;
    color:#FFFFFF;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
}
.banner-join a {
    margin:48px auto;
}


/* Footer */
.page-footer {
    color:#272626;
    padding-top:110px;
    background: #F0F0F0;
}
.page-footer h6 {
    font-size:22px;
    margin:0;
    line-height: 33px;
    color:#272626;
}
.page-footer ul.menu {
    padding:17px 0;
    margin:0;
    list-style: none;
}
.page-footer ul.menu li {
    margin:10px 0;
    padding:0;
}
.page-footer ul.menu li a {
    color:#272626;
    font-size:16px;
    text-decoration: none;
}
.page-footer ul.menu li a:hover {
    text-decoration: underline;
}

/* Home page */

.carousel-main .text {
    position: absolute;
    top:100px;
    width:100%;
    left:0;
    z-index:1;
}
.carousel-main .text h1 {
    color:#FFFFFF;
    font-weight: 600;
    font-size:44px;
    line-height: 65px;
    text-shadow: 1px 1px rgba(0,0,0,0.16);
}
.carousel-main .text p {
    color:#FFFFFF;
    font-weight: 600;
    font-size:24px;
    line-height: 35px;
    text-shadow: 1px 1px rgba(0,0,0,0.16);
}

.about-section {
    background: url(/images/logo/KanoLogo.png) no-repeat top center / contain;
    width:100%;
    min-height: 500px;
    padding-bottom:66px;
    text-align: center;
    position: absolute;
    opacity: 0.2;
}
.about-section img {
    margin:92px auto;
}
.about-section h2 {
    color:#272626;
    text-align: center;
    font-size:32px;
    line-height: 48px;
    padding-bottom:38px;
    margin:0;
}
.about-section p {
    font-size:22px;
    line-height: 33px;
    color:#272626;
}
.about-noop {
    width:100%;
    min-height: 500px;
    padding-bottom:66px;
    text-align: center;
    position: realtive;
}
.about-section-txt {
    width:100%;
    min-height: 500px;
    padding-bottom:66px;
    text-align: center;
    position: absolute;
}
.about-section-txt p {
    font-size:22px;
    line-height: 33px;
    color:#272626;
    text-align: center;
}
.about-section-txt-cen {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.section-tip {
    width:100%;
    padding-bottom:66px;
    text-align: center;
    position: realtive;
}
.tip-section-txt-cen {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}

.section-blocks {
    margin-top: -115px;
}
.section-blocks.section-spaced {
    margin:0;
    padding:85px 0;
}
.section-blocks .section-block {
    width:100%;
    min-height: 230px;
    text-align: center;
    color:#FFFFFF;
    padding-bottom:20px;
    position: relative;
    background-size:cover;
    border-right:1px solid #000;
    background-repeat: no-repeat;
    background-position: center center;
}
.section-blocks .col-no-space:last-child  .section-block{
    border-right:none;
}
.section-blocks .section-block.section-news {
    background-image:url(/images/section-news.jpg);
}
.section-blocks .section-block.section-competition {
    background-image:url(/images/section-competition.jpg);
}
.section-blocks .section-block.section-faq {
    background-image:url(/images/section-faq.jpg);
}

.section-blocks .section-block h4 {
    padding:38px 0;
    font-size: 28px;
    line-height: 28px;
}
.section-blocks .section-block h4.double-lines {
    padding:24px 0 14px;
}
.section-blocks .section-block h4.double-content {
    padding:38px 0 28px;
}
.section-blocks .section-block p {
    font-size: 14px;
    line-height: 20px;
    max-width:230px;
    margin:0 auto 20px;
    color:#FFFFFF;
}
.section-blocks .section-block .link-bottom {
    position: absolute;
    left:0;
    bottom:20px;
    width:100%;
}
.section-blocks .section-block .link-bottom a {
    text-align: center;
    transition: 0.5s;
}
.section-blocks .section-block .link-bottom a:hover {
    padding-left: 20px;
}

.partner-section {
    padding:40px 0;
}
.partner-section h3 {
    color:#272626;
    text-align: center;
    font-size:32px;
    line-height: 48px;
    padding-bottom:40px;
    margin:0;
}

/* News */

h3.post-year {
    margin-top:20px;
    margin-bottom:30px;
}

article.post {
    padding-bottom:50px;
}
article.post.post-narrow {
    padding-bottom:30px;
}
article.post.post-head {

}
article.post .post-head img {
    max-width:100%;
}
article.post .post-head h2.post-title {
    padding:10px 0 0;
    margin:0;
    color:#2E2963;
    font-size:32px;
}
article.post .post-head h4.post-title {
    margin-bottom:0;
}
article.post .post-head h2.post-title a {
    color:#2E2963;
    text-decoration: none;
    font-size:32px;
}
article.post .post-head .post-date {
    font-size:18px;
    font-style: italic;
    color:#2E2963;
}
article.post .post-excerpt {
    padding-top:15px;
    font-size:16px;
    color:#2E2963;
}
article.post .post-sub {
    padding-top:5px;
    font-size:16px;
    color:#2E2963;
}
article.post .post-content {
    padding-top:15px;
    font-size:16px;
    color:#2E2963;
}
article.post .post-action a {
    font-size:16px;
    font-weight: 600;
}

.col-no-space {
    padding:0 !important;
}

@media (max-width: 1200px) { }

@media (max-width: 992px) {
    .navbar-top {
        display: none;
    }
    .navbar-main {
        background: #FFFFFF;
    }
    .partner-section {
        text-align: center;
    }
    .partner-section .col-md-3 {
        margin-bottom:20px;
    }
    .banner-join h2 {
        padding-top: 30px;
    }
}

@media (max-width: 768px) { }

@media (max-width: 576px) {
    body {
        margin-bottom: 72px;
    }
    .footer {
        height: 72px;
    }
}