*{ padding:0; margin:0;
}
html, body {width:100%; height:100%; padding:0; margin:0;}
body {  font-family:'Lato', sans-serif, Arial, Helvetica; line-height: 25px;}
body .wrap-body{}

@-ms-viewport {
		width: device-width;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	@media screen and (max-height: 280px) {

			html, body {
				height: auto;
				min-height: 100%;
			}

		}
@media print {
#mainbox,#topban,#topmenu,#bot,#copy,#dialog-overlay,#dialog-box {
display:none;
height:0;
width:0;
clear:both;
}
#print_div {
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding:30px;
padding-left:70px;
}
}
@media screen {
#print_div {
display:none;
}
}
div span{
color:#009900;
}
a{
text-decoration:none;
color:#000;
}
#topban{
width:100%;
background-color:#ffffff;
color:#FFFFFF;
overflow:hidden;
}
#topban_c{
margin:auto;
width:90%;
}			
#topban_c #logo{
float:left;
width:350px;
}
#topban_c #addrs{
float:right;
margin:22px 10px;
}
#topban_c #addrs a{
color:#333333;
}
#topban_c .tfree{
float:right;
margin:22px 10px;
}
#topban_c .tfree a{
color:#333333;
}

topmenu{
width:100%;
background: rgba(0,0,0, 0.9);
color:#FFFFFF;
position:absolute;
z-index:12;
font-size:14px;
}
topmenu_c{
display:block;
margin:auto;
width:90%;
}
#topnav{
float:right;
margin:0;
display:none;
}
.toggle, [id^=drop]{
 display: none;
}

topmenu_c:after {
  content: "";
  display: table;
  clear: both;

}
topmenu_c ul{
	list-style:none;
	float:left;
	 position: relative;
  	 padding: 0;
 	 margin: 0;
}
topmenu_c ul li{
  display: inline-block;
  float: left;
  margin:0px;
 
}
topmenu_c a{
display: block;
padding:16px 20px 16px 10px;
color:#FFFFFF;
text-decoration:none;
text-transform: uppercase;
font-size:14px;
}

topmenu_c ul ul {
  display: none;
  position: absolute;
  top: 57px;
  
}
topmenu_c ul li ul li:hover { background: #000000; }

topmenu_c a:hover { /*background-color: #000000;*/ background: rgba(255,255,255, 0.4); }

topmenu_c ul li:hover > ul { display: inherit; }

topmenu_c ul ul li {
  width: 220px;
  float: none;
  display: list-item;
  position: relative;
  background: rgba(33,33,33, 0.9);
  font-size:15px;
}

topmenu_c ul ul ul li {
  position: relative;
  top: -60px;
  left: 220px;
}

li > a:after { content: ' '; }

li > a:only-child:after { content: ''; }


.mbg{
background-image:url(../imgs/ekonkar.jpg);
background-position:center;
background-repeat:no-repeat;
background-size: cover;
 background-attachment: fixed;
}

#cases{
width:100%;
background-color:#FFF;
color:#FFFFFF;
overflow:hidden;
background-image:url(https://ek-onkar.com/imgs/world.jpg);
background-position:center;
background-size: cover;
margin-top:50px;

}
#cases_c{
margin:auto;
width:90%;
padding:40px;
}
.help{
width:100%;
background-color:#FFF;
color:#FFFFFF;
overflow:hidden;
background-position:center;
background-size: cover;
}
.help_c{
margin:auto;
width:90%;
padding:40px;
}
.helpb1{ background-image:url(https://ek-onkar.com/imgs/money_help.jpg); }
.helpb2{ background-image:url(https://ek-onkar.com/imgs/food_018.jpg); }
.helpb3{ background-image:url(https://ek-onkar.com/imgs/volunteer-hands.jpg); }

#case{
width:100%;
overflow:hidden;
}
p {
	text-align: justify;
	font-size: 16px;
	padding: 5px;
}

#case_c{
margin:auto;
width:90%;
padding:40px;
}
#bot{
width:100%;
background-color:#000000;
overflow:hidden;
color:#FFFFFF;
}
#bot_c{
margin:auto;
width:85%;
}
#copy{
color:#FFFFFF;
border-top:#333333 solid 1px;
width:100%;
background-color:#000000;
}
#copy_c{
margin:auto;
width:85%;
text-align:center;
padding:20px 0;
margin-bottom:20px;
font-size:12px;
}
#copy_c a{
color:#009900;
text-decoration:none;
}
#copy_c .hh{
font-size:16px;
}
#mainbox{
width:100%;
background-color: #FFFFFF;
border-top: #000000 solid 57px;
padding:20px 0;
}
#mainbox_c{
margin:auto;
width:90%;
}

