@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
    url(../fonts/DroidKufi-Regular.woff) format('woff'),
    url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
body {
    /*font: 400 15px Lato, sans-serif;*/
    /*font-family: 'Montserrat', sans-serif;*/
    /*font: 400 15px Tahoma, Verdana, Segoe, sans-serif;*/
    /*font-family: 'Poppins', sans-serif;*/
    font:  400 0.9rem  Droid Arabic Kufi, sans-serif;
    line-height: 1.8;
    color: #818181;
    /*overflow: hidden;*/
    letter-spacing: 0.5px;
    overflow: hidden;
}
.msh-editor-group{
    padding: 0 10px !important;
}
.main-card{
	width: 270px;
    display: inline-block;
    margin: 3px;
}
.cards-contents{
	text-align: center;
    display: block;
}
.nav.nav-tabs .nav-item>a{
    color: #b5b5b5 !important;
    background-color: #ffffff !important;
    border: 0 !important;
}
.nav.nav-tabs .nav-item>a.active{
    color: #00a3d5  !important;
    background-color: #ffffff !important;
    border-bottom: 2px solid #00a3d5 !important;
}
.top-nav-tls{
    width: 100%;
    margin: -20px 15px;
}
body::after{
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.05;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}
header::after{
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}


.home-image{
    height: auto;
    overflow: visible;
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: var(--hbgimg);
}

.tag-image{
    opacity: 0.8;
    position: absolute;
    top: -15px;
}

/*------------------------------------------------------------------------------------------------------------*/
.inprog{
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 3px solid red;
    background-color: #ffcbb6;
}
.locdis0{
    display: none;
}
.inprog.clr0{
    border: 3px solid #24ec00;
    background-color: #baff86;
}
div.ribbon{
    overflow: hidden;
}
.ribbon:after {
    content: attr(ribbon);
    padding: 0 30px;
    color: #FFF;
    position: absolute;
    top: 16px;
    border: 1px dashed #FFF;
    margin: 5px;
    font-size: 0.8em;
    left: -40px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    opacity: 0.75;
}
.btnacfilter.active i:before {
    content: "\f00d" !important;
}


.droptools{
    display: block !important;
    height: 1px;
    opacity: 0;
}
.droptools>form{
    position: absolute;
    height: 1px;
    overflow: hidden;
}
.droptools.open{
    height:auto;
    opacity: 1;
}
.droptools.open>form{
    position: relative;
    height:auto;
    overflow: inherit;
}

.bd-navbar{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}
.social{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    line-height: 15px;
    overflow: hidden;
    display: inherit;
}
.social li{
   display: inline-block;
}
.social:hover{
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.social a{
    opacity: 0.6;
    position: relative;
    color: white !important;
    padding: 5px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    width: 25px !important;
    height: 25px !important;
    float: left;
    border:1px solid #ffffff;
}
.social a:hover,.social a:active{
    opacity: 1;
    border-radius: 50% !important;
    background: var(--bgcolor);
    border-color:transparent;
}
.social a i{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1.6rem;
    font-size: 1rem;
}

.dropdown-menu.ballon-l:before{
    content: '';
    position: absolute;
    top: -21px;
    left: 16px;
    height: 16px;
    width: 16px;
    border: 10px solid;
}
.dropdown-menu.ballon-l:after{
    content: '';
    position: absolute;
    top: -20px;
    left: 16px;
    height: 16px;
    width: 16px;
    border: 10px solid;
    border-color: transparent transparent #fff transparent;
}
.dropdown-menu.ballon-r:before{
    content: '';
    position: absolute;
    top: -21px;
    right: 16px;
    height: 16px;
    width: 16px;
    border: 10px solid;
}
.dropdown-menu.ballon-d-r:before{
    content: '';
    position: absolute;
    bottom: -21px;
    right: 16px;
    height: 16px;
    width: 16px;
    border: 10px solid;
}
.dropdown-menu.ballon-r:after{
    content: '';
    position: absolute;
    top: -20px;
    right: 16px;
    height: 16px;
    width: 16px;
    border: 10px solid;
    border-color: transparent transparent #fff transparent;
}
.dropdown-menu.ballon-d-r:after{
    content: '';
    position: absolute;
    bottom: -20px;
    right: 16px;
    height: 16px;
    width: 16px;
    border: 10px solid;
    border-color: #fff transparent transparent transparent;
}
.dropdown-menu.ballon-r,.dropdown-menu.ballon-l{
    border-radius: 5px !important;
    margin-top: 10px !important;
}
.dropdown-menu.ballon-d-r{
    border-radius: 5px !important;
    margin-bottom: 10px !important;
}
a.dropdown-toggle.ani[aria-expanded="true"]:before,.dropdown-menu.ani,.social a,.transion,.hscalen,#mainnav,#mainnav a.navbar-brand,.pnl-vw,.pnlvdetails,.head-scrl,.head-scrl.active,.reg-steps,.reg-steps.active,div.biometric-tab-menu div.list-group>a,div.biometric-tab-menu div.list-group>a,div.biometric-tab-content,div.biometric-tab-content.active,.biometric-tab-menu-drop,.reg-steps .reg-mail-chk,.reg-form.blur,.scroll-to-top{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.ballon-r:not(.mainlogin):not(.mainprofile):not(.mainshop),.ballon-l:not(.mainlogin):not(.mainprofile):not(.mainshop){
    /*overflow-x: hidden;
    overflow-y: auto;*/
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.ballon-r,.ballon-l{
    background-color: #fff !important;
    overflow: inherit !important;
}
img.lang,[lang_li] img,[cnt_li] img{
     max-width: 20px !important;
     margin-top: -1px;
}
.navbar-custom>li a i{
    font-size: 1.3em;
}
.nav-item a{
    color: white !important;
    font-size: 0.95em;
}
.dropdown-menu li a.active:after,.dropdown-item.active:after{
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    float: right;
}
.dropdown-item{
    position: relative;
}
.dropdown-item.active, .dropdown-item:active{
    color:inherit;
    text-decoration: none;
    background-color: inherit;
}
.dropdown-toggle::after{
    vertical-align: 0.155em;
    font-size: 0.75em;
    vertical-align: middle;
}
.ul-lang{
    float: right;
    position: relative;
    display: inline-block;
    margin: 0 !important;
}

.lang{
    font-size: 0.8em;
}
.nav-item a.lang{
    border-radius: 3px;
    padding: 0 5px !important;
}
.nav-item a.lang img{
    max-height: 20px;
}
.orood_tile{
    margin: 0 0 0 120px;
    font-variant-caps: all-petite-caps;
    font-weight: bold;
}
.navbar .navbar-nav li.nav-item,.dropdown-menu.sbtype li{
    margin: 0 2px;
    display: inline-block;
}
.dropdown-menu.sbtype li{
    font-size: 0.9em;
}
.container-bio{
    width: 80% !important;
    padding: 0;
    overflow-wrap: break-word;
}
.container-bio-hd{
    padding: 0;
    overflow-wrap: break-word;
}
#mainnav .navbar-brand img{
    max-height: 30px;
}
#mainnav a.navbar-brand{
    margin: 0 50px;
}
.scroll-to-top,#mainnav a.navbar-brand{
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    margin: 0 36px !important;
}
.scroll-to-top.show,#mainnav.s a.navbar-brand{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}

