html, body{
    font-size: 100%;
	background:	#fff;
	font-family: 'Open Sans', sans-serif; 
	background-color:#6754ac
}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}



/*-- Header Part Starts Here --*/


.header {padding: 2em 0 2em 0;}

.logo {float: left;}

.logo a {display: block;}

.logo h1 a{
font-size: 1.1em;
font-weight: 700;
color: #67267a;
margin: 0;}

.logo h1 a:hover{
text-decoration:none;
color: #67267a;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;}


.navigation {float: right;}


ul.navig {
padding: 0;
margin-top: 10%;}

ul.navig li span {
color: #fff;
margin: 0 15px;
font-size: 16px;}

ul.navig li {
display: inline-block;
margin: 0 2px;
position: relative;}

ul.navig li a {
font-size: 18px;
color: rgba(0, 0, 0, 1);
font-weight: 400;
text-decoration: none;
padding: 8px 6px;}


ul.navig li a:hover,ul.navig li a.active{
color: #4c3a94; 
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;}

ul.navig li a:hover ul.navig li a:after{display: block;}



ul.navig li a.line {
font-size: 18px;
color: #c9c9c9;
font-weight: 400;
text-decoration: none;
padding: 8px 6px;}

ul.navig li a.line:hover {
font-size: 18px;
color: #c9c9c9;
font-weight: 400;
text-decoration: none;
padding: 8px 6px;}










ul.navig li a:after{
	width:15px;
	height:15px;
	background:red;
	display: none;
	content:"";
	position:absolute;
	top:0;
}
.head_grid{
	text-align:center;
	width: 26.3%;
}
.head_grid_center{
	margin: 0 7em;
}



@media (max-width: 768px){
span.menu:before {
content: url(../images/nav-icon.png);
cursor: pointer;	
height:22px;}

ul.navig li.plan:hover ul.sub-nav{display:none;  }

.head {
margin: 0 auto;
position: absolute;
width: 100%;
left: 0; }

ul.navig {
width: 11%;
float: right;
margin:0; color: rgba(0, 0, 0, 1);}

ul.navig{display:none; }


ul.navig li {
font-size: 12px;
display:inline-block;
width: 100%;
margin:0; 
height:25px;
background-color:#ef8700; color: rgba(0, 0, 0, 1); }



ul.navig li a.line { visibility: hidden;
font-size: 10px;
width: 100%;
margin:0; 
height:15px; 
background-color:#ef8700; color: #ef8700 ; }


ul.navig li a {
padding: 0px;
font-size: 16px;
width: 100%;
font-weight: 600;
display: block; color: rgba(0, 0, 0, 1);}

ul.navig li a:hover{color:#ffffff;}

ul.navig li a.line:hover{color:#ef8700;}

span.menu {
	display: block;
	float: right;
	margin: 0px 7px 0 0;
}
ul.navig {
margin: 0 0 5% 0;
z-index: 999;
position: absolute;
width: 96%;
text-align: center;
top: 100%;
left: 2%; 
background-color:#ef8700;
}

.navigation {
height: 60px;
padding: 0px 6px 0em;
margin-bottom: 0em; }

ul.navig li:nth-of-type(4) {margin: 0 0px 0 0em;}

ul.navig li:nth-of-type(3) {margin: 0 0em 0 0px;}





}
/*--Header-Part-Ends-Here --*/






/*--client-Part-starts-Here --*/
.client{padding:0 0 3em 0;}

.client-main{
padding:1.2%; 
border:1px solid #c8c8c8; 
background: url(../images/client-main.jpg) no-repeat center top #f4f5f6;
-moz-box-shadow: 0 4px 8px #D0D0D0;
-webkit-box-shadow: 0 4px 8px #D0D0D0;
box-shadow: 0 2px 4px #9a9a9a; 
float:left }


.client-main img{ width:100%; }

/*--client-Part-Ends-Here --*/














/*--about-Part-Starts-Here --*/
.about{padding:0px;}

.about-main{text-align:center;}

.about-main img{ width:100%}

.about-main h3{
font-weight:700;
font-size:3em;
color:#4c3a94;
margin:0;
text-align: left;}


.about-main p{
font-weight:400;
font-size:15px;
color:#919191;
margin:5px 0 35px 0;
text-align: left;}


.about-top{margin-top:3%;}


.about-top .foto{background-color:#FFF; width:100%; 
padding:5px;
margin-bottom:28px;
-moz-box-shadow: 0 4px 8px #D0D0D0;
-webkit-box-shadow: 0 4px 8px #D0D0D0;
box-shadow: 0 6px 10px #ccc8c8;}




.about-top p {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #000000;
width: 100%;
margin: 0 30px 30px 25px; 
text-align: justify}


.about-top .sub-t {
font-weight: 700;
font-size: 18px;
color: #4c3a94;}

.about-top .sub-n {
font-weight: 800;
font-size: 18px;
color: #f08700;}


/*--about-Part-Ends-Here --*/




/*--features-Part-Starts-Here --*/
.features{padding:0px;}

.features-main img{ width:100%;}

.features-main h3{
font-weight:700;
font-size:4em;
color:#4c3a94;
margin:0;
text-align: left;}


.features-main p {
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #000000;
width: 100%;
margin: 35px 0 60px 0; 
text-align: left}


.feature-top{
margin-top:2em;
}



.features-left h4{
color:#4c3a94;
font-size:20px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 14px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}


.features-top p{
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #000000;
width: 90%;
margin: 0px; 
text-align: left;}





.feature-one{margin-top:3em; text-align:center}

.feature-one:nth-child(1){	margin-top:0em;}

/*--features-Part-Ends-Here --*/



/*--contact-Part-Starts-Here --*/
.contact{padding:2em 0px;}

.contact-mian{text-align: left;}

.contact-mian h3{
font-weight:700;
font-size:68px;
color:#4f3d93;
margin:0;
text-align: left;}
	
	

.contact-top {margin-top:1.6em;}

.contact-top input[type="text"] {
width: 100%;
color: #ababab;
outline: none;
font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400;
padding: 8px 10px;
margin-bottom:7px;
border: solid 1px #ababab; 
background-color:#eeeeee;
-webkit-appearance: none;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;}


.contact-top input[type="text"]:nth-child(1){margin-right:10px;}

.contact-top textarea {
resize: none;
width: 100%;
margin: 0 auto;
color: #ababab;
font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400;
outline: none;
padding: 8px 10px;
border: solid 1px #ababab; 
background-color:#eeeeee;
min-height: 10em;
-webkit-appearance: none;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;}

.contact-but form input[type="submit"] {
border: none;
outline: none;
color: #fff;
background:#ef8700;
padding: 8px 39px;
font-size: 18px; font-weight: 700;
margin-top: 0.5em;
-webkit-appearance: none;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em; 
float:right}

.contact-but form input[type="submit"]:hover {
background: #4f3d93;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;}

.map img{margin-top:3.8em;
width:100%;
height:auto;
background-color:#FFF; 
padding:5px;
margin-bottom:28px;
-moz-box-shadow: 0 4px 8px #D0D0D0;
-webkit-box-shadow: 0 4px 8px #D0D0D0;
box-shadow: 0 6px 10px #ccc8c8;}

.map iframe{
width:100%;
height:350px;
background-color:#FFF; 
padding:5px;
margin-bottom:28px;
-moz-box-shadow: 0 4px 8px #D0D0D0;
-webkit-box-shadow: 0 4px 8px #D0D0D0;
box-shadow: 0 6px 10px #ccc8c8;}










/*--media-quaries-starts-here--*/
@media (max-width:1440px){
ul.navig {
	margin-top: 0.4%;
}

.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:3.5em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width:33.3%;
margin-bottom: 40px; text-align:center; float:left}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:20px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 15px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}


	
}
@media (max-width:1366px){
.header {padding: 2em 0 2em 0;}



.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:3.5em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width:33.3%;
margin-bottom: 40px; text-align:center; float:left}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:20px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 15px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}





.contact-mian h3{
font-weight:700;
font-size:58px;
color:#4f3d93;
margin:0;
text-align: left;}


.contact-top input[type="text"] {
width: 100%;
color: #ababab;
outline: none;
font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400;
padding: 8px 10px;
margin-bottom:7px;
border: solid 1px #ababab; 
background-color:#eeeeee;
-webkit-appearance: none;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;}



.contact-top textarea {
width: 100%;
min-height: 13em;
font-size: 14px;}


.contact-but form input[type="submit"] {
padding: 9px 31px;
font-size: 15px;
margin-top: 1em;}


.contact {padding: 1.8em 0px;}

.map {margin-top: 1em;}






}
@media (max-width:1280px){
	
	
.about-top img {width: 100%;}


.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:3em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width:33.3%;
margin-bottom: 40px; text-align:center; float:left}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:20px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 15px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}	
	
	
	
.contact-mian h3{
font-weight:700;
font-size:58px;
color:#4f3d93;
margin:0;
text-align: left;}


.contact-top input[type="text"] {
width: 100%;
color: #ababab;
outline: none;
font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400;
padding: 8px 10px;
margin-bottom:7px;
border: solid 1px #ababab; 
background-color:#eeeeee;
-webkit-appearance: none;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;}



.contact-top textarea {
width: 100%;
min-height: 13em;
font-size: 14px;}


.contact-but form input[type="submit"] {
padding: 9px 31px;
font-size: 15px;
margin-top: 1em;}


.contact {padding: 1.8em 0px;}

.map {margin-top: 1em;}








}




@media (max-width:1024px){
.header {padding: 2em 0 2em 0;}



.about-top p {
margin: 0 0 18px 0;
font-size: 15px; line-height:26px;
overflow: hidden;}


.about {padding: 0.6em 0px;}

.about-top img {width: 100%; padding:0px}

.about-main h3{
font-weight:700;
font-size:3em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}




.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:3em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width:33.3%;
margin-bottom: 40px; text-align:center; float:left}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:16px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 13px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}


.contact-mian h3{
font-weight:700;
font-size:58px;
color:#4f3d93;
margin:0;
text-align: left;}


.contact-top input[type="text"] {
width: 100%;
padding: 12px 13px;
font-size: 14px;}


.contact-top textarea {
width: 100%;
min-height: 13em;
font-size: 14px;}


.contact-but form input[type="submit"] {
padding: 9px 31px;
font-size: 15px;
margin-top: 1em;}


.contact {padding: 1.8em 0px;}

.map {margin-top: 1em;}






}


@media (max-width:768px){
.header {padding: 1em 0 6em 0;}

.logo a img {width: 90%;}

.logo {	margin-left: 30px;}


.about-top p {
margin: 0 0 18px 0;
font-size: 15px; line-height:26px;
overflow: hidden;}


.about {padding: 0.6em 0px;}

.about-top img {width: 100%;}

.about-main h3{
font-weight:700;
font-size:2.5em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}




.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:3em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width:33.3%;
margin-bottom: 40px; text-align:center; float:left}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:16px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 13px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}


.contact-mian h3{
font-weight:700;
font-size:48px;
color:#4f3d93;
margin:0;
text-align: left;}



.contact-mian p {
font-size: 14px;
width: 90%;
margin: 6px auto 0;}


.contact-top input[type="text"]:nth-child(1) {margin-right: 6px;}

.contact-top textarea {
min-height: 13em;
font-size: 13px;
width: 100%;}

.contact-but form input[type="submit"] {font-size: 14px;}

.contact {padding: 2.5em 0px;}

.map {margin-top: 10px;}

.contact-top input[type="text"] {
width: 100%;
padding: 10px 13px;
font-size: 13px;}


}
@media (max-width:640px){
	
.header {padding: 1em 0 6em 0;}	
	
.logo a img {width: 80%;}


.about-top p {
margin: 0 0 15px 0;
font-size: 14px; line-height:24px;
overflow: hidden;}


.about {padding: 0.6em 0px;}

.about-top img {width: 100%;}

.about-main h3{
font-weight:700;
font-size:2.0em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}




.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:2.5em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width: 100%;
margin-bottom: 40px; text-align:center}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:20px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 15px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}