.imgbox{
margin:0 1%;
width:23%;
background-color:#FFFFFF;
-webkit-box-shadow: 1px 26px 16px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 26px 16px -9px rgba(0,0,0,0.75);
box-shadow: 1px 26px 16px -9px rgba(0,0,0,0.75);
overflow:hidden;
}	
.imgbox img{
padding:1%;
padding-bottom:0;
width:98%;
}	
.imgbox div{
margin:auto;
margin-bottom:1%;
width:98%;
background-color:#000000;
text-align:center;
padding:15px 0;
text-transform: uppercase;
font-size:18px;
color:#FFFFFF;
}
	
.con25{
width:25%;
}
.con33{
width:33%;
}

.con50{
width:50%;
}
.con75{
width:75%;
}
.cleft{
float:left;

}
.cright{
float:right;
}

.m10{
padding: 10% 2%;
}	
.heading1{
padding: 0;
}
.heading1 h1{
text-transform:capitalize;
font-weight:bold;
font-size:32px;

}
.heading1 h1 span{
color:#009900;
}
.heading1 hr{
width:100%;
background-color:#006600;
height:2px;
border:none;
margin:20px 0;
}
.heading3 h1{
text-transform:capitalize;
font-weight:bold;
font-size:32px;
color:#FFFFFF;
text-shadow:#333333 1px 1px 2px;
}
.heading3 h1 span{
color:#FF9900;
}
.heading3 hr{
width:100%;
background-color:#006600;
height:2px;
border:none;
margin:20px 0;
}
.heading2{
text-transform: uppercase;
font-weight:bold;
font-size:16px;
color:#009900;
margin: 25px 0;
}
#heading20 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #037F97;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	text-align:center;
}
#heading20 span {
	color: #666666;
}
.blink{
list-style:none;
color:#CCCCCC;
text-transform: uppercase;
font-size:12px;
}
.blink a{
text-decoration:none;
color:#CCCCCC;
text-transform: uppercase;
font-size:12px;
}
.lb{
position:relative;
display:block;
text-align:center;
border:#FF0000 solid 1px;
color:#FF0000;
text-decoration:none;
text-transform: uppercase;
padding:5px 20px;
margin:40px 0;
}
.icon{
padding:6px 9px;
}
.cnt{
color:#333333;
font-size:14px;
line-height:18px;
}
.cls{
clear:both;
}