.navbar .mainlogo {
    position: absolute;
    top: 4px;
    padding: 1px 8px;
    margin: 0;
    z-index: 101;
}
#mainnav{
    /*overflow: hidden;*/
    font-size: 0.95em;
}
#mainnav.s{
    /*height: 50px !important;*/
    font-size:0.85em !important;
}
#mainnav.s .navbar-brand img{
    max-height: 30px !important;
}
.dropdown-item{
    padding: .25rem 0.6rem !important;
    margin-right: 20px;
}
.nav-item.active:not(.show){
    border-radius: 200px;
}
.shadow-lw {
    padding: .2rem 1rem;
}
.nav-link{
    padding: 0.3rem 0.4rem !important;
}
.card{
    margin: 0 10px;
}
.card-block{
    margin: 10px;
}
.card-title {
    margin-bottom: 0;
    font-size: 1rem;
    color:white;
}
a.navbar-brand{
    background-color: rgba(255,255,255,0.75);
    border-radius: 7px;
    padding: 0 5px 0 5px;
    margin: 0 60px 0 10px !important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding: 0;
}
.row.pd{
    padding: 15px;
}
.checkbox.pd{
    padding: 4px 0;
}
.navbar-light .navbar-toggler{
    font-size: 0.9em;
}
.btn-sn-bg{
    color: white;
    border-radius: 20px;
    padding: 0 5px;
    margin: 2px 5px !important;
    font-size: 0.95em;
}
.btn-sn-bg>a,.btn-sn-bg>span {
    color: white !important;
}
.btn-main-sin{
    font-size: 1.1em;
    padding: 5px;
}
.form-group label{
    font-size: 0.9em;
}
.btn-success.bio{
    color: #fff !important;
}
.btn-success.bio.sld{
    font-size: 0.7em;
    padding: 2px;
    display: none;
}
.row {
    margin:auto;
}
.footer-blurb{
    padding: 30px 0;
    margin-top: 20px;
}
.cnt-footer{
    text-align: center;
    padding: 7px 0 30px 0;

}
.small-print a,.sincard a{
    text-decoration: none;
}
.small-print a,.container-foot .Copyright{
    font-size: 0.75em;
    min-height: 18px;
    display: inline-block;
}
.container-foot .Copyright{
    margin-top: 3px;
}
.footer-blurb-item i{
    font-size: 0.8em;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex !important;
}
.carousel-control>a {
    width: 5% !important;
}
.carousel-control>a i{
    font-size: 1.2em;
    z-index: 300;
}
.carousel-control>a:after{
    content: '';
    width: 30px;
    height: 30px;
    /*background-color: #e81b3e;*/
    border-radius: 50%;
    position: absolute;
}
.container-foot{
    width: 75% !important;
}
.carousel-control{
    display: none;
}
.carousel:hover .carousel-control,.carousel:focus .carousel-control{
    display: block;
}
.card-ico-bio{
    text-align: center;
}
.card-ico-bio .card-img-bg{
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    width: 135px;
    height: 135px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.hmimgs .card-img-bg{
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.hmimgs .card-img-bg.normal1 img{
    max-width: 120px;
    max-height: 120px;
    /*position: absolute;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.card-img-bg.normal0{
    border-radius: 0 !important;
    border: 0 !important;
    overflow: inherit !important;
}
.nav-item a.lang {
    border-radius: 3px;
    padding: 0 5px !important;
}
.card-ico-bio .card-img-bg img{
    max-height: 90px;
    max-width: 90px;
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.card-ico-bio .card-body{
    padding: 10px;
}
.card-pnl-bio{
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    margin: 10px;
}
.card-ico-bio .pnl-vw{
    text-decoration: none;
    position: relative;
}
.card-ico-bio .pnl-vw.ac:before{
    content: '';
    position: absolute;
    bottom: -34px;
    left: 0;
    right: 0;
    height: 16px;
    width: 16px;
    margin: 0 auto;
    border: 15px solid;
    z-index: 1;
}
.card-ico-bio .pnl-vw.ac:after{
    content: '';
    position: absolute;
    bottom: -34px;
    left: 2px;
    right: 2px;
    height: 14px;
    width: 14px;
    margin: 0 auto;
    border: 14px solid;
    border-color: transparent transparent #fff transparent;
    z-index: 2;
}
.pnlvdetails{
    visibility: hidden;
    opacity: 0;
    height: 1px;
}
.pnlvdetails.ac{
    visibility: visible !important;
    opacity: 1 !important;
    height: auto;
}
.content-head{
    color: white;
    padding: 5px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    min-height: 36px;
}
.content-head h4{
    margin: 3px;
    font-size: 1.3em;
    float: left;
}
.formcontact .input-group {
    padding-top: 5px;
}
.formcontact .input-group.bsendr{
    display: block;
}
.formcontact .input-group.bsendr button{
    float: right;
}
.formcontact .form-group{
    margin-bottom: 5px;
}
.formcontact{
    width: auto;
    padding: 0 5px;
    margin-top: 10px;
    background-color: rgba(255,255,255,0.4);
    text-align: center;
}
.formcontact .social li{
    display: inline-block;
}
.formcontact hr{
    margin: 10px 0;
}
.contact-brand{
    width: 76px;
    height: 76px;
    display: inline-block;
}
.formcontact address{
    font-style: italic;
}
hr{
    margin: 10px;
}
.contact-brand.bg{
    width: 120px;
    height: 70px;
    margin: 3px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.input-group-text.bio{
    color: white;
}
.card-body.text{
    text-align: left;
}
.loading{
    position:absolute;
    top:3px;
    bottom:3px;
    right:3px;
    left:3px;
    margin: auto;
    min-width: 16px;
    float: left;
    z-index:99;
    background-image:url('../../images/msh_loader.gif');
    background-position:center center;
    background-size: contain;
    background-repeat:no-repeat;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 20);
    filter: alpha(opacity = 20);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.loading.r{right:3px !important;left: inherit !important;}
.loading.l{left:3px !important;right: inherit !important;}
.loading.f{width: inherit !important;z-index: 99999}
.loading.s0{width: 14px;min-width: 14px;background-size: 14px;}.loading.s1{width: 16px;background-size: 16px;}.loading.s2{width: 24px;background-size: 24px;}.loading.s3{width: 28px;background-size: 28px;}.loading.s4{width: 32px;background-size: 32px;}.loading.s5{width: 40px;background-size: 40px;}.loading.s6{width: 48px;background-size: 48px;}
.loading.bg{background-color:#fff;}
.loading.cr{border-radius: 50% !important;}
.loading.ps{top:0;bottom:0;right:0;left:0;}
.loading.hid,.content-wrapper.hid{display: none;}

.list-unstyled li a{
    color:inherit;
    text-decoration:none;
}
.form-control{
    font-size: 1em;
}
.nav-item a.dropdwn{
    font-size: 0.8em;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: #fff;
}
.dropdown-item:focus:before, .dropdown-item:hover:before{
    content: '';
    position: absolute;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
}
.navlang{
    display: inline-block;
    float: right;
}
.flt_l{
    float: left;
}
.flt_r{
    float: right;
}
.modal.fade.show .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    color: #fff !important;
    padding: 7px;
}
.head-scrl.active{
    position: fixed;
    top: 39px;
    width: fit-content;
    z-index: 99;
}
.formcontact p{
    margin-bottom: 0.2rem;
}
.txtarea{
    height:114px !important;
    resize: none;
}
[class^="form-register"] .form-group {
    margin: 0.7rem;
}
div.validation{
    position: relative;
}
div.validation:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    clear: both;
    z-index: 9;
    border-radius: 0 0 5px 5px;
    opacity: 0.6;
}
.validmsg{
    display: none;
}
.reg-card{
    /*position: relative;*/
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 150px;
    border-radius: 7px;
}
.reg-card h4{
    padding: 5px;
    display: inline-block;
    color: white;
    border-radius: 3px;
    font-size: 1.1em;
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    margin: auto;
    width: max-content;
    max-width: 300px;
    text-align: center;
}
.reg-card label{
    text-align: right;
    font-size: 1em !important;
    margin-top: 0;
    margin-right: 15px;
}
.uplFile{
    position: relative;
    display: inline-block;
    overflow: visible;
    cursor: pointer;
    background-image: url('../../admin/assets/images/trans.png');
    width: 100px;
    height: 100px;
    border-radius: 7px;
    clear:both;
    flex: inherit;
}
.uplFile.big{
    width: 100%;
    height: 330px;
}
.uplFile input[type="file"] {
    filter: alpha(opacity=0);
    width: inherit;
    height: inherit;
    position: absolute !important;
    left: 0;
    display: block;
    opacity: 0;
    cursor: pointer !important;
    clear:both;
}
.uplFile .img {
    cursor: pointer !important;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 3px;
    top: 3px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.uplFile i {
    cursor: pointer !important;
    position: absolute;
    display: block;
    font-size: 12pt;
    color: #000000;
    opacity: 0.5;
    right: -20px;
    width: max-content;
    height: max-content;
    z-index: 10;
}
.uplFile i.rem{
    color: red;
    margin-top: 20px;
}
.uplFile i.btnupld:before {
    font-size: 0.8em;
}
.uplFile span{
    bottom: -23px;
    position: absolute;
    width: 300px;
    text-overflow: ellipsis;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    color: #2f9a2f;
}
.row.pdt{
    padding-top: 20px;
}
.form-dropsown-tools{
    padding: 3px;
}
.form-dropsown-tools .btn-bio-dropdown{
    font-size: 0.9em;
    width: 100%;
    padding: 4px;
    text-align: left;
    background-color: transparent;
    cursor: pointer;
}
.form-dropsown-tools .show .btn-bio-dropdown{
    border-radius: 3px;
}
.form-dropsown-tools .btn-bio-dropdown::after{
    right: 7px;
    top: 13px;
    position: absolute;
    font-size: 1em;
}
.form-dropsown-tools .btn-bio-dropdown.fs::after{
    font-size: 0.9em;
}
.form-dropsown-tools .dropdown-menu{
    padding: 5px;
}
.form-dropsown-tools .dropdown-menu .form-control{
    margin-bottom: 5px;
    font-size: 0.7em;
}
.form-dropsown-tools .list-menu,.form-dropsown-tools .list-tools{
    list-style: none;
    margin: 0;
    max-height: 104px;
    overflow: auto;
    padding: 2px;
}
.form-dropsown-tools .list-menu li a{
    font-size: 0.8em;
}
.form-dropsown-tools .list-tools li{
    display: inline-block;
}
.form-dropsown-tools .list-tools li a{
    font-size: 0.8em;
    padding: 2px !important;
    margin: 0;
}
.form-dropsown-tools .list-tools li a.active:after{
    content: "";
}
.form-dropsown-tools .list-tools li a.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px;
}
.form-dropsown-tools .btn-bio-dropdown span img{
    max-height: 20px;
}
.reg-contains{
    height: 538px;
    overflow: hidden;
    margin: 10px;
    position: relative;
    margin-top: 50px;
}
.reg-steps{
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    left:0;
    top:0;
    right: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    height: 538px;
}
.reg-steps.active{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    z-index: 1 !important;
}
.reg-form{
    width: 100%;
}
.row.regmrgn{
    margin: 0;
}
.row.regmrgn>div{
    padding: 30px;
}
.terms-reg{
    width: 98%;
    height: 513px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
.dropdown-menu.fullwidth{
    width:100%;
}
.single-group{
    padding: 0;
    margin: 1px;
    border-radius: 0 0 5px 5px;
    position: relative;
}
.btnreg{
    position: relative;
}
.terms-reg>.hed{
    font-size: 1.7em;
    font-weight: bold;
    display: block;
}

.div-pm .hed{
    margin: 10px 5px;
    padding: 5px;
}
.div-pm .cnt{
    margin: 10px 5px;
}
.div-pm .cnt .logo{
    max-width: 55px;
    float: right;
    max-height: 55px;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.div-pm .mlogo{
    position: relative;
    float: right;
    height: 65px;
    width: 65px;
    border-radius: 50%;
}
.div-pm .mlogo:after{
    content: '';
    position: absolute;
    height: 0px;
    top: 0;
    left: 100%;
    bottom: 0;
    right: -8px;
    margin: auto;
}
.div-pm .cnt h5{
    padding: 0 5px;
    margin-top: .5rem;
    display: inline-block;
}
.div-pm .cnt address{
    font-style: italic;
    margin-bottom: 5px;
    font-size: 0.85em;
}

.biometric-tab-row .biometric-tab{
    max-width: calc(100% - 170px);
    /*max-width: 81%;*/
}
div.biometric-tab-container{
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 20px;
    margin-left: 50px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

div.biometric-tab-menu:not(.biometric-tab-menu-drop){
    padding: 27px 0 0 0;
    position: relative;
    height: 513px;
    min-width: 160px;
}

.anglup,.angldwn{
    position: absolute;
    /*left: 0;*/
    width: 148px;
    right: 12px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    z-index: 999;
    display: none;
    /* margin-right: 12px; */
    cursor: pointer;
}
.anglup:hover,.angldwn:hover,.anglup:focus,.angldwn:focus{
    background-color: rgba(255, 255, 255, 0.9);
}
.anglup{
    top: 3px;
    border-radius: 3px 3px 0 0;
}

.angldwn{
    bottom: -1px;
    border-radius: 0 0 3px 3px;
}
div.biometric-tab-menu:hover .anglup,div.biometric-tab-menu:focus .anglup,div.biometric-tab-menu:hover .angldwn,div.biometric-tab-menu:focus .angldwn{
    display: block;
    z-index: 999999;
}

div.biometric-tab-menu div.main-list-group div.list-group{
    margin: 0 12px 0 0;
    position: relative;
    border-radius: 3px;
    width: 148px;
    float: right;
    /* padding: 0; */
}

div.biometric-tab-menu div.main-list-group{
    overflow: hidden;
    height: 463px;
    border-radius: 3px;
    position: absolute;
    /*left: 0;*/
    right: 0;
}
div.biometric-tab-menu div.main-list-group:after{
    content: '';
    height: 5px;
    /* width: 148px; */
    position: absolute;
    right: 12px;
    left: -1px;
    top: 0px;
    border-radius: 3px;
    z-index: 9;
}
div.biometric-tab-menu div.main-list-group:before{
    content: '';
    height: 5px;
    /* width: 148px; */
    position: absolute;
    right: 12px;
    left: -1px;
    bottom: 0px;
    border-radius: 3px;
    z-index: 9;
}
div.biometric-tab-menu div.list-group>a{
    margin-bottom: 0;
    text-decoration: none;
    padding: 10px;
    border-top: 0;
}
div.biometric-tab-menu div.list-group>a h6{
    margin-bottom: 0;
    margin: 10px 0 0;
    text-align: center;
}
div.biometric-tab-menu div.list-group>a .img{
    background-color: white;
    border-radius: 50%;
    padding: 10px;
    margin: 0 10px;
    display: block;
    position: relative;
    overflow: hidden;
}
.list-group-item {
    border:0;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
}
div.biometric-tab-menu div.list-group>a img{
    max-width: 90px;
    padding: 5px;
}
div.biometric-tab-menu div.list-group>a.active{
    color: #ffffff;
}
div.biometric-tab-menu div.list-group>a.active:after,div.biometric-tab-menu div.list-group>a.active:before{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
}
div.biometric-tab-content{
    padding-left: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 488px;
    position: absolute;
    top: 0;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
}
.biometric-tab-row{
    margin: 10px;
    height: 513px;
}
.biometric-tab-row.prc{
    height: auto;
}
div.biometric-tab-content.active{
    z-index: 99;
    opacity: 1;
}
.biometric-tab.prc .biometric-tab-content{
    height: auto;
    overflow: hidden;
    position: relative;
    display: none;
}
.biometric-tab.prc .biometric-tab-content.active{
    display: block;
}
.checkbox input[type=checkbox]:checked + label::after {
    background-position: -19px 0;
}
.radio input[type=radio]:checked + label::after {
    background-position: -93px 0;
}
.checkbox input[type=checkbox]:disabled + label,.radio input[type=radio]:disabled + label{
    color:#dbdbdb;
    cursor: default;
}
.checkbox input[type=checkbox]:disabled + label::after,.radio input[type=radio]:disabled + label::after{
    opacity: 0.3;
    cursor: default;
}
.icheckbox_flat-gray:after,.icheckbox_flat-gray.white:after {
    background-position: 0 0;
}
.icheckbox_flat-gray:after, .iradio_flat-gray:after{
    content: '';
    position: absolute;
    left: 0;
    top:3px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../../images/red.png) no-repeat;
    border: none;
    cursor: pointer;
}
.checkbox label.single, .radio label.single{
    min-height:inherit;
}
.icheckbox_flat-gray.single:after, .iradio_flat-gray.single:after{
    top: 4px;
}
.icheckbox_flat-gray.center:after, .iradio_flat-gray.center:after{
    left: 0;
    margin: auto;
}
.icheckbox_flat-gray.white:after, .iradio_flat-gray.white:after{
    background: url(../../images/white.png) no-repeat;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
.iradio_flat-gray:after,.iradio_flat-gray.white:after {
    background-position: -74px 0;
}
.checkbox label, .radio label {
    min-height: 20px !important;
    padding-left: 21px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 0.9rem !important;
    position: relative;
}
.radio input,.checkbox input{
    position: absolute;
    opacity: 0;
}
.checkbox, .radio {
    position: relative;
    display: block;
    padding: 0;
}
.prc-body{
    margin-right: 5px;
}
.prc-body .row.head{
    color: white;
    margin: 0;
}
.prc-footer .row{
    padding: 10px 0 0;
    margin: 0;
}
.prc-body .row{
    padding: 5px 0;
    margin: 0;
}
.prc-body .row.prc:last-child{
    padding: 5px 0;
}
.prc-total{
    text-align: right;
    color: #ffffff;
    font-size: 1.2em;
    position: absolute;
    right: 31px;
    top: 8px;
    padding: 0 5px;
    border-radius: 3px;
    z-index: 999;
}
.prc-body .head-frst{
    border: 0;
    margin: 0;
    padding: 0 5px;
    border-radius: 5px 5px 0 0;
}
.prc-body .head-frst h5{
    margin: 5px;
}
.prc-footer h5{
    margin-top: 30px;
    display: inline-block;
}
.prc-footer .note{
    display: block;
}
.lgi-center{
    text-align: center;
}
.reg-card h4 .prc-total{
    font-size: 0.85em;
    float: right;
    margin-top: 1px;
    display: none;
    margin-right: 7px;
}
.reg-card h4 a,.row.prc.head.pgrc a{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    color: white;
}
.reg-card h4 a i,.row.prc.head.pgrc a i{
    float: right;
    margin: 7px 4px 0 0;
}
.row.prc h5{
    font-size: 1.1em;
}
.row.prc h5 a{
    text-decoration: none;
    font-size: 0.95em;
}
.row.prc h5 a i{
    margin-left: 5px;
}
.dropdown-subtp a{
    font-size: 0.9em;
}
.error{
    text-align: center;
    margin: 0;
    padding: 50px;
}
.biometric-tab-menu-drop{
    position: absolute !important;
    top: 40px;
    left: 0;
    padding: 0 5px;
    width: auto;
    right: 10px;
    z-index: 90;
    display: none;
    overflow: hidden;
    height: 1px ;
    opacity: 0;
}
.biometric-tab-menu-drop.show{
    display: block;
}
.biometric-tab-menu-drop.active{
    top: 1px;
}
div.biometric-tab-menu-drop div.list-group>a .img{
    width: 60px;
    height: 60px;
    float: left;
}
div.biometric-tab-menu-drop div.list-group>a img {
    max-width: 40px;
    max-height: 40px;
    padding: 0px;
    margin: 0;
}
div.biometric-tab-menu-drop div.list-group>a h6{
    margin: 23px 0 0;
    float: left;
    font-size: 1em;
}
button.btn{
    position: relative;
    font-size: 0.9em;
    line-height: 1.2;
}
.reg-steps.scrl{
    overflow-y: auto;
    overflow-x: hidden;
    width: 99%;
}
.single-group hr{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.reg-steps .reg-mail-chk{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    border-radius: 5px;
    padding: 0 10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}
.reg-steps .reg-mail-chk.rem{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
}
.reg-form.blur>*:not(.reg-mail-chk){
    filter: blur(4px);
    -webkit-filter: blur(4px);
}
.fxd-baloon.mesage{
    position: relative !important;
    top:0;
    right: 0;
    display: block;
    width: 100%;
    padding: 15px;
    margin-top: 15px !important;
    font-size: 0.9em;
    max-height: none !important;
}
.content-regchk>button{
    float: right;
}
.content-regchk .txtrtl{
    text-align: left;
}
.profile .avtr{
    display: block;
    position: relative;
    height: 90px;
    margin: 15px;
}
.profile .flag{
    height: 24px;
}
.profile .avtr img {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    box-shadow: rgba(0, 0, 0, 0.275) 0px 0px 9px 0px;
    border-radius: 50%;
    margin: auto;
}
.profile ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.profile .fotr {
    display: block;
    position: relative;
}
.profile .fotr a{
    width: auto;
    margin: 0;
}
.main-bio-content{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}
.msh-editor-design.rtl {
    direction: rtl !important;
    text-align: right !important;
}
li .hdr-li{
    margin: 2px 0;
    padding: 4px 5px;
    display: block;
    text-align: center;
    font-size: 1.1em;
}
.main-bio-content.scr-in{
    /*    width: 100vw;
        height: 100vh;
        overflow: hidden;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);*/
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.main-bio-content.scr-in.src-open{
    /*    width: 100vw;
        height: 100vh;
        overflow: hidden;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);*/
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.biometric-tab-menu.hauto,.biometric-tab-menu.hauto .main-list-group{
    height:auto !important;
}
.biometric-tab-menu.hauto .main-list-group:before{
    border-bottom: 0;
}
ul.subtype{
    list-style: none;
    padding: 1px;
    margin: 1px;
    font-size: 0.8em;
    max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}
ul.subtype li a{
    border-radius: 3px;
    margin: 3px 0;
}
.scroll-to-top{
    position: fixed;
    right: 15px;
    bottom: 3px;
    text-align: center;
    color: white;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    cursor: pointer;
    z-index: 9999999;
}
.scroll-to-top.show{
    opacity: 0.5 !important;
}
.close{
    float: left;
    font-size: 1.3em;
}
.dropdown-menu.ani{
    z-index: -1;
    opacity: 0;
    display: block;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    text-align: left;
}
.dropdown-menu.ani.ani-left{
    transform-origin: top left;
}
.dropdown-menu.ani.ani-right{
    transform-origin: top right;
}
.dropdown-menu.ani.show{
    z-index: 1000;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.dropdown-menu.ani.main{
    border-top-left-radius: 0;
}
.dropdown-menu.ani.main a.dropdown-item{
    color:white !important;
}
a.dropdown-toggle.ani[aria-expanded="true"]:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -3px;
    z-index: 1001;
    border-radius: 3px;
    border-bottom-left-radius: 0;
}
.cnt-footer .ftr-splt{
     margin: 0 3px;
     font-size: 0.6em;
    display: inline-block;
    height: 7px;
}
.cnt-footer div.dropdown{
    display: inline-block;
}
.dropdown-menu.ani.main .dropdown-item.active{
    border-radius: 200px;
    padding: 2px 5px !important;
}
.cnt-footer a.active{
    border-radius: 200px;
    padding: 2px 5px !important;
}
.nav-dsb-blk{
    display: block;
}
.nav-dsb-blk li{
    float: left;
}
.nav-drop-top{
    font-size: 0.7em;
    vertical-align: middle;
}
.container-fluid.container-bio,.container-fluid.container-bio>div.row,.container-fluid.container-foot,.container-fluid.container-foot>div.row{
    position: relative;
}
.container-fluid.container-bio>div.row:before,.container-fluid.container-foot>div.row:before{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    background-position:inherit;
}
.container-fluid.container-bio>div.row.full:before,.container-fluid.container-foot>div.row.full:before{left: -20%;right: -20%;}
.container-fluid.container-bio>div.row.cont:before,.container-fluid.container-foot>div.row.cont:before{left: 0;right: 0;}
.container-fluid.container-bio>div.row.cover:before,.container-fluid.container-foot>div.row.cover:before{background-size: cover;}
.container-fluid.container-bio>div.row.contain:before,.container-fluid.container-foot>div.row.contain:before{background-size: contain;}
.container-fluid.container-bio>div.row.prc20:before,.container-fluid.container-foot>div.row.prc20:before{background-size: 20%;}
.container-fluid.container-bio>div.row.prc40:before,.container-fluid.container-foot>div.row.prc40:before{background-size: 40%;}
.container-fluid.container-bio>div.row.prc60:before,.container-fluid.container-foot>div.row.prc60:before{background-size: 60%;}
.container-fluid.container-bio>div.row.prc80:before,.container-fluid.container-foot>div.row.prc80:before{background-size: 80%;}
.container-fluid.container-bio>div.row.prc100:before,.container-fluid.container-foot>div.row.prc100:before{background-size: 100%;}
.container-fluid.container-bio>div.row.no-repeat:before,.container-fluid.container-foot>div.row.no-repeat:before{background-repeat: no-repeat;}
.container-fluid.container-bio>div.row.repeat:before,.container-fluid.container-foot>div.row.repeat:before{background-repeat: repeat;}
.container-fluid.container-bio>div.row.round:before,.container-fluid.container-foot>div.row.round:before{background-repeat: round;}
.container-fluid.container-bio>div.row.repeat-x:before,.container-fluid.container-foot>div.row.repeat-x:before{background-repeat: repeat-x;}
.container-fluid.container-bio>div.row.repeat-y:before,.container-fluid.container-foot>div.row.repeat-y:before{background-repeat: repeat-y;}
.modal-title {
    line-height: 1;
    font-size: 1.2em;
}
/*------------------------------------------------------------*/

@media screen and (max-width: 767px) {
    .home-image{
        background-image: var(--mobbgimg);
    }
    .nav-dsb-blk{
        display: flex;
    }
    .nav-dsb-blk li{
        float: none;
    }
}
@media screen and (max-width: 991px) {
    .social{
        margin: 10px 0;
    }
    .crd-bg-hdr>h1{
        font-size: 2.2em;
    }
    .crd-bg-hdr>p{
        font-size: 1.2em;
    }
    .home-image{
        background-image: var(--mobbgimg);
    }
    .orood_tile,.cnts_tile{
        display: none;
    }
    .navbar-collapse{
        padding: 10px 0px;
    }
    .scroll-to-top,#mainnav a.navbar-brand{
        margin: 0 !important;
    }
    .dropdown-menu.ani{
        display: none;
        border:0;
    }
    .dropdown-menu.ani.main{
        border-top-left-radius: 3px;
    }
    .dropdown-menu.ani.show{
        display: block;
        border:0;
    }
    a.dropdown-toggle.ani[aria-expanded="true"]:before{
        border:0;
        border-bottom-left-radius: 3px;
        z-index: -1;
    }
    .biometric-tab-row .biometric-tab {
        max-width: 100%;
    }
    .row.prc h5 a:not(.dropdown-item) {
        color: white;
    }
    .terms-reg .hed img {
        background-color: white;
        max-height: 23px;
        border-radius: 50%;
        padding: 3px;
    }
    .prc-body{
        margin-right: 0;
    }
    .reg-card{
        margin: 0;
        position:unset;
    }
    .reg-card label{
        text-align: left;
    }
    .btnreg,.btnregactive{
        font-size: 0.85em;
    }
    .reg-form,.reg-steps,.reg-contains,div.biometric-tab-menu:not(.biometric-tab-menu-drop),.biometric-tab-row,div.biometric-tab-menu div.main-list-group,div.biometric-tab-content{
        height: auto;
        position: relative;
    }
    .reg-steps{
        display: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    .reg-steps.active,div.biometric-tab-content.active{
        display: block;
    }
    .row.regmrgn>div {
        padding: 10px;
    }
    div.biometric-tab-content,div.biometric-tab-menu:not(.biometric-tab-menu-drop),div.biometric-tab-menu div.main-list-group:before,div.biometric-tab-menu div.main-list-group:after{
        display: none;
    }
    .prc-total{
        position: unset;
        text-align: center;
        margin: 10px;
    }
    div.biometric-tab-content{
        padding-left: 10px;
    }
    .biometric-tab-content .prc-body .row.prc>div:before,.biometric-tab-content .prc-body .row.prc>div label[data-th]:before,.biometric-tab-content .prc-footer .row>div:before{
        content: attr(data-th);
    }
    .icheckbox_flat-gray.center:after, .iradio_flat-gray.center:after {
         right: inherit;
        margin-top: -1px;
    }
    .checkbox, .radio {
        display: inline-block;
        position:unset;
    }
    .row.prc.head.pgrc span,.reg-card h4 .prc-total,.reg-steps>.prc-total.notactive,.biometric-tab-content .prc-body .row.prc.head>div:not(:first-child),.biometric-tab-menu-drop .list-group .list-group-item:before,.biometric-tab-menu-drop .list-group .list-group-item:after{
        display: none;
    }
    .biometric-tab-content .prc-body .row.prc{
        padding: 0 5px;
    }
    .head-scrl.active{
        width: auto;
    }
    .reg-card>h4:first-child.active:first-child{
        position: sticky;
        top: 94px;
        z-index: 99;
        width: auto;
        display: block;
        font-size: 0.9em;
    }
    .reg-card.step2 h4.active>.prc-total,.reg-card.step2 h4>a,.row.prc.head.pgrc a{
        display: block !important;
    }
    .row.prc.head.pgrc a{
        position: relative;
        text-decoration: none;
    }
    .row.prc.head.pgrc>div{
        padding: 0;
    }
    .biometric-tab-menu-drop.show{
        height: auto ;
        opacity: 1;
    }
    .biometric-tab-menu-drop.pgprc{
        left: 5px;
        right: 5px;
        top:62px;
        z-index: 999;
    }
    .reg-card h4{
        width: auto;
        right: 10px;
    }
    .prc-body .head-frst{
        color: white;
        text-align: center;
        border-bottom: 1px dashed white;
    }
    .lgi-center{
        text-align: left;
    }
    .terms-reg{
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: auto;
        width: 100%;
    }
    .terms-col{
        padding: 0;
    }
/*    .terms-col:not(:first-child){
        border-top: 1px dashed #e82b4b;
    }*/
    .terms-reg .hed{
        color: white;
        font-size: 1.2em;
        padding: 0 5px;
        border-radius: 3px;
        border-bottom: 1px dashed white;
    }
    .div-pm .mlogo{
        float: left;
    }
    .div-pm .mlogo:after{
        display: none;
    }
    .div-pm .mlogo {
        float: none;
        margin: auto;
    }
    .div-pm .cnt h5 {
        width: auto;
        display: block;
        text-align: center;
    }
    .questions .main-qa .question .dt{
        float: none;
        display: block;
        text-align: right;
    }
    .head-scrl.active{
        top: 47px;
    }
    .nav-btn-cstm{
        border: 1px solid white !important;
        color: white !important;
    }
    .pnlvdetails{
        margin: 0 10px;
    }
    .pnlvdetails .col-lg-3{
        padding-right: 0;
    }
    .card-ico-bio .pnl-vw.ac:before{
        bottom: -44px;
    }
    .card-ico-bio .pnl-vw.ac:after{
        bottom: -44px;
    }
    .btn-success.bio.sld:not([cnt='0']){
        display: block;
    }
    .carousel-item{
        float: inherit;
    }
    .carousel-control{
        display: none !important;
    }
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: inherit !important;
    }
    .footer-blurb-item{
        padding: 10px 0;
    }
    .container-foot{
        width: inherit !important;
    }
    .small-print{
        display: flex;
    }
    .cnt-footer{
        padding: 10px;
    }
    .cnt-footer > *{
        float: none !important;
        display: block;
    }
    #mainnav.s {
        height: inherit !important;
    }
    #mainnav a.navbar-brand {
        margin: 0 70px 0 0 !important;
    }
    #mainnav.s .navbar-brand img {
        max-height: 25px !important;
    }
    .container-bio{
        width:100% !important;
        padding: 3px 0;
        overflow-wrap: normal;
    }
    .fxd-baloon{
        position: absolute !important;
    }
    .row{
        margin: 0;
    }
    .row.pd{
        padding: 0;
    }
    .row.pd1,.col-lg-12.pd1{
        padding: 5px !important;
    }
    .pd2{
        padding: 10px 0 !important;
    }
    .container-bio-hd{
        width: 100% !important;
    }
    #jssor_1{
        margin: 0 13px !important;
        text-align: center;
    }
}
@media screen and (max-width: 767px){
    table#cart {
        width: auto;
        margin: inherit;
    }
    table#cart thead {
        display: none;
    }
    table#cart tbody tr {
        border-top: 1px solid #ddd;
        margin: 5px;
        display: block;
    }
    table#cart tbody td {
        display: block;
        width: 100% !important;
        border-top: 0;
        padding: 3px;
    }
    table#cart tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 8rem;
    }
}

::-webkit-scrollbar-track {
    background-color: rgba(233, 43, 76, 0);
    opacity: 0.5;
    border-radius: 5px;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(233, 43, 76, 0);
    opacity: 0.5;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    opacity: 0.5;
    border-radius: 5px;
}