@font-face {
        font-family: 'M';
        font-style: normal;
        font-weight: 400;
        src: url('font/M.woff');
    }
    
    @font-face {
        font-family: 'I';
        font-style: normal;
        font-weight: 400;
        src: url('font/I.woff');
    }

    @font-face {
  font-family: 'U';
  font-style: normal;
  font-weight: 400;
  src: local('Ultra'), url(font/T.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
    
    body {
        
        font-family: Arial, Helvetica, sans-serif;
        margin:0px; padding: 0px
    }
    
    .wrap {
        width: 100%;
        float: left;
        position: relative;
    }
    
    .shdoBot {
        box-shadow: 0px -4px 8px 0px #E98816;
    }
    
    .bg1 {
        background-color: #FBFAF6;
    }
    
    .bg2 {
        background-color: #E98816
    }
    
    .bg3 {
        background-color: #00aeef;
    }
    
    .bg4 {
        background-color: #ececec;
    }

    .bgW{background-color: #fff;}
    
    .main {
        margin: 0 auto;
        width: 100%; z-index: 1
    }
    
    .bodyorgan_donation_header {
        width: 100%;
        float: left;
        position: relative;
        
        
    }
    
    .bodyorgan_donation_topmenu {
        float: left;
        position: relative;
        width: 100%;
        margin-top:0;
    }

    .bodyorgan_donation_topmenu div a{color: #720;}
    .bodyorgan_donation_topmenu_l{position:absolute; width:40%; bottom:20%}
    .bodyorgan_donation_topmenu_r{position:absolute; right:0px;width:40%;bottom:20%}
    .bodyorgan_donation_topmenu_l div {
        float: left;
        font-family: 'I';
        color: #720;
        font-size: 100%;
        padding: 0 2%;
        position: relative;
        vertical-align: middle;;z-index: 2; 
    }
    
    .bodyorgan_donation_topmenu_r div {
        float: right;
        font-family: 'I';
        color: #720;
        font-size: 100%;
        padding:0 2%;
        position: relative;
        vertical-align: middle;z-index: 2
    }
    
    .bodyorgan_donation_logo {
      
        text-align: center;z-index: 1;
        margin:0 auto;
    }
    
    .bodyorgan_donation_logo img {
        width: 20%;
        
    }
    
    .bodyorgan_donation_banner {
        width: 100%;
        float: left;
        position: relative;
        z-index: 50; 
    }
    
    .nanajiDiv {
        float: left;
        position: absolute;
        top: 3%;
        left: 1%;
        text-align: center;
        width: 27%;
        font-family: 'Arial';
        font-size: 12px;
        color: #03526e
        
    }
    
    
    
    .bodyorgan_donation_btxt {
        width: 39%;
        position: absolute;
        font-size: 28px;
        color: #fff;
        top: 0%;
        left: 25%;
    }
    
    .bodyorgan_donation_bImage {
        float: right; width:39%;
    }
    
    .bodyorgan_donation_bImage img {
        width:100% ;
    }
    
    .bodyorgan_donation_btxt p {
        font-family: 'M';
        line-height: 30px;
    }
    
    .bodyorgan_donation_btxt span {
        font-family: 'Arial';
        font-size: 14px;
        line-height: 1px;
    }
    
    .bodyorgan_donation_footer {
        width: 100%;
        float: left;
        position: relative;
        background-color: #CE7016;
    }
    
    .bodyorgan_donation_icon {
        float: right;
        position: relative; border-top: 1px solid #e5e5e5;
        z-index: 40; padding:  1% 0;
        width: 100%;
    
    }
    
    .iconBox {
        width: 10%;
        float: right;
        position: relative;
        margin-right: 9%;
        cursor: pointer;
        
    }
    
    .iconBox div {
        border: 0px solid #f0f;
        padding: 1%;
        position: relative; float:right; text-align: center;
    }
    
    .iconBox img {
        width: 60%;
        border: 2px dotted #ccc;
        border-radius: 50%;
        padding: 4%;
        box-shadow: 0px 0px 0px 0px #fff;
        transition: 1s
    }
    
    .iconBox img:hover {
        width: 65%;
        background-color: #fff;
        box-shadow: 0px 0px 8px 0px #fff;
        border: 2px dotted #fff;
        transition: 1s
    }
    
    .iconBox p {
        position: relative;
        margin: 0px;
        padding: 0px width: 100%;
        font-family: 'Arial';
        line-height: 10px;
        font-size: 12px;
        color: #046e93;
    }
    
    .bodyorgan_donation_updates marquee {
        position: relative;
        width: 100% float: left;
        left: 0px;
        line-height: 35px;
        background-color: #efefef;
        color: #555;
        font-size: 18px;
    }
    
    .bodyorgan_donation_left {
        width:21%; 
        float: left;
        position: relative;
        
        padding-top: 2%;
        border-right: 0px dotted #ccc;
    }
    
    .lmenu {
        width: 100%;
        float: left;
        padding: 4px;
        position: relative;
        border-bottom: 1px dotted #ccc; margin-left: 8%
    }
    
    .link {
        color: #e76b5d;
        text-decoration: none;
        ;
        font-size: 15px;
    }
    
    .message {
        float: left;
        position: relative;
        width: 67%;
        height: auto;
        overflow: hidden;
        font-size: 14px;
        color: #777;
        margin-left: 8%;
        text-align: justify;
    }
    
     .eng{
        float: left;
        position: relative;
        width: 67%;
        height: auto;
        overflow: hidden;
        font-size: 12px;
        color: #777;
        margin-left: 8%;
        text-align: justify;
    }

.eng h2 {
        color: #fb6206;
        text-decoration: none;
        padding: 0px;
        margin-top: 2%;
    }
    
   

    .message h2 {
        color: #fb6206;
        text-decoration: none;
        padding: 0px;
        margin-top: 2%;
    }
    
    .message p {
        padding: 0px;
        margin-top: -1%;
    }
    
    .messagePic {
        float: right;
        position: relative;
        width: 20%; margin-top:8%; padding-left:2%;margin-right:2%; 
        
    }

    .messagePic img {
        width: 100%;
        border: 2px dotted #ececec;
        border-radius: 50%;
        padding: 4%;
    }

      .messagePic2 { 
        float: left;  border: 2px dotted #ececec;
        position: relative;border-radius: 50%; overflow: hidden;
        width: 150px; height:150px;margin-top:0%; margin-right:10px;
        
    }
    
    .messagePic2 img {
       width:100%;
      
    }
    
    .bodyorgan_donation_footer {
        float: left;
        position: relative;
        width: 100%;
        height: 300px;
        text-align: center;
    }
    
    .contact {
        font-family: 'I';
    }
    
    .contact h2 {
        margin: 0px;
        padding: 0px;
        color: ##b15b14;
    }
    
    .bodyorgan_donation_footer p {
        color: #ffc785;
    }
    
    #bodyorgan_donation_ad, .col3C {
        float: left;
        width: 98%;
        position: relative;
        padding: 2% 0 2% 2%;
        border: 0px solid #000;
    }
    
    .c1, .c2, .c3 {
        width: 31%;
        position: relative;
        height: 150px;
        border: 1px solid #fff;
        margin-right: 2%;
        float: left;text-align: center;
        
    }

    
    .c1 h1, .c3 h1 {border: 0px solid #fff;
        text-align: center;height: 25px;line-height:25px ;
        padding: 0px;font-size: 14px;color:#fff;
        margin: 0px;top:-12px; font-weight:normal;
        position: absolute;width:100%;background:url(donation/tag.png) center no-repeat;
    }

    .c2 h1{border: 0px solid #fff;
        text-align: center;height: 25px;line-height:25px ;
        padding: 0px;font-size: 14px;color:#fff;
        margin: 0px;top:-12px;font-weight:normal;
        position: absolute;width:100%;background:url(donation/tag2.png) center no-repeat;z-index: 20;
    }

    .cform{background-color:#e67334;height: 250px;color: #fff; }
    .cform2{background-color:#f47555;height: 250px;color: #fff; }

    .cform p{ font-size: 14px; margin: 2%; }

    .cform input[type=text]{
        width:80%;border: 1px solid #fff;font-size: 14px;padding: 1%; margin-bottom: 1%;
        background-color: rgba(255,255,255,.8);color: #f20
    }

     .cform input[type=button]{font-size: 14px;
        border: 1px solid #f60;padding: 2%;background-color:#fff;color: #e67334;min-width: 80px}

    ::-webkit-input-placeholder {
   color: #e67334;
}


.cform2 p{ font-size: 14px; margin: 2%; }

    .cform2 input[type=text]{
        width:80%;border: 1px solid #fff;font-size: 14px;padding: 1%; margin-bottom: 1%;
        background-color: rgba(255,255,255,.8);color: #f20
    }

     .cform2 input[type=button]{font-size: 14px;
        border: 1px solid #f60;padding: 2%;background-color:#fff;color: #e67334;}

    ::-webkit-input-placeholder {
   color: #e67334;
}
.cform input[type=checkbox]{font-size: 12px;
        border: 1px solid #f60;padding: 2%;background-color:#fff;color: #e67334; margin-bottom:2% ;}


        .bodyorgan_donation_tribute{float: left;
        width: 94%;height:120px ;
        position: relative;
        padding: 2% 0 0% 2%;
        border: 0px solid #000;}

        .bodyorgan_donation_tribute {background-color: #f1f1f1;margin:2% 2% ;}

        .bodyorgan_donation_tribute h1{border: 0px solid #fff;
        text-align: center;height: 25px;line-height:25px ;
        padding: 0px;font-size: 18px;color:#fff;
        margin: 0px;top:-12px;font-weight:normal;
        position: absolute;width:100%;background:url(donation/tag2.png) center no-repeat;z-index: 20;}

        /*.bodyorgan_donation_tribute div{ width: 13%;
        position: relative; overflow: hidden;
        height: 120px;
        border: 0px solid #fff;
        margin-right: 2%;
        float: left;text-align: center; }
        .bodyorgan_donation_tribute div img{width: 100px; padding:2%; background-color: #fff;}*/
.donorT {width:100%; margin-top:3% }
        



.Organ{background-color:#FC0049;color:#fff; font-size:14px;display:inline;float:left;width:33.3%; position:relative; text-align:center;margin-top:4% ;  }
.Body{background-color:#F7AC00;color:#fff; font-size:14px;display:inline;float:left;width:33.3%; position:relative;  text-align:center;margin-top:4% ; }
.Eye{background-color:#FB620A; color:#fff; font-size:14px;display:inline;float:left;width:33.3%; position:relative;  text-align:center;margin-top:4% ; }

.Organ img{width:98%;}
.Body img{width:98%; }
.Eye img{width:98%; }
.donorT span{font-size:125%;}
.Body2 {font-size: 14px }


.Organ22{background-color:#FC0049;color:#fff; font-size:14px;display:inline;float:left;width:80%; position:relative; text-align:center;margin-top:4% ;  }
.Body22{background-color:#F7AC00;color:#fff; font-size:14px;display:inline;float:left;width:80%; position:relative;  text-align:center;margin-top:4% ; }
.Eye22{background-color:#FB620A; color:#fff; font-size:14px;display:inline;float:left;width:80%; position:relative;  text-align:center;margin-top:4% ; }

.Organ22 img{width:98%;}
.Body22 img{width:98%; }
.Eye22 img{width:98%; }
.approval{width:100px;border:1px solid #ccc; text-align: center;position:relative; float:left ; font-size:12px  }
.approval img{width:60%;}
.shardha img{width:50%;}
.shardha{text-align:center; }
.slider li div{width:150px; float:left;position:relative;display:inline ; margin:0% 1%; text-align:center;}
.slider li div img{width:80px;padding: 10px; border:1px solid #ccc;}

.slider li div strong{   margin: 4%; line-height:16px; font-size:12px  }
#fs{display:none}
.input-txt{border: 1px solid #ccc; width: 100%; height:25px; margin-bottom:10px  }
.submitinfo{ width:120px;  padding:5px; background-color: #fb6206 }



@media screen and (max-width: 980px){


.bodyorgan_donation_topmenu_l{position:absolute; width:40%; bottom:20%;  }
    .bodyorgan_donation_topmenu_r{position:absolute; right:0px;width:40%;bottom:20%}
    .bodyorgan_donation_topmenu_l div {
        float: left;
        font-family: 'I';
        color: #720;
        font-size: 70%;
        padding: 0 2%;
        position: relative;
        vertical-align: middle;;z-index: 2; 
    }
    
    .bodyorgan_donation_topmenu_r div {
        float: right;
        font-family: 'I';
        color: #720;
        font-size: 70%;
        padding:0 2%;
        position: relative;
        vertical-align: middle;z-index: 2
    }
    
    .bodyorgan_donation_logo {
      
        text-align: center;z-index: 1;
        margin:0 auto;
    }
    
    .bodyorgan_donation_logo img {
        width: 20%;
        
    }

    .donorT {width:100%; margin-top:0% }

    .message {
        float: left;
        position: relative;
        width: 60%;
        height: auto;
        overflow: hidden;
        font-size: 14px;
        color: #777;
        margin-left: 8%;
        text-align: justify;
    }

     .messagePic {
        float: right;
        position: relative;
        width: 25%; margin:8% 4% 
        
    }


    
    .link {
        color: #e76b5d;
        text-decoration: none;
        ;
        font-size: 13px;
    }

}

.gallery div{ float:left; position:relative;height:auto;  width:auto; display:inline; margin:5px 0px 10px 5px; border:1px solid #e0e0e0; text-align:center; font-size:13px; font-weight:bold; background-color:#f2f2f2; padding:1px}
.gallery div img{ height:200px; padding:4px; background-color:#FFFFFF;cursor:pointer; cursor:hand}
#letter{ margin:20px auto}
#letter img{ display:inline; margin-right:30px; cursor:pointer; cursor:hand}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.90);
   
    z-index: 10000; display:none; text-align:center; cursor: pointer
}


.overlay2 { float:left;
    position: absolute;
    margin: 0;
    
    width: 100%;
    min-height: 150%;
    background-color: rgba(0,0,0,.90);
   
    z-index: 10000; display:none; text-align:center;cursor: pointer
}


.videoPanel{ width: 70%; margin:10% auto; }
.videoPanel2{ width: 70%; margin:1% auto;position: relative; }


#close{margin:120px auto;width:850px; text-align:right;z-index: 20020;cursor:pointer; cursor:hand}
#lid{margin:-120px auto 20px auto; padding:22px; background-color:#990000; width:800px;z-index:10010;}