@charset "utf-8";
/* CSS Document */
@media (min-width: 2560px) and (max-width:4000px)
{
			
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}
		
		
	.dkmq {
		float: left;
		width: 100%;
		height: 485px !important;
		line-height: 5px;
	}
	
	.dkmq1 {
		float: left;
		width: 100%;
		height: 485px !important;
	} 
	
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 530px !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 50%;
		background-color: #fff;
		padding: 3px;

	}


	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 61%;
		background-color: #fff;
		padding: 3px;

	}

	.cheight{
		height: 400px;
	}

	.bislogin {
		margin-top: 500px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 1000px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 1040px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 580px !important;
	}


	.containers{
		width: 3000px;
	margin-left: 30px ;
	margin-right: 30px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}

	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}

	.bis{
		margin-top: -70px;
	}
	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 517px;margin:42px 0 0 0;
		width: 100%;  
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		height: 560px;
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 !important;
		

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 23px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 !important;
		right:0% !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 15px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 !important;
		right:-10% !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 15px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}


	.wrap3{
		position: relative;
		width: 40vmin;
	   height: 40vmin;
		margin: 0 !important;
		transform: scale(0.2) translatez(0px);
	}
	.wrap3 a{
		position: absolute;
		left: 20px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}




	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -540px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 25px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -500px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 38.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -44px;
		width: 75.5%;
		height: 65.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 137px;
	}


	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}

	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 24.5%;
		top: 26.5%;

	}

	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}




	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -20px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}


	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}



	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 27px 8px 27px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}



	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
		font-size: 80% !important;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}




}

@media (min-width: 1920px) and (max-width: 2560px)
{
	
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}	
	

	.dkmq {
		float: left;
		width: 100%;
		height: 330px !important;
		line-height: 5px;
	}
	.dkmq1 {
		float: left;
		width: 100%;
		height: 330px !important;
	} 
	
		.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 370px !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 53%;
		background-color: #fff;
		padding: 3px;

	}

	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 63%;
		background-color: #fff;
		padding: 3px;

	}
	.cheight{
		height: 400px;
	}

	.bislogin {
		margin-top: 300px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}

	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 825px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 870px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 400px !important;
	}

	.containers{
		width: 2200px;
	margin-left: 30px ;
	margin-right: 30px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}

	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}
	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}
	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 369px;margin:42px 0 0 0;
		width: 100%;  
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		height: 410px;
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}

	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px -170px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 165px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 300px;


		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}


	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 15px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap3 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}




	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -320px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}
	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -315px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 40.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -32px;
		width: 74.5%;
		z-index: 1111111;
		height: 68.5%;;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}

	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 100px;
	}



	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}

	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 24.5%;
		top: 26.5%;

	}

	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}



	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 15px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}


	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}




	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	.custom-product-gradient{
		background: none;
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 23px 8px 23px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}


}


@media (min-width: 1200px) and (max-width: 1920px)
{
	
		
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}
	
	.dkmq {
		float: left;
		width: 100%;
		height: 280px !important;
		line-height: 5px;
	}
	.dkmq1 {
		float: left;
		width: 100%;
		height: 280px !important;
	} 
	
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 350px !important;
		width: 210px;
		z-index: 1100;
	} 

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 3px;

	}


	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 3px;

	}

	.cheight{
		height: 350px;
	}
	.bislogin {
		margin-top: 225px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 720px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 760px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 300px !important;
	}


	.containers{
		width: 1800px;
	margin-left: 100px ;
	margin-right: 100px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}
	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}


	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 308px;margin:42px 0 0 0;
		width: 100%;  
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		height: 350px;
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}

	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0px 0 0px -95px;
       left:-50px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 120px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 225px;
        right:-30px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 15px;
		left:-25px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}



	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -180px;
		left:-75px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}




	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -180px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){

		border-radius: 0 40vmin 0 0;
		left: 39.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -26px;
		width: 75.5%;
		z-index: 1111111;
		height: 72.5%;

	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 90px;
	}



	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 67%;
		height: 64%;
		left: 25.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}


	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 15px;
        left: -25px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 20px 8px 20px;
		text-decoration: none;
		font-size: 13px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}


	.round{
		color: #000;
	}






}

@media (min-width: 1080px) and (max-width: 1920px)
{
		
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}

	.dkmq {
		float: left;
		width: 100%;
		height: 280px !important;
		line-height: 5px;
	}
	.dkmq1 {
		float: left;
		width: 100%;
		height: 280px !important;
	} 
	
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 350px !important;
		width: 210px;
		z-index: 1100;
	} 

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 3px;

	}


	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 3px;

	}

	.cheight{
		height: 350px;
	}
	.bislogin {
		margin-top: 225px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 720px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 760px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 300px !important;
	}


	.containers{
		width: 1800px;
	margin-left: 100px ;
	margin-right: 100px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}
	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}


	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 308px;margin:42px 0 0 0;
		width: 100%;  
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		height: 350px;
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}

	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0px 0 0px -95px;
       left:-50px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 120px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 225px;
        right:-30px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 15px;
		left:-25px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}



	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -180px;
		left:-75px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}




	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -180px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){

		border-radius: 0 40vmin 0 0;
		left: 39.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -26px;
		width: 75.5%;
		z-index: 1111111;
		height: 72.5%;

	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 90px;
	}



	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 67%;
		height: 64%;
		left: 25.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}


	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0px 15px;
        left: -25px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 20px 8px 20px;
		text-decoration: none;
		font-size: 13px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}


	.round{
		color: #000;
	}





}

