* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus { outline: none !important; box-shadow: none !important;}

::-webkit-input-placeholder{color:inherit}::-moz-placeholder{color:inherit}:-ms-input-placeholder{color:inherit}input:-moz-placeholder{color:inherit}

body { font-family: 'Roboto', sans-serif; background-color: #f7f8fb; color:#131a2d; font-size: 15px; font-weight: 300; }
body.overflow { overflow:hidden; }

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1260px;
    }
}
a { text-decoration: none; transition: all .1s cubic-bezier(.77,.11,.22,.9);}
a:hover { text-decoration: none; transition: all .2s ease-in-out;}
ul { list-style: none; padding: 0; margin: 0; }


.btn {position: relative; display: inline-flex; align-items: center; height: 50px; border-radius: 3px; justify-content:flex-start; font-weight: 500; line-height: 1.3; padding: 0 10px; }
.btn-warning { background-color: #d8b668; border: 0; }
.btn-warning:hover { background-color: #d8b668; }
.btn-dark { color: #fff; background-color: #13192e; border-color: #13192e; }
.btn-danger { color: #fff; background-color: #e90e11; border-color: #e90e11; }

.btn-lg { height: 80px; font-size: 18px; }
.btn-sm { height: 40px; font-size: 14px; }
.btn:before { content: ""; position: absolute; right: 50px; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 20px; border-color: transparent transparent rgba(255,255,255,.12) transparent; -webkit-transition: all .3 ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; visibility: visible; }
.btn:hover:before { opacity: 0; visibility: hidden; right: 100%!important; }
.btn:after { content: ""; background: rgba(255,255,255,.12); height: 50px; position: absolute; right: 0; top: 0; display: inline-block; width: 50px; -webkit-transition: all .3 ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn:hover:after { width: 100%!important; }
.btn.btn-lg:before { border-width: 0 0 80px 20px; right: 80px; }
.btn.btn-lg:after { height: 80px; width: 80px; }
.btn.btn-sm:before { border-width: 0 0 40px 20px; right: 40px; }
.btn.btn-sm:after { height: 40px; width: 40px; }

.btn i { position: absolute; right: 20px; top: 16px; font-size: 22px; line-height: 19px; display: inline-block; }
.btn.btn-lg i { font-size: 27px; right: 30px; top: 30px; }
.btn.btn-sm i { font-size: 19px; right: 15px; top: 11px; }


.form-control { height: 50px; }
.form-control::-moz-placeholder{color:#131a2d;opacity:1}.form-control:-ms-input-placeholder{color:#131a2d}.form-control::-webkit-input-placeholder{color:#131a2d}

.heading { overflow: hidden; }
.heading .heading-title { font-size: 28px; margin:0 0 5px; font-weight: 600;}
.heading .heading-desc { font-size: 18px; font-weight: 300; margin: 0;}

/* --------------------------------------------------------
    Header
----------------------------------------------------------- */
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 3; background-color: #13192e;}
.header .top-bar { color: #fff; border-bottom: 1px solid rgba(255,255,255,.1);}
.header .top-bar a { display: flex; align-items: center; justify-content: center; color: #cad3d5; padding: 10px 15px; font-weight: 400; font-size: 13px; }
.header .top-bar a:hover { color:#d8b668; }
.header .top-bar a i { font-size: 17px; margin-right: 4px; }
.header .top-bar a.lang { border-right: 1px solid rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.1);}
.header .top-bar a.lnk1 { background-color: #313a46;color: #fff }
.header .top-bar a.lnk2 { background-color: #d8b668;color: #fff }
.header .top-bar a.lnk3 { background-color: #007bff;color:#fff; }
.header .top-bar a.lnk4 { border-left: 1px solid rgba(255,255,255,.1); }
.header .navbar { padding: 0;  border-bottom: 1px solid rgba(255,255,255,.1);}
.header .navbar-brand {  padding: 15px 0; height: 70px;}
.header .navbar-brand img {  height: 100%; }
.navbar-expand-lg .navbar-nav .nav-link {  color: #fff; padding: 24px 13px; font-weight: 500; }
.navbar-expand-lg .navbar-nav .nav-link:hover { color: #d8b668; }
.header .navbar .dropdown-menu { border-radius: 0; border: 0; margin-top: 0;}
.header .dropdown:hover > .dropdown-menu { display: block; }
.header .dropdown:hover .nav-link { color: #d8b668; }
.header .dropdown > .dropdown-toggle:active { pointer-events: none; }

.mobile-navbar { display: none; border-bottom: 1px solid rgba(255,255,255,.1);}
.mobile-navbar a>img { height: 56px; padding: 13px 0; }
.mobile-navbar .mobile-cart { position: relative; color:#3c3d3b; font-size:30px;padding: 8px; }
.mobile-navbar .mobile-cart span { position: absolute; top:11px; right: 15px; font-size:11px;}
.mobile-navbar .mblMenu { position: absolute; left: 0; top: 0; z-index: 2; width: 65px;line-height: 38px; font-size: 30px; padding: 8px 24px; }
.mobile-navbar .mblMenu svg { fill: #ffffff; }
.mobile-navbar .mobile-login { display: flex; align-items: center; justify-content: center; height: 54px; width: 54px; font-size: 32px; color: #ffffff; }

.header .forex {   }

@media only screen and (max-width: 767px){
    .header .navbar { display: none; }
    .header .top-bar a:last-child { display: none; }
    .mobile-navbar { display: block; }
}

#sidebar { background: #1b2136; border-top: 1px solid rgba(255,255,255,.1); position: fixed; width: 100%; left: 0; top: 96px; height: 100%; z-index: 9999; display: none; }
#sidebar.active { display: block; }

.gw-login a{float:left;width:50%;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);text-align:center;display:block;font-size:16px;color:#fff;padding:12px 0; font-weight: 400;}
.gw-login a:last-child{border-right:0}
.gw-login a i{margin-right:4px}
.gw-login a:nth-child(1){ background-color: #23d99f; color: #fff; }
.gw-login a:nth-child(2){ background-color: #5793ee; color: #fff;}
.gw-login a:nth-child(3){ background-color: #007bff; color: #fff; }
.gw-login a:nth-child(4){ background-color: #e90e11; color: #fff; }

.gw-sidebar{padding:10px}
.gw-sidebar .nano-pane{background:rgba(255,255,255,0);font-size:15px}
.nano-content{list-style:none;margin:0;padding:0 12px;font-size:16px;color:#fff;line-height:1.2;font-weight:500;overflow-x:hidden;overflow-y:scroll;height: calc(100vh - 180px)}
.gw-sidebar .gw-nav-list li a{padding-left:20px}
.gw-nav-list{margin:0;padding:0;list-style:none}
.gw-nav-list>li:first-child{border-top:0}
.gw-nav-list>li{display:block;padding:0;margin:0;border:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);position:relative;text-decoration:none}
.gw-nav-list>li:last-child{border-bottom:none}
@-webkit-keyframes arrow-slide{100%{-webkit-transform:rotate(225deg);z-index:3}}
@-webkit-keyframes arrow-slide1{100%{-webkit-transform:rotate(225deg);z-index:3}}
.gw-nav-list>li.arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide .5s 0s ease both}
.gw-nav-list>li.init-arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list>li.arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide1 .5s 0s ease both}
.gw-nav-list>li.init-arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list>li>a{display:block;height:42px;line-height:42px;padding:0 16px 0 7px;color:#fff;text-shadow:none!important;font-size:16px;font-weight:500;text-decoration:none}
.gw-open>a{outline:0}
.gw-nav-list>li.gw-open{border-bottom-color:#e5e5e5}
.gw-nav-list>li.gw-open>a{background-color:#fafafa;color:#d8b668}
.gw-nav-list .gw-open>a,
.gw-nav-list .gw-open>a:focus,
.gw-nav-list .gw-open>a:hover{background-color:#fafafa}
.gw-nav .gw-open>a,
.gw-nav .gw-open>a:focus,
.gw-nav .gw-open>a:hover{background-color:#eee;border-color:#428bca}
.gw-nav-list>li.active>a,
.gw-nav-list>li.active>a:active,
.gw-nav-list>li.active>a:focus,
.gw-nav-list>li.active>a:hover{color:#d8b668;font-weight:800;font-size:16px}
.gw-nav-list .gw-nav-header,
.gw-nav-list>li>a{margin:0}
.gw-nav-list>li.active>a>[class*=icon-]{font-weight:400}
.gw-nav-list>li.active>a:hover:before{display:none}
.gw-nav-list>li.active:before{display:inline-block;content:"";position:absolute;right:-13px;top:-1px;bottom:0;z-index:1;border-right:1px solid #dd4814}
.gw-nav-list li.gw-open>a:after{display:none}
.gw-nav-list>li a>.gw-arrow{display:inline-block;width:14px!important;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:11px;top:11px;padding:0;color:#666}
.gw-nav-list>li a:hover>.gw-arrow,
.gw-nav-list>li.active>a>.gw-arrow,
.gw-nav-list>li.gw-open>a>.gw-arrow{color:#1963aa}
.gw-nav-list>li>a>[class*=icon-]:first-child{display:inline-block;vertical-align:middle;min-width:30px;text-align:center;font-size:18px;font-weight:400;margin-right:2px}
.gw-nav-list>li .gw-submenu{font-size:13px;display:none;list-style:none;margin:0;padding:0;position:relative;border-top:1px solid rgba(255,255,255,.1)}
.gw-nav-list>li .gw-submenu>li{margin-left:0;position:relative}
.gw-nav-list>li .gw-submenu>li>a{display:block;position:relative;color:#fff;padding:11px 0 9px 35px;margin:0;border-top:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:400;text-decoration:none}
.gw-nav-list>li .gw-submenu>li>a:focus{text-decoration:none}
.gw-nav-list>li .gw-submenu>li>a:hover{text-decoration:none;color:#dd4814;background-color:rgba(25,25,50,.1)}
.gw-nav-list>li .gw-submenu>li.active:after{display:inline-block;content:"";position:absolute;right:-1px;top:-1px;bottom:0;z-index:1;border:2px solid #dd4814}
.gw-nav-list>li .gw-submenu>li.active>a{color:#dd4814}
.gw-nav-list>li .gw-submenu>li a>[class*=icon-]:first-child{display:none;font-size:12px;font-weight:400;width:18px;height:auto;line-height:12px;text-align:center;position:absolute;left:10px;top:11px;z-index:1;background-color:#fff}
.gw-nav-list>li .gw-submenu>li.active>a>[class*=icon-]:first-child,
.gw-nav-list>li .gw-submenu>li:hover>a>[class*=icon-]:first-child{display:inline-block}
.gw-nav-list>li .gw-submenu>li.active>a>[class*=icon-]:first-child{color:#c86139}
.gw-nav-list>li>.gw-submenu>li:first-child>a{border-top:0}
.gw-nav-list li .gw-submenu{overflow:hidden}
.gw-nav-list li.active.gw-open>.gw-submenu>li.active.gw-open>a.dropdown-toggle:after{display:none}
.gw-nav-list li.active>.gw-submenu>li.active>a:after{display:none}
.gw-nav-list li.active.gw-open>.gw-submenu>li.active>a:after{display:block}
.gw-nav-tabs li[class*=" icon-"],
.nav-tabs li[class^=icon-]{width:1.25em;display:inline-block;text-align:center}

/* --------------------------------------------------------
    Homepage
----------------------------------------------------------- */
#home-carousel { margin-top: 10em; }
#home-carousel .carousel-item { position: relative; padding: 60px 0; height: 530px; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50%; background-image: url(../img/bg/bg1.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
#home-carousel .carousel-indicators { z-index: 2; display: none;}
#home-carousel .carousel-control-next,
#home-carousel .carousel-control-prev { display: none; }
.banner-text { color:#fff; padding-top: 15px}
.banner-text h1 { font-size: 38px; font-weight: 700; line-height: 1; }
.banner-text p { font-size: 22px; line-height: 1.5; }
.banner-text ul { margin-bottom: 20px; }
.banner-text ul li { display: flex; align-items: center; font-size: 20px; line-height: 1.3; padding: 5px 0; }
.banner-text ul li i { font-size: 25px; margin-right: 4px; color:#d8b668; }
.banner-text .btn { width: 220px; }
.banner-text .btn + .btn { margin-left: 14px; }

@media only screen and (max-width: 767px){
    #home-carousel { margin-top: 6em; }
    #home-carousel .carousel-item.item1 { padding-top: 20px; }
    .banner-text h1 { font-size: 34px; line-height: 1.4; }
    .banner-text .btn { padding: 0 15px; font-size: 14px;}
    .banner-form { display: none; }
    .banner-text .btn { width: auto; }
    .banner-text .btn i { display: none; }
}
.banner-form { position: relative;  background: #1d2c3e4d; border-radius: 5px; width: 430px;}
.banner-form .form-title { padding: 30px 50px 10px; }
.banner-form .form-title h2 { font-size: 24px; font-weight: 800;color:#fff; line-height: 1.2; margin: 0;}
.banner-form .form-title h2 span { display: block;  }
.banner-form .form-title p { font-size: 15px; line-height: 1.5; margin: 0;}
.banner-form form { padding: 0 50px 40px; }
.banner-form .form-group { position: relative; margin-bottom: 10px;}
.banner-form .form-group label { position: absolute; top: 12px; left: 65px; font-size: 11px; color: #67708f; font-weight: 500; }
.banner-form .form-group i { position: absolute; top: 15px; left: 20px; font-size: 32px; color: #131a2d;  }
.banner-form .form-control { border: 1px solid #e9e8f0; height: 62px; background: #fbfaff; border-radius: 3px; color: #13192e; font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 65px; padding-top: 30px; padding-bottom: 15px;}
.banner-form form .btn { height: 50px; font-size: 16px; }

@media (max-width:990px) {
    .banner-form {
        display: none !important;
    }
}
.section0 { position: relative; padding: 70px 0; background-color: #fff;}
.section0 .box1 { position: relative; text-align: center; margin: 20px 0; }
.section0 .box1 .thumb{ display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto 15px; width: 75px; height: 75px; border-radius: 20px; position: relative; font-size: 46px; background-color: #ffc008; background-image: linear-gradient(31deg, #967240 0%, #f8c681 100%);background: #d8b668;color: #fff;}
.section0 .box1 .text {  }
.section0 .box1 .text h3 { font-size: 18px; }
.section0 .box1 .text p { font-size: 16px; line-height: 1.4; color: #7c8595;}

.section1 { position: relative; padding: 70px 0; }
.section1 h3 { font-size: 28px; margin: 15px 0 20px; font-weight: 600; }
.section1 p { font-size: 18px; }
.section1 .box1 { background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin:15px 0; padding: 15px; border-radius: 4px; box-shadow: 0 2px 3px rgb(2 31 63 / 10%), 0 30px 60px -25px rgb(2 31 63 / 10%), 0 0 120px rgb(2 31 63 / 5%); }
.section1 .box1 i { font-size: 64px; }
.section1 .box1 span { font-size: 16px; }

.section2 { position: relative; padding: 70px 0; }
.section2 h3 { font-size: 28px; margin: 0 0 20px; font-weight: 600; }
.section2 p { font-size: 18px; }
.section2 img { width: 100%; }
.section2 .btn { width: 240px; }

.section3 { position: relative; padding: 70px 0; }
.section3 h3 { font-size: 28px; margin: 15px 0 20px; font-weight: 600; }
.section3 p { font-size: 18px; }
.section3 img { width: 100%; }
.section3 .box1 {margin:15px 15px 15px 0; color: #131a2d;}
.section3 .box1 i { display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; font-size: 54px; background-color: transparent; border-radius: 10px; background: #0f0f0f; color: #fff; margin-top: -5px; margin-bottom: -5px; }
.section3 .box1 span { display: block; margin-top: 15px; font-size: 13px; text-align: center; }
.section3 .box1:hover i { background-color: #007bff; color: #fff;}

.integrator { position: relative; background-color: #13192e; padding: 40px 0 50px; }
.integrator h2 { color:#fff; font-size: 28px; text-align: center; margin-bottom: 0x; }
.integrator p { color:#fff; font-size: 28px; text-align: center; margin-bottom: 0x; }
.integrator .box1 { display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 5px; background: #1f2437; height: 60px; }
.integrator .box1 img { max-width: 100%;max-height: 100%; }


.section-step { position: relative; padding: 50px 0; color: #131a2d; background: #d8b668 url(../img/bg3.png) no-repeat top left;}
.section-step .box1 { position: relative; text-align: center; padding: 15px;}
.section-step .box1 .thumb { position: relative; width: 126px; height: 126px; margin: 0 auto 15px; }
.section-step .box1 .thumb i { font-size: 60px; background-color: #fff; color: #131a2d; border-radius: 50%; padding: 33px;}
.section-step .box1 .thumb span { position: absolute; right: 0; top: 7px; border-radius: 50%; width: 32px; height: 32px; padding: 3px;  background-color: #131A2E; color: #fff; font-size: 18px; font-weight: 600; }
.section-step .box1 .text { position: relative; font-size: 16px; line-height: 1.5;}
.section-step .box1 .text span { display: block; font-size: 20px; font-weight: 600; }
.section-step .box1 .pt-before-img { position: absolute; top: 55%; right: -20%; margin-top: -85px; height: 37px; }
.section-step .col-lg-4:nth-child(2) .pt-before-img { margin-top: -75px; }
.section-step .btn { width: 240px; }

.call { position: relative; padding: 30px 0; background-color: #13192e; color:#fff; }
.call h3 { font-size: 20px; line-height: 1.4; margin:0; font-weight: 300; }
.call p { font-size: 14px; line-height: 1.4; margin:0; color: #717988;}
.call .form-group { position: relative; margin: 0; }
.call .form-group label { position: absolute; left: 8px; top: 0; padding-left: 5px; padding-right: 5px; color: #979fa9; font-size: 14px; font-weight: 500; display: inline-block; }
.call .form-group .form-control { border-color: #13192e;border-bottom: 2px solid #ffffff54;border-radius: 0; background-color:#13192e; color: #fff; padding-bottom: 10px; padding-top: 21px; font-size: 15px;}

.investment { position: relative; padding: 70px 0;}
.investment .item-box { overflow: hidden; background-color: #252736; transition: background-color .2s ease-in-out; border-radius: 15px; }
.investment .item-box img { position: relative; width: 100%; height: 100%; display: block; border-radius: 15px; z-index: 1; }
.investment .item-box .overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 2rem; }
.investment .item-box .overlay a { display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 22px; width: 100%; height: 100%; color:#fff; }
.investment .item-box .overlay a i { font-size: 64px;}
.investment .owl-nav button { position: absolute; top:40%; width: 38px; height: 38px; border-radius: 50% !important; background: #fff !important;; box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
.investment .owl-nav button>i { font-size: 20px; font-weight: 800;}
.investment .owl-nav button>span { font-size: 33px; line-height: 1}
.investment .owl-nav button:hover { opacity: .9;}
.investment .owl-prev { left: -15px;}
.investment .owl-next { right: -15px; }
.investment .btn { width: 240px; }

.section-ribbon { position: relative; background-color: #fff; padding: 50px 0 70px;}
.section-ribbon .col { text-align: center;}
.section-ribbon .col img { width: 180px;}

@media only screen and (max-width: 970px){
    .section1 { text-align: center; }
    .section1 .box1 span { font-size: 14px; }
    .section2 { text-align: center; }
    .section2 img { margin-bottom: 30px; }
    .section2 .btn { margin: 0 auto; }
    .section3 { text-align: center; }
    .section3 .justify-content-start { justify-content: center !important; }
    .section3 .box1 i { height: 60px; width: 60px; }
    .section-ribbon .col { width: 50%;}
    .section-ribbon .col img { width: 120px; margin: 10px auto; }
    .integrator .box1 { margin: 8px 0; }
    .section-step .box1 .pt-before-img { display: none; }
    .call { text-align: center; }
    .call p { margin-bottom: 30px; }
    .call .form-group { margin-bottom: 10px;}
}

/* --------------------------------------------------------
    Other
----------------------------------------------------------- */
.custom-faq1 .faq { margin-bottom: 15px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px;  -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.custom-faq1 .faq + .faq { }
.custom-faq1 .faq h4 { position: relative; font-size: 18px; font-weight: 600; color: #333333e6; text-transform: none; margin: 0; cursor: pointer; padding: 25px 20px 25px 40px;}
.custom-faq1 .faq h4 i { position: absolute; top:8px; left:0; border: 1px solid #3C4858; border-radius: 50%; width: 40px; height: 40px; padding: 5px; font-size:28px; color:#3C4858;}
.custom-faq1 .faq .collapse__detail>div{ padding: 0 0 20px 20px; font-size: 16px; line-height: 1.5; font-weight: 300; }
.custom-faq1 .faq h4[aria-expanded="true"]{ color: #d8b668; }
.custom-faq1 .faq h4[aria-expanded="true"] i { color: #fff; border-color:#2D8CFF; background: #2D8CFF}
.custom-faq1 .faq h4[aria-expanded="false"]:after { position: absolute; font-family: 'Line Awesome Free';font-weight: 900; content: '\f107'; left: 15px; top:24px; font-size: 18px; }
.custom-faq1 .faq h4[aria-expanded="true"]:after { position: absolute; font-family: 'Line Awesome Free';font-weight: 900; content: '\f105'; left: 13px; top:24px; font-size: 18px; }
.custom-faq1 .faq .btn { padding: 8px 24px; height: 36px; min-height: 36px; font-size: 13px; }
.custom-faq1 .faq:last-child { margin-bottom: 0; }

@media only screen and (max-width: 767px){
    .custom-faq1 .faq h4 { font-size: 13px; line-height: 1.4;padding: 10px 10px 10px 40px;}
    .custom-faq1 .faq h4[aria-expanded="false"]:after { top: 5px; }
}


.page-banner { position: relative; margin-top: 110px; padding: 100px 0; background-image: url(../img/bg/bg1.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
.page-banner:before { position: absolute; content: ''; top: 0; left:0; width: 100%; height: 100%; }
.page-banner .container { position: relative; z-index: 2; }
.page-banner h1 { font-size: 32px; line-height: 1; margin: 0 0 20px; color:#fff; }
.page-banner p { font-size: 22px; line-height: 1.5; margin: 0; color:#fff;  }
.page-banner .btn { margin-top: 15px; width: 220px; }
.page-banner .btn + .btn { margin-left: 15px; }

.page-content { position: relative; padding: 50px 0;}

.content-agreement { font-size: 17px; line-height: 1.5; text-align: justify}
.content-agreement p { margin-bottom: 15px; }
.content-agreement h4 { font-size: 22px; margin-bottom: 10px; margin-top: 30px; font-weight: 600; }
.content-agreement h2 { font-size: 22px; margin-bottom: 10px; margin-top: 30px; font-weight: 600; }
.content-agreement b { font-weight: 600; }
.content-agreement br { display: block; height: 30px; }

.knowledge-content { position: relative; padding: 40px 0 50px;}
.knowledge-content h2 { font-size: 22px; margin-bottom: 10px; margin-top: 30px; font-weight: 600; }
.knowledge-content p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; text-align: justify; }
.knowledge-content .box1 { position: relative; display: flex; flex-direction: column;  min-height: 140px; overflow: hidden; margin: 15px 0; border-radius: 4px; border: 1px solid #cbd3d6; padding: 20px 20px 20px 114px; }
.knowledge-content .box1 img { position: absolute; left: 20px; top: 20px; width: 76px;  }
.knowledge-content .box1 h3 { font-size: 18px; line-height: 1; margin: 0 0 10px;  }
.knowledge-content .box1 p { font-size: 16px; line-height: 1.4; margin-bottom: 0; text-align: left;  }

.section-price {position: relative;padding: 0 0 70px;margin-top: -70px;font-size: 18px;line-height: 1.5;}
.section-price .container{ background: #ffffff; border-radius: 10px; padding: 50px 60px;}

.table { width: 100%; margin-bottom: 0; }
.table thead tr:nth-child(1) th { vertical-align: middle; text-align: center; padding: 24px 0; background: #072346; font-size: 15px; border: 0; font-weight: 400; color: #fff; }
.table thead tr:nth-child(2) th { vertical-align: middle; text-align: center; padding: 15px 0; background: #1e436b; font-size: 15px; border: 0; font-weight: 400; color: #fff;}
.table tbody td { font-size: 15px; font-weight: 400; color: #67708f; padding: 20px 0; border-bottom: 1px solid #e9e8f0;vertical-align: middle; text-align: center; }
.table tbody td:first-child { }
.table tbody td:first-child span { position: relative; display: block; margin:4px 0;}
.table tbody td:first-child span:first-child:after { position: absolute; content: ''; bottom: -3px; right: 0; left: 0; margin: 0 auto;  background: #ccc; height: 3px; width: 100px;}
.table tbody tr:nth-of-type(2n-1) td { background: #f7f8fb; }

.table tbody tr:nth-child(1) td:first-child span:first-child:after { background: #d0a8a8; }
.table tbody tr:nth-child(2) td:first-child span:first-child:after { background: #cfae5e; }
.table tbody tr:nth-child(3) td:first-child span:first-child:after { background: #abc3bc; }
.table tbody tr:nth-child(4) td:first-child span:first-child:after { background: #e8b487; }

@media only screen and (max-width: 767px){
    .table thead tr:nth-child(1) th { padding: 20px 10px;}
    .table thead tr:nth-child(2) th { padding: 10px 10px;}
    .table tbody td { padding: 20px 10px;}
}

/* --------------------------------------------------------
    Login & Register
----------------------------------------------------------- */
.section-register { position: relative; padding: 0 0 70px; margin-top: -250px; }
.section-register .container{ background: #ffffff; border-radius: 10px; padding: 50px 60px;}

.section-login { position: relative; padding: 30px 0 70px;}
.login-container { position: relative; padding: 40px; background-color: #13192e; border-radius: 10px;}
.login-container .heading-title { font-size: 34px; color:#fff;}
.login-container .heading-title b { display: block; margin-bottom: 5px;}
.login-container .heading-title b img { height: 30px; }
.login-container .heading-desc { color: #a5aabd; }
.login-container .form-group { position: relative; }
.login-container .form-group label { position: absolute; top: 20px; left: 65px; font-size: 11px; color: #67708f; font-weight: 500; }
.login-container .form-group i { position: absolute; top: 20px; left: 20px; font-size: 32px; color: #131a2d;  }
.login-container .form-control { border: 1px solid #e9e8f0; height: 72px; background: #fbfaff; border-radius: 3px; color: #13192e; font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 65px; padding-top: 35px; padding-bottom: 15px;}
.login-container .btn-warning {  color: #fff; }

.section-register .nav-pills { margin-bottom: 30px;}
.section-register .nav-pills .nav-link {  padding: 20px 0; width: 200px; text-align: center; font-size: 16px; font-weight: 400;background: #f2f1f8; color: #131a2d; margin-right: 10px; }
.section-register .nav-pills li:nth-child(1) .nav-link.active,
.section-register .nav-pills li:nth-child(1) .show>.nav-link { background-color: #007bff; color:#fff; }
.section-register .nav-pills li:nth-child(2) .nav-link.active,
.section-register .nav-pills li:nth-child(2) .show>.nav-link { background-color: #d8b668; color:#fff;}
.section-register ul.feature { padding:  30px 30px}
.section-register ul.feature li { position: relative; font-size: 20px; line-height: 1.2; padding: 10px 0 10px 70px; }
.section-register ul.feature li:first-child { font-size: 28px; font-weight: 600; padding-left: 0;}
.section-register ul.feature li span{ display: block; font-size: 18px; font-weight: 500; line-height: 1.3; margin-bottom: 4px; }
.section-register ul.feature li small{ display: block; font-size: 14px; font-weight: 400; line-height: 1.3; opacity: .6;}
.section-register ul.feature li i { position: absolute; left: 0; top: 10px; width: 60px; height: 60px; background-color: #017cfe; padding: 10px; border-radius: 4px; font-size: 40px; color:#fff; }
.section-register ul.feature li.gold i { background-color: #d8b668; color:#fff; }

.section-contact { position: relative; padding: 0 0 70px; margin-top: -100px; }
.section-contact .container{ background: #ffffff; border-radius: 10px; padding: 50px 60px;}
.section-contact .form-group { position: relative; }
.section-contact .form-group label { position: absolute; top: 20px; left: 65px; font-size: 11px; color: #67708f; font-weight: 500; }
.section-contact .form-group i { position: absolute; top: 20px; left: 20px; font-size: 32px; color: #131a2d;  }
.section-contact .form-control { border: 1px solid #e9e8f0; height: 72px; background: #fbfaff; border-radius: 3px; color: #13192e; font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 65px; padding-top: 35px; padding-bottom: 15px;}
.section-contact h2 { position: relative; font-size: 23px; margin: 0 0 30px; line-height: 1.3; padding-bottom: 15px; border-bottom: 2px solid #e9e8f0;}
.section-contact h2:before { content: ""; width: 80px; height: 2px; background-color: #d8b668; position: absolute;left: 0;bottom: -2px;display: inline-block;}
.section-contact p { position: relative; display: flex; flex-direction: column; line-height: 1.3; margin-bottom: 30px; padding-left: 50px;}
.section-contact p i { position: absolute; left: 0; top: 0; font-size: 32px; }
.section-contact p span { display: block; font-size: 14px; font-weight: 500; color: #67708f; margin-bottom: 5px;}
.section-contact p small { display: block; font-size: 18px;}

.section-text { position: relative; padding: 0 0 70px; margin-top: -100px;  font-size: 18px; line-height: 1.5;}
.section-text .container{ background: #ffffff; border-radius: 10px; padding: 50px 60px;}
.section-text .form-group { position: relative; }
.section-text .form-group label { position: absolute; top: 20px; left: 65px; font-size: 11px; color: #67708f; font-weight: 500; }
.section-text .form-group i { position: absolute; top: 20px; left: 20px; font-size: 32px; color: #131a2d;  }
.section-text .form-control { border: 1px solid #e9e8f0; height: 72px; background: #fbfaff; border-radius: 3px; color: #13192e; font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 65px; padding-top: 35px; padding-bottom: 15px;}
.section-text h2 { position: relative; font-size: 23px; margin: 0 0 30px; line-height: 1.3; padding-bottom: 15px; border-bottom: 2px solid #e9e8f0;}
.section-text h2:before { content: ""; width: 80px; height: 2px; background-color: #d8b668; position: absolute;left: 0;bottom: -2px;display: inline-block;}
.section-text p { position: relative; font-size: 18px; line-height: 1.5; margin-bottom: 30px; }
.section-text ul li { padding: 5px ; }
.section-text ul li i { font-size: 21px; margin-right: 4px; }

.package { position: relative; border-radius: 4px; background-color: #13192e; color: #fff; }
.package .title { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 30px 10px; font-size: 22px; font-weight: 600; text-align: center;}
.package .title i { font-size: 52px; }
.package .price { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 30px 15px; font-size: 32px; line-height: 1; font-weight: 600;}
.package .detail { padding: 10px 30px 30px; font-size: 18px; }
.package .detail ul { margin-bottom: 30px; }
.package .detail ul li { display: flex; align-items: center; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.package .detail ul li:last-child { border-bottom: 0; }
.package .detail ul li b { font-size: 20px; font-weight: 700; }

.docubox { position: relative; padding: 15px 30px; border-radius: 6px; text-align: center;}
.docubox img { width: 100%; margin-bottom: 30px;}
.docubox h5 { color: #fff; font-weight: 400; font-size: 16px; line-height: 1.5; }

.section-ik { position: relative; padding: 0 0 70px; margin-top: -100px; }
.section-ik .container{ background: #ffffff; border-radius: 10px; padding: 50px 60px;}
.section-ik .form-group { position: relative; }
.section-ik .form-group label { position: absolute; top: 20px; left: 65px; font-size: 11px; color: #67708f; font-weight: 500; }
.section-ik .form-group i { position: absolute; top: 20px; left: 20px; font-size: 32px; color: #131a2d;  }
.section-ik .form-control { border: 1px solid #e9e8f0; height: 72px; background: #fbfaff; border-radius: 3px; color: #13192e; font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 65px; padding-top: 35px; padding-bottom: 15px;}
.section-ik h2 { position: relative; font-size: 23px; margin: 0 0 30px; line-height: 1.3; padding-bottom: 15px; border-bottom: 2px solid #e9e8f0;}
.section-ik h2:before { content: ""; width: 80px; height: 2px; background-color: #d8b668; position: absolute;left: 0;bottom: -2px;display: inline-block;}
.section-ik p { position: relative; display: flex; flex-direction: column; font-size: 18px; line-height: 1.5; margin-bottom: 30px; }

.promo-list {}
.promo-item { border: 1px solid #ccc; padding: 20px; border-radius: 6px; margin: 15px 0; min-height: 250px;}
.promo-item i { font-size: 38px; font-weight: 600; color:#d8b668; }
.promo-item h3 { font-size: 20px; font-weight: 600; }
.promo-item p { font-size: 16px; font-weight: 300; padding-left: 0; margin-bottom: 15px; opacity: .6;}

.modal-body { font-weight: normal;}
.modal-body ul li h5 { font-weight: 300; font-size: 15px; }

@media only screen and (max-width: 767px){
    .section-register .nav-pills .nav-link {  width: 160px;}
    .section-register .container { padding: 15px;}
    .login-container { padding: 15px;}
    .docubox { margin-bottom: 30px; }
    .section-contact .container { padding: 20px; }
    .section-text .container { padding: 20px; }
    .section-text img { width: 100%; margin-bottom: 20px; }
    .section-ik .container { padding: 20px; }
    .section-ik .container .col-lg-6 + .col-lg-6 { margin-top: 30px; }
    .package { margin-top: 30px; }
    .page-banner { margin-top: 90px; margin-bottom: 40px;}
    .page-banner p { margin-bottom: 10px; }
    .page-banner .btn { width: auto; }
    .page-banner .btn i { display: none; }
    .section-register ul.feature { padding: 30px 10px; }
}

/* --------------------------------------------------------
    Footer
----------------------------------------------------------- */
.footer { background-color: #13192e; padding: 30px 0 10px; background-position: top center;background-size: cover; background-repeat: no-repeat; }
.footer .top { border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 30px}
.footer .top a { position: relative; display: flex; flex-direction: column; color: #fff; line-height: 1.3; padding-left: 50px;}
.footer .top a i { position: absolute; left: 0; top: 0; font-size: 42px; }
.footer .top a span { display: block; font-size: 16px;    color: #717988;}
.footer .top a small { display: block; font-size: 20px;}
.footer .bottom { padding: 30px 0;}
.footer .bottom h4 { position: relative; font-size: 16px; line-height: 1;margin-bottom: 20px;padding-bottom: 20px; color:#fff;border-bottom: 1px solid rgba(255,255,255,.1); }
.footer .bottom h4:before { position: absolute; content: ""; left: 0; bottom: -2px; width: 60px; height: 2px; background-color: #d4a76a; display: inline-block; }
.footer .bottom ul li { padding: 3px 0;}
.footer .bottom ul li a {color: #fff; font-size: 14px; }
.footer .bottom ul li a:hover { color:#d8b668; }
.footer .caution { position: relative; padding: 40px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .caution h4 { font-size: 16px; line-height: 1; color: #fff; }
.footer .caution p { font-size: 14px; line-height: 1.5; color: #717988; }
.footer .copyright { padding: 20px 0; font-size: 13px; color: #717988;}
.footer .copyright a { font-size: 13px; color: #717988; padding: 4px 10px; }
.footer .copyright a:hover { color:#d8b668; }

.footer .about { display: flex; flex-direction: column; justify-content: flex-end; text-align: right; }
.footer .about img { display: inline-flex; height: 40px; margin-bottom: 10px; margin-left: auto;}
.footer .about p { font-size: 15px; margin-bottom: 10px;}
.footer .about p a { font-size: 15px; color: #717988;}
.footer .about .social { margin-top: 20px; }
.footer .about .social a { display: inline-flex; align-items: center; justify-content: center; font-size: 26px; border-radius: 3px; background: #1f2437; width: 42px; height: 42px; text-align: center; color: #fff; margin-left: 5px; }
.footer .about .social a:hover { background-color: #d8b668 }

.mobile-account { position: fixed; left: 20px; bottom: 20px; z-index: 1; width: 70px; height: 70px; -webkit-filter: url(#goo); filter: url(#goo); }
.menu-open-button,
.mobile-menu-item { background: #007bff; border-radius: 100%; width: 70px; height: 70px; position: absolute; color: #fff; text-align: center; transform: translate3d(0,0,0); transition: transform ease-out 200ms; left: 3px; top: 2px; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; padding: 5px; line-height: 1; font-weight: 700; -webkit-tap-highlight-color: transparent; }
.mobile-account .hamburger { width: 25px; height: 3px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -12.5px; margin-top: -1.5px; transition: transform 200ms; display: inline-flex; align-items: center; justify-content: center; }
.mobile-account .hamburger-2 { transform: rotate( 90deg ); }
.menu-open-button { z-index: 2; transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transition-duration: 400ms; transform: translate3d(0,0,0); cursor: pointer; box-shadow: rgba(0,0,0,.16) 0 2px 10px 0!important; }
.menu-open-button:hover { transform: scale(1.2,1.2) translate3d(0,0,0); }
.mobile-account.open .menu-open-button { transition-timing-function: linear; transition-duration: 200ms; transform: scale(.8,.8) translate3d(0,0,0) rotate( -45deg ); }
.mobile-account.open .mobile-menu-item { transition-timing-function: cubic-bezier(.935,0,.34,1.33); }
.mobile-account.open .mobile-menu-item:nth-child(2) { transition-duration: 180ms; transform: translate3d(70px,0,0); }
.mobile-account.open .mobile-menu-item:nth-child(3) { transition-duration: 280ms; transform: translate3d(140px,0,0); }
.mobile-menu-item:hover,
.mobile-menu-item:focus,
.mobile-menu-item:active { background: #fff; color: #e80e0e; }

.n-desktop { display: none !important; }

@media only screen and (max-width: 767px){
    .footer { text-align: center; }
    .footer .top { padding-bottom: 20px; }
    .footer .top a { background: #1f2437;padding: 10px 10px 10px 60px;border-radius: 5px; zoom: 90%; align-items: flex-start; margin-bottom: 10px;}
    .footer .top a i { top: 10px; left: 10px; }
    .footer .top a span { font-size: 14px;}
    .footer .top a small { font-size: 17px; }
    .footer .bottom .col { flex-basis:inherit; max-width: 50%; text-align: left;}
    .footer .bottom .col ul { margin-bottom: 30px; }
    .footer .caution .justify-content-end { justify-content: center !important}
    .footer .copyright .d-flex { display: block !important; }
    .footer .copyright a { display: inline-block; }
    .footer .about { padding-bottom: 0; text-align: center;}
    .footer .about img { margin: 0 auto 10px; }

    .n-desktop { display: block; }
    .n-mobile { display: none !important; }

}