/* ===============
   GLOBAL SETTINGS
   =============== */

body {
    margin: 0;
    color: #162E49;
}

p {
    color: #162E49;
}

a, a:hover {
    text-decoration: none;
}

.pBottom-pTop {
    padding-top: 6em;
    padding-bottom: 5em;
}

.pTop-important {
    padding-top: 6rem !important;
}

#whyblockbase {
    background-color: #F6F7FA;
    background-image: url("../images/why_section/blockbase-slider-4.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}

.sandbox-icon {
    width:100px;
    height:100px;
    margin-bottom:15px;
    display:inline-block;
    background-image:url("/images/sandbox-icon.png");
}
    .sandbox-icon:hover {
        background-image: url("/images/sandbox-icon-white.png");
    }

/* WhyBlockBase remove background image and arrows images*/
@media only screen and (max-width : 991px) {
    /* Styles */
    #whyblockbase {
        background-image: none;
        background-position: unset;
    }
}

.banner-bg {
    background-image: url("../images/header_banner_bg_line.png");
    background-position: top center;
    /*background-size: cover;*/
    background-repeat: repeat;
    padding-top: 14rem !important;
    padding-bottom: 10rem !important;
}

    .banner-bg .container h1 {
        color: white;
        margin-bottom: 4rem !important;
    }

    .banner-bg .container h2 {
        color: white;
        margin-bottom: 4rem !important;
    }

.section-bg {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
}

    .section-bg .card {
        border: 0;
    }

    .section-bg .card-body {
        padding: 5rem;
    }

        .section-bg .card-body .card-title {
            font-size: 2rem;
            font-weight: 600;
        }

    .section-bg .card-img {
        object-fit: cover;
        height: 30rem;
        width: 100%;
    }

.blk-chain {
    font-weight: 700;
    color: #85A6D4;
}

#mentions div img {
    height: auto;
    width: 100%;
}

/* === Background colors === */

.bg-dark-blue {
    background-color: #162E49;
}

.bg-green {
    background-color: #29CC7E;
}

.bg-lightblue {
    background-color: #5C88C6;
}

/* === Titles And Subtitles === */

.title {
    font-size: 4rem;
    margin-bottom: 6rem;
}

.subtitle {
    font-size: 2rem;
    margin-bottom: 1.75rem;
}

.subtitle-team {
    font-size: 1rem;
    margin-bottom: 1.75rem;
}

.textToken {
    font-variant: small-caps;
    font-size: 40px;
}

/*  COLORS
	- default body text  #ffffcc
    - subtitle h2 blue #162E49
    - subtitle h2 green #29CC7E
*/
.dark-blue {
    color: #162E49;
}

.light-blue {
    color: #85A6D4;
}

.green {
    color: #29CC7E;
}

.white {
    color: white;
}

/* BUTTONS */
.button-green {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 1rem;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    background-color: #29CC7E;
}

.button-light-blue {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 1rem;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    background-color: #85A6D4;
}

.button-dark-blue {
    display: inline-block;
    font-weight: 600;
    color: white;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    background-color: #162E49;
}

    .button-dark-blue:hover {
        color: white;
        text-decoration: none;
        background-color: #85A6D4;
    }

/* === img sizes === */
.funded-by-eu {
    width: 100%;
}

.mw-4r {
    max-width: 40rem
}

/* === SOCIAL MEDIA === */

.social-link {
    color: white;
    text-decoration: none;
}

    .social-link:hover {
        color: #85A6D4;
        text-decoration: none;
    }

.arrow-right {
    border: solid #29CC7E;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .title {
        font-size: 3rem;
    }

    .display-1 {
        font-size: 4rem;
    }

        .display-1 span {
            font-weight: bold;
            color: #5c88c6
        }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

ul#timer {
    margin-top: -50px;
}

.countdown .font {
    font-weight: normal;
}

.countdown li {
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
}

    .countdown li span {
        display: block;
        font-size: 4.5rem;
    }

    .countdown li span {
        display: block;
        font-size: 4.5rem;
    }