@media (min-width: 1050px) and (max-width: 1620px)
{
		
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}
	.dkmq {
		float: left;
		width: 100%;
		height: 275px !important;
		line-height: 5px;
	}
	.dkmq1 {
		float: left;
		width: 100%;
		height: 275px !important;
	}  
	
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 310px !important;
		width: 210px;
		z-index: 1100;
	}             

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 56%;
		background-color: #fff;
		padding: 3px;

	}

	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 64%;
		background-color: #fff;
		padding: 3px;

	}

	.cheight{
		height: 300px;
	}
	.bislogin {
		margin-top: 150px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 650px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 670px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 235px !important;
	}

	.containers{
		width: 1580px;
	margin-left: 50px ;
	margin-right: 50px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}

	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}
	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 313px;margin:42px 0 0 0;
		width: 100%;  
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		
		height: 355px;
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}

	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px -9px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}

	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}



	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0px 0px 0px -2pc;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}


	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 90px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0px 0px 150px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}

	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 40px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}




	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0px 0 0 -100px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}



	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -75px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -21px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}






	.wrap-ten a:nth-child(4){
		top: 55.0%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 75px;
	}



	.wrap-ten a:nth-child(5){
		width: 63%;
		height: 70%;
		left: 2.5%;
		top: 37.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 67%;
		height: 61%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}





	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 40px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

	transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
	-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 17px 8px 17px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}





}


@media (min-width: 900px) and (max-width: 1620px)
{
	
		
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}
	
	.dkmq {
		float: left;
	width: 100%;
	height: 250px !important;
	line-height: 5px;
	}
	.dkmq1 {
		float: left;
	width: 100%;
		height: 250px !important;
	}
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 280px  !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 56%;
		background-color: #fff;
		padding: 3px;
		z-index: 11111;

	}

	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 3px;
		z-index: 11111;

	}

	.cheight{
		height: 300px;
	}
	.bislogin {
		margin-top: 150px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 650px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 670px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 235px !important;
	}

	.containers{
		width: 1580px;
	margin-left: 50px ;
	margin-right: 50px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}

	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}
	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 278px;margin:42px 0 0 0;
		width: 100%;  
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		height: 320px;
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}

	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px -9px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}

	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}



	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0px 0px 0px -2pc;
        left:-40px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}


	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 90px;
      right: -15px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}

	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;
		
    		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 40px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}




	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0px 0 0 -100px;
		left:-54px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}



	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -75px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -21px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.0%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 75px;
	}



	.wrap-ten a:nth-child(5){
		width: 63%;
		height: 70%;
		left: 2.5%;
		top: 37.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 67%;
		height: 61%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}




	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 40px;
        left: -15px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}



	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 17px 8px 17px;
		text-decoration: none;
		font-size: 12px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}





}

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

	
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width: 35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}	

	
	.dkmq {
		float: left;
	width: 100%;
	height: 200px !important;
	line-height: 5px;
	}
	.dkmq1 {
		float: left;
	width: 100%;
	height: 200px !important;
	}
	
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 213px !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 53%;
		background-color: #fff;
		padding: 2px;
		z-index: 11111;

	}


	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 2px;
		z-index: 11111;

	}

	.cheight{
		height: 250px;
	}
	.bislogin {
		margin-top: 100px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 620px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 150px !important;
	}


	.containers{
		width: 1500px;
	margin-left: 30px ;
	margin-right: 30px;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}

	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}

	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height:  100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 223px;margin:42px 0 0 0;
		width: 100%;        
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
		font-weight: normal !important;
	}



	.events{
		height: 265px;
		background-color: #2957a3 ;
		
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}

	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px -9px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}


	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0  -15px;
		left:-45px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 50px;
		left:-44px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0  90px;
         right:40px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0  20px;
		left:-46px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}


	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -55px;
		left:-35px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -35px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -21px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;
	}

	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 69px;
	}




	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}





	.wrap6{
		position: relative;
		width: 40vmin;
	    height: 40vmin;
		margin: 0 0 0  20px;
        left: -46px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}


	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 8px 8px 13px;
		text-decoration: none;
		font-size: 12px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}




	.popup-title
	{

		color: #0b6bbf;

	}

	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}




}

