﻿body {
	font-family: Times New Roman;
	margin: 0;
}
/** HEADER ***/
.header {
	background-color:#754c24;
	height: auto;
    width: 100%;
    padding-left: 0;
    position: unset;
    float: left;
	color: white;
}
.header-wrapper {
    margin: 1% auto;
    width: 90%;
}
.logo{
	width: 18%;
    float: left;
    padding: 11px 0px 11px 0px;
}

.tagline {
	margin-left: 17%;
	float: left;
	font-size: 22px;
}

.language-change {
	float: right;
	margin-top: 4%;
	font-size: 22px;
	color: white;
}

span.marathi_lang a , span.hindi_lang a, span.eng_lang a{
    color: white;
}
/*** MENU ***/
ul.nav_bar {
    font-size: 20px;
	    margin: 0px;
}
li.nav_bar-s1 {
    float: left;
	padding-right: 14%;
    list-style-type: none;
    padding-left: 4%;
}
li.nav_bar-s {
    float: left;
	padding-right: 11%;
	padding-left: 9%;
	white-space: nowrap;
}

.main-navi {
	    background-color: #f5e320;
		    float: left;
			width: 100%;
}
/*** SLIDER ***/
.slider {
    /* background-color: #f5f6f0; */
    width: 63%;
    height: 300px;
    margin-left: 1%;
	float: left;
}

/*** Slider 3 Starts from w3.css**/
.w3-display-container a {color: inherit;}
.w3-display-container a:hover {
    color: yellow;
}
a{background-color:transparent;-webkit-text-decoration-skip:objects}

img { margin-bottom: -5px;}
img{border-style:none}

.img-flex-width {
    width: 88%;
    margin-left: 5.75%;
}
.img-flex-width-2 {
	    width: 100%;
    height: auto;
}
.w3-content{max-width:980px;margin:auto}
.w3-tooltip,.w3-display-container{position:relative}
.w3-display-container:hover .w3-display-hover{display:block}
.w3-display-container:hover span.w3-display-hover{display:inline-block}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-display-topleft{position:absolute;left:0;top:0}
.w3-display-topright{position:absolute;right:0;top:2px;}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}
.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

.w3-large{font-size:18px!important}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-container,.w3-panel{padding:0.01em 16px}

.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}

