/* ------font-styling-------- */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* ------Default-styling-------- */

*{box-sizing:border-box;}
*:focus, 
button:focus{outline:none;}
body{margin:0;padding:0; font-family: 'Roboto'; font-size:14px; color:#343434; font-weight: normal;}
ul,
li{ margin:0px;padding:0px;list-style:none; }
header.sk2header {
    box-shadow: none;
    position: relative;
    background: #fff;
    width: 100%;
    z-index: 10;
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

.fb_bnr{max-width:400px;width:100%;margin:40px auto;}
.fb_bnr h1{font-size:24px;line-height:32px;font-weight:bold;text-transform:uppercase;text-align:left;}
.fb_form{max-width:400px;width:100%;margin:40px auto;}
.fb_form h2{font-size:32px;line-height:43px;font-weight:bold;color:#FF5022;}
.gry_bk{background:#F2F2F2;}
.wh_bk{background:#ffffff;}
.org_bk{background:#FF5F39;}
.form_lft{border-top-left-radius: 15px; border-bottom-left-radius: 15px;min-height: 500px;box-shadow:0 -3px 10px #ccc;-webkit-box-shadow:0 -3px 10px #ccc;-moz-box-shadow:0 -3px 10px #ccc;}
.awardbg{background:url('../../images/Offer/img1_bg.svg') no-repeat 0;background-size: contain;background-position: center;}
.awardbg h2{font-size:50px;line-height:66px;font-weight:bold;}
.awardbg h2.head_sml{font-size:30px;line-height:normal;padding-top:30px;}
.awardbg h3{font-size:30px;line-height:39px;font-weight:bold;color:#464646;}
.awardbg h4{font-size:22px;line-height:29px;font-weight:400;color:#606060;}
.awardbg .org_count{font-size:48px;line-height:normal;font-weight:bold;color:#FF5F39;}
.awardbg .gry_txt{color: #606060;font-weight:500;margin:0 0 20px;}
.fb_container{max-width:1100px;width:100%;margin:0 auto;}
.fb_stats{margin:30px auto;text-align:center;padding:0;}
.fb_stats li{font-size:36px;line-height:normal;color:#fff;font-weight:bold;display:inline-block;width:19%;}
.fb_stats li span{font-size:9px;line-height:normal;color:#fff;font-weight:400;display:block;}
.wht_txt{color:#fff;}
.bnp_sec h2{font-size:36px;line-height:48px;font-weight:bold;color:#383838;margin:0 0 15px;text-align:center;}
.bnp_sec h3{font-size:36px;line-height:normal;font-weight:bold;color:#FF5F39;margin:0 0 5px;}
.bnp_sec p{font-size:16px;line-height:normal;font-weight:bold;color:#383838;margin:0 0 5px;}
.fb_stats small,
.bnp_sec small{font-weight:normal;}
.bnp_sec{padding:30px 0;}
.text-center{text-align:center;}
.bnp_sec .text-left {padding: 0 20px;}
.service_inv{padding:30px 0;overflow:hidden;}
.service_inv h2{font-size:36px;line-height:48px;font-weight:bold;color:#464646;margin:0 0 15px;}
.fb_main .img_wrap{position:relative;}
.fb_main .img_wrap > img{position:absolute;width:100%;}
.fb_main .img_wrap.lft > img{left:-17%;}
/*.fb_main .img_wrap.lft.lft-40 > img{left:-40%;}*/
.fb_main .img_wrap.rgt > img{right:-24%;}
.cnt_wrap{margin-top:30%;max-width:500px;width:100%;}
.cnt_wrap h3{font-size:30px;line-height:39px;font-weight:bold;color:#464646;margin:0 0 5px;}
.cnt_wrap p{font-size:21px;line-height:28px;font-weight:normal;color:#606060;margin:0 0 5px;}
.cnt_wrap.rgt{margin-right:40px;}
.cnt_wrap.lft{margin-left:30%;}
.cnt_wrap.pad_rgt{padding-right:20%;}
.mt-10{margin-top:10%;}
.mt-20{margin-top:20%;}
.mt-30{margin-top:30%;}
.mt-50{margin-top:50%;}
.mt-80{margin-top:80%;}
.mt-100{margin-top:100%;}
.mt-120{margin-top:120%;}
.trading_acc{text-align:center;padding:40px 0 50px;}
.trading_acc a{display:inline-block;color:#fff;font-size:15px;line-height:normal;font-weight:bold;text-transform:uppercase;max-width: 700px; width: 100%; margin: 0 auto; padding: 15px; text-align: left;text-decoration:none;position:relative;}
.trading_acc a:after{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);display:block;content:'\f061';right:10px;}
.fb_form .btn-org-solid{display:block;background:#FF5022;color:#fff;border:none;text-transform:uppercase;font-size:15px;line-height:normal;font-weight:bold;padding:10px;width:100%;}
.fb_form input[type="text"],
.fb_form input[type="email"],
.fb_form input[type="number"],
.fb_form select{background:#EAE9E6;color:#464646;font-size:16px;line-height:18px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.fb_form select,
form select,
select {color:#949393;}
.fb_footer{padding:20px;}
.fb_footer{background:#FAFAFA;font-size:12px;line-height:16px;}
.fb-footer p a{color:#FF5F39;}
.fb-org{color:#FF5F39;}
.hide_desktop{display:none;}
/* --------------- Start: Loader ---------------- */
.modalLoaderImg{ position: fixed; z-index: 9999; height: 100%; width: 100%; top: 0; background-color: rgba(0,0,0,0.5); /*filter: alpha(opacity=60); opacity: 0.6;-moz-opacity: 0.8;*/}
.centerLoaderImg{z-index: 1000; margin: 20% auto;padding: 0; max-width: 50px; width:100%; background-color: rgba(255,255,255,1.0); text-align:center; border-radius: 10px; /*filter: alpha(opacity=100); opacity: 1;-moz-opacity: 1;*/}
.centerLoaderImg img{height: 70px; width: 70px; margin-left: 40%; margin-right: 40%;}
.routing .loading-dialog,.routing .loading-dialog-modal{display:block !important}
 .loading-dialog {position: fixed;z-index: 9999; top: 0;left: 0;height: 100%;width: 100%;text-align: center;opacity:1;display: none;background: rgba(0, 0, 0, 0.5);}
.tableLoder{min-height: initial;position: relative;background: rgba(255,255,255,0.6);}
.customLoder{ position: absolute; background: rgba(255,255,255,1);width: 100%;height: 100%;top: 0;left: 0; z-index: 9;}
.customLoaderParent{position: relative!important; overflow: hidden!important;}
.loading-logo,.md-circular{margin: auto;width: 70px;height: 70px;border-radius:50%; line-height:70px; vertical-align:middle;position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.tableLoder .loading-logo,.tableLoder .md-circular,.customLoder .loading-logo,.customLoder .md-circular{
    width: 50px; height: 50px;line-height:50px;background-size: 50%;border-width: 3px;}
.loading-logo{background:#FFF url(../../images/sk_32.png) no-repeat center;z-index:1;}
.md-circular{background:transparent;z-index:2;border: 5px solid #fc7652;border-top-color: #000;-webkit-animation: spin 1s infinite linear;animation: spin 1s infinite linear;}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spin {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/*browser modal*/
.browserInfo{display: block;position: absolute;text-align: center;width: 90%;height:50%;margin: auto;left: 0;right: 0;top: 0;bottom: 0;color:#2a2b39;}
.browserInfo .info-1{font-size: 30px; font-weight: 500; margin: 0 auto 15px; line-height: 34px;}
.browserInfo .info-2{font-size: 24px; margin: 0 auto 25px;}
.browserInfo .info-3{font-size: 18px; font-weight: 400; margin: 0 auto 10px;}
.browserInfo .info-3 span{color:#fc7652;}
.browserInfo img{display: block; margin: 0 auto 20px;}
.browserInfo .icons{display: inline-block;margin: 6px; width: 40px;}
.browserInfo .icons img{width: 100%; height: auto;}
/* --------------- End: Loader ---------------- */
.scroll-down {opacity: 1;position: fixed;bottom: 100px;left: 95%;margin-left: -16px;display: none;width: 25px; height: 25px;border: 2px solid #FF5F39; background-size: 14px auto;border-radius: 50%;z-index: 2;-webkit-animation: bounce 2s infinite 2s; animation: bounce 2s infinite 2s;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;background:#FF5F39;color:#fff;}
.scroll-down:before {position: absolute; top: calc(50% - 3px);left: calc(50% - 4px);transform: rotate(130deg);display: block;width: 8px; height: 8px;content: "";border: 2px solid #ffffff;border-width: 0 0 2px 2px;}
@keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  60% { -webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}}

hr{border-top: 1px solid #ccc;}
.fb_bnr h1{color:#343434;}
.fb_bnr h3,
.fb_bnr p,
.fb_bnr ul li{font-family: 'Roboto';color:#343434;}
.fb_bnr ul li{list-style:disc;}
.list_cus,
#show_more,
#show_less{padding-left:20px;}
#show_less{display:none;}
#show_more,#show_less{font-style:italic;text-decoration:underline;font-weight:600;}
.fb_bnr ul li::marker{color:#f00;}
.fb_bnr{margin:12% auto;}
.fb_bnr a{color:#FF5F39;}
.toggle_hide{display:none;}
.service_inv h2{margin-bottom:5px;}
.service_inv h3{color:#3c3c3c;margin:0 auto;}

.diy_acc .panel-default>.panel-heading{background:transparent;border:0;padding-left:0;padding-right:0;}
.diy_acc .panel-default{border:0;}
.diy_acc .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: transparent;border-bottom: 1px solid #ddd;}
.diy_acc .panel-group .panel{border-radius:0;border:0;}
.diy_acc .panel{box-shadow:none;}
.diy_acc .panel h3 a{text-decoration:none;text-transform:uppercase;}
.diy_acc .panel .glyphicon{color: #FF6C46;}
.diy_acc .panel-body {padding: 15px 22px;}
.diy_acc .container.demo{margin:30px 0 0;}
.diy_acc .panel-title i {margin-right:10px;}
.diy_acc .panel p {color:#343434;}

.diy_acc h2 { font-size: 36px;line-height: 48px;font-weight: bold;color: #464646;margin: 0 0 30px;}
.demat_acc p{font-size:18px;line-height:24px;color:#606060;font-family:sans-serif;}
.fb_main.gry_bk.diy_acc {padding: 30px 0;}
.img_icon{margin-bottom:10px;}
.step_wrap {padding: 0 7%; margin: 0 auto; background: #f2f2f2;position:relative;}
.step_wrap_inr{background:#f2f2f2;position:relative;z-index:9;}
.step_wrap:after { content: ''; height: 2px; width: 80%; border-top: 1px dashed #f00;position: absolute; display: block;right: -50px;top: 34px;z-index: 1;}
.step_wrap.last:after{display:none;}
.diy_acc .panel h3 a{display:flex;}
.diy_acc.trading_acc a:after{display:none;}
.fb_main.diy_acc.service_inv.wh_bk {width: 70%;margin: 0 auto;}
ul.list_cus.test {height: 140px;overflow-y: scroll;}
.fb_bnr h1{text-transform:initial;}
.fb_form.diy_form h1{font-size:32px;line-height:43px;font-weight:bold;color:#FF5022;}
span.scroll-down1 {position: fixed;left: 95%;bottom: 70px;margin-left: -36px;font-size: 12px;color: #B1B1B1;text-align:center;background:#fff;}
.border-bottom-curve {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.fb_bnr h3{font-size:22px;}
.form-control{color: #8c8a8a;background-color: #eae9e6;border: 0;border-radius: 5px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
.form-control:focus {border-color: transparent;outline: 0;-webkit-box-shadow: none; box-shadow: none;}


span.error_msg {position: absolute;font-size: 11px;color: #EA3636;left: 3px;bottom: -16px;}
.error_msg1 {font-size: 11px;color: #EA3636;clear:both;}
.error_msg_ddl {position: absolute; font-size: 11px; color: #EA3636; bottom: -16px;left:15px;}
span.modal_error_msg {position: absolute;bottom: 0;left: 15px;font-size: 12px;color: #EA3636;width: 50%;}
.fb_bnr h3.head_sml{font-size:30px;line-height:normal;font-weight:bold;}
.arw_btn_wrap{position:relative;overflow:hidden;}
.arw_btn {position: absolute;top: 30%; right: 15px;display: inline-block;width: 11px;height:11px;cursor:pointer;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size:16px;}
.ui-autocomplete {max-height: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;}