/* Body Footer ready */
body,
html {
    height:100.1%;
}
#wrapper {
    width:100%;
    height:100%;
}
body {
    overflow: hidden visible;
    font-family:Spartan,Arial,Helvetica,sans-serif!important;
}
#header {
    height:100px;
}
#main {
    padding-bottom:2rem;
}
#footer {
    width:100%;
    bottom:10px;
    position:absolute;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body p,
body li,
body a {
    font-family:Spartan,Arial,sans-serif;
    color:#333;
    font-weight: 400;
}
body a:hover {
    color:#666;
}
body h1,
body h2,
body h3,
body h4,
body h1 a,
body h2 a,
body h3 a,
body h4 a {
    font-family:Spartan,Arial,Helvetica,sans-serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
h1 {
    margin-top: 2.5rem!important;
    margin-bottom: 1.25rem!important;
}
h2 {
    font-size:1.6rem!important;
}
@media screen and (min-width:40em) and (max-width:67em) {
    h2 {
            font-size:1.7rem!important;
        }
}
b,
strong {
    font-weight:600!important;
}
ul {
    margin-left:0.25rem!important;
}
.captcha_text {
    color:#ff7654;
}

/* Alignement elements of the header */
#header .inside {
    display:flex;
    align-items: center;
    justify-content: stretch;
}

/* Position of Logo Top */
@media screen and  (max-width: 1520px) {
    .logo_area {
            max-width:140px;
            left:1.5rem;
            top: 1rem;
            position:absolute;
        }
}

/* Position of Logo Top */
@media screen and (min-width: 1521px) {
    .logo_area {
            max-width:170px;
            left: 3rem;
            top:1.5rem;
            position:absolute;
        }
}

/* Ajustment of top distance for possible Logo */
@media screen and (max-width: 1430px) {
    .nav_container {
            width: 60rem;
            top: 3rem;
            position:relative;
            margin-right:auto;
            margin-left:auto;
            z-index: 100;
        }
}
@media screen and (min-width: 1431px) {
    .nav_container {
                width: 60rem;
                top: 3rem;
                position:relative;
                margin-right:auto;
                margin-left:auto;
                z-index: 100;
            }
}

/* Position of SocialMedia icons */
@media screen and (max-width: 1430px) {
    .social_area {
            max-width:160px;
            right:4rem;
            top:2rem;
            position:absolute;
            padding-right:.5rem;
            padding-left:.5rem;
        }
}

/* Position of SocialMedia icons */
@media screen and (min-width: 1431px) {
    .social_area {
            max-width:160px;
            right:3rem;
            top:3rem;
            position:absolute;
            padding-right:.5rem;
            padding-left:.5rem;
        }
}
@media screen and (max-width:1079px) {
    #main .article,
        .mod_article {
            padding-top: 0.5rem!important;
            padding-bottom: 0.5rem!important;
        }
}
@media screen and (min-width:1080px) {
    #main .article,
        .mod_article {
            padding-top: 1.2rem!important;
            padding-bottom: 1.2rem!important;
        }
}
.mod_article p,
.mod_article p a,
.mod_article li,
.mod_article h5,
.mod_article h6 {
    color:#303030;
}
.mod_article .ce_text ul {
    margin-left:0;
}
.ce_text {
    margin-top:5px;
    margin-bottom:5px;
}
a {
    color:#fff;
}
.border-l {
    border-bottom:2px solid #f60;
    border-left:2px solid #f666666;
}
.bg1 {
    background-color: #444e58!important;
}
.back {
    margin-top:10px;
}
.footer-text {
    display:flex;
    justify-content: center;
    align-items: center;
}

/* Slider forward backward */
.bx-controls {
    display:none;
}
.mt {
    margin-top:30px;
}
.-mt {
    margin-top:-15px;
}
.mb {
    margin-bottom:30px;
}
.pb {
    padding-bottom:30px;
}
[type="submit"] {
    cursor: pointer;
}
.my-container {
    @include xy-cell-block-container;
}
.my-grid {
    @include xy-grid;
}