.picframe{
background:#F6F6f6;
display:block;
width:94%;
margin-right:5px;
margin-bottom:10px;
height:250px;
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:50% 50%;
border: solid 3px #009933;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
font-size:16px;
overflow:hidden;
}
.picframe .ic{
display:block;
position:relative;
width:10px;
height:10px;
top:2%;
left:95%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.icgreen{background-color:#006666; }
.icred{background-color:#FF0000; }
.picframe .des{
width:100%;
background-color:#FFFFFF;
color:#666666;
font-size:14px;
overflow:hidden;
margin-top:210px;
padding:3px 2px;
border-top:#CCCCCC solid 1px;
-webkit-transition: margin-top 0.8s;
-moz-transition: margin-top 0.8s;
transition: margin-top 0.8s;

}

.picframe .info{
display:block;
height:190px;
width:100%;
color:#FFFFFF;
background-color:rgba(0, 0, 0, 0.7);
text-align:center;
margin-top:0px;
overflow:hidden;
}

.picframe:hover > .des{
margin-top:30px;
}

input, select, textarea {
    width: 100%;
    padding: 12px 20px;
	margin:auto;
    
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.button {
    background-color: #2E8901;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
.button:hover {
background-color:#4CAF50;
}
.button1 {
    background-color: #2E8901;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
	border-left:#FFFFFF solid 2px;
    cursor: pointer;
    width: 100%;
}
.button1:hover {
background-color:#4CAF50;
}
.button3 {
    background-color:#FF6600;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
	border-left:#FFFFFF solid 2px;
    cursor: pointer;
    width: 100%;
}
.button3:hover {
background-color:#FF9933;
}
.button2 {
	display:block;
	text-align:center;
	padding: 10px 0;
	width:99%;
    background-color: #4CAF50;
    color: white;
    margin:10px auto ;
	border-left:#FFFFFF solid 2px;
    cursor: pointer;
	text-decoration:none;
}
.button2:hover {
background-color:#CC0000;
}
.button4 {
	display:block;
    background-color:#FF0033;
	padding:3px 0;
    color: white;
    cursor: pointer;
    width: 100%;
	text-decoration:none;
}
.button4:hover {
background-color:#4CAF50;
}
.flderror {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	border: 1px solid #330033;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 10px #ccc;
	-moz-box-shadow:0 0 10px #ccc;
	box-shadow:0 0 10px #ccc;
	padding:3px;
	padding-right: 4px;
	padding-left: 4px;
}
.greenbox {
	background-color:#006633;
	width:90%;
	color:#FFFFFF;
	padding: 2px;
	border: 1px solid #FFCC33;
	text-align:center;
	font-weight:bold;
	margin:auto;
}

.redbox{
	background-color:#FF0000;
	width:95%;
	color:#FFFFFF;
	padding: 2px 6px;
	border: 1px solid #FFCC33;
	margin:auto;
	text-align:center;
	font-weight:bold;
	margin:auto;
}
.orbox{
	background-color:#FFCC00;
	width:95%;
	color:#000000;
	padding: 2px 6px;
	border: 1px solid #FFCC33;
	margin:2px auto;
	text-align:center;
	font-weight:bold;
	margin:auto;
}
.orbox a{
text-decoration:none;
color:#333333;
}
.shrbox{
	background-color:#EAEAEA;
	width:95%;
	color:#000000;
	padding: 2px 6px;
	border: 1px solid  #959595;
	margin:2px auto;
	text-align:center;

	margin:auto;
}
.shrbox a{
text-decoration:none;
color:#333333;
}
.umbox{
font-size:12px;
	background-color:#EAEAEA;
	width:100%;
	color:#000000;
	padding: 0 20px;
	border-bottom: 1px solid  #959595;
	margin:auto;
}
#searchpanel {
	background-color: #F9F9F9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding: 6px;
}
#searchdroppanel {
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	position: absolute;
	height: 200px;
	overflow: auto;
	display: none;
	z-index: 2000;
}
.searchitem {
	background-color: #F9F9F9;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	cursor: default;
	font-size: 12px;
	color: #333333;
}
.mbile{
visibility:hidden;
}
.s_link {
	font-size: 12px;
	color: #666666;
}
.loading {
	background-image: url(https://ek-onkar.com/imgs/spinning-progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 100%;
}
.progressbar {
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../imgs/spinning-progress.gif);
	background-position: 4px center;
	width: 100px;
	background-repeat: no-repeat;
	padding:2px;
	padding-left: 28px;
	border: 3px solid #999999;
	left: 40%;
	top: 40%;
	position:fixed;
	z-index: 99999;
}
#dialog-overlay {
        /* set it to fill the whil screen */
        width:100%;
        height:100%;
        
        /* transparency for different browsers */
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        background:#000;
        /* make sure it appear behind the dialog box but above everything else */
        position:absolute;
        top:0; left:0;
        z-index:3000;
        /* hide it by default */
        display:none;
    }
	#dialog-box {
        

        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
        -moz-border-radius: 1px;
	    -webit-border-radius: 1px;
        width:97%;
        position:absolute;
		z-index:5000;
        display:none;
		padding: 0px;
		background-color: #FFFFFF;
    }
#dialog-boxtitle {
	font-size: 14px;
	font-weight:bold;
	color: #333333;
	text-align:left;
	background-color:#333333;
	padding: 3px;
}
#dialog-boxtitle #boxtitle{
color:#FFFFFF;
float:left;
padding-left:4px;
}
#dialog-boxtitle .closebox{
display:block;
width:20px;
height:20px;
float:right;
background-image: url(https://ek-onkar.com/imgs/close.png);
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
padding: 3px;
}
    #dialog-box .dialog-content {
        /* style the content */
        text-align:left;
        padding:10px;
        margin:13px;
        color:#666;
        font-family:arial;
        font-size:12px;

    }

.pptxt{
width:90%;
font-size:18px;
text-transform:capitalize;
padding:10px;
}
.ppbox{
		margin:auto;
		background-position:center;
		background-size: cover;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
        -moz-border-radius: 5px;
	    -webit-border-radius: 5px;
}
.pp50{
width:50px;
height:35px;
}

.pp100{
width:100px;
height:70px;
}
.pp150{
width:150px;
height:100px;
}
.pp200{
width:200px;
height:160px;
}

.pp250{
width:250px;
height:200px;
}
.ppp99{
width:99%;
height:500px;
}