.section-bg .img-ali {
    margin-left: 21rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.section-bg .img-ali2 {
    margin-left: 6rem;
}

.show_news_big {
    display: initial;
}

    .show_news_big h2.title.dark-blue {
        padding-top: 6rem;
    }

.show_news_responsive {
    display: none;
}

    .show_news_responsive h2.title.dark-blue {
        padding-top: 6rem;
    }

.menu1 {
    display: initial;
}

.menu2 {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .show_news_big {
        display: none;
    }

    .show_news_responsive {
        display: initial;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display: initial;
    }
}

.webpimg {
    width: 100%;
}

/*Mentions*/

.imgpng {
    width: 100%;
    margin-top: -90px;
    padding: 1rem;
}

.imageSmall {
    width: 30%;
}

/*.team-section {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}*/

img.social-media-icons {
    width: 6vh;
}

section.team-section img {
    width: 100%;
}

.icon-social {
    font-size: 4rem;
    color: #fff;
}

    .icon-social:hover {
        color: #0da685;
    }

.icon-social-focus {
    font-size: 6vh;
    color: #0da685;
}

    .icon-social-focus:hover {
        color: #85A6D4;
    }

.icon-blue {
    color: #85A6D5;
}

/*------------------------------------------------------------------
[ Button ]*/

.airgrab {
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 2rem;
}

.registration-button {
    font-weight: 700;
    font-size: 16px;
    color: #162e49;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0 20px;
    min-width: 150px;
    max-width: 230px;
    height: 55px;
    background-color: #fff;
    border-radius: 27px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .registration-button:hover {
        cursor: pointer;
        background-color: #29CC7E;
        color: #fff;
    }

/* more info */
.info-button {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0 20px;
    min-width: 150px;
    max-width: 200px;
    height: 55px;
    background-color: #162E49;
    border-radius: 27px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .info-button:hover {
        cursor: pointer;
        background-color: #fff;
        color: #162e49;
    }

/* Slider */
.responsive {
    width: 90%;
    margin: 0 auto;
}

.slick-slide {
    margin: 0 20px;
    color: #fff;
    background-color: transparent;
    color: white;
}

    .slick-slide img {
        width: 100% !important;
        margin: 0 auto;
    }

.airgrab {
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 2rem;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
}

.slick-dots li button:before {
    margin-top: 20px;
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*Github code styles new*/

.githubCodeTransform:before {
    transform: scaleX(-1);
}

.columnRight {
    float: left;
    width: 50%;
    padding: 5px;
}

.columnLeft {
    float: left;
    width: 50%;
    padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
}

.icon-github-circled:hover {
    color: #F1502F !important;
}

/* */



.buttons-action-left {
    float: left;
    padding-left: 25px;
    color: #85A6D4 !important;
}

a.explorer i.fa-coins, a.explorer i.fa-layer-group {
    color: #29CC7E !important;
    font-size: 100px;
}

a.explorer h5.light-color-blue {
    color: #fff !important;
}

a.explorer:hover i.fa-coins, a.explorer:hover i.fa-layer-group, a.explorer:hover h5.light-color-blue {
    color: #fff !important;
}

/* */

.content-box {
    text-align: center;
    padding: 15px;
    height: 100%;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .content-box:hover {
        background: #fff;
        box-shadow: 2px 2px 15px 0 rgba(135,135,135, 0.4);
        transition: all 0.5s ease 0s;
    }

p.explorertext {
    font-size: 0.9em !important;
}

.banner-explorer {
    background-image: url("../../images/background-layout-4.png");
    background-position: center center;
    background-repeat: no-repeat;
}


.explorer-info p {
    font-weight: 600;
    font-size: 1rem;
}

i.fa, i.fas, i.fab {
    font-size: 80px;
    margin-bottom: 20px;
}

.fa-compress {
    font-size: 16px !important;
}
.fa-expand {
    font-size: 16px !important;
}

    i.fa-chart-line {
        color: #29CC7E;
    }

    i.fa-chart-line:hover, i.fa-tasks:hover, i.fa-github:hover {
        opacity: 0.8;
    }

i.fa-tasks {
    color: #162E49;
}

i.fa-github {
    color: #85A6D5;
}