@charset "utf-8";
/* CSS Document */
/* Body Style */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body{
	font-family: 'Open Sans', sans-serif;
	background: #f8fafe;;
	font-weight: 400;
	font-size: 15px;
	color: #f2f2f2;
	margin:0;
	padding:0;
	line-height:1.6em;
}
.c-mos{border:#FF0000; background-color:#FF5F11; font-size:18px; color:#ffffff; padding:3px 3px 3px 3px;  -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; cursor:pointer}
.btagged{font-size:18px; color:#000066}
.btagg{width:100%; float:left}
.btaggs{width:100%; float:left; height:15px}
.banner-s {
background: #2CA378;
background-image: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.2));
border: 0 solid rgba(0,0,0,0.2);
color: #fff;
font-size: 20px;
font-weight: bold;
position: relative;
text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
border-radius: 0 0 52px 52px;
border-width: 0 1px 1px 1px;
border-color: rgba(0,0,0,0.1);
box-shadow: 1px 3px 11px rgba(0,0,0,0.3);
display: inline-block;
margin: -2px auto 0;
padding: 8px 28px;
}
.bs{float:left; width:80%}
.bs1{float:left; width:20%}
.bs2{border:#666666 1px solid; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 2px solid; background-color:#C6C688; box-shadow: 6px 10px 5px #888;}
.roll {
    font-weight:bold; font-size:17px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;

    -webkit-perspective: 300px;
       -moz-perspective: 300px;
        -ms-perspective: 300px;
            perspective: 300px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
        -ms-perspective-origin: 50% 50%;
            perspective-origin: 50% 50%;
}
.roll:hover {
    background: none;
    text-shadow: none;
}
.roll span {
    display: block;
    position: relative;
    padding: 0 2px;
    pointer-events: none;

    -webkit-transition: all 600ms ease;
       -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
            transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.roll:hover span {
    background: rgba(190,190,20,.9);

    -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
        -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
            transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
}
.roll span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;
    white-space: nowrap;

    color: white;
    background: #a533fd; 

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
        -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
            transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}
h1{line-height: 130%;}
img { border: 0px; }
ul { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
.m1{width:100%; float:left; min-height:197px; background-color:#EAEAEA}
.m2{width:100%; float:left; background-color:#999999}
.m3{width:100%; float:left}
.m4{width:50%; float:left}
.ntabs{-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 2px solid; background-color:#D6D6AD;box-shadow: 6px 10px 5px #888;}
.new-tab{-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 1px solid;box-shadow: 6px 10px 5px #888; background-color:#D6D6AD}
.h-new{width:93%; padding-left:50px}
.hs{width:32%; float:left; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 2px solid; background-color:#D6D6AD;box-shadow: 6px 10px 5px #888;}
.hs-col{width:32%; float:left; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 2px solid; background-color:#D0E8E8;box-shadow: 6px 10px 5px #888;}
.hs-news{width:100%; float:left; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 2px solid; background-color:#D6D6AD;box-shadow: 6px 10px 5px #888;}
.fruits{float:left; width:50%; padding-top:20px}
.fvegg{float:left; width:50%}
.bq{width:48%; float:left}
.bq1{width:48%; float:left; padding-top:50px;}
.bfat{width:98%; float:left; background-color:#CCCCCC; padding:5px}
.bfat1{width:100%; float:left; background-color:#f8f8f8}
.bfat2{width:14%; float:left}
.bfat3{width:15%; float:left; padding-left:37px}
.bfat4{width:15%; float:left; padding-left:39px}
.bfat5{width:15%; float:left; padding-left:39px}
.bfat6{width:18%; float:left}
.bfat7{width:50%; float:left}

.ribbonsr {
   width: 432px;
   position: absolute;
   text-align: center;
   font-size: 23px!important;
   background:#ABABD6;
   background: -webkit-gradient(linear, left top, left bottom, from(#4c7ad4), to(#518bd1));
   background: -webkit-linear-gradient(top, #A9BBDF, #92ADCE);
   background: -moz-linear-gradient(top, #4c7ad4, #518bd1);
   background: -ms-linear-gradient(top, #4c7ad4, #518bd1);
   background: -o-linear-gradient(top, #4c7ad4, #518bd1);
   background-image: -ms-linear-gradient(top, #4c7ad4 0%, #518bd1 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   }
   .ribbonsr h1 {
   font-size: 18px!important;
   color: #000000;
   margin:0px;
   padding: 10px 10px;
   }
   .ribbonsr:before, .ribbonsr:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   z-index: -1;
   }
 
.ribbonsr:before {
 
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
 
.ribbonsr:after {
 
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
   .ribbonsr .ribbonsr-content:before, .ribbonsr .ribbonsr-content:after {
 
   border-color: #0a2f57 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
 
.ribbonsr .ribbonsr-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
 
.ribbonsr .ribbonsr-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.wrapper {
  margin: 50px auto;
  width: 359px;
  height: 370px;
  background:#E0E0C2;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}
 
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
 
.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}
.ribbonkl{
    position: relative;
    width: 100%;
    margin: 0;
}

.ribbonkl:before,
.ribbonkl i:before {
    content: '';
    position: absolute;
    bottom: -23px;
    border: 24px solid #c45045;
}

.ribbonkl:before {
    left: -54px;
    border-left-color: transparent;
    -webkit-transform: rotate(-16deg);
       -moz-transform: rotate(-16deg);
        -ms-transform: rotate(-16deg);
         -o-transform: rotate(-16deg);
            transform: rotate(-16deg);
}
.oldie .ribbonkl:before {
    left: -48px;
}

.ribbonkl i:before {
    right: -54px;
    border-right-color: transparent;
    -webkit-transform: rotate(16deg);
       -moz-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
         -o-transform: rotate(16deg);
            transform: rotate(16deg);
   
}
.oldie .ribbonkl i:before {
    right: -48px;
}

.ribbonkl i:after,
.ribbonkl u:after {
    content: '';
    position: absolute;
    border-style: solid;
    bottom: -16px;
    z-index: 0;
}

.ribbonkl i:after {
    right: -16px;
    border-color: transparent transparent transparent #a33d33;
    border-width: 0 0 16px 16px;
}

.ribbonkl u:after {
    left: 0;
    border-color: transparent #a33d33 transparent transparent;
    border-width: 0 16px 16px 0;
}

.ribbonkl u {
    display: block;
    position: relative;
    width: 100%;
    left: -16px;
    padding: 0 16px 16px;
    background: #d0726a;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0726a), to(#c7574d));
    background-image: -webkit-linear-gradient(#d0726a, #c7574d);
    background-image:    -moz-linear-gradient(#d0726a, #c7574d);
    background-image:     -ms-linear-gradient(#d0726a, #c7574d);
    background-image:         linear-gradient(#815C58, #c7574d);
    -webkit-border-top-left-radius: 50% 16px;
            border-top-left-radius: 50% 16px;
    -webkit-border-top-right-radius: 50% 16px;
            border-top-right-radius: 50% 16px;
    text-align: center;
    font: 28px/48px Museo, cursive;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 1px rgba(163, 61, 51, .8), 0 2px 1px rgba(163, 61, 51, .6);
}
.oldie .ribbonkl u {
    padding: 0 16px;
    *left: 0px;
    *padding: 0;
}

.ribbonkl u {
    left: 0;
    margin: 0 -16px;
    width: auto;
}

.ribbonkl u::selection { background-color: #a33d33; }
.ribbonkl u::-moz-selection { background-color: #a33d33; }

.ribbonkl u:before,
.ribbonkl:after {
    content: '';
    position: absolute;
    height: 16px;
    left: 0;
    bottom: 0;
    -webkit-border-top-left-radius: 50% 16px;
            border-top-left-radius: 50% 16px;
    -webkit-border-top-right-radius: 50% 16px;
            border-top-right-radius: 50% 16px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .3);
}
.oldie .ribbonkl u:before,
.oldie .ribbonkl:after {
    content: none;
}

.ribbonkl u:before {
    width: 100%;
    background: #a33d33;
}

.ribbonkl:after {
    width: 100%;
    background: #ded8c5;
    z-index: 1;
}
.hd {
    width: 359px;
    height: 290px;
    background-color: #ded8c5;
    margin: 0 auto;
    padding: 20px 0px;
    -webkit-transition: .2s;
       -moz-transition: .2s;
        -ms-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
			-moz-border-radius:7px 7px 108px 5px; -webkit-border-radius:7px 7px 108px 5px; border-radius:7px 7px 108px 5px
}
.oval-quotes {
  position:relative;
  width: 325px;
height: 290px;
  margin:1em auto 10px;
  color:#000;
  background:#ffed26;
  /* css3 */
  /*
  NOTES:
  -webkit-border-radius:Apx Bpx; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:Apx / Bpx; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:400px 350px;
  -webkit-border-top-right-radius:400px 350px;
  -webkit-border-bottom-right-radius:400px 350px;
  -webkit-border-bottom-left-radius:400px 350px;
  -moz-border-radius:400px / 350px;
  border-radius:400px / 350px;
}

/* creates opening quotation mark */
.oval-quotes:before {
  content:"\201C";
  position:absolute;
  z-index:1;
  top:15px;
  left:20px;
  font:80px/1 Georgia, serif;
  color:#ffed26;
}

/* creates closing quotation mark */
.oval-quotes:after {
  content:"\201D";
  position:absolute;
  z-index:1;
  bottom:0;
  right:20px;
  font:80px/0.25 Georgia, serif;
  color:#ffed26;
}

.oval-quotes p {
  width:250px;
  height:250px;
  padding:50px 0 0;
  margin:0 auto;
  text-align:center;
  font-size:35px;
}

/* creates smaller curve */
.oval-quotes p:before {
  content:"";
  position:absolute;
  z-index:-1;
  bottom:-30px;
  right:55%;
  width:180px; /* wider than necessary to make it look a bit better in IE8 */
  height:60px;
  background:#fff; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(-30px, -2px);
  -moz-transform:translate(-30px, -2px);
  -ms-transform:translate(-30px, -2px);
  -o-transform:translate(-30px, -2px);
  transform:translate(-30px, -2px);
}

/* creates larger curve */
.oval-quotes p:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:-30px;
  right:25%;
  height:80px;
  border-right:200px solid #ffed26;
  background:#ffed26; /* need this for webkit - bug in handling of border-radius */
  /* css3 */
  -webkit-border-bottom-right-radius:200px 100px;
  -moz-border-radius-bottomright:200px 100px;
  border-bottom-right-radius:200px 100px;
  /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */
  -webkit-transform:translate(0, -2px);
  -moz-transform:translate(0, -2px);
  -ms-transform:translate(0, -2px);
  -o-transform:translate(0, -2px);
  transform:translate(0, -2px);
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.oval-quotes + p {
  position:relative; /* part of the IE8 width compromise */
  width:150px;
  margin:0 0 2em;
  font-size:18px;
  font-weight:bold;
}

blockquote {
  margin:1em 0;
}

blockquote p {
  margin:0;
  font-size:2em;
}
/*tabs*/
#tabs {	 
	margin: -7px 0;
}
#tabs ul {
	float: left;
	background: #fff;
	padding-top: 4px;
}
#tabs ul li {
	margin-left: 0px;
	
	list-style: none;
}
#tabs ul li {
	display: inline; border:1px solid #d5d0d6; padding:1px; border-bottom:0;
}
#tabs ul li, #tabs ul li a {
	float: left;
}
#tabs ul li.active {
}
#tabs ul li.active a {
	background:#C76661;
	background: -webkit-linear-gradient(top, #C76661, #9D3D37);
	background: -moz-linear-gradient(top, #C76661, #9D3D37);
	background: -o-linear-gradient(top, #C76661, #9D3D37);
	background: linear-gradient(to bottom, #C76661, #9D3D37);	  
	color:#FFFFFF;
}
#tabs div {
	clear: both;
	padding:1px;
	min-height: 200px;
	 border:1px solid #d5d0d6; 
}
#tabs  div.tabContner{
	background: #DFE2DB;
	background: -webkit-linear-gradient(top, #FFFFFF, #EFEFEF);
	background: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);
	background: -o-linear-gradient(top, #FFFFFF, #EFEFEF);
	background: linear-gradient(to bottom, #FFFFFFF, #EFEFEF);
    border:0; padding:10px; position:relative;}
 
#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	padding:1px 8px;
	color: #fff;
	font-weight: bold;
	background:#7280B8;
	background: -webkit-linear-gradient(top, #7280B8, #4B5A94);
	background: -moz-linear-gradient(top, #7280B8, #4B5A94);
	background: -o-linear-gradient(top, #0116A9, #4B5A94);
	background: linear-gradient(to bottom, #B7BDE7, #4B5A94);
}
#tabs ul li a:hover {
	background:#C76661;
	background: -webkit-linear-gradient(top, #C76661, #9D3D37);
	background: -moz-linear-gradient(top, #C76661, #9D3D37);
	background: -o-linear-gradient(top, #C76661, #9D3D37);
	background: linear-gradient(to bottom, #C76661, #9D3D37); color:#FFFFFF;
}
/*end of tab*/
.ntab{-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border:#f8f8f8 1px solid}
.headerWrap {
	width: 90%;
	1max-width: 1200px;
	background-color: #023467;
	padding: 0 5% 0 5%;
	min-height: 50px;
	padding-top:0px;
	border-top: 1px solid #FFFFFF;
}

.nav-container {
	1min-width:900px;
	width: 90%;
	float: left;
}

.menu-container {
	width:100%;
	margin: 0 auto;
	padding: 20px 0;
}

.icon-bar {
	display: block;
	width: 50px;
	height: 4px;
	float: right;
	clear: both;
	margin: 4px 10px;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
label.responsive_menu {
	min-height: 65px;
}
label.responsive_menu span {
	margin-left: 10px;
	color: white;
	display: none;
}

.menu_small {
	display: none;
	float:right;
	margin: 9px;
	padding: 5px;
	border-radius: 5px;
	background-color: rgb(39, 60, 141);
}
.menu {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 400; 
	font-size: 14px;
	line-height: 21px;
	position: relative;
	padding: 0 0 0 4px;
	margin: 0;
    background-color: #023467;
	text-align: center;
}

/* Reset Links */
.menu a, .menu a:link, .menu a:visited, .menu a:focus, span {
	color: #fff;
	text-decoration: none;
}

.menu a:hover {
 color: #c4c4c4;
 text-decoration: none; 
}



/* Main element */
.menu > li {
	display: inline-block;
	text-align: center;
	margin-left: -4px;
    border-left: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
    
    }

/* Link Style */
.menu > li > a {
	padding:14px 18px;
	display: block;
	1background-image: url("downArrow.png");
	background-repeat: no-repeat;
	background-position: right;
}

.menu > li:hover > a{
	1color: #446cb3;
	color: #FFFFFF;
}

.menu > li:hover {
	1background-color: #fff;
	1background-color: rgb(39, 60, 141);
	background-color: rgba(26, 81, 137, 1);
 }
.menu > li:first-child {
 border-left: none;
 box-shadow: none;
}
.menu > li:last-child {
1border-right: 1px solid rgba(0, 0, 0, 0.1);
1box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11);
}

/* Simple multilevel dropdown */
.menu > li > ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:50px;
	1background-color: #023467;
	background-color: rgba(26, 81, 137, 1);
    width: 200px;
	text-align: left;
	margin-top:30px;
	padding: 0px;
	z-index: 99;
}
/*stat*/
.dapo{width:96%; padding-left:15px}
.mapindia{width:100%; float:left;min-height:510px; padding:10px}
.mapindia1{width:62%; float:left; padding-left:10px}
.mapindia2{width:35%; float:right}
.mi{-moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; background-color:#B9B973; border:#74743A 2px solid}
.imsr{width:20%; float:right}
.mii{-moz-border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; border-radius:7px 7px 7px 7px; border:#8080C0 1px solid; background-color:#8080C0}
.pos{float:left; width:100%;height:40px}
.pos1{float:left; width:60%}
.pos2{float:right; width:40%}
.ros{float:left; width:100%;height:70px}
.ros1{float:left; width:60%}
.ros2{float: right;width: 25%;padding-top: 17px;}
.ta{background-color:#DCEDED; padding:2px; -moz-border-radius:3px 40px 3px 40px; -webkit-border-radius:3px 40px 3px 40px; border-radius:3px 40px 3px 40px; border:#76B8B8 2px solid; background: linear-gradient(0deg, rgb(219, 224, 210), rgb(221, 214, 201)); box-shadow: 6px 10px 5px #888;}
.ta-new{background-color:#DCEDED; padding:2px; -moz-border-radius:3px 40px 3px 40px; -webkit-border-radius:3px 40px 3px 40px; border-radius:3px 30px 3px 30px; border:#76B8B8 2px solid; background: linear-gradient(0deg, rgb(219, 224, 210), rgb(221, 214, 201));box-shadow: 6px 10px 5px #888;}
.ta1{-moz-border-radius:8px 50px 0px 0px; -webkit-border-radius:8px 50px 0px 0px; border-radius:8px 50px 0px 0px;}
.cspan{-moz-border-radius:8px 50px 0px 0px; -webkit-border-radius:8px 50px 0px 0px; border-radius:8px 50px 0px 0px;}
.redgetop{-moz-border-radius:0px 8px 0px 0px; -webkit-border-radius:0px 8px 0px 0px; border-radius:0px 8px 0px 0px}
.lok{ width:100%; float:left;padding-bottom:10px}
.lok1{ width:70%; float:left;}
.lok2{width:30%; float:right;background-color:#8AC4C4; padding:8px}
.mi6{border: #8AC4C4 1px solid; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; background-color:#8AC4C4}
.mi7{border: #8AC4C4 1px solid; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px; background-color:#8AC4C4}
/*news section*/
.containerrc
{
width: 100%;
float:left;
margin: 10px auto;
background-color:#F0ECF5;
padding-top:20px;
border-radius:10px;
-moz-border-radius:0px 0px 70px 0px; -webkit-border-radius:0px 0px 70px 0px; border-radius:0px 0px 70px 0px;

}
.containermc
{
width: 100%;
float:left;
margin: 10px auto;
background-color:#F7EECC;
padding-top:20px;
border-radius:10px;
-moz-border-radius:0px 0px 70px 0px; -webkit-border-radius:0px 0px 70px 0px; border-radius:0px 0px 70px 0px;
}
.acc{
background-color:#87B999;
text-align: center;
padding: 4px 0;
font-size: 18px;
-moz-border-radius:0px 0px 130px 0px; -webkit-border-radius:0px 0px 130px 0px; border-radius:0px 0px 130px 0px;
font-weight:bold
}
.sub-acc{
background-color: #A0C0A3;
padding: 4px 4px;
font-size: 18px;
margin-top:10px
}
.acc1{
background-color: #87B999;
text-align: center;
padding: 5px 0;
font-size: 16px;
margin-top:15px;
font-weight:bold;
-moz-border-radius:0px 0px 130px 0px; -webkit-border-radius:0px 0px 130px 0px; border-radius:0px 0px 130px 0px;

}
.box
{
float: left;
margin:0 14px;
transition:all 0.3s;
width:331px;
}
.box-new
{
float: left;
margin:0 14px;
transition:all 0.3s;
width:625px;
}
.box-small {width:310px; float:left}


.box ul
{
list-style: none;
margin: 0;
padding: 0;
}
.box ul li
{
background-color: #D9E0CB;
font-size:15px;
margin: 0px;
padding: 6px;
}
.box ul li:hover {text-decoration:underline}



.box-new ul
{
list-style: none;
margin: 0;
padding: 0;
}
.box-new ul li
{
background-color: #F4F5F2;
font-size:12px;
margin: 0px;
padding: 6px;
}
.box-new ul li:hover {text-decoration:underline}

.box-new ul li:nth-child(2n) {
background-color: #E0DED1;
}
.containerrcs
{
width: 100%;
float:left;
margin: 10px auto;
background-color:#C9C8BD;
padding-top:20px;
border-radius:10px
}

.accs{
background-color: #D6B716;
text-align: center;
padding: 4px 0;
font-size: 18px;
font-weight:bold
}
.sub-accs{
background-color: #A0C0A3;
padding: 4px 4px;
font-size: 18px;
margin-top:10px
}
.acc1s{
background-color: #D6B716;
text-align: center;
padding: 5px 0;
font-size: 16px;
margin-top:15px;
font-weight:bold
}
.boxs
{
float: left;
margin:0 14px;
transition:all 0.3s;
width:331px;
}
.boxs-new
{
float: left;
margin:0 14px;
transition:all 0.3s;
width:625px;
}
.boxs-small {width:310px; float:left}


.boxs ul
{
list-style: none;
margin: 0;
padding: 0;
}
.boxs ul li
{
background-color: #F4F5F2;
font-size:15px;
margin: 0px;
padding: 6px;
}
.boxs ul li:hover {text-decoration:underline}

.boxs ul li:nth-child(2n) {
background-color: #E0DED1;
}


.boxs-new ul
{
list-style: none;
margin: 0;
padding: 0;
}
.boxs-new ul li
{
background-color: #F4F5F2;
font-size:12px;
margin: 0px;
padding: 6px;
}
.boxs-new ul li:hover {text-decoration:underline}

.boxs-new ul li:nth-child(2n) {
background-color: #E0DED1;
}
.tLinks {
	list-style:none;
	margin:0;
	padding:0;
	font-weight: bold;
}
.tLinks li {
	display:inline; 
	float: left; 
	color:white;
	padding:10px 8px 0 0;
}
.tLinks li:hover{
	display:inline; 
	float: left; 
	color:white;
	padding:10px 8px 0 0;
}
.tLinks li a {
	text-decoration: none;
	color:#0073E6;
	font-size:13px;
	padding:4px 4px 4px 4px;
	background-color:#EAF4FF;
	border:#BFD676 1px solid;
	
}
.tLinks li a:hover {
	text-decoration: none;
	color: #ffffff;
	padding:3px 3px 3px 3px;
	background-color:#2BA5AE; padding:4px
}



/*verna*/
.containersm
{
width: 100%;
float:left;
margin: 10px auto;
background-color:#f8f8f8;
padding-top:20px;
border-radius:10px;
-moz-border-radius:0px 0px 70px 0px; -webkit-border-radius:0px 0px 70px 0px; border-radius:0px 0px 70px 0px;
}
.accsm{
background-color:#9987B9;
text-align: center;
padding: 4px 0;
font-size: 18px;
-moz-border-radius:0px 0px 0px 80px; -webkit-border-radius:0px 0px 0px 80px; border-radius:0px 0px 0px 80px;
font-weight:bold
}
.sub-accsm{
background-color: #A0C0A3;
padding: 4px 4px;
font-size: 18px;
margin-top:10px
}
.accsm1{
background-color:#9987B9;
text-align: center;
padding: 5px 0;
font-size: 16px;
margin-top:15px;
font-weight:bold;
-moz-border-radius:0px 0px 0px 80px; -webkit-border-radius:0px 0px 0px 80px; border-radius:0px 0px 0px 80px;

}
.boxsm
{
float: left;
margin:0 14px;
transition:all 0.3s;
width:331px;
}
.boxsm-new
{
float: left;
margin:0 14px;
transition:all 0.3s;
width:625px;
}
.boxsm-small {width:310px; float:left}


.boxsm ul
{
list-style: none;
margin: 0;
padding: 0;
}
.boxsm ul li
{
background-color:#D9DADF;
font-size:15px;
margin: 0px;
padding: 6px;
}
.boxsm ul li:hover {text-decoration:underline}

.boxsm-new ul
{
list-style: none;
margin: 0;
padding: 0;
}
.boxsm-new ul li
{
background-color: #F4F5F2;
font-size:12px;
margin: 0px;
padding: 6px;
}
.boxsm-new ul li:hover {text-decoration:underline}

.boxsm-new ul li:nth-child(2n) {
background-color: #E0DED1;
}
/*verna*/
/*end of news section*/

.grad1 {
   	background: -webkit-linear-gradient(rgb(206, 213, 240), rgb(255, 255, 255));
    background: -o-linear-gradient(rgb(206, 213, 240), rgb(255, 255, 255));
    background: -moz-linear-gradient(rgb(206, 213, 240), rgb(255, 255, 255));
    background: linear-gradient(rgb(206, 213, 240), rgb(255, 255, 255));
}

@media only screen and (min-width: 768px) {
/* First level appear */
.menu > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

/* Style for dropdown links */
.menu li > ul li {
	font-size: 13px;
	position: relative;
	display: block;
	padding: 15px 10px;
    
}

.menu > li > ul  li:hover {
	1background-color: rgba(26, 81, 137, 1);
	background-color: #023467;
	1background-color: rgb(39, 60, 141);

}

.menu ul  li:hover > a {
	1color: #446cb3;
	color: #FFFFFF;
}

/* Second and third dropdown level */
.menu > li > ul li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:0px;
	left: 200px;
	background-color: #023467;
	width: 200px;
	text-align: left;
	padding: 0px;
	margin-left: 30px;
}

.menu > li > ul li ul li:hover {
	background-color: #fff;
}
input#responsive_menu { display: none; }

.menu > li > ul li ul li ul {
	background-color: #446cb3;
}

.menu > li > ul li ul li ul li:hover {
	background-color: #fff;
}

/* Second and third level appears */
.menu > li ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin-left: 0px;
}

/* Megadrop width dropdown */
.menu > li > .megadrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	left: 0px;
	background-color: #446cb3;
	width: 100%;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	overflow: hidden;
}

/* megadrop appears */
.menu > li:hover .megadrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.menu ul li:hover:after {
	color: white;
}

/* columndrop dropdown */
.menu .columndrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:50px;
    1background-color: #023467;
	background-color: rgba(26, 81, 137, 1);
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	padding: 0 10px;
	z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.menu > li:hover .columndrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
    color: #fff;
}

.menu .columndrop .col {width: 141px;margin:0 9px;}


/*.coldrop full width dropdown */
.menu .col {
	width: 14.1%;
	float: left;
	color:white;
	margin: 0 0 0 2.2%;
}

.menu .col ul {
	padding: 0;
	margin: 0;
}

.menu .col ul li {
	padding: 0;
	list-style: none;
	font-size: 13px;
}

.menu .col h3 {
	font-size: 16px;
	padding: 14px 0;
	font-weight: 400;
	margin: 5px 0 5px 0;
}

.menu .col ul li a {
	display: block;
	padding: 0 0 15px 0;
}
.menu .col ul li a:hover { color:#D6DBAD;
    text-decoration: underline;
}

} /* NK */

.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > .columndrop, .menu > li > ul, .menu > li {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
  	-ms-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-outs; 
}

.hdev{padding: 14px 0; margin: 5px 0 5px 0; font-weight:bold}
/* footerWrap */
.footerOuter {
	width: 100%;
	float: left;
	clear:both;
	background-color: #5A5656;
}
.footerWrap {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 0 0 0;
	clear: both;
	display: table;
}
.footerNav {
	width: 49%;
	margin: 0 0 0 1%;
	float: left;
}
.footerNav ul li {
	float: left;
	padding: 3px 20px 3px 0;
}
.footerNav ul li a {
	color: rgb(251, 245, 245); 
	font-size: 0.9em;
}
.footerSocial {
	width: 50%;
	float: right;
	text-align: right;
}
ul.footerSocialL {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	float: right;
}
ul.footerSocialL li {
	float: left;
	display: block;
}
.f-icon:hover {
	1opacity: 0.5;
}
.f-icon {
	width:30px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/social-sprite.png);
	background-repeat:no-repeat;
	1background-color: orange;
	margin-right: 10px;
	opacity: 1;
}
.f-facebook { background-position:0px -60px; }
.f-facebook:hover { background-position:0px -30px; }
.f-twitter { background-position:-240px -60px; }
.f-twitter:hover { background-position:-240px -30px; }
.f-linkedin { background-position:-120px -60px; }
.f-linkedin:hover { background-position:-120px -30px; }
.f-gplus { background-position:-90px -60px; }
.f-gplus:hover { background-position:-90px -30px; }
.f-youtube { background-position:-300px -60px; }
.f-youtube:hover { background-position:-300px -30px; }

.fCopy {
	width: 99%;
	margin: 0 0 0 1%;
	float: left;
	text-align: left;
	font-size: 0.8em;
	color: #A69D9D;
}

/* baby names page */

.midWrapBaby {
	max-width: 1040px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2px;
	
	clear: both;
	display: table;
	color: #000000;
}
.bNameTitle {
	color: #000000;
}
.bNameTitle1 {
	color: #000000;
	padding-left:22px
}
.bNameSubTitle {
	text-align: left;
	float: left;
	width: 100%;
}
.bNameSubTitle h2 {
	margin-bottom: 10px;
}
.bNameAlphaList {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0 10px 0;
}
.bNameAlphaList ul li {
	float: left;
	1padding: 10px;
	margin: 0 6px 10px 0;
	background-color: rgb(224, 219, 209);
}
.bNameAlphaList ul li:hover {
	background-color: rgb(197, 190, 177);
}
.bNameAlphaList ul li a {
	padding: 10px;
	float: left;
}
.bNameList {
	width: 100%;
	margin: 15px 0% 30px 0%;
	background-color: #A8DCF2;
	clear: both;
	float: left;
}
.bNameList ul li {
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
}
.bNameList ul li:hover {
	background-color: #B9AAD1;
}
.bNameList ul li:hover > p {
	background-color: #B9AAD1;
}
.bNameList ul li span {
	width: 28%;
	margin: 0 0 0 0;
	padding: 8px 0 8px 2%;
	color: #000000;
	float: left;
	word-break:break-all;
}
.bNameList ul li p {
	width: 68%;
	color: #000000;
	float: right;
	margin: 0;
	padding: 8px 0 8px 2%;
	background-color: #DCF1FA;
}
.bNameList ul li:first-child p {
	background-color: #CFC6DE;
}
.bNameMoreNames {
	float: right;
}
.bNLName {
	background-color: #B9AAD1;
}
.goToTop {
	position: fixed;
	bottom: 0;
	right: 0;
}
.goToTop img {
	height: 50px;
}
/* midWrap */

.midWrap {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 0 0 0;
	clear: both;
	display: table;
	1background-color: #E3CACA;
	1border-left: 1px solid rgb(234, 213, 213);
	1border-right: 1px solid rgb(234, 213, 213);
}
.homeNRI {
	width: 100%;
	clear: both;
	color: #000000;
}
.hNRITitle {
	width: 98%;
	margin: 0 1% 0 1%;
	float: left;
	text-align: left;
}
.hNRIText {
	width: 49%;
	margin: 0 0 0 1%;
	float: left;
	text-align: justify;
}
.hNRIImg {
	width: 50%;
	float: right;
	background-color: #FFFFFF;
}
.hNRIImg img {
	width: 90%;
	margin: 0 5% 0 5%;
	
}

/* spl-nav-menu */
.bNamesMenu {
	width: 100%;
	text-align: center;
	display: none;
	margin-top:20px;
}
.spl-nav-container {
	1max-width: 1040px;
	width: 100%;
	margin: 0 auto;
	1margin-bottom: 20px;
	padding: 1px 0 0 0;
	clear: both;
	display: table;

	1width: 70%;
	1margin: 0 15% 0 15%;
	1clear: both;
}
#selectElement {
	padding: 10px;
	font-weight: bold;
	background-color: #023467;
	color: #FFFFFF;
	width: 280px;
}
.hd2{height: 32px;
background-color: #cccccc; float:left}
.zxi1{ width:85%; float:left}
.k3a{ width:99% ; background-color:#D7D7D7; text-align:left}
.k3a tr {background-color:#FBFBFB; }
.k3a tr td{padding: 0px 10px 0px 10px;}
.k3a tr:hover { background-color:#E1E1E1; }
.zxi2{ margin-top:-52px}
.hd1{margin:auto; width:80%; padding-bottom:20px}
 .ledge{-moz-border-radius:0px 0px 0px 8px; -webkit-border-radius:0px 0px 0px 8px; border-radius:0px 0px 0px 8px; }
.mi4{-moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; border:#CCCCCC 2px solid; background:#B1B163}
.mi5{-moz-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px; border-radius:7px 7px 7px 7px; border:#8585C2 1px solid}
.imsr1{width:100%; float:left; min-height:200px}
.imsr2{width:80%; float:left}
ul.tic1{padding-left:50px}
ul.tic1 li{list-style:url(../images/tick1.png);}
ul.tic1 li a{text-decoration:underline; color:#000000;}
.wid1{width:22em}
.Three-Dee{
font-family: Garamond, serif;
line-height: 1em;
color: #2B71B9;
font-weight:bold;
font-size: 53px;
text-shadow:0px 0px 0 rgb(202,202,202),-1px -1px 0 rgb(159,159,159),-2px -2px 0 rgb(116,116,116), -3px -3px 0 rgb(73,73,73),-4px -4px 3px rgba(0,0,0,0.25),-4px -4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);}
.css-opacity2 {
    background: #F2F2F2; width:98%; float:left; border:#cccccc 1px dotted; padding:5px; background: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#f4f4f4));
background: -moz-linear-gradient(top, #DEDEDE, #f4f4f4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEDEDE', endColorstr='#f4f4f4');
}
.css-opacity2:hover {
    background: #F6F6F6; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
background: -moz-linear-gradient(top, #ffffff, #f4f4f4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');
}


.zoom_img img{

height:170px;
width:300px;
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}

ul.sru,li{
  1list-style:circle;
}
ul.sru{
  overflow:hidden;
  
}
ul.sru li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:2em;
  width:10em;
  padding:1em;
}
ul.sru li{
  margin:0.9em;
  float:left;
}
ul.sru li h2{
  font-size:140%;
  font-weight:bold;
  padding-bottom:10px;
}
ul.sru li p{
  font-family:"Reenie Beanie",arial,sans-serif;
  font-size:180%;
}
ul.sru li a{
  text-decoration:none;
  color:#FFFFFF;
  background:rgb(81, 134, 151);
  display:block;
  height:2em;
  width:10em;
  padding:1em;
  /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
ul.sru li a:hover,ul li a:focus{
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}

.sre{margin: auto; width: 100%; padding-bottom: 20px}
.sre1{width:100%; float:left}
.newq{float:left; background-color:#eeeeee; padding:5px; border:#cccccc 1px dotted;}
.newq1{height:44px; width:188px}

.sre2{width:100%; float:left;}
.sre3{width:30%; float:left;}
.sre4{color:#000000; padding-left:3em}
.sre5{width:60%; float:left; text-align:center}


.button{
  width: 265px;
  height: 24px;
  padding: 5px 16px 3px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border: 2px solid #ccc;
  position: relative;

  /* Label */
  font-family: Lucida Sans, Helvetica, sans-serif;
  font-weight: 800;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis; 
  overflow: hidden;
}
.aqua{
  background-color: rgba(60, 132, 198, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
  border-top-color: #8ba2c1;
  border-right-color: #5890bf;
  border-bottom-color: #4f93ca;
  border-left-color: #768fa5;   
  -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px;
  -moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px; /* FF 3.5+ */
}


.sr5{width:100%; float:left}
.sr6{width:32%; float:left}
.sr7{width:34%; float:left; padding-left:167px}
.sr8{width:34%; float:left; padding-top:50px}
.sr11{padding-top:22px}
.dov1{
background-image: -ms-linear-gradient(left, #CCCCCC   0%, #A09F9F 100%);
background-image: -moz-linear-gradient(left, #CCCCCC   0%, #A09F9F 100%);
background-image: -o-linear-gradient(left, #CCCCCC   0%, #A09F9F 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #CCCCCC  ), color-stop(1, #A09F9F));
background-image: -webkit-linear-gradient(left, #CCCCCC   0%, #A09F9F 100%);
background-image: linear-gradient(to right, #CCCCCC   0%, #A09F9F 100%); float:left; padding:10px; border:#000000 1px dotted; color:#000000
; font-weight:bold}
.dov1 a{ color:#000000}
.dovb{width:100%; float:left}
.dova{float:left; width:20%}
.dovbc{width:65%; float:right}
.dovbd{float:left; padding:2px}
.dovbe{width:100%; float:left; font-size:22px; line-height:153%}
.font88{ font-size:1.5em;}

	.gallery{
		width:100%;
		position:relative;
	}
	.gallery li{
		float:left;
		width:32%;
		height:222px;
		margin:5px;
	}
	.gallery li a{
		display:block;
		overflow:hidden;
		height:100%;
		width:100%;
		position:relative;
		-moz-box-shadow:1px 1px 2px #ddd;/* firefox */
		-webkit-box-shadow:1px 1px 2px #ddd;/* Safari and Chrome */
		box-shadow:1px 1px 2px #ddd;
		background:#ddd;
	}
	.gallery li a:hover{
		background:#F8FAFE;
	}
	.gallery li a .gt5{
		color: #000; 
font-size: 20px; 
text-transform: uppercase;
/* position: absolute; */
padding: 6px;

left: 0px;
text-shadow: 0px 1px 1px black;
	}
	.gallery li a .gt6{
		color: #000;
font-family: arial, serif;
font-size: 14px;
font-weight: normal;
position: absolute;
padding: 0% 2% 0% 2%;
 margin:0px;
/* top: 210px; */
left: 0px;
line-height: 20px;
	}
	.gallery li a span{
		width:25px;
		height:25px;
		position:absolute;
		background-position:top left;
		background-repeat:no-repeat;
		background-color:transparent;
		left:350px;
		top:200px;
		background-image:url(arrow.png);
	}
	li:hover .gt5{
		-moz-animation:animation1 .30s linear ;	/* firefox */
		-webkit-animation:animation1 .30s linear ;/* Safari and Chrome */
	}
	li:hover .gt6{
		-moz-animation:animation2 .30s linear ;	/* firefox */
		-webkit-animation:animation2 .30s linear ;/* Safari and Chrome */
	}
	@keyframes animation1 {
		0%  {margin-left:-180px;}
		100%{  margin-left:0px; }		
	}
	@keyframes animation2 {
		0%  {margin-left:-180px;}
		100%{  margin-left:0px; }		
	}
	/* firefox */
	@-moz-keyframes animation1 {
		0%  {margin-left:-180px;}
		100%{  margin-left:0px; }		
	}
	@-moz-keyframes animation2 {
		0%  {margin-left:-180px;}
		100%{  margin-left:0px; }		
	}
	/* Safari and Chrome */
	@-webkit-keyframes animation1 {
		0%  {margin-left:-180px;}
		100%{  margin-left:0px; }		
	}
	@-webkit-keyframes animation2 {
		0%  {margin-left:-180px;}
		100%{  margin-left:0px; }		
	}

	.gt7{ float:left; }
	.know {
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
padding:5px;
font-size: 0.9em;
color: #333333;
-webkit-box-shadow: 3px 1px 10px 0px rgba(50, 50, 50, 0.18);
-moz-box-shadow: 3px 1px 10px 0px rgba(50, 50, 50, 0.18);
box-shadow: 3px 1px 10px 0px rgba(50, 50, 50, 0.18);
background: #DDDDDD; width:auto; float:right;
background: -webkit-linear-gradient(top, #ffffff, #DDDDDD);
background: -moz-linear-gradient(top, #ffffff, #DDDDDD);
background: -o-linear-gradient(top, #ffffff, #DDDDDD);
background: linear-gradient(to bottom, #ffffff, #DDDDDD);
}
.gt6a{padding-bottom:10px; float:left; min-height:90px}


/* Responsive container Setting */


@media screen and (max-width: 240px){.hd1{ width:99%} .k3a{ width:100%} .hd2{height: 32px;
background-color: #cccccc; float:left}.zxi2 {
position: absolute;
padding-left: 77px; margin-top:0px} .zxi1{ margin-top:107px; width:100%}.hd3{ margin-top:-27px}.box {width:90%}
.box-new {width:90%}
.box-small {width:100%}
.boxs {width:90%}
.boxs-new {width:90%}
.boxs-small {width:100%}.boxsm {width:90%}
.boxsm-new {width:90%}
.boxsm-small {width:100%}
.mapindia1{ display:none}
.mapindia2{width:100%; float:left}
.imsr{ display:none}
.pos{width:100%;height:70px;  float:left}
.pos1{ width:100%; float:left}
.pos2{ width:100%; float:left}
.ros{width:100%;height:70px; float:left}
.ros1{ width:100%; float:left}
.ros2{ width:100%; float:left; padding-top:0px}
.wor1{width:100%; float:left}
.dapo{padding-left:2px}
.imsr2{width:100%; float:left}
.m4{width:100%; float:left}
.h-new{padding-left:2px; width:100%}
.b-im{display:none}.wid1{width:15em}.Three-Dee{ font-size:38px}#selectElement{ width:231px}.css-opacity2{ width:91%}
.hs{ width:100%; float:left}
.hs-col{ width:100%; float:left}
.fvegg{width:100%; float:left}
.bq{width:100%; float:left}
.bq1{width:100%; float:left; padding-top:2px}
.sre5{display:none}
.sre4{padding-left:0px}
.sr7{padding-left:2px;}
.bfat1{width:100%; float:left}
.bfat2{width:100%; float:left}
.bfat3{width:100%; float:left}
.bfat4{width:100%; float:left}
.bfat5{width:100%; float:left}
.bfat6{width:100%; float:left}
.bfat7{width:100%; float:left}
.dovbc {width: 100%;float: right;background-color: #f4f4f4;padding: 1%;border: #eeeeee 1px solid;}.gallery li{ width:100%; height:270px}.gt6a{ min-height:0px}

}
@media screen and (max-width: 299px) and (min-width: 240px){.hd1{ width:99%} .k3a{ width:100%} .hd2{height: 32px;
background-color: #cccccc; float:left}.zxi2 {
position: absolute;
padding-left: 77px; margin-top:0px} .zxi1{ margin-top:107px;  width:100%}.hd3{ margin-top:-27px}.box {width:90%}
.box-new {width:90%}
.box-small {width:100%}
.boxs {width:90%}
.boxs-new {width:90%}
.boxs-small {width:100%}
.boxsm {width:90%}
.boxsm-new {width:90%}
.boxsm-small {width:100%}
.mapindia1{ display:none}
.mapindia2{width:100%; float:left}
.imsr{ display:none}
.pos{width:100%;height:128px; float:left}
.pos1{ width:100%; float:left}
.pos2{ width:100%; float:left}
.wor1{width:100%; float:left}
.lok1{width:100%; float:left}
.lok2{width:100%; float:left}
.ros{width:100%;height:70px; float:left}
.ros1{ width:100%; float:left}
.ros2{ width:100%; float:left; padding-top:0px}
.dapo{padding-left:2px}
.imsr2{width:100%; float:left}
.m4{width:100%; float:left}
.h-new{padding-left:2px; width:100%}
.b-im{display:none}.wid1{width:15em}.Three-Dee{ font-size:38px}#selectElement{ width:231px}.css-opacity2{ width:91%}
.hs{ width:100%; float:left}
.hs-col{ width:100%; float:left}

.fvegg{width:100%; float:left}
.bq{width:100%; float:left}
.bq1{width:100%; float:left; padding-top:2px}
.sre3{width:87%}
.sre5{display:none}
.sr6{display:none}
.sr7{padding-left:3px;}
.sr8{width:100%}
.sre4{padding-left:3em; width:100%}
.bfat1{width:100%; float:left}
.bfat2{width:100%; float:left}
.bfat3{width:100%; float:left}
.bfat4{width:100%; float:left}
.bfat5{width:100%; float:left}
.bfat6{width:100%; float:left}
.bfat7{width:100%; float:left}
.dovbc {width: 100%;float: right;background-color: #f4f4f4;padding: 1%;border: #eeeeee 1px solid;}.gallery li{ width:100%; height:250px}.gt6a{ min-height:0px}
}
@media screen and (max-width: 399px) and (min-width: 300px){.hd1{ width:99%} .k3a{ width:100%} .hd2{height: 32px;
background-color: #cccccc; float:left}.zxi2 {
position: absolute;
padding-left: 77px; margin-top:0px} .zxi1{ margin-top:107px;  width:100%} .hd3{ margin-top:-27px}.box {width:90%}
.box-new {width:90%}
.box-small {width:100%}
.boxs {width:90%}
.boxs-new {width:90%}
.boxs-small {width:100%}
.boxsm {width:90%}
.boxsm-new {width:90%}
.boxsm-small {width:100%}
.mapindia1{ display:none}
.mapindia2{width:95%; float:left}
.imsr{ display:none}
.pos{width:100%;height:128px; float:left}
.pos1{ width:100%; float:left}
.pos2{ width:100%; float:left}
.wor1{width:100%; float:left}
.lok1{width:100%; float:left}
.lok2{width:100%; float:left}
.ros{width:100%;height:177px; float:left}
.ros1{ width:100%; float:left}
.ros2{ width:100%; float:left; padding-top:0px}
.dapo{padding-left:2px}
.imsr2{width:100%; float:left}
.m4{width:100%; float:left}
.h-new{padding-left:2px; width:100%}
.b-im{display:none}.wid1{width:18em}
.hs{ width:99%; float:left}
.hs-col{ width:96%; float:left}
.fvegg{width:100%; float:left}.Three-Dee{ font-size:38px}
.bq{width:100%; float:left}
.bq1{width:100%; float:left; padding-top:2px}
.sre3{width:87%;}
.sre5{display:none;}
.sr6{display:none}
.sr7{padding-left:3px;}
.sr8{width:100%}
.sre4{padding-left:3em; width:100%}
.button{width:256px}
.bfat1{width:100%; float:left}
.bfat2{width:100%; float:left}
.bfat3{width:100%; float:left}
.bfat4{width:100%; float:left}
.bfat5{width:100%; float:left}
.bfat6{width:100%; float:left}
.bfat7{width:100%; float:left}
.dovbc {width: 100%;float: right;background-color: #f4f4f4;padding: 1%;border: #eeeeee 1px solid;}.gallery li{ width:100%; height:230px}.gt6a{ min-height:0px}
}
@media screen and (max-width: 599px) and (min-width: 400px){.hd1{ width:99%} .k3a{ width:100%}.hd2{ display:none} .zxi1{ width:73%} .zxi2{ margin-top:0px}.box {width:94%}
.box-new {width:94%}
.box-small {width:100%}
.boxs {width:94%}
.boxs-new {width:94%}
.boxs-small {width:100%}
.boxsm {width:94%}
.boxsm-new {width:94%}
.boxsm-small {width:100%}
.mapindia1{ display:none}
.mapindia2{width:97%; float:left}
.imsr{ display:none}
.pos{width:100%;height:124px; float:left}
.wor1{width:100%; float:left}
.pos1{ width:100%; float:left}
.pos2{ width:100%; float:left}
.lok1{width:100%; float:left}
.lok2{width:100%; float:left}
.ros{width:100%;height:139px; float:left}
.ros1{ width:100%; float:left}
.ros2{ width:100%; float:left; padding-top:0px}
.dapo{padding-left:2px}
.imsr2{width:100%; float:left}
.m4{width:100%; float:left}
.h-new{padding-left:2px; width:100%}
.b-im{display:none}
.hs{ width:99%; float:left}
.hs-col{ width:99%; float:left}

.fvegg{width:100%; float:left}
.bq{width:100%; float:left}
.bq1{width:100%; float:left; padding-top:2px}
.sre3{width:100%; margin-top:327px;}
.sr6{display:none}
.sr7{padding-left:69px;}
.sr8{width:100%}
.sre5{position:absolute; width:97%}
.cricket{width:17em}
.bfat1{width:50%; float:left; padding-left:10px}
.bfat2{width:100%; float:left}
.bfat3{width:100%; float:left}
.bfat4{width:100%; float:left}
.bfat5{width:100%; float:left}
.bfat6{width:100%; float:left}
.bfat7{width:100%; float:left}
.dovbc {width: 100%;float: right;background-color: #f4f4f4;padding: 1%;border: #eeeeee 1px solid;}.gallery li{ width:100%; height:200px} .gt6a{ min-height:0px}
}
@media screen and (max-width: 799px) and (min-width: 600px){.hd1{ width:99%} .k3a{ width:100%}.hd2{ display:none}.zxi1{ width:82%} .zxi2{ margin-top:0px}.box {width:213px}
.box-new {width:355px}
.box-small {width:175px}
.boxs {width:213px}
.boxs-new {width:355px}
.boxs-small {width:175px}
.boxsm {width:213px}
.boxsm-new {width:355px}
.boxsm-small {width:175px}
.mapindia1{width:100%; float:left}
.mapindia2{width:99%; float:left}
.imsr{ display:none}
.pos{width:100%; height:84px; float:left}
.pos1{ width:100%; float:left}
.pos2{ width:100%; float:left}
.wor1{width:100%; float:left}
.lok1{width:100%; float:left}
.lok2{width:100%; float:left}
.ros{width:100%;height:121px; float:left}
.ros1{ width:100%; float:left}
.ros2{ width:100%; float:left; padding-top:0px}
.dapo{padding-left:2px}
.imsr2{width:100%; float:left}
.m4{width:100%; float:left}
.h-new{padding-left:2px; width:100%}
.hs{ width:46%; float:left}
.hs-col{ width:46%; float:left}

.bq{width:100%; float:left}
.bq1{width:100%; float:left; padding-top:2px}
.sre3{width:41%}
.sre5{width:50%}
.sr5{width:70%}
.sr6{width:36%}
.sr7{width:20%}
.sr8{width:100%}
.cricket{width:22em}
.button{width:227px}
.dovbc {width: 100%;float: right;background-color: #f4f4f4;padding: 1%;border: #eeeeee 1px solid;}
.dov1{ padding:7px}.gallery li{ width:48%; height:229px}
}
@media screen and (max-width: 999px) and (min-width: 800px){.hd1{ width:99%} .k3a{ width:100%}.hd2{ display:none}.box {width:215px}
.box-new {width:459px}
.box-small {width:227px}
.boxs {width:215px}
.boxs-new {width:459px}
.boxs-small {width:227px}
.boxsm {width:215px}
.boxsm-new {width:459px}
.boxsm-small {width:227px}
.mapindia1{width:100%; float:left}
.mapindia2{width:100%; float:left}
.pos1{ width:100%; float:left}
.pos2{ width:100%; float:left}
.wor1{width:100%; float:left}
.lok1{width:100%; float:left}
.lok2{width:100%; float:left}
.ros{width:100%;height:151px; float:left}
.ros1{ width:100%; float:left}
.ros2{ width:100%; float:left; padding-top:0px}
.imsr2{width:100%; float:left}
.h-new{padding-left:2px; width:100%}
.hs{ width:46%; float:left}
.bq{width:100%; float:left}
.bq1{width:100%; float:left; padding-top:2px}
.sre3{width:40%}
.sre5{width:50%}
.dovbc{ width:80%}
.dov1{ padding:3px}.gallery li{ width:48%}
}
@media screen and (max-width: 1099px) and (min-width: 1000px){.hd1{ width:90%} .k3a{ width:100%}.hd2{ display:none}.box {width:276px}
.box-new {width:600px}
.box-small {width:297px}
.boxs {width:276px}
.boxs-new {width:600px}
.boxs-small {width:297px}
.boxsm {width:276px}
.boxsm-new {width:600px}
.boxsm-small {width:297px}
.ros{width:100%; float:left}
.ros1{ width:66%; float:left}
.ros2{ width:23%; float:left; padding-top:22px}
.imsr2{width:70%; float:left}
.imsr{width:30%; float:right}.hs{ width:46%; float:left}
.sre3{width:31%}.dovbc{ width:80%}
}
@media screen and (max-width: 1199px) and (min-width: 1100px) {}
@media screen and (min-width: 1200px) {.hd2{ display:none}}

@media only screen and (max-width: 479px) {
	.menu-container {
		width: 300px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.menu-container {
		width: 420px;
	}
	
}

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

	.bannerWrap { display: none; }

	.headerWrap {
		width: 100%;
		padding: 0px 0 0 0;
		min-height: 65px;
	}
	.nav-container {
		width:100%;
		float: right;
	}
	.menu {
      display: none;
    }
	.menu_small { display: block; }

	label.responsive_menu span {
		display: block;
        font-size: 20px;
        font-variant: small-caps;
        font-weight:400;
	}

	label.responsive_menu {
      position: relative;
      display: block;
      width: 167px;
	  float: right;
      background-color: #446cb3;
      1padding: 15px 0;
	  1float:left;
      
	}
	input#responsive_menu { display: none; }

	.menu {
		padding: 0;
	}

	.menu li {
		width: 100%;
		display:block;
		text-align: left;
		margin-left: 0;
	}

	.menu > li {
		border-right: none;
    	padding: 18px 0px;
    	position: relative;
	}

	.menu > li > a {
		display: inline;
	}

	.menu li ul, .menu li .megadrop, .menu li .columndrop {
		top:45px;
	}

	.menu li ul {
		padding: 0;
	}

	.menu .megadrop, .menu .columndrop {
		width: 100%;
		padding: 0 2.5%;
	}

	.menu li > ul li {
		padding: 18px 0px;
	}

	.menu .col, .menu .columndrop .col { 
		width: 94%;
		padding: 0 3%;
	}

	.menu > li > ul {
		width: 100%;
	}

	.menu > li > ul li ul {
		width: 100%;
		top:43px;
		left: 0;
		margin-top: 30px;
		z-index: 2;
	}

	.menu > li > ul > li:hover ul {
		margin-top: 0;
	}
	
		#responsive_menu:checked+.menu {
		display: block;
	}

    label:after {
        position: absolute;
        top:9px;
        right: 10px;
        1content: "\2263";
        font-size: 35px;
        color: #f2f2f2;
    }


	.menu > li > ul li ul li ul {
		width: 100%;
		top:43px;
		left: 0px;
		margin-left: 0;
		margin-top: 30px;
	}

	.menu > li > ul > li ul li:hover ul{
		margin-top: 0;
	}

	.menu > li > ul li{ 
		padding: 15px 0 15px 6%;
		width: 94%;
	}

	.menu > li > ul li ul li{ 
		padding: 15px 0 15px 9%;
		width: 91%;
	}

	.menu > li > ul li ul li ul li{ 
		padding: 15px 0 15px 12%;
		width: 88%;
	}
	
	.menu ul li.dropdown:after {
		left: 90%;
	}

	/* Second and third dropdown level */
	.col ul {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		list-style: none;
		top:0px;
		left: 200px;
		background-color: #446cb3;
		width: 200px;
		text-align: left;
		padding: 0px;
		margin-left: 30px;
	}

	/* Disable animation */
	.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > .columndrop, .menu > li > ul, .menu > li {
		transition: none;
		-moz-transition: none; 
		-webkit-transition: none; 
          	-ms-transition: none; 
		-o-transition: none; 
	}
	.hNRIText { width: 96%; margin: 0 2% 20px 2%; }
	.hNRIImg { width: 100%; }
	.hNRIImg img { width: 96%; margin: 0 2% 10px 2%; }
	.footerNav { width: 96%; margin: 0 2% 20px 2%; text-align: center; }
	.footerSocial { width: 96%; margin: 0 2% 20px 2%; }
	.footerSocial ul { float: left; }
	.fCopy { width: 96%; margin: 0 2% 20px 2%; }

}

@media only screen and (max-width: 768px) {
	.bNamesMenu { display: block; }
	.midWrapBaby { width: 96%; margin: 0 2% 0 2%; }
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menu-container {
		width:768px;
	}
}

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

/* New direction for third dropdown level */
.menu > li > ul li ul li ul {
	left: -200px;
	z-index: 3;
}

.menu > li > a{
	padding: 14px 12px;
	font-size: 12px;
}

.menu .columndrop .col {width: 120px;margin:0 5px;}

}


@media only screen and (min-width: 768px) and (max-width: 999px) {
	.headerWrap {
		width:100%;
		padding: 0px 0 0 0;
		margin: 0;
	}
	.nav-container {
		width: 85%;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.headerWrap {
		width:100%;
		padding: 0px 0 0 0;
		margin: 0;
	}
}



@media only screen and (min-width: 1200px) {
	.hNRIImg img { width: 84%; margin: 0 8% 10px 8%; }

}