@media (min-width: 768px) and (max-width: 1366px)
{
	
.sidehoverbar{background-color: #fff !important;
    width: 40px;
    height: 150px;
    left: 0 !important;
    display: inline-block;
    position: absolute;}
	.sidehoverbar a {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    Color: #000;
    padding: 0;
    border-radius: 0px 5px 5px 0px;
    left: -100px;
    transition: 0.5s;
}
.sidehoverbar span {text-decoration:underline;font-family: 'Lato', sans-serif !important;}
.sidehoverbar a img {width:30px;height:30px;float:right; margin:6px;}
.sugimg{width:35px !important ;height: 35px !important;float: right; margin: 1px !important;}
	
		/* Hover effect on sidebar */ 
		.sidehoverbar a:hover { 
			left: 0px; 
			opacity: 1; 
			background-color: #fff; 
		} 
	
		 
	
		/* definig position of each nav bar */ 
		.article { 
			top: 0px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Interview { 
			top: 40px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Scripter { 
			top: 80px; 
			width: 140px;  
			height: 40px; 
		} 
		
		.Suggested { 
			top: 120px; 
			width: 140px; 
			height: 40px; 
		} 
		
		.Practice { 
			top: 160px; 
			width: 140px; 
			height: 40px; 
		} 
	
		/* content margin */ 
		.hoverable-topic { 
			margin-left: 55px; 
		}	
	
	 
	

	
	.dkmq {
		float: left;
	width: 100%;
	height: 200px !important;
	line-height: 5px;
	}
	.dkmq1 {
		float: left;
	width: 100%;
	height: 200px !important;
	}
	
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 213px !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 53%;
		background-color: #fff;
		padding: 2px;
		z-index: 11111;

	}


	#sticky-bislogin-inner {
		left: 0;
		position: fixed;
		top: 60%;
		background-color: #fff;
		padding: 2px;
		z-index: 11111;

	}

	.cheight{
		height: 250px;
	}
	.bislogin {
		margin-top: 100px !important;
		position: fixed !important;
		z-index: 99999 !important;
		left: 0 !important;
		display: block !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 620px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 150px !important;
	}


	.containers{
		width: 1500px;
	margin-left: 30px ;
	margin-right: 30px;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}

	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.bis{
		margin-top: -70px;
	}

	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height:  100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{

		height: 223px;margin:42px 0 0 0;
		width: 100%;        
		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
		font-weight: normal !important;
	}



	.events{
		height: 265px;
		background-color: #2957a3 ;
		
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}

	.eventicon{
		width: 10%;
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px 12px -9px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}
	.viewed{
		width: auto;
	float: right;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 14px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
	}


	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0  -15px;
		left:-45px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 50px;
		left:-44px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0  90px;
         right:40px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0  20px;
		left:-46px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}


	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 -55px;
		left:-35px !important;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 0 0 -35px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -21px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;
	}

	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 69px;
	}




	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}





	.wrap6{
		position: relative;
		width: 40vmin;
	    height: 40vmin;
		margin: 0 0 0  20px;
        left: -46px !important;
		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}


	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 8px 8px 13px;
		text-decoration: none;
		font-size: 12px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}




	.popup-title
	{

		color: #0b6bbf;

	}

	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}




}

@media (min-width: 800px) and (max-width: 1024px)
{

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 55%;
		background-color: #fff;
		padding: 2px;
		z-index: 11111;

	}

	.cheight{
		height: 250px;
	}
	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 8px 8px 13px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 430px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 150px !important;
	}
	.containers{
		width: 1170px;
	margin-left: 30px ;
	margin-right: 30px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}
	.fixheader {
		height: 70px !important;
	}
	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{


		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
		font-weight: normal !important;
	}



	.events{
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}

	.viewed{
		width: 100%;
	float: left;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
		border-top: 1px solid #fff;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}
	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}

	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 auto;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -21px;
		width: 73.5%;
		height: 68.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 63px;
	}




	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}



	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap6 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}


	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}

	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}




}

@media (min-width: 600px) and (max-width: 1024px)
{

	#sticky-bislogin {
		left: 0;
		position: fixed;
		top: 55%;
		background-color: #fff;
		padding: 2px;
		z-index: 11111;

	}

	.cheight{
		height: 250px;
	}
	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 8px 8px 13px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}
	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 430px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.insocial{
		margin-top: 150px !important;
	}
	.containers{
		width: 1170px;
	margin-left: 30px ;
	margin-right: 30px;
	}
	.act-desktop {
		display: block;
	}
	.act-mobile {
		display: none;
	}
	.desktopmedia {
		display: block;
	}
	.mediamobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
	.circledesktop {
		display: block;
	}
	.circlemobile {
		display: none;
	}
	.fixheader {
		height: 70px !important;
	}
	.blog{
		margin-top: -17px;
	margin-left: 42px;
	z-index: 1;
	visibility: visible;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{


		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
		font-weight: normal !important;
	}



	.events{
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}

	.viewed{
		width: 100%;
	float: left;
	margin: 0 -25px 0px 0px;
	padding: 1px;
	height: auto;  ;
	display: block;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
		border-top: 1px solid #fff;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}

	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 8%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 28vmin;
		margin: 0 auto;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;

	}
	.wrap-ten a {
		position: absolute;
		left: 10px;
		top: -4px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -21px;
		width: 73.5%;
		height: 68.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 63px;
	}



	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}



	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 auto;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 5%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		font-size: 15px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 5px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: fixed;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}





	.popup-title
	{

		color: #0b6bbf;

	}

	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;


	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;


	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;

		font-family: 'Lato', sans-serif !important;


	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;
		font-size: 80% !important;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}




}


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

}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.slider{
		padding: 20px 30px 30px 30px;
	}
	#cssmenu {
		background-color: #2957a3;
	}

	#cssmenu .submenu-button.submenu-opened {
		background: #FF0000;
	}
	.mkmenu.open {
		width: 480px !important;
		display: block !important;
		position: relative !important;
		background-size: cover !important;
	}

	.section.layout-container.clearfix {
		padding: 0 !important;
	}

	#sticky-social {
		left: 0;
		position: fixed;
		top: 50%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}

	#sticky-social1 {
		right: 0;
		position: fixed;
		top: 50%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}


	#categories {
		display: block;
		float: left;
	}

	#categories1 {
		display: block;
		float: right;

	}
	#cat_icon{
		display: none;
	}
	#cat_icon1{
		display: none;
	}


	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 430px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: 580px;
	margin-left: -125px;
	z-index: 1;
	visibility: visible
	}
	.insocial{
		margin-top: 150px !important;
	}

	.bis{
		margin-top: 300px;
	}

	.blog{
		margin-top: -20px;
	margin-left: -350px;
	z-index: 1;
	visibility: visible;
	position: fixed;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{


		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
		font-weight: normal !important;
	}



	.events{
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}

	.viewed{
		width: 100%;
	float: left;
	margin: 0;
	padding: 5px;
	height: auto;  ;
	display: block;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
		border-top: 1px solid #fff;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 1px 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}
	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}


	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}

	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 29vmin;
		margin: 16px 0 0 50px;
		margin-bottom: 0px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;
		margin-bottom: 50px;

	}
	.wrap-ten a {
		position: absolute;
		left: 4px;
		top: 1px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 41.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -12px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 50px;
	}




	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}

	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}




	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 6%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}

	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}



	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}


	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 30px;
		text-decoration: none;
		font-size: 17px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 30px 0 0px;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}

	.col-md-9.col-sm-9 {
		width: 100% !important;
		position: absolute;
		float: left;
	}


	#slider {
		display: block;
		z-index: 9999;
		height: 100px !important;
		float: left;
		position: absolute!important;
		width: 100%;

	}




	.skiptoconent {
		background-color: #fff;
		position: fixed;
		float: right;
		margin: -80px 0 0 41px;
	}

	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.desktopmedia {
		display: none;
	}
	.mediamobile {
		display: block;
	}

	.circledesktop {
		display: none;
	}
	.circlemobile {
		display: block;
	}



	.act-desktop {
		display: none;
	}
	.act-mobile {
		display: block;
	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;



	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 24%;
		font-family: 'Lato', sans-serif !important;
		font-size: 18px;

	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;
		font-size: 94%;
		font-family: 'Lato', sans-serif !important;
		font-weight: bold;

	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}





}