.contact-mian h3{
font-weight:700;
font-size:38px;
color:#4f3d93;
margin:0;
text-align: left;}





span.menu {margin: -3px 7px 0 0;}




.contact-top {margin-top: 1.5em;}

.contact-mian p {
width: 100%;
margin: 4px auto 0;}

.contact-but form input[type="submit"] {
font-size: 13px;
padding: 8px 28px;}

.map iframe {height: 210px;}

.contact-top input[type="text"] {padding: 8px 13px;}

}



@media (max-width:480px){
.header {padding:0.6em 0 4.0em 0;}	

.logo a img {
width: 70%;
margin-top: 1px;}

.navigation { float:right; padding:0px; margin:10px 0 0 0;}

.about-top p {
margin: 0 0 10px 0;
font-size: 13px; line-height:19px;
overflow: hidden;}


.about {padding: 0.6em 0px;}

.about-top img {width: 100%;}

.about-main h3{
font-weight:700;
font-size:2.0em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}


.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:2.0em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width: 100%;
margin-bottom: 40px; text-align:center}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:16px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 14px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}


.contact-mian h3{
font-weight:700;
font-size:28px;
color:#4f3d93;
margin:0;
text-align: left;}


.contact-mian p {font-size: 13px;}

.contact-top input[type="text"]:nth-child(1) {	margin-right: 2px;}

