@charset "utf-8";
.bannerHeading,
.formbg,
.posRel,
.thankyou{position:relative}
.imagebox,
.table-align td,
.thankyou{text-align:center}
a{outline:none;}
@font-face{
       font-family:Roboto;font-style:normal;
       font-weight:400;font-display:swap;
       src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}

@font-face{
    font-family:Roboto;font-style:normal;
    font-weight:500;font-display:swap;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype')}

@font-face{
    font-family:Roboto;font-style:normal;
    font-weight:700;font-display:swap;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype')}

.colorgreen{color:#32A768}
.colorOrange{color:#F05A30}

body{font-family:Roboto,sans-serif;padding:0;margin:0;color:#000}
.maxContainer {max-width: 1360px; width: 100%; margin: 0 auto; padding: 15px;}
.padtopbottom35{padding-top:35px!important}
.font20{font-size:20px}form,h1,h2,h3,h4,h5,h6,ul{padding:0;margin:0}
.marbot15{margin-bottom:15px}.header{padding:20px 0 10px;background:#fff;border-bottom:0 solid #cfcfcf}
.colorDarkGray{color:#404F55}.font18{font-size:18px}.termCondition{background:#f15930;color:#fff;padding-bottom:10px}
.container{width:100%;padding:0;background:#fff}
.containerthankyou{width:90%; margin-left:4%; background-color:#cccccc}
.bannerHeading{background:#d94d26;padding:10px 20px;color:#FFF;font-size:32px;width:100%}
.footer,.footer a{color:#d9d9d9}.mainText{padding-top:0}.footer{background:#33a768;padding-top:8px;padding-bottom:8px}
.padleftright80{padding:0 50px 20%}.padleft80{padding-left:50px}.padright80{padding-right:50px}.formbg,
.referformbg{behavior:url(PIE.htc);padding:15px;color:#FFF}
.formbg{background:#d94d26;-moz-border-radius:7px;-o-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin:15px 20px}
.referformbg{background:rgba(244,244,244,.3);-moz-border-radius:7px;-o-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-left:20px;margin-right:20px}
.marbot7{margin-bottom:14px}.marbot0{margin-bottom:0}
.mainText{padding-top: 25px;padding-bottom: 25px;padding-right: 20px;font-size: 15px;}
.mainText h2{font-family:40px;color:#e95330;margin-bottom:5px}
.biggerfont,.font29,.formheadingBigger,.orangeheadtopTable,.paddingSection,.redbox h3,.tabulardataHeading{font-family:Roboto,sans-serif}
.mar100{padding:20px 0;background:#F58220}.mar200{padding:250px 0;background:url(../images/referbg.jpg) no-repeat;background-size:cover!important}
.thankyou{background:#fff;color:#000;padding:0}.imagebox{width:100%;left:0;top:100px;position:absolute;z-index:9999;visibility:visible}
.font29{font-size:29px;font-size:18px;color:#000}#question_container{color:#000;font-size:14px}
.thankyYouDiv{font-size:23px;color:#f55730;padding:12px 15px;font-weight:700;text-align:left}
.thankyouImage{position:absolute;right:20px;top:90px;z-index:100;height:75px}#flip{margin-bottom:15px}label{padding-top:5px;font-weight:400}
.table tr td small.small{font-size:13px!important;color:#788990!important}.my-placeholder{color:#aaa}.footerUppar a{color:#000}
.footerUppar a:hover{color:#000;text-decoration:underline}.footerBottom a{color:#969595}.footerBottom a:hover{color:#969595;text-decoration:underline}
.redbox{padding:5px;text-align:left;font-size:22px;height:250px}.redbox h3{font-size:27px;color:#e7532b;text-align:left}
.border-bottom-line{background:0 0;padding-bottom:7px}
.customercare{font-size:22px;font-weight:400;color:#000}
.thankyYoubox{background:url(../images/thankyou.png) center repeat-y;color:#fff;font-size:18px;font-weight:700;text-align:center;padding:15px 0}
.mainbannerDiv{padding:30px 15px;background:#f15930;clear:both}
.formheadingBigger{font-size:16px;font-weight:500;background:#f8f7f5;color:#000;padding:15px 30px;margin:0;line-height:normal;border-top-left-radius:10px;border-top-right-radius:10px}
.formsubheading{font-size:20px;font-weight:300;color:#000;margin-bottom:10px}
.bglightColor{padding-top:0;padding-bottom:0;width:400px;margin:0 auto}
.mainformSection1{padding:20px 15px;background:rgba(0,0,0,.4);border:2px solid #5a5a5a;border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px}
.boxShadow{box-shadow:inset 0 2px 2px 0 #ccc}.orangebgText{background:url(../images/horline-bottom.jpg) center bottom no-repeat #fff}
.paddingSection{font-size:24px;color:#000;padding:30px 10px 8px;font-weight:700}
.bulletPoints{list-style:circle}.bulletPoints ul{margin-left:40px;list-style:disc}
.orangeheadtopTable{background:#ef5a30;border-top-left-radius:10px;border-top-right-radius:10px;padding:12px 12px 20px;text-align:center;color:#fff;font-size:18px}
.advantageBox,.cardBox,.formBox{background:#fff}
.marRight10{margin-right:10px}.advantageBox{padding:20px;border-radius:10px;margin-bottom:30px;min-height:120px;font-size:14px!important;font-weight:400;color:#000}
.advantageBox strong{font-size:16px!important;color:#000;display:block;margin-bottom:7px}.orangeText{color:#EC411B}
.BannerText{color:#fff;font-size:24px;text-align:center;padding:20px 0px}
.formBox{padding:15px 20px}.form-control{border:0;border-bottom:1px solid #a4a8ab;border-radius:0!important;box-shadow:0 0 0 0 #fff!important}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:11px}
.posRel .error_container{color:red;position:absolute;bottom:-19px;right:5px;font-size:10px}
form input[type=text].form-control::-webkit-input-placeholder,form input[type=number].form-control::-webkit-input-placeholder{color:#404F55}
form input[type=text],form input[type=number]{color:#000}
.headingflipBox,.openAccount{color:#404F55;text-align:center;font-size:20px}
.cardBox{position:relative;height:450px;-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;perspective:800px;}
.animation{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
 .termsandcondition{padding: 5px 10px 0px 37px;}
.headingflipBox{border-top-left-radius:10px;border-top-right-radius:10px;background:#c1c1c1;padding:20px}
.tableCustomJ{border-collapse:collapse}.tableCustomJ tr td{padding:15px;border-bottom:1px solid #f8f8f8;text-align:center}
.tableCustomJ tr:last-child td{border-bottom:0}.orangebtn{background:#ef5a30 !important}
.openAccount{text-transform:uppercase;padding:30px 0;font-weight:700;position:relative}.closebtn{position:absolute;right:5px;top:5px}
a.orangebtn:hover{background:#ef5a30 !important}
form .formfieldchangebg{color:#000;height:39px;font-size:15px;padding:6px 12px}
.marbot20{margin-bottom:20px}.radioSpace{display:inline-block;width:143px}
.formfieldchangebg[disabled],.formfieldchangebg[readonly],fieldset[disabled] .formfieldchangebg{background:rgba(108,108,108,.69)!important;opacity:1}
.tabulardata1{font-size:18px;color:#000;padding-top:15px}.tabulardataHeading{color:#d25a32;font-size:26px;font-weight:400}.biggerfont{font-size:35px}
.divideIt{margin-bottom:0}


.inputPosition,label.error{position:relative;top:2px}

label.error{display:inline-block;width:100%;text-align:right;font-size:12px;color:red}

.footer-disclaimer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    display: none;
}
.fixheightMobile {
    height: auto;
    clear: both;
    display: block;
    padding: 15px 30px;
    background: #afe8c9;
    color: #000;
}
a.orangebtn:hover {background:#ef5a3 !important; color:#fff !important;}

/*terms and condition */

.wrap-shadow{box-shadow: 0 4px 12px #ddd;}
header{border-bottom:1px solid #efefef;}
.footMid{background:#043B72;padding:25px 0;}
.footMidWrap{padding:0 2%;text-align:center;}
.footMidWrap ul li{display:inline-block;vertical-align:middle;margin:0 35px;color:#fff;}
.footMidWrap ul li:first-child{font-size:200%;text-transform:uppercase;font-weight: 900;}
.footMidWrap ul li a{color:#fff;line-height:24px;}
.footMidWrap ul li a:hover{opacity:0.5;}
.footMidWrap ul li a svg{height:24px;fill:#fff;margin-right:10px;}
.footMidWrap ul li a:hover{color:#fff;}
.footLast{ width:100%;}
.footLast .maxContainer{ padding:25px 20px 20px;}
.footLast-left{float:left;}
.footLast-right{float:right;}
.footLast-right.center-txt{float:none;} /*19062017*/

.footLast-left li,.footLast-right li{display:inline-block;}
.footLast-left li a,.footLast-right li a{line-height:110%;color:#191919;}
.footReg input[type="button"]:hover{color:#fff;background:#f47b5a;}
.footLast-left li a:hover,.footLast-right li a:hover{color:#f47b5a;}

.footLast-right li{margin:0 10px;}
.footLast-right li a{display:block;font-size:150%;display:block;}
.footLast-left li{border-left:1px solid #191919;padding:0 10px;line-height:110%;}
.footLast-left li:first-child{border-left:none;margin-left:0;padding-left:0;}
.ftr_stats ul{display:table;margin:0 auto 10px;}
.ftr_stats ul li{display:table-cell;position:relative;padding:5px;}
.ftr_stats ul li span{display:inline-block;text-align:center;padding:5px;}
.ftr_stats ul li > span:first-child{font-weight:600;}
.ftr_stats ul li:after{position:absolute;display:block;content:'|'; font-size:25px;line-height:normal; color:#3c3c3c;right:-2px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.ftr_stats ul li:last-child:after{display:none;}
.ard_form{margin-top: 15px;padding: 0 40px !important;}
.text-center{text-align:center !important;}
.footLast p a{color:#f47b5a;}
.footMidWrap ul li a {
    color: #fff;fill: #fff;
    line-height: 24px;
}
.footMidWrap ul li a img {
    height: 24px;
    fill: #fff;
    margin-right: 10px;
}
/*.bnr_bg{background:url('../../images/demataccountbanner.png') no-repeat;height:276px;padding:10px;background-size:100% 100%;}*/
.bnr_bg > img{width:100%;}
.flt_wrap{position:relative;}
.flt_wrap-rgt {width: 60%; position: absolute;right: 40px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);background: #fff;border: 1px solid #ddd;padding: 20px;}
.bnr_bg h1,
.bnr_bg h2{font-size:22px;text-transform:uppercase;color:#F58220;margin-bottom:40px;font-weight:600;margin-left:15%;}
.border-heading{position:relative;display:inline-block;text-transform:uppercase;font-size:24px;letter-spacing:1px;}
.border-heading:after{position:absolute;content:'';width:70px;height:2px;left:0;right:0;margin:0 auto;bottom:-10px;background:#3c3c3c;display:block;}
.btn-blk{border:2px solid #151515;color:#151515;text-transform:uppercase;padding:5px 25px;border-radius:0;background:transparent;font-weight:600;outline:none !important;box-shadow:none !important;}
.btn-blk:hover{background:#F58220;color:#fff;border-color:#F58220;}
h2{font-size:18px;color:#212121;margin:5px auto;}
.about_demat {padding:0 10px;margin:20px auto 0;}
.about_demat > ul li{list-style:none;}
.about_demat-questions{padding:10px 15px 5px;border-bottom:1px solid #EFEFEF;}
.about_demat-questions h2,
.about_demat-questions h3{position:relative;font-size:18px;margin-bottom:10px;}
.about_demat-questions h2:before,
.about_demat-questions h3:before{background:#F58220;position:absolute;left:-15px;top:0;width:3px;height:100%;content:'';display:block;}
.about_demat > ul li:last-child .about_demat-questions{border:0;}
.related_links{border:1px solid #EFEFEF;background:#FDFDFD;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;padding:40px 20px 20px;position:relative;margin:50px 15px;}
.related_links ul{text-align:center;}
.related_links ul li{list-style:none;display:inline-block;margin:0 10px 5px;}
.related_links ul li a{color:#F58220;display:block;font-size:14px;line-height:normal;font-weight:500;padding:10px 15px;background:#fff;border:1px solid #EAEAEA;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;text-decoration:none;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;}
.related_links ul li a:hover{background:#F58220;color:#fff;}
.floating_head {display:inline-block;position:absolute;top:-20px;margin:0 auto;border:1px solid #EAEAEA;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);padding:10px 20px;background:#fff;font-size:16px;line-height:normal;color:#212121;}
h4{font-size:24px;letter-spacing:1px;line-height:normal;}
.border-heading.border-heading-org:after{background:#F58220;height:3px;}
.faq_wrap{margin: 0 15px;}
.panel-default>.panel-heading{background:transparent;border:0;padding-left:0;padding-right:0;}
.panel-default{border:0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: transparent;border-bottom: 1px solid #ddd;}
.panel-group .panel{border-radius:0;border:0;}
.panel{box-shadow:none;}
.panel h3 a{text-decoration:none;}
.panel .glyphicon{color: #F58220;}
.panel-body {padding: 15px 22px;}
.container.demo{margin:30px 0 0;}
.panel-title i {margin-right:10px;}
.stats_wrap{text-align:center;}
.stats_wrap ul li{display:inline-block;vertical-align:middle;position:relative;margin:0 2%;text-align:left;}
.stats_wrap ul li:last-child {margin-right: 0;}
.stats_wrap ul li:first-child { margin-left: 0;}
.stats_wrap ul li:after{position:absolute;right:-25px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width:1px;height:80%;background:#ddd;content:'';display:block;}
.stats_wrap ul li:last-child:after{display:none;}
.stats_blk span{display:block;}
.stats_blk-data span{font-size:16px;line-height:normal;font-weight:500;}
.stats_blk-data .lg-font{font-size:24px;line-height:normal;font-weight:bold;}
.stats_blk .stats_blk-icon{display:inline-block;vertical-align:middle;padding:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;background:#F4F4F4;height:62px;width:62px;margin:0 auto;line-height:42px;text-align:center;}
.stats_blk .stats_blk-icon > img{margin:0 auto;line-height:62px;}
.stats_blk .stats_blk-data{display:inline-block;vertical-align:middle;padding:20px;}
.flt_wrap-rgt input,
.flt_wrap-rgt select{width:100% !important;margin-bottom:10px;}
.breadcrumb{background:transparent;margin-bottom:5px;}
.breadcrumb a{color:#F58220;}
.card .back,.card .front{
    display:block;
    width:100%;
    border-radius:10px;border:1px solid #eee;
    height:656px;position:absolute;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/*thankyou page start*/
.thankyou { background:url(../images/thankyou.png) center repeat-y; color:#FFFFFF; font-size:17px; padding:20px; text-align:center}
label {padding-top:5px; font-weight:normal}
.referformbg { background: url(../images/formbgNew.png) repeat; border-radius:7px; -moz- border-radius:7px; -o- border-radius:7px; -webkit- border-radius:7px; behavior: url(PIE.htc);  padding:15px; margin-left:20px; margin-right:20px; color:#FFFFFF  }

@media only screen and (max-width: 768px) {
    .bannerHeading {
        position: relative;
        bottom: 0px;
        left: 0px;
        background: #d94d26;
        padding: 10px 20px;
        color: #FFFFFF;
        font-size: 24px;
        width: 100%;
    }

    .formbg {
        background: url(../images/formbgNew.png) repeat;
        border-radius: 7px;
        -moz- border-radius:7px;
        -o- border-radius:7px;
        -webkit- border-radius:7px;
        padding: 15px;
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .referformbg {
        background: url(../images/formbgNew.png) repeat;
        border-radius: 7px;
        -moz- border-radius:7px;
        -o- border-radius:7px;
        -webkit- border-radius:7px;
        padding: 15px;
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mar100 {
        padding: 20px 0px;
        background: url(../images/referbg.jpg) no-repeat;
        background-size: cover !important;
    }

    .mar200 {
        padding: 100px 0px;
        background: url(../images/referbg.jpg) no-repeat;
        background-size: cover !important;
    }

    label {
        padding-top: 0px;
        font-weight: normal;
    }

    .container {
        width: 100%;
        padding: 0;
        background: #fff;
    }

    .bglightColor{padding-top:0;padding-bottom:0;width:100%;margin:0 auto}

    .cardBox{position:relative;
             height:710px;
             -webkit-perspective:800px;
             -moz-perspective:800px;
             -o-perspective:800px;
             perspective:800px;
             margin-left: 19px;
             width: 90%;
    }
.card .back,.card .front{
    display:block;
    width:100%;
    border-radius:10px;border:1px solid #eee;
    height:660px;position:absolute;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}
.padleftright80{padding:0 0px 0%}

.mainText{padding-top: 25px;padding-bottom: 25px;padding-right: 0px;font-size: 15px;}

.popup .popuptext {
  visibility: hidden;
  width: 180% !important;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

}



/* --------------- 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 #F58220;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:#F58220;}
.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 ---------------- */

.inr_bnr_wrap{position:relative;height:450px;background:#fff;}
.inr_bnr_cnt{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;right:0;margin:0 auto;max-width:1360px;width:100%;}
.whiteBg{background:#fff !important;}
.box{box-shadow: 0px 0px 10px #e4e4e4;padding:20px;}
.box h1,
.box h2{font-size:16px !important;color:#F58220;}
.box .form-inline input.form-control,
.box .form-inline select.form-control{width:100%;margin-bottom:10px;}
.inr_bnr_cnt h2,
.inr_bnr_cnt h1{margin-bottom:40px;font-size:24px;}
.about_demat-questions.no-border{border-bottom:0;padding:0;}
.about_inr .panel-default>.panel-heading+.panel-collapse>.panel-body{padding:0 45px 10px;}
ul.defaultList {padding-left: 15px;}
ul.defaultList > li{margin-bottom:10px;}
ul.defaultList > li,
ul.defaultList > li > p {position:relative;list-style-type:none;}
ul.defaultList > li > p:before {
    content: '\f111';
    font-family: fontAwesome;
    font-size: 50%;
    position: absolute;
    left: -15px;
    top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);
    color: #F58220;
}
ul.defaultList > li > ul >li{list-style-type:none;}
ul.defaultList > li > ul >li:before{display:none;}
ul.defaultList > li > p{padding-left:5px;margin-bottom:5px;}
ul.defaultList > li > p:before{content:'';background:url('../../images/bullet.png') no-repeat;width: 15px;height: 24px;}
.box h1 ,
.box h2{position:relative;margin-bottom:20px;}
.box h1:after,
.box h2:after{position: absolute; content: ''; width: 50px; height: 2px;left: 0;bottom: -10px;background: #3c3c3c; display: block;right:auto;}
.icon_input{position:relative;padding-left:30px;}
.usrnm{background:url('../images/svg/person.svg') no-repeat 5px 8px;}
.mobicon{background:url('../images/svg/mobile.svg') no-repeat 5px 3px;}
.mailicon{background:url('../images/svg/form-email.svg') no-repeat 5px 8px;}
.cityicon{background:url('../images/svg/skyline.svg') no-repeat 5px 8px;}
.breadcrumb>li+li:before{content:'\003e';}
#accordion h2.panel-title{font-size:16px;}
#accordion h2.panel-title a{text-decoration:none;}



/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 375%;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 84px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.main-wrapper.about_inr > nav{position: absolute;
    top: 12%;
    z-index: 99;}
.box.whiteBg{position:relative;}
.box.whiteBg:before {
    position: absolute;
    left: -20px;
    top: -20px;
    content: '';
    display: block;
    border-left: 20px solid #F58220;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);
}

.box-shadow{margin: 15px 15px 0;padding: 10px;box-shadow: 0px 2px 5px 2px #ccc;}
.about_inr .breadcrumb{padding:3px 15px;}