@media only screen and (max-width: 479px)
{
	.slider{
		padding: 20px 30px 30px 30px;
	}
	#cssmenu .submenu-button.submenu-opened {
		background: #FF0000;
	}
	#cssmenu {
		background-color: #2957a3;
	}
	.mkmenu.open {
		width: 355px !important;
		display: block !important;
		position: relative !important;
		background-size: cover !important;
	}
	.section.layout-container.clearfix {
		padding: 0 !important;
	}
	#sticky-social {
		left: 0;
		position: fixed;
		top: 50%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}

	#sticky-social1 {
		right: 0;
		position: fixed;
		top: 50%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}


	#categories {
		display: block;
		float: left;
	}

	#categories1 {
		display: block;
		float: right;

	}
	#cat_icon{
		display: none;
	}
	#cat_icon1{
		display: none;
	}

	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 430px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: 580px;
	margin-left: -125px;
	z-index: 1;
	visibility: visible
	}
	.insocial{
		margin-top: 150px !important;
	}


	.bis{
		margin-top: 300px;
	}

	.blog{
		margin-top: -20px;
	margin-left: -350px;
	z-index: 1;
	visibility: visible;
	position: fixed;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{


		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}

	.viewed{
		width: 100%;
	float: left;
	margin: 0;
	padding: 5px;
	height: auto;  ;
	display: block;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
		border-top: 1px solid #fff;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 1px 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}

	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 43.5%;
		left: 54%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}
	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 29vmin;
		margin: 16px 0 0 50px;
		margin-bottom: 0px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;
		margin-bottom: 50px;

	}
	.wrap-ten a {
		position: absolute;
		left: 4px;
		top: 1px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 42.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -10px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;
	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 37.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 54%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 41px;
	}






	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}




	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0 0 0 30px;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 6%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}


	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}



	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 30px;
		text-decoration: none;
		font-size: 17px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 0px;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}





	.popup-title
	{

		color: #0b6bbf;

	}

	.col-md-9.col-sm-9 {
		width: 100% !important;
		position: absolute;
		float: left;
	}


	#slider {
		display: block;
		z-index: 9999;
		height: 100px !important;
		float: left;
		position: absolute!important;
		width: 100%;

	}




	.skiptoconent {
		background-color: #fff;
		position: fixed;
		float: right;
		margin: -80px 0 0 41px;
	}

	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.desktopmedia {
		display: none;
	}
	.mediamobile {
		display: block;
	}

	.circledesktop {
		display: none;
	}
	.circlemobile {
		display: block;
	}



	.act-desktop {
		display: none;
	}
	.act-mobile {
		display: block;
	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;



	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}

	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 100%;
		font-family: 'Lato', sans-serif !important;
		font-size: 17px;

	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;
		font-size: 94%;
		font-family: 'Lato', sans-serif !important;
		font-weight: bold;

	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}





}


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

	.slider{
		padding: 20px 30px 30px 30px;
	}
	#cssmenu .submenu-button.submenu-opened {
		background: #FF0000;
	}
	#cssmenu {
		background-color: #2957a3;
	}

	.mkmenu.open {
		width: 320px !important;
		display: block !important;
		position: relative !important;
		background-size: cover !important;
	}

	.section.layout-container.clearfix {
		padding: 0 !important;
	}
	#sticky-social {
		left: 0;
		position: fixed;
		top: 53%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}

	#sticky-social1 {
		right: 0;
		position: fixed;
		top: 53%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}


	#categories {
		display: block;
		float: left;
	}

	#categories1 {
		display: block;
		float: right;

	}
	#cat_icon{
		display: none;
	}
	#cat_icon1{
		display: none;
	}

	.inhindi{
		background-color: #fff;
	position: fixed;
	margin-top: 600px;
	float: left;
	left: -45px;
	}
	.inmedia{
		margin-top: 430px;
	position: fixed;
	z-index: 99999;
	left: 0px;
	}
	.inblogs{
		margin-top: 580px;
	margin-left: -125px;
	z-index: 1;
	visibility: visible
	}
	.insocial{
		margin-top: 150px !important;
	}

	.bis{
		margin-top: 300px;
	}

	.blog{
		margin-top: -20px;
	margin-left: -350px;
	z-index: 1;
	visibility: visible;
	position: fixed;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{


		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}

	.viewed{
		width: 100%;
	float: left;
	margin: 0;
	padding: 5px;
	height: auto;  ;
	display: block;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
		border-top: 1px solid #fff;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}


	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 29vmin;
		margin: 16px 0 0 7px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;
		margin-bottom: 50px;

	}
	.wrap-ten a {
		position: absolute;
		left: 4px;
		top: 1px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 45.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -6px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;

	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 38.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 58%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 28px;
	}




	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}



	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 6%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}



	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}


	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.3); /* IE 9 */
		-webkit-transform: scale(1.3); /* Safari 3-8 */
		transform: scale(1.3);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}



	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 30px;
		text-decoration: none;
		font-size: 17px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}
	.covid{
		width: 100%;
	float: left;
	margin: 0px;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}

	.col-md-9.col-sm-9 {
		width: 100% !important;
		position: absolute;
		float: left;
	}
	.ndtv{
		margin-top: 120px;
	position: fixed;
	z-index: 99999;
	margin-left: -349px;
	}
	.republic{
	}
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 250px !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-social {
		left: 0;
		position: fixed;
		top: 250px;
		z-index: 1111;
	}




	#slider {
		display: block;
		z-index: 9999;
		height: 100px !important;
		float: left;
		position: absolute!important;
		width: 100%;

	}



	.skiptoconent {
		background-color: #fff;
		position: fixed;
		float: right;
		margin: -80px 0 0 41px;
	}

	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.desktopmedia {
		display: none;
	}
	.mediamobile {
		display: block;
	}

	.circledesktop {
		display: none;
	}
	.circlemobile {
		display: block;
	}



	.act-desktop {
		display: none;
	}
	.act-mobile {
		display: block;
	}


	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;



	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 100%;
		font-family: 'Lato', sans-serif !important;
		font-size: 17px;

	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;
		font-size: 94%;
		font-family: 'Lato', sans-serif !important;
		font-weight: bold;

	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}






}
@media only screen
and (max-width : 414px)
and (max-height : 896px)
and (-webkit-device-pixel-ratio : 2)

