@charset "utf-8";
@import url('/asset/jcore/css/fonts/fontawesome-pro-6.2.0-web/css/all.min.css'); /*Icons Fonts*/
@import "/asset/jcore/css/fonts/font.css";
@import url('/asset/jcore/css/library_colour.css');

/*
@media screen and (min-width:1680px){
    
}
@media screen and (max-width: 1680px) and (min-width: 1200px) {
     
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
     
}
@media screen and (max-width: 992px) and (min-width: 768px) {
     
}
@media screen and (max-width: 768px) and (min-width: 576px) {
     
}
@media screen and (max-width: 576px){
     
}
*/

body{
    background-color: #FFFFFF;
    color: #3D3D3D;
    padding: 0px;
    font-size: 13px;
}
body{font-family: 'Proxima Nova',Serif;}
body.zh_CN{font-family: 'Microsoft YaHei',sans-serif!important;}

a:hover{color: inherit;text-decoration: none}
.container .row{margin-left: 0px;margin-right: 0px;}
.container-fluid .row{margin-left: 0px;margin-right: 0px;}

.gradual-change-red-btn{
    margin-right: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #FF1E40;
    color:white;
    text-align: center;
    background-image: linear-gradient(to right, #FF6164 , #FF1E40);
    border-radius: 30px;
    box-shadow: 0px 10px 10px -1px #FFB7B7;
    border: 1px transparent solid
}
.gradual-change-red-btn:hover{
    color:#FF1E40!important;
    background-image: none;
    background-color: white;
    box-shadow: none;
    border: 1px #FF1E40 solid;
    transition: background-color 0.2s ease-in;
}
/*header*/
.header-section .top-navbar .nav-item{
    color:black;
    align-self:center;
    margin-right: 25px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    font-family: 'Poppins';
    font-weight: 500;
}
body.zh_CN .header-section .top-navbar .nav-item{
    font-family: 'Microsoft YaHei',sans-serif!important;
    font-weight: bold;
}
.header-section .top-navbar .nav-item.active{color:#FF1A41}
.header-section .top-navbar .nav-item.join-btn{
    width:140px;
    height: 47px;
    color:white;
}

/** mobile header **/
#mobile-header .mmenu_list_btn {
    color: #ccc !important;
    position: absolute;
    top: 6px;
    text-decoration: none !important;
    left: 15px;
    font-size: 35px;
    z-index: 2;
}
#mobile-header{ height: 60px; position: fixed; top: 0; z-index: 9999; width: 100%; background: #fff; box-shadow: 0 1px 3px #bcbcbc; text-align: center}
#mobile-header img{ margin-top: 15px;}
#mobile-header .header-open{ margin-top: 2px;}
#mobile-header .blue-font-icons{ color: #0096FF; font-size: 38px; font-style: normal}
#mobile-top-nav-menu .mmenu_list_style{
    font-style: normal;
    font-size: 18px;
    width: 22px;
    margin-left: 15px;
}
#mobile-top-nav-menu .mm-list > li > a, .mm-list > li > span {
    padding-left: 5px;
}
#mobile-top-nav-menu .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after {margin: 0 15px !important;}
#mobile-top-nav-menu .mm-list a.mm-subopen{ width: 90%}
#mobile-top-nav-menu .mm-list > li{ display: flex;align-items: center}

/* bottom book free section */
.book-free-section-0{margin-bottom:85px}
.book-free-section-0 .section-title{font-size: 42px;color:black;font-family: 'Poppins';line-height: 45px;margin-bottom: 45px;font-weight: 500}
.book-free-section-0 .section-content{font-size:18px;margin-bottom: 30px}
.book-free-section-0 .book-demo-btn{margin-top: 50px;justify-content:flex-start}
.book-free-section-0 .book-demo-btn a{
    border-radius: 40px;
    padding: 16px 40px;
    font-weight: bold;
    font-size: 19px;
    letter-spacing: 1px;
    box-shadow: 0px 10px 30px 15px #FFB7B7;
}
.book-free-section-0 .book-demo-btn a:hover{
    box-shadow: none;
}

