@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');
body {
    font-size: 14px;
    line-height: 20px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Noto Sans JP', sans-serif;
    overflow-x: hidden;
    font-weight: 300;
}

a {
    text-decoration: none !important;
}

.top-header {
    background: #EEC662;
    height: 15px;
}

header {
    padding: 10px;
}

.logo {
    width: 120px;
}

.header-title {
    color: #779BC4;
    text-align: right;
    padding-top: 24px;
    font-weight: 500;
    text-transform: uppercase;
}

.header-title a {
    color: #779BC4;
}

.header-title span {
    display: inline-block;
    margin: 0 5px;
}

.main {
    padding: 20px;
}

.sec-pad {
    padding: 50px 0 40px;
}

/* page1 */

.info {
    position: relative;
    padding: 10px;
}

.info h5 {
    color: #707070;
    font-weight: bold;
    font-size: 26px;
}

.info h6 {
    color: #707070;
    font-size: 22px;
    margin: 15px 0;
}

.info p {
    color: #CE9627;
    font-weight: 500;
    font-style: italic;
}

.registration {
    color: #707070;
    background: #F3F3F3;
    padding: 30px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.registration h6 {
    color: #779BC4;
    font-size: 22px;
    margin-top: 0px;
}

.form-control {
    border-radius: 10px;
}

.password {
    position: relative;
}

.password .fa-eye {
    position: absolute;
    right: 10px;
    top: 38px;
    font-size: 16px;
}

.content-title {
    color: #122A46;
    font-weight: 500;
    line-height: 26px;
    font-size: 18px;
    padding: 20px 0;
}

.img-list .col-sm-2 {
    padding-right: 0px;
    padding-left: 5px;
}

.list-link {}

.list-link p {
    color: #CE9627;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 35px;
    margin-bottom: 35px;
}

.list-link p i {
    color: #779BC4;
    margin-right: 20px;
    font-size: 35px;
}

.about {
    background: #707070;
}

.about-us p {
    color: #FFFFFF;
}

.user-icon, .social-icon {
    text-align: center;
}

.social-icon {}

.user-arrow {
    position: relative;
}

.user-icon i, .social-icon i {
    font-size: 150px;
    color: #fff;
}

.user-icon .fa-caret-down {
    display: block;
    line-height: 9px;
    position: absolute;
    bottom: -10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 60px;
}

.social-icon i {
    background: #fff;
    color: #707070;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    font-size: 100px;
    line-height: 150px;
}

.user-icon p, .social-icon p {
    font-size: 56px;
    color: #fff;
    font-weight: 500;
    padding-top: 50px;
}

.user-icon p span, .social-icon p span {
    font-size: 36px;
    color: #fff;
    display: block;
    margin: 24px 0 0;
}

.features {
    padding: 40px 0;
}

.features-item {
    padding: 10px 50px;
    line-height: 26px;
}

.features-item span {
    color: #122A46;
    display: block;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
}

.features-item span:last-child {
    font-size: 20px;
    margin-top: 25px;
    font-weight: 500;
}

.signup-btn {
    padding: 30px 0 0;
    text-align: center;
}

.btn-large-arrow {
    width: 35%;
    text-align: left;
}

.btn-large-arrow span {
    float: right;
}

.btn-block {
    width: 100% !important;
}

/* page2 */

.banner {
    position: relative;
}

.banner-caption {
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    position: absolute;
    right: 100px;
    top: 50%;
    font-size: 30px;
}

.form-self h5 {
    color: #779BC4;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
}

.form-self h5 a {
    display: inline-block;
    margin-left: 30px;
    font-weight: 400;
}

.form-row .col-md-6:nth-child(1) {
    padding-right: 30px;
}

.form-self .form-row label {
    color: #FF0000
}

.text-condition {
    color: #FF0000;
    text-align: center;
    font-weight: 500;
}

.terms-and-conditions {
    color: #707070;
}

.terms-and-conditions strong {
    font-weight: 500;
    display: block;
}

.terms {
    color: #122A46;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.terms-link {
    color: #779BC4;
}

.terms-link a {
    color: #779BC4;
    margin-right: 10px;
    font-size: 12px;
}

.custom-control-label::before {
    background-color: #ffffff;
    border: 1px #f00 solid;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: #f00;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 3px 0px 0 3px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #f00;
    background-color: #ffffff !important;
    border: 1px #f00 solid;
}

.btn-orange {
    background: #CE9627;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
}

.btn-large {
    padding: 10px 150px;
    font-size: 22px;
}

/* page3 */

.thankyou h4 {
    color: #CE9627;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}

.thankyou p {
    color: #779BC4;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
}

footer {
    background: #122A46;
    padding: 60px 15px 15px;
    color: #fff;
}

.logo-light img {
    width: 110px;
}

footer p {
    margin: 0;
    padding-top: 30px;
    font-weight: 400;
}

footer a {
    color: #fff;
    text-decoration: none !important;
}

@media only screen and (max-width: 768px) and (max-width: 991px) {
    .user-icon p, .social-icon p {
        font-size: 45px;
    }
}

@media only screen and (max-width: 991px) {
    .registration {
        padding: 15px;
    }
    .about-us p {
        text-align: justify;
    }
    .list-link p, .list-link p i {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .features-item {
        padding: 0;
    }
    .banner-caption {
        font-size: 20px;
    }
    .thankyou,.thankyou h4{
        text-align: center;
    }
    footer p {
        padding: 0;
    }
}

@media only screen and (min-width: 490px) and (max-width: 575px) {
    .header-title {
        right: 0;
        position: absolute;
        width: 65%;
    }
}

@media only screen and (max-width: 575px) {
    .registration {
        position: relative;
    }
    .img-list .col-sm-2 {
        padding-right: inherit;
        padding-left: inherit;
        text-align: center;
        margin-bottom: 10px;
    }
    .user-icon {
        margin: 30px 0;
    }
    .btn-large-arrow {
        width: 60%;
    }
    .logo-light {
        text-align: center;
    }
    footer p {
        padding: 0;
    }
}
section.main-top { min-height: 350px; }
#toolbar-administration { display: none !important; }
body.page-node-1 #block-ancientroutes-page-title,
body.page-node-2 #block-ancientroutes-page-title,
body.page-node-3 #block-ancientroutes-page-title { display: none !important; }
.help-block.with-errors { color: #F00; margin-top: 5px; }
#block-ancientroutes-local-tasks ul { width: 100%; padding: 0 !important; margin: 0 !important;}
#block-ancientroutes-local-tasks ul li { list-style: none; display: inline; line-height: 40px !important; }
#block-ancientroutes-local-tasks ul li a { padding: 10px !important; border: 1px solid #18375d; border-radius: 0px !important; background-color: #286090; color: #fff; text-decoration: none; transition: 0.5s ease all; }
#block-ancientroutes-local-tasks ul li a:hover,
#block-ancientroutes-local-tasks ul li a.is-active { background-color: #fff; border: 1px solid #18375d; border-bottom-color: #fff !important; color: #000; }
#user-login-form, #user-register-form, #user-pass, #user-form { padding: 20px; border: 1px solid #18375d; margin-bottom: 25px; }
#user-login-form label, #user-register-form label, #user-pass label, #user-form label { font-weight: bold; }
#user-login-form .description, #user-register-form .description, #user-pass .description, #user-form .description { font-size:smaller; margin-bottom: 15px; font-style:italic; }
#user-login-form input[type=submit], #user-register-form input[type=submit], #user-pass input[type=submit], #user-form input[type=submit] { padding: 10px 20px; background-color: #286090; color: #fff; border: 0px; cursor: pointer; }
.contact-guide-data { width: 100%; overflow-x: scroll; }
.contact-guide-data table { width: 100%; margin: 0 0 10px; border-left: 1px solid #bfbfba; border-top: 1px solid #bfbfba; }
.contact-guide-data table thead th { color: #333; background: #f5f5f2; padding: 5px;  border-right: 1px solid #bfbfba; border-bottom: 1px solid #bfbfba; }
.contact-guide-data table tbody tr:hover, .contact-guide-data table tbody tr:focus { background: #f7fcff; }
.contact-guide-data table td { padding: 5px; text-align: left;  border-right: 1px solid #bfbfba; border-bottom: 1px solid #bfbfba; }
.contact-guide-data ul { text-align: center; }
.contact-guide-data ul li { display: inline-block; list-style: none; padding: 0px 10px; }
.password .fa-eye { right: 5px; top: 28px; padding: 10px; cursor: pointer; }