body {
    overflow: hidden;
}
.bot-btn {
    position: absolute;
}
.modal-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    background: #3d3d3d;
    opacity: .5;
    display: none;
    z-index: 999999999;
}

.modal-b, .modal1 {
    position: fixed;
    left: 5%;
    top: 15%;
    color: #000;
    z-index: 999999999999999999999999;
    border-radius: 4px;
}

.modal-b {
    display: table;
}

.modal1 {
    display: none;
}

@media( max-width: 800px) {
    .modal-b, .modal1 {
        top: 70%;
        left: 0;
        max-width: 100%;
    }

    .modal-b img, .modal1 img {
        max-width: 100%;
    }
}

.modal {
    width: 100%;
    /*height: 70px;*/
    position: fixed;
    left: 50%;
    bottom: 25%;
    transform: translateX(-50%);
    /*background: #fff;*/
    color: #000;
    z-index: 999999999999999999999999;
    /*padding: .5rem;*/
    border-radius: 4px;
    display: none;
}
.modal::after {
    content: '';
    display: block;
    clear: both;
}
.modal img {
    width: 100%;
    /*float: right;*/
}
body.show-modal .modal-overlay {
    display: block;
}
body.show-modal .modal {
    display: block;
}

a {
    text-decoration: none;
}
.mobusi-iframe {
    width: 1px;
    height: 1px;
    position: absolute;
    top:100%;
    right: 0;
    visibility: hidden;

}
.fallback {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000;
    font-family: Arial;
    text-align: left;
    letter-spacing: initial;
}
.fallback--show {
    display: block;
}
.fallback--loading .fallback__loading {
    display: block;
}
.fallback ul {
    list-style: none;
}
.fallback__loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24,24,24,.5);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 50%;
    background-image: url("63653febeb53e60974bffd42757ddd8cb3e667fe.gif");
}

.modal-onallow {
    width: 100%;
    height: 100%;
    top:0;
    bottom: auto;
    left:0;
    transform: none;
    background: rgba(61,61,61,.3);
}
.modal-onallow__popup {
    width: 90vw;
    height: 90vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.modal-onallow .timer {
    width: 17.3611111%;
    height: 17.5070028%;
    position: absolute;
    top: 52.5210084%;
    right: 5%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e7e4df;
    font-size: 16px;
}
.modal-onallow .timer.end {
    color: #f00;
}



*{margin: 0; padding: 0}
body {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;-moz-text-size-adjust:none;-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
#wrapper {position:relative; width: 800px; margin: 0 auto;background: #fff;padding: 10px 0 0 0;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#header {font-size: 28px;color: #ffffff;font-weight: bold; height:68px;line-height: 68px; overflow:hidden;background: #1c2c4c;margin-bottom: 20px;text-align: center;*font-weight: bold;}
#header a { display:block;}
#query { clear: both;background: #fff;line-height: 20px;width: 100%;word-wrap:break-word;padding-right: 10px;margin-bottom: 8px;}
#query h6, #query h5 { color: #666666;font-size: 16px;}
#query h6 { padding:0px 0px 0 0; text-transform: capitalize;}
#query h5 {}
li.last{margin-bottom: 0}
#main {overflow: hidden;}
ul#content { list-style:none; }
li.lilist { clear: both;background: #fff; margin-bottom:19px; *width: 99.8%; *float: left;border:1px solid #7a859a;position: relative;}
li.lilist #ed_links a { display: block; background:url("43bcc0e28d8d516eba7b679c8511d7f92a0ecb33.png") right center no-repeat; padding: 14px 75px 14px 55px; _padding-left:0; word-wrap: break-word;  min-height: 68px; _height:68px;position: relative;overflow:hidden;}
.num-wrap { height: 30px; display: block; line-height: 30px;position: absolute; font-size: 24px; color: #1c2c4c;top: 32px;left:20px;font-weight: bold;}
#ed_links a .title-wrap { width: 50%; float:left; padding-top:18px;}
#ed_links a .desc-wrap { width: 48%; float:right; padding-top: 22px;}

#ed_links a .title { color: #1c2c4c; font-size: 24px; word-wrap:break-word; line-height: 28px;font-weight: bold;}
#ed_links a .title b, strong { font-weight:bold !important}


#ed_links a .descurl{ color: #4c4c4c; font-size: 15px; line-height:19px; text-align: right; margin-bottom: 4px;}
#ed_links a .descurl span{color: #1c2c4c;}
#ed_links a .mrt{width: 51%; float:left;}
#ed_links a .title-wrap span.mRatngs {  margin-top: 2px; margin-left: 0px; line-height: 15px; font-size: 13px; color: #333;  font-family: Arial; display: block; }
#ed_links a .title-wrap span.mRatngs img {  margin-right: 5px; float: left; }
#ed_links a:hover span.mRatngs{color: #fff}

.lilist:hover .num-wrap{color: #fff}
#ed_links a:hover .title{color: #fff}
#ed_links a:hover .descurl{color: #fff}
#ed_links a:hover .descurl span{color: #fff}
li.lilist:hover{background:#1c2c4c;}



#footer { clear:both; text-align:center; height: 40px; line-height: 40px; }
#footer a { text-decoration:none; color: #000; font-size: 12px; }
#footer a:hover { text-decoration:underline;}
#closeframewrapper{width: 570px; position: absolute; height: 650px; height: 735px \9; display: none; z-index: 999; left: 50%;   top: 50px; margin-left: -275px;border: 0; outline: 0; background: transparent;}
iframe#contactIframe{position: relative; width: 570px; height: 650px; height: 735px \9; z-index: 999; overflow: hidden;border: 0; outline: 0;}
#overlay{display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity = 70); z-index: 1;}

#close{position: absolute; top: 95px; right: 40px; color: #fff; font-size: 18px; font-family: Arial; z-index: 9999; cursor: pointer; background: #000; border-radius: 50%; width: 30px; height: 30px; line-height: 30px;text-align: center;}
@media only screen and (max-width: 990px) {
    .fallback {
        overflow-y: scroll;
    }
}
@media only screen and (max-width:850px){
    #ed_links a .mrt{width: auto; float:left;/*display: inline*/;margin-right: 7px;}
    #ed_links a .title-wrap span.mRatngs{/*display: inline;*/}
    #wrapper{ width:96%; margin:10px auto}
    #main{width: auto}
    #query{width: auto;}
    #query h6, #query h5{font-size: 14px;}
    li.lilist #ed_links a{padding: 13px 64px 13px 38px;min-height: 58px;}
    #ed_links a .title-wrap{ float:none; width:auto; padding-top:0px}
    #ed_links a .desc-wrap { float:none;width:auto; padding-top:0px }
    #ed_links a .url-wrap { float:none;width:auto; padding-top:0px }
    #ed_links a .title { margin-bottom:2px;font-size: 17px;line-height: 22px;}
    .num-wrap{font-size: 22px;top: 50%;margin-top: -15px;padding-top: 0;left:10px;}
    #ed_links a .descurl{ text-align:left;font-size: 12px;line-height: 16px;    display: inline;}
    #ed_links a .url span { display:inline; padding-bottom:0}

}
@media only screen and (max-width:767px){
    #ed_links a{ float:none; width:auto}

}