@media screen and (max-width: 1680px) {
    .book-free-section-0 img{width: 100%}
}

@media screen and (max-width: 768px) {
    .book-free-section-0 .book-demo-btn{margin-bottom: 50px;justify-content:center}
    .book-free-section-0 {margin-bottom: 40px;}
}

/* footer */
.book-free-section{margin-bottom: 85px}
.book-free-section .book-free-section-wrapper{
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 14%;
}
.book-free-section .book-free-section-wrapper h1{
    font-size: 42px;
    font-family: "roboto";
    margin-bottom: 22px;
    color: #FFFFFF;
    letter-spacing: 1px;
}
.book-free-section .book-free-section-wrapper .image_text{
    max-width: 840px;
    text-align: center;
}
.book-free-section .book-free-section-wrapper p{
    font-size: 20px;
    margin: 0px auto 45px;
    color: #FFFFFF;
    letter-spacing: 1px;
}
.book-free-section img{width:100%}
.book-free-section .book_free_demo_btn{
    border-radius:40px;
    padding: 16px 40px;
    font-weight: bold;
    font-size: 19px;
    letter-spacing: 1px;
    box-shadow: 0px 10px 20px 5px #9566AA;
}
@media screen and (max-width: 768px) {
    .book-free-section .book-free-section-wrapper{
        bottom: 24%;
    }
    .book-free-section .book-free-section-wrapper p{
        margin-bottom: 10px;
        font-size: 14px;
        padding: 5px;
    }
    .book-free-section .book_free_demo_btn{
        border-radius:40px;
        padding: 5px 15px;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 1px;
        box-shadow: 0px 10px 20px 5px #9566AA;
    }
}