.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar .w3-button{white-space:normal}
@media (max-width:600px){
	.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
}
.w3-button:hover{color:#000!important;background-color:#ccc!important}

/*** 3 STEPS ***/

.sidebar2 {
    position: unset;
    float: left;
    padding: 0px;
    width: 63%;
	margin-top: 10px;
	clear: both;
}
.steps {
    /* padding: 0px 0px 0px 70px; */
	    padding: 0px 7% 0px 7%;
    /* background-color: #F1F2E4; */
	background-color: rgba(0, 128, 0, 0.38);
    width: 75%;
	margin-left: 10px;
}
.steps p {
    font-size: 25px;
    margin: 0px;
    font-style: italic;
    padding: 11px 0px 0px 19px;
}

ol.act-step-ol {
    font-size: 19px;
	clear: both;
}
ol.act-step-ol li {
    font-size: 21px;
}
.steps_heading {
    background-color: #ff0000;
	padding-left: 5%;
    width: 95%;
	margin-left: 10px;
}
span.see-more {
    display: none;
	}
span.steps-points {
	font-family:verdana;
	padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
	display: block;
    line-height: 1.95em;
	font-size: 19px;
}
span.voice {
    font-weight: bold;
    font-size: 18px;
}
span.brown_voice {
    font-weight: bold;
    font-size: 21px;
    color: #b12222;
	display: block;
	margin-top: 7px;
    margin-bottom: -25px
}
.white_color {
	color: white;
}
/*** SIDE BAR ***/
.sidebar {
    float: right;
    width: 34%;
	margin-top: -305px;
}
.sidebar ul {
    line-height: 2em;
    font-size: 1.17em;
	margin-right: 3%;
}
li.side_bar {
    margin-left: -1em;
}
h2.side_bar_heading {
    /* background-color: #ff0000; */
	background-color: rgba(255, 0, 0, 0.67);
    padding-left: 4%;
	padding-top: 1.75%;
	padding-bottom: 0.75%;
    width: 96%;
}
.registered-section {
    margin-bottom: 63px;
	}
/*** To hide the inputs and toggles and less **/
input#header1, input#header2, input#header3, input#header4, input#_6, input#_7, input#sidebartoggler, input#_1, input#_2, input#_3, input#_4 {
    display: none;
}
.heading-arrow-less{
  display:none;
}
/**** SIDE BAR, NAV BAR LINKS ****/
a.side_bar, li.nav_bar-s1 a, li.nav_bar-s a
{
	text-decoration:none;
	font-family:verdana;
	display:block;
	padding-top: 1%;
	padding-bottom:1%;
	padding-left:1%;
	line-height: 1.75em;
}
/** TEXT CONTENT **/
.text-content {
    font-size: 20px;
	line-height: 1.5em;
}
.text-content p a img {
    padding-right: .85%;
    padding-left: .5%;
}
.text_container {
    border: solid 1px rgba(0,0,0,0.2);
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 15px;
	padding: 4.5% 1% 1.5%;
    padding-left: 1.5%;
	position: relative;
}
a.image_container {
    text-decoration: none;
	position: absolute;
    top: 35%;
}
a.title_container {
display: inline-block;
    margin-left: 4%;
    margin-top: -4%;
    font-size: 22px;
    line-height: 1.75em;
}
div.text_container p {
    padding: 1% .71% 1% 1.5%;
}
.text_container p a {
    font-size: 22px;
    line-height: 1.75em;
}
/*** FOOTER ***/
.footer {
  background-color:#4c4c4c;
      float: left;
    width: 100%;
}
.footer-container {
    margin: 2%;
}
.footer-terms {
    float: left;
    margin-left: 4%;
    padding-top: 2%;
}
.footer-terms a {
    color: white;
}
.social-icons {
    float: right;
	margin-right: 5%;
    color: white;
    font-size: 14px;
	display: inline-block;
}
ul.footer_bar {
    list-style-type: none;
}
li.footer_bar {
    display: inline;
    margin-right: 10px;
}
p.footer-text {
    margin-left: 4%;
    color: white;
	word-break: break-all;
	display: inline-block;
}
/**************@media (max-width: 766px)*****************/
@media screen and (max-width: 766px){

/** Header MAX 766 **/
	body {
		margin: 0px;
	}
	.tagline {
		margin-left: 10%;
			margin-top: 2%;
		font-size: 1.025em;
	}
	.language-change {
		font-size: 20px;
	}
	.slider {
		width: 100%;
		margin: 0px;
		background: -webkit-linear-gradient(#f5f6f0,#ffffff,#BBBBBB);
		background: -o-linear-gradient(#f5f6f0,#ffffff,#BBBBBB);
		background: -moz-linear-gradient(#f5f6f0,#ffffff,#BBBBBB);
	}
	.img-flex-width {
	width: 95%;
    margin-left: 2.5%;
	}
		/** Menu MAX 766 **/
	ul.respons-menu {
		width: 100%;
		padding-left: 0px;
		text-align: center;
		background-color: #e0e0e0;
		 height: auto;
		width: 100%;
		padding-top: 0px;
	}
	.respons-menu li.nav_bar-s1, .respons-menu li.nav_bar-s {
		/* float: left; */
		/* position: relative; */
		width: 100%;
		border-bottom: 2px solid #000;
	   padding:2px 0px !important; 
	   font-size: 35px;
	}
	.responsive-menu {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 10% 100%;
		display: block !important;
		height: 24px;
		text-align: center;
		padding: 1px 0px;
		background: linear-gradient(#000000,#ffffff,#000000,#ffffff, #000000);
		width: 10%;
		margin: 2px auto;
	}

	span.responsive-menu:before {
	  content: "Menu";
	  position: relative;
	  right: 63px;
	  top: 3px;
	}
	a.nav_bar {        
	  font-size: 17px !important;
	}
	div.navigation {
	   height: 100%;
	}

	.main-navi {
		width: 100% !Important;
		padding-left: 0px;
		float: left;
	}
	li.nav_bar {
    padding-right: 0 !important;
    margin: auto 0.5% auto auto;
	}
	/*** 3 STEPS 766 ***/
	div.sidebar2, .sms-procedure {
		display: block;
		width: 100%;
	}
	.sidebar2 {
		margin-top:0px;
	}
	.activation-step.activation-mobile-step {
		background: -webkit-linear-gradient(#F1F2E4 , #F9F9F3, #F9F9F3);
		background: -o-linear-gradient(#F1F2E4 , #F9F9F3,#F9F9F3);
		background: -moz-linear-gradient(#F1F2E4 , #F9F9F3,#F9F9F3);
	}
	.steps {
		float: left;
		width: 100%;
		background-color: #158215;
		color: #fff;
		padding: 10px 0px 0px 5px;
		margin-left: -5px;
	}
	.steps p {
		padding: 11px 0px 7px 19px;
	}
	span.steps-3-heading {
		pointer-events: auto;
		cursor: pointer;
		margin-left: 20px;
	}
	.see-more2:after {
    font-size: 17px;
    content: "(Tap to Show)";
	}
	.step-header .steps p b {
		border-bottom: 2px solid;
	}
	span.steps-points {
		padding-top: 4%;
		padding-bottom: 0%;
	}
/*** SIDE BAR 766 ***/
	.sidebar {
		width: 100%;
		margin-top: -21px;
		/* float: left; */
	}
	.act-step.act-step-320 {
		background: -webkit-linear-gradient(#f3ebe2,#ffffff,#f6f2eb);
	}
	.mobile-links {
		display: block !important;
		width: 100%;
		background: #704002;
		float: left;
	}
	h2.important-links.aim-important {
		padding: 0px 0px 5px 28px;
		color: #fff;
		text-align: left;
		width: 90%;
		margin: 15px 0px;
	}
	.head-down {
		pointer-events: auto;
		cursor: default;
	}
	span.aim-collapse2 { 
		font-size: 16px;
		color: #fff;
	}
	h2.side_bar_heading {
		font-size: 20px;
		color:white;
	}
	.registered-section {
		margin-bottom: 0px;
	}
	.sidebar ul {
		font-size: 1.07em;
	}
	.heading-arrow-less {
		cursor: pointer;
		width: 100%;
		float: right;
		text-align: right;
		font-size: 15px;
		font-weight: bold;
		color: #F26C2F;
		display: block;
		bottom: 0px;
		padding: 0px 11px 7px 0px;
	}
	/** Text Content MAX 766 **/
	a.title_container {
		margin-left: 7%;
		font-size: 20px;
	}
}
/*** Tap to see more Mobile Sub Menu block **/

@media screen and (min-width: 452px) and (max-width: 766px) {
	.steps-3-heading:after {

	  font-size:17px;
	  content: "  (Tap to Show)";
	  margin-left: 8px;
	}
	.see-more2 {
	  display: none;
	}

}
@media screen and (min-width: 240px) and (max-width: 451px) {
	.steps-3-heading:after {
	  display:none;
	}
	.tagline {
    margin-left: 15%;
    font-size: 1.0125em;
	}
	.logo {
		padding: 24px 0px 11px 0px;
	}
}
@media screen and (min-width: 242px) and (max-width: 566px){
	.language-change {
		margin-bottom: 4%;
		margin-left: 3%;
	}
	.img-flex-width {
    width: 100%;
    margin-left: 0;
	}
	.steps p {
    font-size: 18px; 
    padding: 0px 0px 9px 19px;  
    line-height:34px;
    width:90%;        
	}
	.see-more{
    font-size:15px !important;  
	}
	.toggle-box + .label1::before {
		top: 32px !important;
	}
	.toggle-box:checked + .label1::before {
		top: 39px !important;
	}
}
@media screen and (min-width: 567px) and (max-width: 665px) {
	.steps p {
    padding: 0px 0px 7px 14px;
    font-size: 24px;
	line-height:37px;
	}
	.steps p span.see-more{
		font-size: 20px !important;
	}
	span.steps-3-heading {
		margin-left: 27px;
	}
}
/** End Mobile Sub Menu Block ***/

/*****==@media screen and MIN-WIDTH: 320px) and (max-width: 540px)==*****/ 
@media screen and (min-width: 320px) and (max-width: 540px){
	h2.side_bar_heading {
		font-size: 19px;
		line-height: 1.5em;
	}
	.sidebar ul {
		font-size: 1em;
	}
	.text_container {
    padding-left: 3%;
	}
	a.title_container {
		margin-left: 11%;
		font-size: 18px;
	}
	.footer-terms {
    padding-top: 5%;
}
	.social-icons {
		margin-top: 4%;
	}
	p.footer-text {
		display: inline-block;
	}
}