.hbox{
width:99%;
margin:10px auto;
overflow:hidden;
}
.hbox h1{
width:100%;
padding:5px;
padding-left:20px;
font-size:18px;
background-color:#666666;
color:#FFFFFF;
cursor:pointer;
}
.hbox .box{
background-color:#F3F3F3;
width:100%;
font-size:14px;
border-bottom:#CCCCCC solid 1px;
}
.hbox .box .dp{
padding:10px;
}
.hbox .box form{
padding:10px;
}
.hbox .box .videos{
height:480px;
}
.utbox{
color:#999;
margin-right:6px;
font-size:70%;

}
.likebox{
color:#FFFFFF;
display:block;

padding:10px;
padding-left:45px;
background-color:#0099CC;
background-image:url(https://ek-onkar.com/imgs/like32.png);
background-repeat:no-repeat;
background-position:0;
border: solid 2px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}
.cmtbox{
width:99%;
height:130px;
margin:10px auto;
background-color:#FBFBFB;
border: solid 1px #E1E1E1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}
.cmtbox .pic{
width:33%;
height:100%;
float:left;
border-right:#E9E9E9 solid 1px;
background-size: cover;
background-repeat:no-repeat;
background-position:50% 50%;
overflow:hidden;
}
.cmtbox .cmt{
width:65%;
float:right;
color:#6F6F6F;
overflow:hidden;
}
.cmtbox .cmt form{
padding:10px;
}
.cmtbox .cmt .toptxt{
padding:2px;
font-size:12px;
text-align:right;
color:#A39C9C;
border-bottom:solid 1px #E9E9E9;
}
.cmtbox .cmt a{
color:#A39C9C;
text-decoration:none;
}
.cmtbox .cmt a:hover{
color:#FF0000;
}
.dtable{
background-color:#F3F3F3;
padding:0;

}
.dtable th{
background-color:#666666;
color:#FFFFFF;

padding:10px;

}
.dtable td{
border-bottom:#CCCCCC solid 1px;
padding:10px;
padding-top:20px;
padding-bottom:20px;
}
.table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.table th,
.table td {
  padding: .625em;
  text-align: center;
}
.table a{
color:#333333;
text-decoration:none;
}
.table a:hover{
color:#FF0000;
}

.table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.table .lh{
text-align:left;
}

@media screen and (max-width: 900px) {
  .table {
    border: 0;
  }

  .table caption {
    font-size: 1.3em;
  }
  
  .table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  .table .lh{
text-align:right;
}

  .table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .table td:last-child {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 900px){
.mbile{
visibility:visible;
}
#topban_c{
width:100%;
}
#topban_c #logo{
float:none;
margin:auto;
}
#topban_c #addrs{
display: none;
}
#topban_c .tfree{
display: none;
}
#cases_c{
padding:30px 10px;
}
.help_c{
padding:30px 10px;
}
#case_c{
padding:30px 10px;
}
.con25{
width:100%;
font-size:90%;
}

.con33{
width:100%;
font-size:90%;
}

.con50{
width:100%;
font-size:90%;

}
.con75{
width:100%;
font-size:90%;
}
.cleft{
float:left;
}
.cright{
float:left;
}
.picframe{
margin-right:0;
width:98%;
}
.hbox{
width:100%;
}
.hbox .box .videos{
height:180px;
}
.heading1 h1{
font-size:130%;
font-weight:bold;
text-align:center;
}
.heading1 hr{
border:none;
margin:10px 0;
}
.heading3 h1{
font-size:130%;
font-weight:bold;
text-align:center;
}
.heading3 hr{
border:none;
margin:10px 0;
}
.imgbox{
margin:2% 1%;
width:97%;
}
.heading2{
text-align:center;
}
.blink{
text-align:center;

}
.blink li{
border-bottom:#222222 solid 1px;
}
.button1 {
border:none;
}
#copy_c .cleft{
display:block;
text-align:center;
width:98%;
}
#copy_c .cright{
display:block;
text-align:center;
width:98%;
}
#scrimg{
display:none;
}
#mainbox p { margin-top:30px; padding-left: 5px;padding-right: 5px; text-align:justify;}
.hidme{
height:0;
margin:auto;
width:auto;
visibility:hidden;
}
}

@media all and (max-width: 900px) {

.toggle + a, 
 .menu{ display: none; }

.toggle {
	display: block;
	padding:16px 50px 16px 10px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform: uppercase;
	border: none;
}

.toggle:hover { /*background-color: #000000; */}

[id^=drop]:checked + ul { display: block;}

topmenu_c ul li {
  display: block;
  width: 100%;
  background: rgba(0,0,0, 0.9);
}

topmenu_c ul ul .toggle,
 topmenu_c ul ul a { padding: 14px 40px; }

topmenu_c ul ul ul a { padding: 14px 80px; }

topmenu_c a:hover,
 topmenu_c ul ul ul a { background-color: #000000; }

topmenu_c ul li ul li .toggle,
 topmenu_c ul ul a { background-color: #212121; }

topmenu_c ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

topmenu_c ul ul li:hover > ul,
topmenu_c ul li:hover > ul { display: none; }

topmenu_c ul ul li {
  display: block;
  width: 100%;
}

topmenu_c ul ul ul li { 
position: static;
}
}

@media all and (max-width : 330px) {
topmenu_c ul li {
  display: block;
  width: 94%;
}
}