@media screen and (max-width: 576px){
     .book-free-section .book-free-section-wrapper{
        bottom: 14%;
    }
     .book-free-section .book-free-section-wrapper p{
        margin-bottom: 5px;
        font-size: 14px;
        padding: 5px;
        line-height: 18px;
    }
}
.book-free-section .book_free_demo_btn:hover{
    color:white;
    box-shadow: none;
}
@media screen and (min-width:1680px){
    .book-free-section .book-free-section-wrapper{
        bottom: 25%;
    }
}
/* for iPad Pro or other */
@media screen and (max-width: 1200px) and (min-width: 992px) {
    .book-free-section .book-free-section-wrapper h1{
        font-size: 42px;
        margin-bottom: 10px;

    }
    .book-free-section .book-free-section-wrapper p{
        font-size: 20px;
        margin-bottom: 20px;
    }
}
/* for iPad or other*/
@media screen and (max-width: 992px) and (min-width: 768px) {
    .book-free-section .book-free-section-wrapper h1{
        font-size: 26px;
        margin-bottom: 10px;

    }
    .book-free-section .book-free-section-wrapper p{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .book-free-section .book_free_demo_btn{
        padding: 10px 20px;
        font-size: 16px;
    }
}
/* for mobile phone or other*/
@media screen and (max-width: 720px) {
    .book-free-section{margin-bottom: 40px}
}

.footer .footer-section-1 .footer-title{
    font-size: 18px;
    margin-bottom: 20px;
    font-family: "roboto";
    color: black;
    font-weight:bold
}
.footer .footer-section-1 .list-unstyled li{
    padding-bottom: 10px;
}
.footer .footer-section-1 .list-unstyled li a{
    font-size: 17px;
    color: #606060;
    font-weight: 600;
}
body.zh_CN .footer .footer-section-1 .list-unstyled li a{
    font-size: 16px;
}

.footer .footer-section-1 .contact-address{ color: #606060;font-size: 14px;}
.footer .footer-section-1 .contact-address .contact-address-title{font-size: 17px;color: #606060;}
.footer .footer-section-1 .contact-address .contact-address-details{padding-left: 17px}
.footer .footer-section-2 .last-row-right .external-company-icon{
    width:35px;
    height: 35px;
    background-color: white;
    border-radius: 50%;
    border:2px #333 solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 16px;
    color:#606060;
}

.footer .footer-section-2{margin-top: 50px}
.footer .footer-section-2 .last-row{display:flex; justify-content:space-between; border-top: 1px #e6e6e6 solid;padding-top: 25px;padding-bottom: 25px;}
.footer .footer-section-2 .last-row a{color: #606060}
.footer .footer-section-2 .last-row .last-row-left{display: inline-block;padding: 10px 0px;}
.footer .footer-section-2 .last-row .last-row-right{display: flex;align-items: center}
.footer .footer-section-2 .last-row .last-row-right .change-language{padding:10px 0px;}
.footer .footer-section-2 .last-row .last-row-right .social-link{display: inline-flex}
.footer .footer-section-2 .last-row span:not(.external-company-icon){font-size: 14px;color:#606060;padding: 0 18px;border-right: 1px #606060 solid;height: 18px}
@media screen and (max-width: 720px) {
    .footer .footer-section-2 .last-row span:not(.external-company-icon){
        padding: 15px 0px;
        border-right: 0;
        display: block;
    }
    .footer .footer-section-2 .last-row{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.footer .footer-section-2 .last-row span:not(.external-company-icon):last-child{border-right: 0;padding-right: 0}
.footer .footer-section-2 .last-row span:not(.external-company-icon):first-child{padding-left: 0}

.message_wrapper.alert ul{margin-bottom: 0;padding: 0;list-style: none;}
.comment .comment_colon{font-family: 'Proxima Nova',Serif!important;}

.section-level1-title{
    font-size: 50px!important;
    font-family: 'Poppins';
    font-weight: 500!important;
    line-height: 55px!important;
}
.section-level2-title{
    font-size: 42px!important;
    font-family: 'Poppins';
    font-weight: 500!important;
    line-height: 53px!important;
}

.page-arrow-to-top{
    position: fixed;
    bottom: 30px;
    right: 40px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
    color: var(--colour-gray-4);
}

.page-arrow-to-top:hover {
    background-color: var(--colour-highlight-1);
    transition: all 0.3s ease-in-out;

}
/*================cookie 弹框 start===================*/
/*header*/
#cookie-setting-container,#cookie-details-container{display:none;z-index:2147483645;padding:45px;margin:0 auto;font-size:14px;background:rgba(100,100,100,0.5);height:100%}
#cookie-setting-container .modal-dialog,#cookie-details-container .modal-dialog{z-index:2147483645;background:#fff;max-width:700px;border-radius:10px;border:0}
#cookie-setting-container .modal-header{flex-direction:column;outline:0;width:90%;margin:0 auto;padding:0;border:0}
#cookie-setting-container .modal-header button{padding-right:20px;padding-top:20px;}
#cookie-setting-container .modal-header:active,#cookie-details-container .modal-header:active{outline:none;}
#cookie-setting-container .modal-header .modal-title{margin:30px auto;border:none;}
#cookie-setting-container .modal-header .cookie-policy-title,
#cookie-details-container .modal-header .cookie-policy-title{margin:0 auto;margin-bottom:20px;color:#333;font-size:22px;font-weight:800;font-family:inherit;border:0;text-align:center}
/*body*/
#cookie-setting-container .modal-body,#cookie-details-container .modal-body{padding:0;width:90%;margin:0 auto;border:none;}
#cookie-setting-container .modal-body .cookie-policy-content{width:100%;text-align:justify;font-size:14px}
/*btn*/
#cookie-setting-container .modal-footer{padding:0;flex-direction: column;border:none;margin-bottom:20px;}
#cookie-setting-container .banner-actions-container{ margin:10px auto;width:90%;}
#cookie-setting-container .banner-actions-container button{background-color:#0079c8;border:0;outline:0;color:#fff;letter-spacing:.05em;white-space:normal;word-wrap:break-word;width:100%;height:50px;border-radius:5px}
#cookie-setting-container .banner-actions-container button:hover{background-color:#4da1d9}
#cookie-setting-container .banner-actions-container button:active{border:0}
/*details*/ 
#cookie-details-container{padding:10px;}
#cookie-details-container .modal-dialog{max-width: 600px;height:90%;padding:5px 5px 5px 0;}
#cookie-details-container .modal-header .first-title{margin-top:20px;font-weight:800;font-size:22px;color:#333}
#cookie-details-container .modal-header{flex-direction:column;outline:0;width:90%;padding:0;border:0;margin:0 auto;margin-top:20px}
#cookie-setting-container .modal-dialog .modal-content{border: none;}
#cookie-details-container .modal-dialog .modal-content{height:100%;overflow-y: scroll;border: none;}
#cookie-details-container .modal-header .modal-title{margin-left:0;border:none;}
/*switch按钮*/
#cookie-details-container .switch-area .switch{position:relative;display:inline-block;width:55px;height:26px;padding-top:5px;margin-bottom:0;outline:none;}
#cookie-details-container .switch-area .switch input{opacity:0;width:0;height:0;}
#cookie-details-container .switch-area .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
#cookie-details-container .switch-area .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s;outline:none;}
#cookie-details-container .switch-area input:checked + .slider{background-color:#0079c8;}
#cookie-details-container .switch-area input:focus + .slider{box-shadow:0 0 1px #2196F3;}
#cookie-details-container .switch-area input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
#cookie-details-container .switch-area .slider.round{border-radius:15px;}
#cookie-details-container .switch-area .slider.round:before{border-radius:50%;}
#cookie-details-container ::-webkit-scrollbar{width:10px}
#cookie-details-container ::-webkit-scrollbar-track{background:#fff;border-radius:5px}
#cookie-details-container ::-webkit-scrollbar-thumb{background:#bcbcbc;border-radius:5px}
#cookie-details-container ::-webkit-scrollbar-thumb:hover{background:#ccc}
#cookie-details-container .close-btn{font-size: 14px;border:0;outline:0;margin-top:5px;height:30px;width:30px;margin-right:20px;position:absolute;top:5px;right:5px;z-index:2147483645;pointer-events:auto}
#cookie-details-container .cookie-policy-content,#cookie-details-container .cookie-description{text-align:justify;font-size:14px}
#cookie-details-container .first-title{margin-top:30px;font-weight:800;font-size:22px!important;color:#333!important}
#cookie-details-container .second-title{font-weight:800;font-size:18px!important;color:#333}
#cookie-details-container .category-item{margin-top:30px}
#cookie-details-container .always-active{display:inline-block;color:#0079c8;margin-left:30px}
#cookie-details-container .cookie-details-title{font-weight:800;font-size:18px!important;color:#333;margin-left:10px}
@media screen and (max-width:576px){
    #cookie-setting-container{width:100%;height:100%;margin:0;top:0;padding:0;}
    #cookie-setting-container .modal-dialog{width:100%;height:100%;vertical-align: middle;margin:0;top:0;padding:5px 5px 5px 0;}
    #cookie-details-container{width:100%;height:100%;margin:0;top:0;padding:0;}
    #cookie-details-container .modal-dialog{width:100%;height:100%;margin:0;top:0;padding:5px 5px 5px 0;}
    #cookie-details-container .close-btn {font-size: 14px;}
}
/*btn*/
#cookie-details-container .modal-footer{padding:0;border:none;padding-bottom: 15px;display:block;margin:0 auto;}
#cookie-details-container .banner-actions-container{width:90%;margin:0;width:200px;margin-bottom:20px;}
#cookie-details-container .banner-actions-container button{background-color:#0079c8;border:0;outline:0;color:#fff;letter-spacing:.05em;white-space:normal;word-wrap:break-word;width:100%;height:45px;border-radius:5px}
#cookie-details-container .banner-actions-container button:hover{background-color:#4da1d9}
#cookie-details-container .banner-actions-container button:active{border:0}
#cookie-details-container .banner-actions-container button:focus{outline:none;}
/*===========cookie 弹框 end=============*/