{
	.slider{
		padding: 20px 30px 30px 30px;
	}
	.section.layout-container.clearfix {
		padding: 0 !important;
	}

	#categories {
		display: block;
		float: left;
	}

	#categories1 {
		display: block;
		float: right;

	}
	#cat_icon{
		display: none;
	}
	#cat_icon1{
		display: none;
	}
	#sticky-social {
		left: 0;
		position: fixed;
		top: 56%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}

	#sticky-social1 {
		right: 0;
		position: fixed;
		top: 56%;
		cursor: pointer;
		z-index: 11111 !important;

		width: 40px;
	}
	.bis{
		margin-top: 300px;
	}
	.blog{
		margin-top: -20px;
	margin-left: -350px;
	z-index: 1;
	visibility: visible;
	position: fixed;
	}
	.util ul li a {
		padding: 0 6px;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato',sans-serif;
		transition: .5s;
	}
	.nivoSlider img
	{
		position: absolute !important;
		height: 100% !important;
		max-height: 100% !important;
	}
	.theme-default .nivoSlider
	{


		position: absolute !important;
		background: none !important;
		box-shadow: none !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		margin-bottom: 0px !important;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 15px 0;
		display: none !important;
	}
	.pause, .start {
		height: auto !important;
		width: auto !important;
		margin-top: 197px !important;
		z-index: 99999 !important;
		position: absolute !important;
		cursor: pointer !important;
	}
	#pojo-a11y-toolbar {
		top: 76px !important;
		position: fixed !important;
		z-index: 9999;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	.footer_area
	{
		z-index: 0!important;
	}

	#scrollUp
	{
		right: 90px !important;
	}

	.professional_builder {
		background: #f5f5f5;
		padding-top: 80px !important;
		padding-bottom: 50px !important;
	}



	ul.quick_link li {
		line-height: 22px !important;
		font-weight: normal !important;
	}
	ul.quick_link li a {
		font-size: 13px;
		line-height: 20px !important;
	}



	.events{
		background-color: #2957a3 ;
	}
	.eventsmain{
		width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
	}
	.eventicon{
		width: 10%;
	float: left;
	margin: 0;
	padding: 0;
	height: auto ;
	display: block;
	position: relative;
	font-size: 25px;
	text-align: left;
	}
	.eventcontent{
		width: 90%;
	float: right;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	height: auto;
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: 'Lato',sans-serif !important;
	color: #fff;
	}

	.viewed{
		width: 100%;
	float: left;
	margin: 0;
	padding: 5px;
	height: auto;  ;
	display: block;
	font-size: 15px;
	text-align: center;
	font-family: 'Lato',sans-serif !important;
		border-top: 1px solid #fff;
	}
	.viewed a{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.viewed a:hover{
		color: #fff;
	text-decoration: none;
	font-family: 'Lato',sans-serif !important;
	}
	.fa.fa-calendar{
		color: #fff;
	}

	.pricingdiv{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-family: 'Source Sans Pro', Arial, sans-serif;
	}

	.pricingdiv ul.theplan{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		color: white;
		background: #7c3ac9;
		position: relative;
		width: 250px; /* width of each table */
		margin-right: 10px; /* spacing between tables */
		margin-bottom: 1em;
		transition: all .5s;
	}

	.pricingdiv ul.theplan:hover{
		/* when mouse hover over pricing table */
		transform: scale(1.05);
		transition: all .5s;
		z-index: 100;
		box-shadow: 0 0 10px gray;
	}

	.pricingdiv ul.theplan li{
		margin: 0px 10px;
		position: relative;
	}

	.pricingdiv ul.theplan li.title{
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		text-transform: uppercase;
		border-bottom: 5px solid white;
	}

	.pricingdiv ul.theplan:nth-of-type(1){
		background: #60005e;
	}
	.pricingdiv ul.theplan:nth-of-type(2){
		background: #004c64;
	}

	.pricingdiv ul.theplan:nth-of-type(3){
		background: #001860;
	}

	.pricingdiv ul.theplan:nth-of-type(4){
		background: #752626;
	}

	.pricingdiv ul.theplan:nth-of-type(5){
		background: #0a5ba2;
	}

	.pricingdiv ul.theplan:nth-of-type(6){
		background: #006c44;
	}

	.pricingdiv ul.theplan:nth-of-type(7){
		background: #e53499;
	}

	.pricingdiv ul.theplan:nth-of-type(8){
		background: #2a2cc8;
	}
	.pricingdiv ul.theplan:last-of-type{
		/* remove right margin in very last table */
		margin-right: 0;
	}

	/*very last LI within each pricing UL */
	.pricingdiv ul.theplan li:last-of-type{
		text-align: center;
		margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
	}

	.pricingdiv a.pricebutton{
		background: white;
		text-decoration: none;
		padding: 10px;
		display: inline-block;
		margin: 10px auto;
		border-radius: 5px;
		color: navy;
		text-transform: uppercase;
	}

	@media only screen and (max-width: 500px) {
		.pricingdiv ul.theplan{
			border-radius: 0;
			width: 100%;
			margin-right: 0;
		}

		.pricingdiv ul.theplan:hover{
			transform: none;
			box-shadow: none;
		}

		.pricingdiv a.pricebutton{
			display: block;
		}
	}
	.professional_builder{
		padding: 0;
	}
	.about_us_area .about_row {
		padding-top: 0;
		padding-bottom: 20px;
	}


	.wrap{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}


	.wrap a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 32.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap, .wrap{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap a, .wrap a{
		transform: scale(1) translatez(0px);
	}
	.wrap a:hover div{

		transform: translatez(0px);
	}



	.wrap1{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap1 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap1 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap1 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap1 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap1 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap1 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap1 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 24.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap1 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap1 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap1 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap1 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap1, .wrap1{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap1 a, .wrap1 a{
		transform: scale(1) translatez(0px);
	}
	.wrap1 a:hover div{

		transform: translatez(0px);
	}




	.wrap2{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap2 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap2 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap2 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap2 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap2 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}


	.wrap2 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap2 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 24%;
		border-radius: 50vmin;
		transform: scale(1);

	}

	.wrap2 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap2 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap2 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap2 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap2, .wrap2{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap2 a, .wrap2 a{
		transform: scale(1) translatez(0px);
	}
	.wrap2 a:hover div{

		transform: translatez(0px);
	}




	.wrap3{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap3 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap3 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap3 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap3 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap3 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap3 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap3 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap3 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap3 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap3 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap3 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap3, .wrap3{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap3 a, .wrap3 a{
		transform: scale(1) translatez(0px);
	}
	.wrap3 a:hover div{

		transform: translatez(0px);
	}

	.wrap4{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap4 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap4 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap4 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap4 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap4 a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 44.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 10%;

	}

	.wrap4 a:nth-child(4){
		border-radius: 0 0 40vmin 0;
		top: 44.5%;
		left: 52.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}

	.wrap4 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 33.5%;
		top: 23.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap4 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap4 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap4 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap4 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap4, .wrap4{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap4 a, .wrap4 a{
		transform: scale(1) translatez(0px);
	}
	.wrap4 a:hover div{

		transform: translatez(0px);
	}


	.wrap-ten{
		position: relative;
		width: 28vmin;
		height: 29vmin;
		margin: 16px 0 0 7px;
		transform: scale(.2) translatez(0px);
		transition: transform .5s,opacity .5s;
		margin-bottom: 50px;

	}
	.wrap-ten a {
		position: absolute;
		left: 4px;
		top: 1px;
		width: 72.5%;
		height: 71.5%;
		overflow: hidden;
		z-index: 11111;
		transform: scale(.5) translateZ(0px);
	}


	.wrap-ten a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap-ten a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 45.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
		top: -6px;
		width: 73.5%;
		z-index: 1111111;
		height: 68.5%;

	}


	.wrap-ten a:nth-child(3){
		border-radius: 0 0 0 40vmin;
		top: 38.5%;
		transform-origin: 110% -10%;
		left: 51%;
		z-index: 111111;
		left: 58%;
	}







	.wrap-ten a:nth-child(4){
		top: 55.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
		left: 28px;
	}




	.wrap-ten a:nth-child(5){
		width: 66%;
		height: 69%;
		left: 2.5%;
		top: 40.5%;


	}


	.wrap-ten a:nth-child(6){
		width: 66%;
		height: 66%;
		left: 26.5%;
		top: 26.5%;

	}


	.wrap-ten span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: scale(1);
	}
	.wrap-ten span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap-ten span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap-ten span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap-ten, .wrap-ten{
		transform: scale(1) translateZ(2px);

	}
	span:hover + .wrap-ten a, .wrap-ten a{
		transform: scale(1) translatez(0px);
	}
	.wrap-ten a:hover div{

		transform: translatez(0px);
	}



	.wrap6{
		position: relative;
		width: 40vmin;
	height: 40vmin;
		margin: 0;

		transform: scale(0.2) translatez(0px);
		transition: transform .5s, opacity .5s;
	}
	.wrap6 a{
		position: absolute;
		left: 10px;
		top: 0;
		width: 60.5%;
		height: 60.5%;
		overflow: hidden;
		transform: scale(.5) translateZ(0px);

	}
	.wrap6 a div{
		height: 100%;
		background-size: cover;
		transition: opacity .5s;
		border-radius: inherit;
	}
	.wrap6 a:nth-child(1){
		border-radius: 40vmin 0 0 0;
		transform-origin: 110% 110%;
		transition: transform .4s .15s;
	}

	.wrap6 a:nth-child(2){
		border-radius: 0 40vmin 0 0;
		left: 52.5%;
		transform-origin: -10% 110%;
		transition: transform .4s .2s;
	}

	.wrap6 a:nth-child(3) {
		border-radius: 0 0 0 40vmin;
		top: 48.5%;
		transform-origin: 110% -10%;
		transition: transform .4s .25s;
		left: 6%;
	}

	.wrap6 a:nth-child(4) {
		border-radius: 0 0 40vmin 0;
		top: 48.5%;
		left: 53.5%;
		transform-origin: -10% -10%;
		transition: transform .4s .3s;
	}



	.wrap6 a:nth-child(5){
		width: 50%;
		height: 50%;
		left: 34.5%;
		top: 28.5%;
		border-radius: 50vmin;
		transform: scale(1);
	}

	.wrap6 span{
		position: relative;
		display: block;
		margin: 0 auto;
		top: 45vmin;
		width: 10vmin;
	height: 10vmin;
		border-radius: 100%;
		background: #ddd;
		transform: translateZ(0px);
	}
	.wrap6 span span{
		position: absolute;
		width: 60%;
	height: 3px;
		background: #ddd;
		left: 20%;
	top: 50%;
		border-radius: 0;
	}
	.wrap6 span span:after, span span:before{
		content: '';
		position: absolute;
		left: 0;
	top: -1.5vmin;
		width: 100%;
	height: 100%;
		background: #ddd;
	}
	.wrap6 span span:after{
		top: 1.5vmin;
	}
	span:hover + .wrap6, .wrap6{
		transform: scale(.8) translateZ(0px);

	}
	span:hover + .wrap6 a, .wrap6 a{
		transform: scale(1) translatez(0px);
	}
	.wrap6 a:hover div{

		transform: translatez(0px);
	}


	.zoom6 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom6:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}




	.zoom1 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom1:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 1 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;

	}
	.zoom22 {
		transition: transform .2s;
		margin: 0 auto;

	}

	.zoom22:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto ;
		visibility: visible;
		position: absolute;
	}

	.zoom3 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom3:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}

	.zoom4 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom4:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000!important;
		margin: 0 auto  ;
		visibility: visible;
		position: absolute;
	}


	.zoom5 {

		transition: transform .2s;
		margin: 0 auto;
	}

	.zoom5:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.5);
		z-index: 000 !important;
		margin: 0px 0px;
		visibility: visible;
		position: absolute;
	}





	/* Image zoom on hover + Overlay colour */
	.parent {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		float: left;
		display: inline-block;
		cursor: pointer;
	}

	.child {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}






	.parent:hover .child, .parent:focus .child {
		-ms-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	.parent:hover .child:before, .parent:focus .child:before {
		display: block;
	}



	.child:before {
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(52,73,94,0.75);
	}

	/* Media Queries */
	@media screen and (max-width: 960px) {
		.parent {
			width: 100%;
	margin: 20px 0px
		}
		.wrapper {
			padding: 20px 20px;
		}
	}




	.hello {
		display: none
	}
	@media screen and (max-width: 480px) {
		.our_service_main{
			width: 100% !important;
		}
		.our-services{
			display: block !important;
		}
		.service-txt{
			margin: 0 0 0 0 !important;
		}
		.custom-title{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 46px 10px 10px !important;
		}
	}
	@media screen and (max-width: 767px) {
		.footer_about{
			width: 100% !important;
		}
		.our-services:hover .custom-text {
			margin: 48px 10px 10px !important;
		}
		.cns-content{
			width: 100% !important;
		}
		.cns-img .parent{
			float: none !important;
		}
	}

	#skip-to-main-content {

		visibility: visible !important;

	}

	.product-6:hover .custom-text{
		margin: 56px 10px 10px !important;
	}

	.nivo-controlNav {
		text-align: center;
		margin-top: -70px;
		z-index: 99999 !important;
		position: relative;
		display: inherit;
		width: 100%;
		max-width: 100%;
		float: left;
	}
	.topnavs {
		overflow: hidden;
		background-color: #2957a3;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 8px 30px;
		text-decoration: none;
		font-size: 17px;
		font-family: 'Lato', sans-serif !important;
	}

	.active {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs .icon {
		display: none;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown {
		float: left;
		overflow: hidden;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown .dropbtn {
		font-size: 17px;
		border: none;
		outline: none;
		color: white;
		padding: 14px 16px;
		background-color: inherit;
		font-family: inherit;
		margin: 0;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-family: 'Lato', sans-serif !important;
	}

	.topnavs a:hover, .dropdown:hover .dropbtn {
		background-color: #ed3338;
		color: white;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown-content a:hover {
		background-color: #ed3338;
		color: black;
		font-family: 'Lato', sans-serif !important;
	}

	.dropdown:hover .dropdown-content {
		display: block;
		font-family: 'Lato', sans-serif !important;
	}

	@media screen and (max-width: 600px) {
		.topnavs a:not(:first-child), .dropdown .dropbtn {
			display: none;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs a.icon {
			float: right;
			display: block;
			font-family: 'Lato', sans-serif !important;
		}
	}

	@media screen and (max-width: 600px) {
		.topnavs.responsive {
			position: relative;
		}
		.topnavs.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive a {
			float: none;
			display: block;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
		.topnavs.responsive .dropdown {
			float: none;
		}
		.topnavs.responsive .dropdown-content {
			position: relative;
		}
		.topnavs.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
			font-family: 'Lato', sans-serif !important;
		}
	}

	.covid{
		width: 100%;
	float: left;
	margin: 0px;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	z-index: 111 ;
	}
	.covid-left{
		width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	position: relative;
	border-right: 1px solid #fff;
	background-color: #2957a3;
	}
	.covid-right ul {
		width: 100%;
	float: right;
	display: flex;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.covid-right ul li {
		margin: 10px 10px 0 0 ;
	padding: 0;
	position: relative;
	}

	.dropdowns {
		position: relative;
		display: inline-block;
	}

	.dropdowns-content {
		display: none;

		position: absolute;
		background-color: #fff;
		min-width: 40px;
		z-index: 1;
	}

	.dropdowns-content a {
		color: black;
		text-decoration: none;
		display: block;
	}

	.dropdowns-content a:hover {
		background-color: #fff;
	}

	.dropdowns:hover .dropdowns-content {
		display: block;
	}

	.dropdowns:hover .dropbtn {
		background-color: #fff;
	}






	.popup-title
	{

		color: #0b6bbf;

	}

	.col-md-9.col-sm-9 {
		width: 100% !important;
		position: absolute;
		float: left;
	}
	.ndtv{
		margin-top: 120px;
	position: fixed;
	z-index: 99999;
	margin-left: -349px;
	}
	.republic{
	}
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 250px !important;
		width: 210px;
		z-index: 1100;
	}

	#sticky-social {
		left: 0;
		position: fixed;
		top: 250px;
		z-index: 1111;
	}




	#slider {
		display: block;
		z-index: 9999;
		height: 100px !important;
		float: left;
		position: absolute!important;
		width: 100%;

	}



	.skiptoconent {
		background-color: #fff;
		position: fixed;
		float: right;
		margin: -80px 0 0 41px;
	}

	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.desktopmedia {
		display: none;
	}
	.mediamobile {
		display: block;
	}

	.circledesktop {
		display: none;
	}
	.circlemobile {
		display: block;
	}
	.act-desktop {
		display: none;
	}
	.act-mobile {
		display: block;
	}

	/*************ourservices css code*****************/
	.mk {
		background-color: #e9e6ef;
		padding: 25px 10px 10px 10px;
		margin-top: 30px;



	}
	#mkblock-menu-menu-home-left-document ul {
		float: left;
		width: 100%;
		margin: 0;
		list-style: none;
	}
	#mkblock-menu-menu-home-left-document ul li {
		float: left;
		margin: 0 1% 0 0;
		min-height: 60px;
		list-style: none;
		padding: 0;
		width: 100%;
		font-family: 'Lato', sans-serif !important;
		font-size: 17px;

	}
	#mkblock-menu-menu-home-left-document ul li a:hover {
		background: #fff !important;
		font-family: 'Lato', sans-serif !important;
	}
	#block-menu-menu-home-left-document ul li a {
		color: #000 !important;
		display: block;
		padding: 5px;
		font-size: 94%;
		font-family: 'Lato', sans-serif !important;
		font-weight: bold;

	}

	div.mkleft_links #mkblock-menu-menu-home-left-document ul li {
		width: 100%;
	}
	#mkblock-menu-menu-home-left-document li a {
		float: left;
		width: 100%;
		color: #000;
	}
	#mkblock-menu-menu-home-left-document li a span {
		background: #595959 none repeat scroll 0 0;
		border-radius: 20px;
		color: #ffffff;
		float: left;
		margin-right: 5px;
		margin-top: -3px;
		padding: 5px 10px;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(1) a span {
		background-color: #8E3329;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(2) a span {
		background-color: #9e235a;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(3) a span {
		background-color: #2c7297;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(4) a span {
		background-color: #1e6636;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(5) a span {
		background-color: #6f4243;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(6) a span {
		background-color: #46334f;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(7) a span {
		background-color: #5F3D07;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(8) a span {
		background-color: #1D6355;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(9) a span {
		background-color: #874417;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(10) a span {
		background-color: #3c67c4;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(11) a span {
		background-color: #8E44AD ;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(12) a span {
		background-color: #495E26;
		width: 12%;
		text-align: center;

	}
	#mkblock-menu-menu-home-left-document li:nth-child(13) a span {
		background-color: #6B5606;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(14) a span {
		background-color: #107e97;
		width: 12%;
		text-align: center;
	}
	#mkblock-menu-menu-home-left-document li:nth-child(15) a span {
		background-color: #941494;
		width: 12%;
		text-align: center;
	}

	#mkblock-menu-menu-home-left-document li:nth-child(16) a span {
		background-color: #595959 ;
		width: 12%;
		text-align: center;
	}

	.round{
		color: #000;
	}


}