article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {display: block}

:root {
  --trans: .3s linear;
}

body {
  margin: 0;
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #828282;
  background-color: #FAFDFF;
  overflow-x: hidden;
  /* font-family: Arial; font-family: "Muli", sans-serif; */
}

img {vertical-align: middle;border-style: none;}

svg {overflow: hidden;vertical-align: middle}

ul li {text-decoration: none;list-style: none;}
ul{padding: 0;margin-bottom: 0;}
p {font-size: 14px;font-weight: 400;margin-bottom: 0;color: #AFAFAF;}

a,
a:hover,
a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}

.main_title{ font-weight: 700;color: #262626;font-size: 38px;margin-bottom: 15px;}

.custom_btn a {border: 2px solid #262626;background-color: #262626;font-size: 16px;font-weight: 700;display: inline-block;
border-radius: 3px;opacity: 1;padding: 8px 10px;text-align: center;width: 85%;color: #FFFFFF;height: 40px;}
.custom_btn a:hover {background-color: #fff;color: #009BDD;border-color: #fff;}

.blue_txt {color: #06F6FF;}
/*Header Section*/

section.header_section nav.navbar.navbar-expand-lg.main_nav { }
section.header_section .navbar ul.main_menu li{margin-left: 10px;}
section.header_section .navbar ul.header_btn,
ul.navbar-nav.user_profile{margin-left: 15px}

section.header_section .navbar ul li a.nav-link {color: #AFAFAF;font-size: 16px;font-weight: 500;}
section.header_section .navbar ul li.active a.nav-link,
section.header_section .navbar ul li a.nav-link:hover{color: #009BDD;}

section.header_section .navbar ul li.active a.nav-link::before,
section.header_section .navbar ul li a.nav-link:hover::before
 {color: #009BDD;border-bottom: 4px solid;padding-bottom: 5px;border-radius: 18px 0px 0px;
content: '';position: absolute;width: 4%;bottom: 0;}

section.header_section ul.header_btn li {display: inline-block;}
section.header_section .custom_btn.top_btn a {width: 100% !important;font-size: 16px;
    font-weight: 500;padding: 4px 15px;}
section.header_section .header_btn .custom_btn.top_btn {width: 100px;display: block;}
section.header_section span.slide-toggle {display: none;}


.header_links {position: fixed;left: 1%;top: 40%;z-index: 99;}
.header_links ul {padding: 0px;margin: 0px;}
.header_links ul li {list-style: none;margin-bottom: 10px;}
.header_links ul li a {text-align: center;color: #FFFFFF;font-size: 20px;padding: 0 15px;display: block;
    margin-bottom: 15px;}
.header_links ul li a:hover {text-decoration: none;color: #00FFF6;}

/*Banner Section*/

section.banner_section{position: relative;}
section.banner_section {background-image: url('../../images/banner_bg.png'),linear-gradient(#40C2F9, #006FDD);
    background-repeat: no-repeat;background-position: bottom;background-size: cover;
    width: 100%;padding: 100px 0px}

section.banner_section  .Welcome_txt {padding-top: 15%;} 
section.banner_section .Welcome_txt p.wlcm_title {font-weight: 700;color: #00FFF6;font-size: 16px;}
section.banner_section .Welcome_txt h2 {font-size: 44px;font-weight: 700;margin-bottom: 25px;color: #FFFFFF;margin-top: 10px;}
section.banner_section p.welcome_des {font-weight: 400;color: #FFFFFF;font-size: 16px;opacity: 0.8;}

section.banner_section .input_form {margin-top: 50px;}
section.banner_section .input_address input {background: #FFFFFF;box-shadow: 0px 5px 10px #00000029;border-radius: 3px;opacity: 1;height: 40px;}
section.banner_section .input_address input::placeholder{font-size: 14px;color: #AFAFAF;font-weight: 500;}

section.banner_section .input_form .padding { padding-bottom:10px;}

/*Latest Section*/

section.latest_section {padding: 20px 0px 0;}
section.latest_section .latest_img img {width: 100%;margin: 0 auto;display: block;}
section.latest_section .latest_desb p {color: #AFAFAF;font-size: 14px;margin-bottom: 20px;}
section.latest_section .latest_subtitle h5 {color: #009BDD;font-size: 24px;font-weight: 500;}

section.latest_section  .blue_box {background-image: linear-gradient(180deg, #82DAFF 0%, #009BDD 100%);
box-shadow: 0px 15px 22px #009BDD1A;border-radius: 8px;opacity: 1;margin-top: 20px;padding: 20px 15px 15px;}
section.latest_section .latest_contain {margin-top: 35px;}   
section.latest_section  .latest_img {display: flex;align-items: center;}
section.latest_section .blue_content.blue_content2 {text-align: end;}
section.latest_section .blue_content p {color: #FFFFFF;font-size: 16px;}
section.latest_section .blue_content h6 {font-size: 22px;font-weight: 700;color: #FFFFFF;margin-top: 8px;}

/*Find a plan that's right for you*/

section.findPlan_section {padding: 0 0 50px;}
section.findPlan_section .findPlan_title p {color: #AFAFAF;font-size: 16px;max-width: 78%;margin: 0 auto;
    margin-bottom: 50px;}

section.findPlan_section .plan_box {background: #FFFFFF;box-shadow: 0px 8px 8px #009BDD0F;position: relative;
    border-radius: 8px;opacity: 1;padding: 20px 5px;}
section.findPlan_section .plan_box:hover {background: transparent linear-gradient(180deg, #95E0FF 0%, #008CC8 100%);
box-shadow: 0px 50px 30px #009BDD33;border-radius: 8px;opacity: 1;cursor: pointer;transition: all .5s;transform: translateY(-20px);}

section.findPlan_section .plan_box img {width: 129px;height: 112px;}
section.findPlan_section .plan_box img.hover_img {display: none;}
section.findPlan_section .plan_box:hover img.main_img{display: none;}  
section.findPlan_section .plan_box:hover img.hover_img {opacity: 1;display: block;margin: 0 auto;
width: 129px;height: 112px;}


section.findPlan_section .plan_box:hover .paln_content p,
section.findPlan_section .plan_box:hover .plan_list p
{color: #fff;}

section.findPlan_section .plan_box:hover .border_bottom hr{border-color: #fff;}

section.findPlan_section .border_bottom hr {border: 1px solid #009BDD;width: 55%;margin-top: 10px;}
section.findPlan_section .paln_content p {font-size: 15px;font-weight: 700;color: #262626;
    margin-top: 10px;}
section.findPlan_section .plan_list p.rate_txt {color: #AFAFAF;font-size: 14px;font-weight: 400;
    margin-bottom: 5px;}

section.findPlan_section p.per_day {color: #262626;font-size: 14px;font-weight: 500;margin: 0;}

section.findPlan_section p.bonus_txt {font-size: 16px;font-weight: 500;color: #262626;margin-top: 15px;}

section.findPlan_section .start_btn a {background: #009BDD;box-shadow: 0px 5px 10px #009BDD29;border-radius: 3px;
opacity: 1;color: #fff;width: 50%;display: block;margin: 0 auto;text-align: center;
padding: 7px 0px;font-size: 14px;font-weight: 700;}

section.findPlan_section .plan_box:hover .start_btn a{color: #009BDD;
    background-color: #fff;}

section.findPlan_section .start_btn {margin-top: 35px;}


/*Why choose Us Section*/

section.choose_section {padding: 30px 0px 60px;background-color: #F2FBFF;}

section.choose_section .choose_title h2 {margin-bottom: 15px;}
section.choose_section .choose_box:hover {cursor: pointer;transition: all .5s;
    transform: translateY(-10px);}
section.choose_section .choose_icon h6 {color: #262626;font-size: 22px;font-weight: 700;}
section.choose_section .choose_icon p {font-size: 14px;font-weight: 400;color: #AFAFAF;margin-top: 15px;}

section.choose_section .choose_img {width: 35%;}

section.choose_section .choose_img img {padding: 22px 0px;width: 45px;}

/*Footer Section*/

section.footer_section {padding: 3px 0px 3px;background-color: #262626;}
section.footer_section .footer_logo {margin-bottom: 20px;}
section.footer_section .footer_logo img {width: 25%;margin-bottom: 25px;}

section.footer_section .footer_menu_list ul li {display: inline-block;}
section.footer_section .footer_menu_list ul li:first-child{margin-left: 0;}
section.footer_section .footer_menu_list ul li a {font-size: 16px;font-weight: 500;color: #AFAFAF;}
section.footer_section .footer_menu_list ul li a.active,
section.footer_section .footer_menu_list ul li a:hover{color:#009BDD ;}

/*CopyRight Section*/

section.copyright_section {background-color: #000000;padding: 12px 0px;}
section.copyright_section .copy_title p {color: #AFAFAF;text-align: center;font-size: 14px;}



/*Affiliate Page*/
section.affiliate_banner {padding: 120px 0px 0px;background-image: url(../../images/bg_img.png),linear-gradient(#40C2F9, #006FDD);
background-repeat: no-repeat;background-position: left;background-size: contain;width: 100%;position: relative;}
section.affiliate_findplan {padding: 60px 0px;}

section.affiliate_banner .affiliate_banner_txt h2{color: #FFFFFF;}
section.affiliate_banner .affiliate_img{background-image: url(../../images/affiliate_img.png);
background-repeat: no-repeat;background-position: center;background-size: contain;width: 100%;height: 440px;}
section.affiliate_banner p.welcome_des{font-size: 14px;}



/*Payout Page*/

section.payout_banner {padding: 90px 0px 0px;background-image: url(../../images/bg_img.png),linear-gradient(#40C2F9, #006FDD);
    background-repeat: no-repeat;background-position: left;background-size: contain;width: 100%;}
section.payout_banner .payout_banner_txt h2 {color: #FFFFFF;}
section.payout_banner p.welcome_des{font-size: 14px;}

section.payout_banner .payout_banner_txt {margin-bottom: 50px;}
section.payout_banner .payout_img{background-image: url(../../images/payout_img.png);
background-repeat: no-repeat;background-position: center;background-size: contain;width: 90%;height: 385px;}

section.payout_section .payout_title {margin-bottom: 40px;}
section.payout_section {padding: 60px 0px;}
section.payout_section .payout_contain .payout_icon {float: left;}
section.payout_section .payout_contain p {color: #565656;font-size: 12px;font-weight: 400;}

section.payout_section p.subtxt_list { color: #0CCC0C;font-weight: 700;font-size: 16px;}
section.payout_section .payout_box {background: #FFFFFF;box-shadow: 0px 12px 15px #00000014;border-radius: 8px;
opacity: 1;padding: 20px 10px;}
section.payout_section .payout_icon {float: left;margin-right: 14px;}
section.payout_section p.right_subtxt {
    color: #262626;
    font-size: 14px;
    font-weight: 700;
}
section.payout_section .input_checklink {
    margin-top: 10px;
}

section.payout_section .input_checklink p {
    color: #565656;
    font-size: 12px;
    font-weight: 400;
}

section.payout_section .input_checklink input,._text {
    background: #009BDD14;
    border-radius: 4px;
    opacity: 1;
    border: none;
}
section.payout_section .input_checklink input, ._text{color: #009BDD;font-size: 14px;font-weight: 500;}
section.payout_section .input_checklink ._text{ padding:5px 0 5px 10px; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
section.payout_section .row.mr_top {margin-top: 20px;}


section.payout_section  .payout_contain {
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*--------------------------Faq Page----------------------------*/

/*Faq Section*/

section.faq_banner {padding: 90px 0px 0px;background-image: url(../../images/bg_img.png),linear-gradient(#40C2F9, #006FDD);
    background-repeat: no-repeat;background-position: left;background-size: contain;width: 100%;}
section.faq_banner .faqBanner_txt h2 {color: #FFFFFF;}
section.faq_banner p.welcome_des{font-size: 14px;}

section.faq_banner .faqBanner_txt {margin-bottom: 50px;}
section.faq_banner .faq_img{background-image: url(../../images/faq_img.png);
background-repeat: no-repeat;background-position: center;background-size: contain;width: 90%;height: 385px;}

section.faq_section{padding: 60px 0px 25px;}    
section.faq_section .faq_img img {width: 75%;}
section.faq_section .faq_title {margin-bottom: 60px;}
section.faq_section .faq_title h2{position: relative;}
section.faq_section .faq_title h2:after {border-bottom: 4px solid #E97D8D;width: 25px;content: '';position: absolute;
bottom: 0;margin-left: -24px;border-radius: 6px;}

section.faq_section .accordion a {position: relative;display: block;
    width: 100%;padding: 15px 13px;color: #232323 !important;font-size: 14px;
    font-weight: 400;border-radius: 8px;background-color: #F3F3F3;margin-bottom: 15px;}

section.faq_section .accordion a:hover,
section.faq_section .accordion a:hover::after {cursor: pointer;color: #03b5d2;}
section.faq_section .accordion a:hover::after {border: 1px solid #03b5d2;}
section.faq_section .accordion a.active {color: #fff !important;border-bottom: 1px solid #fff;
background: transparent linear-gradient(180deg, #8FDEFF 0%, #009BDD 100%);margin-bottom: 0;border-radius: 8px 8px 0px 0px;}

section.faq_section .accordion-item a span {right: 18px;font-size: 18px;color: #232323;
    width: 20px;height: 20px;position: absolute;padding: 0;text-align: center;
    line-height: 18px;box-shadow: 0px 30px 30px #2000a10d;}

section.faq_section .accordion a.active span {color: #fff;transform: rotate(180deg);}
section.faq_section .accordion a.active::after {color: #03b5d2;border: 1px solid #03b5d2;}

section.faq_section .accordion .content {display: none;padding: 1rem;overflow: hidden;background: #FFFFFF;color: #fff;margin-bottom: 20px;
    border-radius: 0px 0px 8px 8px;box-shadow: 0px 15px 15px #00313114;}
section.faq_section .accordion .content p {font-size: 14px;font-weight: 400;margin-bottom: 20px;
    opacity: 0.5;color: #000000;}


/*Contact Page*/

section.contact_banner {padding: 90px 0px 0px;background-image: url(../../images/bg_img.png),linear-gradient(#40C2F9, #006FDD);
    background-repeat: no-repeat;background-position: left;background-size: contain;width: 100%;}
section.contact_banner .contact_banner_txt h2 {color: #FFFFFF;}

section.contact_banner p.welcome_des{font-size: 14px;}

section.contact_banner .contact_banner_txt {margin-bottom: 50px;}
section.contact_banner .contact_img{background-image: url(../../images/contact_img.png);
background-repeat: no-repeat;background-position: center;background-size: contain;width: 100%;height: 330px;}




section.contact_section {padding: 30px 0px;}
section.contact_section{background-image: url('../../images/map.png');
    background-repeat: no-repeat;background-position: center;
position: relative;background-size: cover;width: 100%;
padding: 20% 0px 10%;}

section.contact_section {padding: 50px 0px 60px;}
section.contact_section .contact_title h2 {font-size: 28px;margin-bottom: 25px;}

section.contact_section .contact_input1 {margin-bottom: 20px;}

section.contact_section .contact_input1 label {font-size: 12px;font-weight: 500;color: #232323;}

section.contact_section .contact_input1 input,
section.contact_section .contact_input1 textarea {border: none;padding: 15px 10px;background: #FFFFFF;box-shadow: 0px 12px 15px #00000014;border-radius: 8px;opacity: 1;}
section.contact_section .contact_input1 input::placeholder,
section.contact_section .contact_input1 textarea::placeholder{font-size: 13px;font-weight: 400;color: #B8B8B8;}

section.contact_section .send_btn a {background: #009BDD;box-shadow: 0px 5px 10px #009bdd29;border-radius: 3px;opacity: 1;color: #fff;font-size: 16px;font-weight: 700;width: 30%;display: block;margin: 0 auto;border: 1px solid #009BDD;padding: 8px 0px;}
section.contact_section .send_btn a:hover{background-color: #fff; color:#009BDD ;border-color: #009BDD;}

section.contact_section .contact_contain {background-color: #009BDD14;padding: 18px 25px;border-radius: 8px;}

section.contact_section .contact_list{margin-top: 15px;}
section.contact_section .contact_list ul li {margin-bottom: 25px;}    
section.contact_section .contact_list ul li a {
    color: #232323;
    font-size: 18px;
    font-weight: 500;
    display: block;
    align-items: center;
    }

section.contact_section .contact_list ul li a span {
    border: 1px solid #009BDD;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: #009BDD;
    text-align: center;
    line-height: 35px;
    color: #fff;
    position: absolute;
    font-size: 14px;
    }


section.contact_section .contact_list ul li :hover,
section.contact_section .contact_list ul li :hover p {
    color: #009BDD;
}

section.contact_section .contact_list ul li a:hover span {
    color: #009BDD;
    border: 1px solid #009BDD;
    background-color: transparent;
}

section.contact_section .following_detail{margin-top: 20px;}
section.contact_section .following_title p {color: #232323;font-size: 18px;}

section.contact_section .following_list{margin-top: 0;}
section.contact_section .following_list ul li {margin-bottom: 15px;display: inline-block;}    
section.contact_section .following_list ul li a {display: flex;align-items: center;}
section.contact_section .following_list ul li a span {
    margin-right: 25px;
    border: 1px solid #009BDC;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: #009BDD;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    }
section.contact_section .following_list ul li a.sky span {margin-right: 0;}
section.contact_section .following_list ul li a span:hover {
    color: #009BDD;
    border: 1px solid #009BDD;
    background-color: transparent;
}
/*section.getIn_contact .following_list ul li a span:last-child{
    margin-right: 0px;}*/

section.contact_section .border_bottom hr {
    border-top: 2px solid #A8DCF3;
    width: 70%;
    display: inline-flex;
    margin-bottom: 0;
}
section.contact_section .detail_contact {
    padding-left: 50px;
}
section.contact_section .detail_contact p {
    font-size: 12px;
    font-weight: 400;
    color: #B8B8B8;
}


/*--------------------------Login Account Page------------------------------*/

/*Login_Account Banner*/
section.login_account{background-image: url('../../images/earning_bg.png'),linear-gradient(#40C2F9, #006FDD);background-repeat: no-repeat;
background-size: cover;background-position:center;position: relative;width: 100%;padding: 60px 0px 35px;}

section.login_account .payout_box {background: #FFFFFF;box-shadow: 0px 12px 15px #00000014;
border-radius: 8px;opacity: 1;padding: 18px 18px;}
section.login_account p {font-size: 24px;font-weight: 900;color: #262626;margin-top: 8px;}
section.login_account .earning_input input {
    border: none;
	background: #FFF;
    padding: 15px 10px;
    width: 100%;
    font-size: 38px;
    /* margin-top: 10px; */
    display: inline-block;
    }

section.login_account .earning_input input::placeholder{color: #000;font-weight: 700;}

section.login_account .ltc_btn .ltc_button {
    background: #FFF;
    box-shadow: 0px 12px 15px #00000014;
    border-radius: 8px;
    border: 1px solid #009BDD;
    opacity: 1;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    padding: 14px 0px 18px;
    height: 69px;
}
section.login_account .ltc_btn .ltc_button:hover{background-color: #fff;color:#009BDD ;}
section.login_account .ltc_btn {width: 100%;}

section.login_account .earning_navmenu ul {margin-bottom: 8px;}
section.login_account .earning_navmenu ul li {display: inline-block;margin-left: 15px;}

section.login_account .earning_navmenu ul li a {
    background: #FFFFFF;
    box-shadow: 0px 8px 10px #00000029;
    border-radius: 6px;
    opacity: 1;
    padding: 10px 35px 10px 5px;
    justify-content: end;
    align-items: end;
    color: #262626;
    font-weight: 700;
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: center;
}
section.login_account span.icon_earning {
    background: #202020;
    border-radius: 6px;
    opacity: 1;
    margin-right: 10px;
    padding: 7px 5px;
}
section.login_account .earning_contain {margin-top: 20px;}


section.login_account .earning_navmenu ul li a:hover{color: #009BDD;cursor: pointer;
    transition: all .5s;box-shadow: 0px 20px 20px #00000040;
    transform: translateY(-20px);}
section.login_account .earning_navmenu ul li a:hover span.icon_earning{background-color: #009BDD;}
section.login_account  span.icon_earning img {width: 25px;}



/*--------------------Account Page-------------------*/

/*Account banner*/

section.account_page {
    opacity: 1;
    background-image: linear-gradient(#40C2F9, #006FDD);
    padding: 60px 0px 100px;
}

section.account_page .account_title {
    text-align: center;
}

section.account_page .account_title h2 {
    color: #FFFFFF;
    font-size: 54px;
    font-weight: 700;
}

section.account_page .account_title p {
    font-size: 16px;
    color: #D1EAFB;max-width: 80%;
    margin: 0 auto;
}


/*Account_Id Section*/
section.accountId_section {margin-top: -5%;position: relative;z-index: 99;margin-bottom: 45px;}
section.accountId_section .white_box {
    background: #FFFFFF;
    box-shadow: 0px 12px 15px #00000014;
    border-radius: 8px;
    opacity: 1;
    padding: 10px 10px;position: relative;
    z-index: 999;
}

section.accountId_section .account_box {
    background: #F0FBFF;
    border-radius: 8px;
    opacity: 1;
    padding: 20px 20px 10px;
}
section.accountId_section .payout_icon {
    float: left;
    margin-right: 14px;
}

section.accountId_section .payout_contain input {
    width: 50%;
    background: #CEF0FF;
    border-radius: 4px;
    border: none;
    font-size: 30px;
    font-weight: 700;
    
}
section.accountId_section .payout_contain input::placeholder{color: #009BDD;}

section.accountId_section .payout_contain p {
    font-size: 16px;
    font-weight: 500;
    color: #828282;
}
section.accountId_section .account_detail .animated_txt {
    font-size: 15px;
    font-weight: 700;
    color: #262626;overflow-wrap: break-word;
}

section.accountId_section .account_detail p {
    color: #828282;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

section.accountId_section .account_detail {
    margin-top: 15px;
}
section.accountId_section .program_version p {
    color: #828282;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

section.accountId_section .program_version h6 {
    color: #262626;
    font-weight: 700;
    font-size: 16px;
}
section.accountId_section .blue_box {
    background: #009BDD;
    border-radius: 8px;
    opacity: 1;
    padding: 15px 15px;
    text-align: center;
}
section.accountId_section .user_group p {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
}
section.accountId_section .user_input input {
    color: #262626;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
}

section.accountId_section .border_bottom hr {
    margin: 10px 0;
}


/*Account Tab*/
section.account_tab {
    padding: 30px 0px 50px;
}
section.account_tab table.table thead tr th {
    color: #000;border: none;
    font-size: 14px;

}

section.account_tab table.table tbody tr td {
    font-size: 14px;
    color: #727272;
}

section.account_tab table.table tbody tr td:first-child {
    color: #262626;
}

section.account_tab span.green_txt {
    color: #0CCC0C;
}

section.account_tab span.txid_txt {
    color: #009BDD;
}
section.account_tab  .tab_table {
    background: #FFFFFF;
    box-shadow: 0px 12px 15px #00000014;
    border-radius: 8px;
    opacity: 1;
}
section.account_tab .tab_table ul li button {
    color: #727272;
    font-size: 16px;
    font-weight: 500;
}
section.account_tab .tab_table ul{border: none;}
section.account_tab .tab_table ul li {background-color: #E6E6E6;
    border-radius: 8px 8px 0px 0px;margin-right: 5px;}

section.account_tab .tab_table ul li:last-child {
    margin-right: 0px;
}
section.account_tab .tab_table ul li button.active{background-color: #000;border-radius: 8px 8px 0px 0px;
color: #FFFFFF;}


/*Animated Section Title*/

section.animated_banner_title {padding: 20px 0px;}
section.animated_banner_title .animated_title p {color: #AFAFAF;max-width: 50%;font-size: 14px;
    font-weight: 400;}

/*Animated Section*/

section.animated_banner {
    padding: 30px 0px;
    background: #F2FBFF;
    opacity: 1;
}

section.animated_banner .white_box {
    background: #FFFFFF;
    box-shadow: 0px 12px 15px #00000014;
    padding: 10px;
    margin: 0 auto;
}

section.animated_banner .animated_box {
    background: #727272;
    border-radius: 8px;
    opacity: 1;
    padding: 15px 18px;
}

section.animated_banner .animated_detail h2 {color: #FFFFFF;}

section.animated_banner .animated_detail {
    display: flex;
}
section.animated_banner  .check_btn {
    display: block;
    width: 100%;
}
section.animated_banner .check_btn a {
    background: #009BDD;
    box-shadow: 0px 5px 10px #009BDD29;
    padding: 10px 15px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 3px;
}
section.animated_banner .animated_icon {margin: 0 auto;display: block;width: 80%;}
section.animated_banner .row.sp_top{margin-top: 20px;}

section.animated_banner .animated_box:after {
    background: #ffff;
    opacity: 0.2;
    position: absolute;
    content: '';
    width: 25%;
    top: 0;
    z-index: 1;
    height: 100%;
    right: 80px;
    left: 0;
    margin: 0 auto;
}
section.animated_banner .animated_detail h2 {
    max-width: 80%;font-size: 32px;
}
section.animated_banner .animated_box:before {
   background: #ffff;
   opacity: 0.2;
   position: absolute;
   content: '';
   width: 35%;
   bottom: 14px;
   z-index: 1;
   height: 20%;
   left: 0;
}

/*------------------------Popup Page--------------------------*/

section.popup_section {
    padding: 20px 0px;
}
section.popup_section .white_box {
    background: #FFFFFF;
    box-shadow: 0px 12px 15px #00000014;
    border-radius: 8px;
    opacity: 1;
    padding: 25px 25px;
}

section.popup_section .popup_conatin h6 {
    font-size: 18px;
    font-weight: 500;
    color: #262626;
}
section.popup_section .inner_box {
    background: #F6F6F6;
    border-radius: 4px;
    opacity: 1;
    padding: 20px 10px;margin-top: 15px;
}

section.popup_section .popup_socialIcon ul {
    display: block;
    text-align: center;
}

section.popup_section .popup_socialIcon ul li {
    display: inline-block;
    margin-left: 15px;
}
section.popup_section .popup_socialIcon {
    margin-top: 10px;
}

section.popup_section .popup_socialIcon ul li a {
    background-color: #009BDD;
    color: #fff;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    display: block;
    padding: 4px 0px;
    border: 1px solid #009BDD;
}
section.popup_section .popup_socialIcon ul li a:hover{border-color:#009BDD;background-color: #fff;}

section.popup_section .popup_socialIcon ul li a:hover span i{color: #009BDD;}

section.popup_section .inner_contain p {
    color: #828282; overflow-wrap: break-word;
}

/* language */ 
					.nav-wrapper {
						margin:10px 0 0 20px;
						color: #AFAFAF;
						font-size: 16px;
						font-weight: 500;
					}
					
					.sl-nav {
					  display: inline;
					}
					
					.sl-nav ul {
					  margin: 0;
					  padding: 0;
					  list-style: none;
					  position: relative;
					  display: inline-block;
					}
					
					.sl-nav li {
					  cursor: pointer;
					  padding-bottom: 10px;
					}
					
					.sl-nav li ul {
					  display: none;
					}
					
					.sl-nav li:hover ul {
					  position: absolute;
					  top: 29px;
					  right: -15px;
					  display: block;
					  width: 200px;
					  padding-top: 0px;
					  z-index: 1;
					  border-radius: 5px;
					  background:#FFF;
					  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
					}
					
					.sl-nav li:hover .triangle {
					  position: absolute;
					  top: 15px;
					  right: -10px;
					  z-index: 10;
					  height: 14px;
					  overflow: hidden;
					  width: 30px;
					  background: transparent;
					}
					
					.sl-nav li:hover .triangle:after {
					  content: "";
					  display: block;
					  z-index: 20;
					  width: 15px;
					  transform: rotate(45deg) translateY(0px) translatex(10px);
					  height: 15px;
					  background: #fff;
					  border-radius: 2px 0px 0px 0px;
					  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
					}
					
					.sl-nav li ul li {
					  position: relative;
					  text-align: left;
					  background: transparent;
					  padding: 15px 15px;
					  padding-bottom: 0;
					  z-index: 2;
					  font-size: 15px;
					}
					
					.sl-nav li ul li:last-of-type {
					  padding-bottom: 15px;
					}
					
					.sl-nav li ul li span {
					  padding-left: 5px;
					}
					
					.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
					  
					}
					
					.sl-flag {
					  display: inline-block;
					  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
					  width: 15px;
					  height: 15px;
					  background: #aaa;
					  border-radius: 50%;
					  position: relative;
					  top: 5px;
					  overflow: hidden;
					}
					
					.flag-ru {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAE2SURBVHjaYvz69T8DAvz79w9CQVj/0MCffwwAAcQClObiAin6/x+okxHMgPCAbOb//5n+I4EXL74ABBALxGSwagTjPzbAyMgItAQggBg9Pf9nZPx//x7kjL9////9C2QAyf9//qCQQCQkxFhY+BEggFi2b/+nq8v46BEDSPQ3w+8//3//BqFfv9BJeXmQEwACCOSkP38YgHy4Bog0RN0vIOMXVOTPH6Cv/gEEEEgDxFKgHEgDXCmGDUAE1AAQQCybGZg1f/d8//XsH0jTn3+///z79RtE/v4NZfz68xfI/vOX+4/0ZoZFAAHE4gYMvD+3/v2+h91wCANo9Z+/jH9VxBkYAAKIBRg9TL//MEhKAuWAogxgZzGC2CCfgUggAoYdGAEVAwQQ41egu5AQAyoXTQoIAAIMAD+JZR7YOGEWAAAAAElFTkSuQmCC);
					}
					
					.flag-br {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHjSURBVHjaYmRIZkCAfwwMf2DkLzCCMyDoBwNAALEAlTVGN/5nYPj//x8Q/P3/9++/vzZa31gY/mw5z/Tn3x8g98+f37///fn99/eq2lUAAQTS8J/h/7NPz/9C5P79WRj89f9/zv//fztLvPVezPzrz+8/f3//+vtLhl8GaANAAIE1/P8PVA1U6qn7NVTqb1XVpAv/JH7/+a/848XmtpBlj39PO8gM1PP7z2+gqwACiAnoYpC9TF9nB34NVf5z4XpoZJbEjJKfWaEfL7KLlbaURKj8Opj08RfIVb+BNgAEEBPQW1L8P+b6/mb6//s/w+/+nc4F0/9P2cj65xdHc+p/QR39//9/AdHJ9A/60l8YvjIABBAT0JYH75jStv75zwCSMBY8BXTMxXv/21ezfHj9X5/3BESDy5JfBy7/ZuBnAAggkA1//vx594kpaCnLloe/smLaVT9/ff3y/+/P/w+u/+JuW7fhwS/tSayPXrOycrEyfGQACCAWoA1//oOCDIgm72fu4vy6b4LD/9/S/3///s9+S28yy+9/LEAf//kLChVgCAEEEEjD7z9/JHgkQeHwD8gUjV79O9r6CzPLv6lr1OUFwWH9Fxjcv//9BcYoA0AAMTI4ImIROUYRMf2XARkABBgA8kMvQf3q+24AAAAASUVORK5CYII=);
	  
				}
				
				.flag-id {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFASURBVHjaYrwvyMzw6S8DGPwD0//ACAj+wNj/kNgAAcTC8P6vUF87UPr/v38M//79//v3/18g+Yfh35//v//++/vn/x8g+v3/N4hxe9YigABiYWAGG/biOQNI6V+wNBj9/f0PqOj3738g1b////rFLCUNtAEggFgY/jIAjYSo/gdWygBU8ec3iP37z7/fv0DsXyARxj9AOQaAAGIBOe7b179fPv3/85cBah5Q6a9/v8HafoOM//frF1CckYf3FwMDQACxCOSmctjY//34EeSef2AEchiY8QfsB4jlf/8yCwiKnT8LEECMf/+CguY/EDCAIW7AxMT0/v17gABi+ffvHyMjI0g9Az7VEFmgLwACiAmoAb9SNG0AAQSyAWgXRA8DDADtZEABQC5IFqgYIIBAGn78+PEPAhjAEAeAaAUIMAD/YnbumkL3sQAAAABJRU5ErkJggg==);
				}
				
				.flag-vn {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFsSURBVHjaYvzPgAD/UNlYEUAAmuTYAAAQhAEYqF/zFbe50RZ1cMmS9TLi0pJLRjZohAMTGFUN9HdnHgEE1sDw//+Tp0ClINW/f4NI9d////3+f+b3/1+////+9f/XL6A4o6ws0AaAAGIBm/0fRTVQ2v3Pf97f/4/9Aqv+DdHA8Ps3UANAALEAMSNQNdDGP3+ALvnf8vv/t9//9X/////7f+uv/4K//iciNABNBwggsJP+/IW4kuH3n//1v/8v+wVSDURmv/57//7/CeokoKFA0wECiAnkpL9/wH4CO+DNr/+VQA1A9PN/w6//j36CVIMRxEkAAQR20m+QpSBXgU0CuSTj9/93v/8v//V/xW+48UBD/zAwAAQQSAMzOMiABoBUswCd8ev/M7A669//OX7///Lr/x+gBlCoAJ0DEEAgDUy//zBISoKNAfoepJNRFmQkyJecfxj4/kDCEIiAigECiPErakTiiWMIAAgwAB4ZUlqMMhQQAAAAAElFTkSuQmCC);
				}
				
				.flag-en {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHzSURBVHjaYkxOP8IAB//+Mfz7w8Dwi4HhP5CcJb/n/7evb16/APL/gRFQDiAAw3JuAgAIBEDQ/iswEERjGzBQLEru97ll0g0+3HvqMn1SpqlqGsZMsZsIe0SICA5gt5a/AGIEarCPtFh+6N/ffwxA9OvP/7//QYwff/6fZahmePeB4dNHhi+fGb59Y4zyvHHmCEAAAW3YDzQYaJJ93a+vX79aVf58//69fvEPlpIfnz59+vDhw7t37968efP3b/SXL59OnjwIEEAsDP+YgY53b2b89++/awvLn98MDi2cVxl+/vl6mituCtBghi9f/v/48e/XL86krj9XzwEEEENy8g6gu22rfn78+NGs5Ofr16+ZC58+fvyYwX8rxOxXr169fPny+fPn1//93bJlBUAAsQADZMEBxj9/GBxb2P/9+S/R8u3vzxuyaX8ZHv3j8/YGms3w8ycQARmi2eE37t4ACCDGR4/uSkrKAS35B3TT////wADOgLOBIaXIyjBlwxKAAGKRXjCB0SOEaeu+/y9fMnz4AHQxCP348R/o+l+//sMZQBNLEvif3AcIIMZbty7Ly6t9ZmXl+fXj/38GoHH/UcGfP79//BBiYHjy9+8/oUkNAAHEwt1V/vI/KBY/QSISFqM/GBg+MzB8A6PfYC5EFiDAABqgW776MP0rAAAAAElFTkSuQmCC);
				}
				.flag-ch {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEBSURBVHjaYvzPgAD/UNkQBBBALCBedTWQ+P/vHyMjI4jx+zfDjx+Mf/4w//nzZ/ZsgAACq2D4///JU4a/fxkWLfr/H2Tof39/kDpJSaAZAAHEAtb9HyT99y9UGgh+//7/6zfD799AFQABxPAXaFll5b9///4CwZ+/QIN///7969evn0AQHf2egQEggMC2MDL+BwOoATAAcS9AAIFt+fEDLACGyCq+fgWqAAggFiBmBKrw9WX48+f/1q1QSXNzoFMYZWWBsgABBFIB9BXI5UDXwcGvX0AEcSlAAIFUMP3+A/QYSFF8AtAahp8/gLoZwNqAsgABxPgVKfj+oYYmBAEEGACuqcePp4nP0QAAAABJRU5ErkJggg==);
				}
				
				.flag-es {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFnSURBVHjaYvzPgAD/UNlYEUAAmuTYAAAQhAEYqF/zFbe50RZ1cMmS9TLi0pJLRjZohAMTGFUN9HdnHgEE1sDw//+Tp0ClINW/f0NIKPoFJH/9//ULyGaUlQXaABBALAx/Gf4zAt31F4i+ffj3/cN/XrFfzOx//v///f//LzACM/79ZmD8/e8TA0AAMYHdDVT958vXP38nMDB0s3x94/Tj5y+YahhiAKLfQKUAAcQEdtJfoDHMF2L+vPzDmFXLelf551tGFOOhev4A/QgQQExgHwAd8IdFT/Wz6j+GhlpmXSOW/2z///8Eq/sJ18Dw/zdQA0AAMQExxJjjdy9x2/76EfLz4MXdP/i+wsyGkkA3Aw3984cBIIAYfzIwMKel/bt3jwEaLNAwgZIQxp/fDH/+MqqovL14ESCAWICeZvr9h0FSEhSgwBgAygFDEMT+wwAhgQgc4kAEVAwQQIxfUSMSTxxDAECAAQAJWke8v4u1tAAAAABJRU5ErkJggg==);
				}
				
				.flag-fr {
					  background-size: cover;
					  background-position: center center;
					  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGzSURBVHjaYiyeepkBBv79+Zfnx/f379+fP38CyT9//jAyMiq5GP77wvDnJ8MfoAIGBoAAYgGqC7STApL///3/9++/pCTv////Qdz/QO4/IMna0vf/z+9/v379//37bUUTQACBNDD8Z/j87fffvyAVX79+/Q8GQDbQeKA9fM+e/Pv18/+vnwzCIkBLAAKQOAY5AIAwCEv4/4PddNUm3ji0QJyxW3rgzE0iLfqDGr2oYuu0l54AYvnz5x9Q6d+/QPQfyAQqAin9B3EOyG1A1UDj//36zfjr1y8GBoAAFI9BDgAwCMIw+P8Ho3GDO6XQ0l4MN8b2kUwYaLszqgKM/KHcDXwBxAJUD3TJ779A8h9Q5D8SAHoARP36+Rfo41+/mcA2AAQQy49ff0Cu//MPpAeI/0FdA1QNYYNVA/3wmwEYVgwMAAHE8uPHH5BqoD1//gJJLADoJKDS378Z//wFhhJAALF8A3rizz8uTmYg788fJkj4QOKREQyYxSWBhjEC/fcXZANAALF8+/anbcHlHz9+ffvx58uPX9KckkCn/gby/wLd8uvHjx96k+cD1UGiGQgAAgwA7q17ZpsMdUQAAAAASUVORK5CYII=);
				}
				
				
				.flag-sa {
					  background-size: cover;
					  background-position: center center;
						background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG5SURBVHjaYmTwZkCAfwwMf8DoF4wEoh9IjB8MAAEYFJMbAEAYhvXBsLAFrAMj5iiR/LAsj2xn7q7qMkVZtmnGKdEAkRgg3PW+AAJpAKp+9vEZUB0TAxOQ9+3nt19/frGysP3+8+v7rx//Gf5//fnly4/PMkKyQMUAAcQCdMb///9//vlhpWijLKz6+cen0/fPGMjpszGxMTMyHb171E7V/vKzSwuOzwVaBdQAEEAgDWAH/AXyP33/wMHKKSMgzcnMee/1vZ9/fn74/uHtlzfMDMy//gJdBtIAEEBMQN8A3ffn728RbhEFEYXXX958+fXl2otrHGzs155f42Dmuvv67o5rO/6CvAQMBwaAACTN0Q0AEAwFQO3+i4hhLOJXQvvahxjgcm+IBFlar0K5m4WZG4CFraJjDsCZ/OAIIBagDX/A1v36/TPJOomLhRvoJXhY8bHzAaWyV2T9/PsTyAVqAAggmAYg/Pdn8r7Jf/6BFAMtAYoAyQKngsO3DgP1QAIaqAEggFiAcfH73x8JPglwkANFf4OkgUb8A5Erzi4H+k9OSB6oAWgnUANAADEyKKNEJMNPBvwAIMAAMHo3F4Y5Tq0AAAAASUVORK5CYII=);
				}