.contact-top input[type="text"] {
padding: 8px 13px;
width: 100%;
font-size: 12px;}

.contact-top textarea {
min-height: 12em;
font-size: 12px;
width: 100%;}

.contact-but form input[type="submit"] {	padding: 7px 25px;}
.contact {	padding: 2em 0px;}
.map {	margin-top: 6px;}



}
@media (max-width:320px){
.header {padding:0.6em 0 4.0em 0;}

.logo a img {
width: 50%;
margin-top: 3px; float:left}


.navigation { float:right; padding:0px; margin:-40px 0 0 0;}


.about-top p {
margin: 0 0 10px 0;
font-size: 13px; line-height:19px;
overflow: hidden;}


.about {padding: 0.6em 0px;}

.about-top img {width: 100%;}

.about-main h3{
font-weight:700;
font-size:2.0em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}




.features {padding: 1.0em 0px 1.0em 0px;}

.features-main h3{
font-weight:700;
font-size:2.0em;
color:#4c3a94;
margin:0 0 20px 0;
text-align: left;}

.features-main p {
font-weight: 400;
font-size: 13px;
line-height: 21px;
color: #000000;
width: 100%;
margin: 25px 0 60px 0; 
text-align: left}


.features-left {
width: 100%;
margin-bottom: 40px; text-align:center}

.feature-one {margin-top: 0px;}

.features-left img {width: 100%;}


.features-left h4{
color:#4c3a94;
font-size:16px;
font-weight:700;
margin:1em 0 1em 0;}

.features-left p{
font-weight: 400;
font-size: 14px;
line-height: 1.6em;
color: #4c3a94;
width: 90%;
margin: 4px auto 0; 
text-align:center;}



.contact-mian h3{
font-weight:700;
font-size:28px;
color:#4f3d93;
margin:0;
text-align: left;}


.contact-mian p {
font-size: 14px;
overflow: hidden;
height: 43px;}

.contact-top input[type="text"]:nth-child(1) {margin-right: 0px;}

.contact-top input[type="text"] {width: 100%;	margin-bottom: 10px;}

.contact-top textarea {
min-height: 11em;
font-size: 12px;
width: 100%;}





}
/*--media-quaries-end-here--*/