

/*------------------------------------ Desktop CSS ---------------------------------------------*/

.navigation{float:right; width:58%;}

.nav-aaplyonline-btn{background:url(../images/search.png) no-repeat center 2px; height:50px; width:100%;}

.applybtnbox{margin-top:15px;}

.menuapply-btn{width:45%; padding:0px 0px; text-align:center; float:left; line-height:15px;margin:0 0 17px 11px;border-bottom:1px solid #cdcdcd}

.menuapply-btn a:hover, .menuapply-btn a:focus{width:85% !important;}

.menuapply-btn:hover, .menuapply-btn:focus a{color:#fff !important;}

.nav-acform-btn{background:url(../images/apply-online.png) no-repeat center 2px; height:50px; width:100%;}

.swift-branches{background:url(../images/dropstapebk.png) no-repeat center 2px; height:50px; width:100%;}

.link-adhar{background:url(../images/adharlink.png) no-repeat center 2px; height:50px; width:100%;}

.update{background:url(../images/pancard.png) no-repeat center 2px; height:50px; width:100%;}

.register{background:url(../images/register.png) no-repeat center 2px; height:50px; width:100%;}

.menuapply-btn img{padding-bottom:7px;}

.wsmenu-submenu .wsmenu-submenu-sub .menuapply-btn a{color:#000 !important; font-size:12px;text-align:center;}

.menuapply-btn:nth-child(odd) {

   margin-left:6px; margin-right:6px;

}

.wsmenucontainer .mob-logo{display:none;}

.fixedheader .mob-logo{display:block;}

.fixedheader .mob-logo a{padding:0px; border:none}

.fixedheader .wsmenu-list > li > a:hover{color:#fff;}

.fixedheader .wsmenu-list > li{border-top:#037b3d solid 0px;}

.fixedheader .wsmenu-list > li:hover .hovercolor{color:#fff!important;}

/*.wsmenu-list li:hover{ background:#fff98e;color:#000;}*/

.wsmenu-list > li a:hover, .wsmenu-list > li a:focus a{color:#fd7100;}

.wsmobileheader{display:none;}

.overlapblackbg{ display:none; }

.wsmenu{

	color:#fff;

	position:relative;

	font-size:14px;

	/*padding:7px 15px;*/

}

.wsmenu-list{

	text-align:right;

	margin:0px 0 0;

	width:100%;

	float:right;

	padding:0px; margin-top:0px;} 

	

.wsmenu-list > li{

	text-align:right;

	/*float:left;*/position:relative; display:inline-block}

.wsmenu-list > li > a .fa{

	display: inline-block;

	font-size:14px;

	line-height:inherit;

	margin-right:0px;}

	

.wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;}



.wsmenu-list li a .arrow:before {

     content: "";

    font-size: 20px;}

	.arrow {

    /*float: right;*/

    font-family: FontAwesome;

/*    font-feature-settings: normal;*/

    padding: 0 0 0 6px;

}



.wsmenu-list > li > a{

	display:block;

	color:#333;

	padding:10px 10px 23px 3px; line-height:14px; font-weight:600; font-size: 14px;

	text-decoration:none;

	position:relative; margin-top:12px;border-top: 3px #fff solid;

	}

	.wsmenu-list > li > a:hover, .wsmenu-list > li > a:focus {color:#fff; -webkit-box-shadow: 0px -3px 10px -4px rgba(0,0,0,1);

    -moz-box-shadow: 0px -3px 10px -4px rgba(0,0,0,1);

    box-shadow: 0px -3px 10px -4px rgba(0,0,0,1);

    background: #fff;

    color: #0e75af;

    border-top: #03759f solid 3px;}

	@-moz-document url-prefix() {

   .wsmenu-list > li > a:hover{ box-shadow: 0px -4px 10px -8px rgba(0,0,0,1)!important;

	

}

.wsmenu-list li:hover > a {box-shadow: 0px -4px 10px -8px rgba(0,0,0,1)!important;}



}

	

.wsmenu-list li:hover > a {

    color:#fff; -webkit-box-shadow: 0px -3px 10px -4px rgba(0,0,0,1);

    -moz-box-shadow: 0px -3px 10px -4px rgba(0,0,0,1);

    box-shadow: 0px -3px 10px -4px rgba(0,0,0,1);

    background: #fff;

    color: #293c67;

    border-top: #293c67 solid 3px;z-index: 9999;

}	

.aplynav {

    background: #0c730c none repeat scroll 0 0;

    float: right !important;

    margin: 1px 0 0;

    padding: 0 10px 0 0 !important;

    text-align: right !important;

}

.aplynav:hover, .aplynav:focus{background:#b41730 !important;}

.aplynav a img {

    float: left;

    margin: 1px 6px 0 0;

}

.aplynav a{  color: #fff !important;

    font-size: 11px;

    font-weight: bold;

    line-height: 26px !important;

    margin: -2px 0 0 10px;

    padding: 5px 0 !important;

    text-align: center;

    text-transform: uppercase;}

.aplynav a:hover{color:#fff !important; transition:all 0.5s ease;}

.wsmenu-list > li > .fa-home{font-size:20px;color:#0abc2c}	



.wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3}

.wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3}

.wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}



.megamenu iframe{width:100%; margin-top:10px; min-height:200px; }

.megamenu video{ width:100%; margin-top:10px;  min-height:200px;}



/*For megamenu desktop */

.wsmenu-list li:hover .megamenu{opacity:1;}

.megamenu{

	height:395px;

	width:300px;

	padding-left:420px;

	position:absolute;

	top: 100%;

	color:#000;

	z-index:1000;

	text-align:left;

	padding-top:14px;

	font-size:15px;

	background-color:#fff;

	opacity: 0;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	-o-transition: -o-transform 0.3s, opacity 0.3s;

	-ms-transition: -ms-transform 0.3s, opacity 0.3s;

	-moz-transition: -moz-transform 0.3s, opacity 0.3s;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;}



.megamenu .title{

	border-bottom:1px solid #CCC;

	font-size:14px;

	padding:9px 5px 9px 0px;

	font-size:17px;

	color:#424242;

	margin:0px 0px 7px 0px;

	text-align:left;

	height:39px;}

	

.link-list li{

	display:block;

	text-align:center;

	white-space:nowrap;

	text-align:left;}

	

.link-list li a{

	line-height:18px;

	border-right:none;

	text-align:left;

	padding:6px 0px;

	background:#fff !important;

	background-image:none !important;

	color: #666666 !important;

	border-right: 0 none !important;

	display:block;

	border-right:1px solid #e7e7e7;

	background-color:#fff;

	color:#424242;}

	

.link-list .fa{font-size:11px;}



.megacollink{width:23%; float:left; margin:0% 1%;}	

.megacollink li{

	display:block;

	text-align:center;

	white-space:nowrap;

	text-align:left;}

.megacollink li a{

	line-height:18px;

	border-right:none;

	text-align:left;

	padding:8px 0px;

	background:#fff !important;

	background-image:none !important;

	color: #666666 !important;

	border-right: 0 none !important;

	display:block;

	border-right:1px solid #e7e7e7;

	background-color:#fff;

	color:#424242;}

.megacollink .fa{font-size:11px;}



.megacolimage{width:31.33%; float:left; margin:0% 1%;}	

.typographydiv{width:100%; margin:0% 0%;}	

.typographylinks{width:25%; float:left; margin:0% 0%;}	

.mainmapdiv{ width:100%; display:block; margin:0% 0%; }



.wsmenu-list .ad-style{width:28%; float:right;}

.wsmenu-list .ad-style a{border:none !important; padding:0px !important; margin:0px !important; line-height:normal !important; background-image:none !important;}

.mobile-sub .megamenu .ad-style a:hover{ background-color:transparent !important; }

.wsmenu-list .megamenu  li:hover>a{background:transparent !important;}

.wsmenu-list .megamenu  li a:hover{background:transparent !important; text-decoration:underline;}

.wsmenu-list .megamenu li .fa {  margin-right:5px;    text-align: center;    width: 18px;}

.mrgtop{ margin-top:15px; }

.show-grid div{padding-bottom: 10px; padding-top: 10px; background-color:#dbdbdb; border: 1px solid #e7e7e7; color:#6a6a6a; margin:2px 0px;}



/*For halfmenu */

.halfmenu{

	width:40%;

	right:auto !important;

	left:auto !important;}



.halfmenu .megacollink{

	width:48%;

	float:left;

	margin:0% 1%;}		

/*For halfmenu */	





/*Form for desktop */

.halfdiv{

	width:35%;

	right:0px !important;

	left:auto;}

	

.menu_form{width:100%; display:block;}

.menu_form input[type="text"]{

	width:100%;

	border:1px solid #e2e2e2;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	color:#000;

	font-size:13px;

	padding:8px 5px;

	margin-bottom:8px;

	}

.menu_form textarea{

	width:100%;

	border:1px solid #e2e2e2;

	border-radius:5px;

	color:#000;

	font-size:13px;

	padding:8px 5px;

	margin-bottom:8px;

	min-height:122px;}

	

.menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right;  border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}



.megamenu .left.carousel-control{ padding-top:20%; }

.megamenu .right.carousel-control{ padding-top:20%; }

.carousel-inner .item img{ width:100%; }

.megamenu .carousel-caption{

	bottom:0px;

	background-color:rgba(0,0,0,0.7);

    font-size: 13px;

    height: 31px;

    left: 0;

    padding: 7px 0;

    right: 0;

    width: 100%;}



/*Animation*/
/* 
.wsmenu-list li > .wsmenu-submenu{

	transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform: rotateX(-75deg);

	-o-transform: rotateX(-75deg);

	-moz-transform: rotateX(-75deg);

	-webkit-transform: rotateX(-75deg);

	visibility:hidden;

		} */

	

.wsmenu-list li:hover > .wsmenu-submenu{

	transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-webkit-transform: rotateX(0deg);

    opacity: 1;

	visibility:visible;

	}



.wsmenu-submenu li > .wsmenu-submenu-sub{

	transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform: rotateX(-75deg);

	-o-transform: rotateX(-75deg);

	-moz-transform: rotateX(-75deg);

	-webkit-transform: rotateX(-75deg);

	visibility:hidden;

	}

	

.wsmenu-submenu li:hover > .wsmenu-submenu-sub{

	transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-webkit-transform: rotateX(0deg);

    opacity: 1;

	visibility:visible;

	}



.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{

	transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform: rotateX(-75deg);

	-o-transform: rotateX(-75deg);

	-moz-transform: rotateX(-75deg);

	-webkit-transform: rotateX(-75deg);

	visibility:hidden;

	}

	

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{

	transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-webkit-transform: rotateX(0deg);

    opacity: 1;

	visibility:visible;

	}





.wsmenu-list li > .megamenu{

	transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform: rotateX(-75deg);

	-o-transform: rotateX(-75deg);

	-moz-transform: rotateX(-75deg);

	-webkit-transform: rotateX(-75deg);

	visibility:hidden;



	}

	

.wsmenu-list li:hover > .megamenu{

	transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-webkit-transform: rotateX(0deg);

    opacity: 1;

	visibility:visible;

	}



	

/* Submenu CSS */

.arrowright{float:left; position:relative; margin-top:1px; font-size:20px;}

.wsmenu-submenu{

	height:auto;

	position:absolute;

	top: 100%;

	left:0px;

	z-index:1000;

	margin:0px;

	padding:0px 12px 0px 12px;

	border-bottom:0px solid #26a1c4;

	border-top:0px solid #26a1c4;

	/*border:solid 1px #eeeeee;*/

	background-color:#fff;

	-webkit-box-shadow: 0px 2px 17px -5px rgba(0,0,0,1);

    -moz-box-shadow: 0px 2px 17px -5px rgba(0,0,0,1);

    box-shadow: 0px 2px 17px -5px rgba(0,0,0,1);

	border-radius: 0px;

	/* opacity: 0; */display: none;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	-o-transition: -o-transform 0.3s, opacity 0.3s;

	-ms-transition: -ms-transform 0.3s, opacity 0.3s;

	-moz-transition: -moz-transform 0.3s, opacity 0.3s;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

	}



	

	

	

	

	.customercare {width:700px;right:0px;}

	.cs-box{float:left;width:29%; margin:0 19px 0 11px;}

	.third-nav p{margin-bottom:3px;}

	.customercare .cs-box ul li{width:100%;}

	.customercare .cs-box ul li a{padding:6px 13px; background:url(../images/bullet.jpg) no-repeat 0 13px;}

	

	.cs-box h2{font-size:14px;margin-bottom:6px;}

	.cs-box .third-nav{margin:10px 0 7px 0;border-bottom:none}

	.third-nav p strong{font-weight:normal}

	.cs-box .third-nav:hover{background:none !important;color:#333}

	.cs-box .third-nav ul li a:hover{color:#fff !important;}

	.cs-box .third-nav:hover a{color:#333 !important;}



.wsmenu-submenu li a {

	color: #666;

	border-right: 0 none !important;

	text-align:left;

	display:block;

	line-height:18px;

	padding:10px 12px;

	text-transform:none; 

	font-size:13px;

	letter-spacing:normal;

	border-right:0px solid;-webkit-box-shadow: 0px;

    -moz-box-shadow: 0px;

    box-shadow: none;}

	.wsmenu-submenu li:hover{color:#fff;}

.wsmenu-submenu li a:hover{color:#fff !important}	



.wsmenu-submenu li{margin:0px; padding:0px;}



.wsmenuexpandermain{display:none;}

.wsmenu-list li:last-child{/*border-top: #fff solid 0px;*/}

.wsmenu-list li:hover .wsmenu-submenu, .wsmenu-list li:focus .wsmenu-submenu {display:block;}
.wsmenu-list li:focus-within .wsmenu-submenu{display:block;}
.wsmenu-list li:focus-within .wsmenu-submenu
 ul li a:hover, .wsmenu-list li:focus .wsmenu-submenu
 ul li a:hover, .wsmenu-list li:hover .wsmenu-submenu
 ul li a:hover{
	background: #293c67 !important;
        border-radius: 0 !important;
        border: 0px;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
 }

 .wsmenu-submenu li a:focus, .wsmenu-submenu li a:focus-within{background: #293c67 !important;
	border-radius: 0 !important;
	border: 0px;color: #fff;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);}


.wsmenu-list .wsmenu-submenu-sub{min-width:230px; position:absolute; right:204px; margin:0px; padding:10px 0;

border-left:12px solid #584793;border-top:12px solid #584793;border-bottom:12px solid #584793;height:auto;

	opacity: 0;

	top:-12px;

	bottom:-12px;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	-o-transition: -o-transform 0.4s, opacity 0.4s;

	-ms-transition: -ms-transform 0.4s, opacity 0.4s;

	-moz-transition: -moz-transform 0.4s, opacity 0.4s;

	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}

.wsmenu-list li > .wsmenu-submenu-sub-left {

    visibility: hidden;

}

.wsmenu-list .wsmenu-submenu-sub-left{min-width:230px; position:absolute; left:204px; margin:0px; padding:10px 0;

border-right:12px solid #584793;border-top:12px solid #584793;border-bottom:12px solid #584793;height:auto;

	opacity: 0;

	top:-12px;

	bottom:-12px;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	-o-transition: -o-transform 0.4s, opacity 0.4s;

	-ms-transition: -ms-transform 0.4s, opacity 0.4s;

	-moz-transition: -moz-transform 0.4s, opacity 0.4s;

	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}

	

	

	

	

.wsmenu-submenu .wsmenu-submenu-sub li{position:relative; padding:0px; margin:0px 20px; display:block; border-bottom:solid 1px #a6baef; margin-bottom:0px; width: 87%;}

.wsmenu-submenu .wsmenu-submenu-sub li a{color:#fff !important;}

.wsmenu-submenu li a:hover{color:#fff;}

/*.wsmenu-submenu li:hover .activlink{color:#fff!important;}*/

.navigation .wsmenu-submenu-sub li a{color:#fff;}

.navigation .wsmenu-submenu-sub li a:hover{background:#84a7fe!important; color:#fff !important;/*width:100%;*/}

.digital li a:hover{width:auto !important}

/*.wsmenu-submenu .wsmenu-submenu-sub li:hover{border: solid 1px #e2dd81;}*/

	

.wsmenu-list .wsmenu-submenu-sub{opacity:1; list-style:none; background-color:#c6d6ff;/*border-top:10px solid #feffbe;*/}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{display:block;}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{

	min-width:220px; position:absolute; left:100%; top:0; margin:0px; padding:0px;

	opacity: 0;

	-o-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-webkit-transform-origin: 0% 0%;

	-o-transition: -o-transform 0.4s, opacity 0.4s;

	-ms-transition: -ms-transform 0.4s, opacity 0.4s;

	-moz-transition: -moz-transform 0.4s, opacity 0.4s;

	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}

	

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover, .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:focus .wsmenu-submenu-sub-sub{opacity:1; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}

.wsmenu-submenu li:last-child {border:none;}

.main-dropdown{position:relative; padding: 13px 0;}

.wsmenu-submenu li{padding:0px; margin:0px; display:block; border-bottom: solid 1px #c0def2; margin-bottom:0px; width: 205px;}

/*.wsmenu-submenu li:hover{background:#09bd5a !important;}*/

.wsmenu-submenu li:hover a{color:#fff !important;}

.wsmenu-click{display:none;}

.wsmenu-click02{display:none;}

.typography-text { padding:0px 0px; font-size:14px;}

.typography-text p{ text-align:justify; line-height:24px; color:#656565;}

.typography-text ul li{ display:block; padding:2px 0px; line-height:22px;}

.typography-text ul li a{color:#656565;}

.hometext{display:none;}

.wsmenu-submenu .fa{ margin-right:20px;}



.third-menu{background:#feffbe !important;top:-14px !important; min-width:350px !important;border-top:10px solid #feffbe;}

.digital{height:100%}

.msme-nav{width:510px;padding:0px;right:-250px;}

.msme-nav ul{width:230px;float:left;padding:0px 12px 0px 12px}

.msme-nav ul li{width:100%;}

.mob-heading{display:none}


@media screen and (max-width: 1500px) 
{
.navigation{width:56%;}	
}
@media screen and (max-width: 1366px) 
{
.navigation{width:65%;}	
.wsmenu-list > li > a{padding:10px 7px 23px 7px;font-size:13px;}
.logo2 {
    float: left;
    margin-left: 140px;
    width: 23%;
    padding-bottom: 10px;
}
.logo2 a img{
    width: 100%;
}
.logo1 {
    float: left;
    position: absolute;
    z-index: 9;
    top: 0;
    width: 150px;
}
.logo1 img{
    width: 100%;
}


}
@media screen and (max-width: 1230px) 
{
.navigation{width:55%;}	
.logo2 {
    float: left;
    margin-left: 140px;
    width: 20%;
    padding-bottom: 10px;
}
.navigation {
    width: 66%;
}
}


@media only screen and (min-width:780px) and (max-width:1023px) {

.wsmenu-list > li > a > .fa { display:none !important;}

.hometext{ display:block !important;}

.wsmenu{ font-size:13px !important;}

.wsmenu-list li a {/* white-space:nowrap !important;*/ padding-left:2px !important; padding-right:2px !important;}

.megacollink {width:48%; margin:1% 1%;}

.typographylinks{width:48%; margin:1% 1%;}



}







@media only screen and (min-width: 781px) and (max-width:1200px) {

	.arrowright {

    font-size: 18px;

}

.wsmenu-list li a .arrow:after{ display:none !important; }

.wsmenu-list li a .arrow::before{font-size:14px;}

.wsmenu-list > li > a, .wsmenu-submenu li a{font-size:12px;}

/*.wsmenu{padding:0 10px;}*/

.wsmenu-submenu li{width:165px}

.wsmenu-list .wsmenu-submenu-sub{/*left:0; */right:171px;}

.customer-drop{left:auto !important;right:100%; border-left:15px solid #fff98e; border-right:none !important;}

.wsmenu-submenu .fa{margin-right:5px}

.customercare{min-height:621px;}

.customercare-mob{left:auto;right:0px;}

.customercare-mob .arrowright{float:left;font-size:15px;margin:3px 7px 0 0 !important;}

.customercare-mob  .fa-angle-right::before{content:""}

.customercare-mob ul li {padding:0 0 0}

.customercare-mob .customercare{left:auto; right:100%;}

.nri{min-height:443px;}

}



@media only screen and (min-width: 781px) {


/* 
.wsmenu-list li:hover > .wsmenu-submenu{display:block !important;}

.wsmenu-submenu li:hover > .wsmenu-submenu-sub{display:block !important;}

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{display:block !important;} */

.wsmenu-list li:hover > .megamenu{display:block !important;}

.cs-box .desktop-heading, .third-nav p strong{color:#333;}

.wsmenu-submenu li:hover > a {

    background: #293c67 !important; border-radius: 0!important; border:0px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);

}



}





/*------------------------------------ Mobile CSS ---------------------------------------------*/

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

	.wsmenu-submenu li{border-bottom: solid 1px #0564a4;}

	.wsmenu-list li:hover > a{border-top:0px;}



	.customercare{width:100%;float:left;}

	.cs-box .third-nav:hover{color:#fff;}

	.cs-box{width:100%;margin:0px;    border-bottom: solid 1px #e2dd81;}

		.cs-box .main-dropdown{display:none;}

		.cs-box .main-dropdown li{border-bottom:none}

		.cs-box .togle strong{display:block;float:right;margin:0px 7px 0 0;font-size:20px}

		

		.cs-box .togle span, .cs-box .main-dropdown li a span, .third-nav span{padding:0 15px; display:block}

		.cs-box .third-nav:hover a{color:#fff !important;}

		.cs-box .third-nav{margin:0 0;}

		.customercare .cs-box .main-dropdown li a, .cs-box .main-dropdown{background:#6bc04b}

		.cs-box .togle{display:block;padding:10px 0px;width:100%;font-size:13px;background:#6bc04b;color:#f3ec6a;font-weight:normal;cursor:pointer;margin:0 0 0 0;}

		.mob-nav a:hover{color:#666 !important;}

		

		.cs-box .togle:hover{background:#4f9b32}

	 .cs-box .main-dropdown li a:hover{background:none !important}

	.cs-box .main-dropdown li li:hover>a{background:none !important}

		.cs-box .desktop-heading{display:none}

	

	.msme-nav{width:100%;left:0px;right:0px;}

.msme-nav ul{width:100%;padding:0px;float:none}

	.wsmenu-submenu .wsmenu-submenu-sub li{border-bottom:none}

	.nri, .customercare, .digital, .product-rpdown, .productschem{min-height:auto;}

	.main-dropdown.main-dropdown li a .fa-angle-right::before{content:"\f107"}

	.wsmenu-submenu li{position:relative}

	.wsmenu-submenu .wsmenu-submenu-sub li{width:100%;}

.wsmenu-arrow{display:none}

	.arrow{display:none;}

	.wsmenu-submenu{position:relative;box-shadow: none !important;}

	.wsmenu{padding:0 0;}

.wsoffcanvasopener .wsmenu {

	left:0px;

	-webkit-transition:all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	}



.wsmenucontainer.wsoffcanvasopener{

	display:block; margin-left:240px;

	}

	

.wsmobileheader{

	display:block !important;

	position:relative;

	top:0;

	right:0;

	left:0;

	-webkit-transition:all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	

	}

	



.wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;}

.hometext{ display:inline-block !important; }

.megacollink {width:96% !important; margin:0% 2% !important; }

.megacolimage{width:90% !important; margin:0% 5% !important;}

.typographylinks{width:98% !important; margin:0% 1% !important;}	

.typographydiv{width:86% !important; margin:0% 7% !important;}	

.mainmapdiv{width:90% !important; margin:0% 5% !important; }



.overlapblackbg{

	left:0;

	z-index:102;

	width:100%;

	height:100%;

	position:fixed;

	top:0;

	display:none;

	background-color:rgba(0, 0, 0, 0.45);

	cursor:pointer;}

	

.wsoffcanvasopener .overlapblackbg{display:block !important;}



/* Default Theme */ 

.wsmenu-submenu > li:hover>a{ background-color:#7b7b7b;}

.wsmenu > .wsmenu-list > li > a.active{color: #fff; background-color:rgba(0,0,0,0.08);}

.wsmenu > .wsmenu-list > li > a:hover{ color: #fff; background-color:rgba(0,0,0,0.08);}	



.wsmenu-list li:hover .wsmenu-submenu{display:none ;}

.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}

.wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}

.wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}



.innerpnd{ padding:0px !important; }

.typography-text { padding:10px 0px; }



.wsmenucontainer{

	overflow: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	/*min-height:800px;*/

	-webkit-transition:all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;}

	





/* Mobile click to drop arrow */

.wsmenu-click {

	height:43px;

	position:absolute;

	top:0;

	right:0;

	display:block;

	cursor:pointer;

	width:100%;

	}



.wsmenu-click i{

	display:block;

	height:23px;

	width:25px;

	margin-top:11px;

	margin-right:8px;

	background-size:25px;

	font-size:21px;

	color:#fff;

	float:right;

	}

	

	

.wsmenu-click02 {

	height:43px;

	position:absolute;

	top:0;

	right:0;

	display:block;

	cursor:pointer;

	width:100%;

	}



.wsmenu-click02 i{

	display:block;

	height:23px;

	width:25px;

	margin-top:11px;

	margin-right:8px;

	background-size:25px;

	font-size:21px;

	color:rgba(0,0,0,0.25);

	float:right;

	}	

	

.ws-activearrow > i{/*transform: rotate(180deg);*/}



.wsmenu-rotate{

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

	-ms-transform:rotate(180deg);

	-o-transform:rotate(180deg);

	transform:rotate(180deg);}



/*2nd UL Style*/

.wsmenu-submenu-sub{

	width:100% !important;

	position:static !important;

	left:100% !important;

	top:0 !important;

	display:none;

	margin:0px !important;

	padding:0px !important;

	border:solid 0px !important;

	transform:none !important;

	opacity:1 !important;

	visibility:visible !important;

	}

	

.wsmenu-submenu-sub li{

	margin:0px 0px 0px 0px !important;

	padding:0px;

	position:relative;}

	

.wsmenu-submenu-sub a{

	display:block;

	padding:10px 25px 10px 25px;

	border-bottom:solid 1px #ccc;

	font-weight:normal;}

	

.wsmenu-submenu-sub li a.active{color:#fff !important;}



.wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;}



.wsmenu-list > li > a .fa{margin-right:6px;}



.wsmenu-submenu-sub-sub{

	width:100% !important;

	position:static !important;

	left:100% !important;

	top:0 !important;

	display:none;

	margin:0px !important;

	padding:0px !important;

	border:solid 0px !important;

	transform:none !important;

	opacity:1 !important;

	visibility:visible !important;

	}

	

.wsmenu-submenu-sub-sub li{

	margin:0px 0px 0px 0px !important;}

	

.wsmenu-submenu-sub-sub a{

	display:block;

	color:#000;

	padding:10px 25px;

	background:#000 !important;

	border-bottom:solid 1px #ccc;

	font-weight:normal;}

	

.wsmenu-submenu-sub-sub li a.active{ color:#fff !important;}

.wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;}

.wsmenu{position: relative;}



.wsmenu .wsmenu-list{

	height:100%;

	overflow-y:auto;

	display:block !important;margin-top: 0px;}

	

.wsmenu .wsmenu-list > li{

	width:100%;

	display:block;

	float:none;

	border-right:none;

	background-color:transparent;

	position:relative;

	white-space:inherit;}

	.aplynav{background:#b41730 !important}

.secondmenu{display:block; position:absolute; top:310px; height:100%; overflow:scroll;}	

.wsmenu-list > li > a{margin-top:0;}

.wsmenu-list li:hover > a {background:none; border-radius: 00px; -moz-border-radius: 00px; -o-border-radius:0px;}

.wsmenu > .wsmenu-list > li > a{

	padding:9px 32px 9px 17px;

	font-size:14px;

	text-align:left;

	border-right:solid 0px;

	background-color:transparent;

	color:#fff;

	line-height:25px;

	border-bottom:1px solid;

	border-bottom-color:rgba(0,0,0,0.13);

	position:static; border-top: 0px #fff solid;

	}



	

.wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf;}

.wsmenu .wsmenu-list li a .arrow:after{ display:none !important; }

.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; }



.mobile-sub .wsmenu-submenu{

	transform:none !important;

	opacity:1 !important;

	display:none;

/*	position:relative !important;*/

	top:0px;

	/*background-color:#6bc04b;*/background-color:#0570b8;

	padding:0px;

	visibility:visible !important;

	}

	

.mobile-sub .wsmenu-submenu li a{

	line-height:20px;

	height:auto;

	background-color:#0570b8;

	font-size:13px;

	padding:8px 0px 8px 18px;

	color:#fff;}



.mobile-sub .wsmenu-submenu li a:hover{ background-color:#1291e5; color:#fff!important; text-decoration:underline; }

.mobile-sub .wsmenu-submenu li:hover>a{ background-color:#1291e5; color: #fff!important; }

.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:auto; background-color:#584793; border-bottom:none; padding-left:15px;color:#333}

.mobile-sub .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:auto; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;}







.wsmenu-list .megamenu{

	background-color:#e7e7e7;

	color:#666666;

	display:none;

	position:relative !important;

	top:0px;

	padding:0px;

	border:solid 0px;

	transform:none !important;

	opacity:1 !important;

	visibility:visible !important;

	}

	

.wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; }

.megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;}

.halfdiv .title{ padding-left:15px;}

.megamenu > ul{

	width:100% !important;

	margin:0px;

	padding:0px;

	font-size:13px !important;}

	

.megamenu > ul > li > a{

	padding:9px 14px !important;

	line-height:normal !important;

	font-size:13px !important;

	background-color:#e7e7e7 !important;

	color:#666666;}

	

.megamenu > ul > li > a:hover{background-color:#000000 !important;}



.ad-style{ width:100% !important;}



.megamenu ul li.title{

	line-height:26px;

	color:#666666;

	margin:0px;

	font-size:15px;

	padding:7px 13px !important;

	border-bottom:1px solid #ccc;

	background-color:transparent !important;}



.halfdiv{ width:100%; display:block;}

.halfmenu{width:100%; display:block;}



.menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;}



.menu_form input[type="button"]{ width:46%; }

.menu_form input[type="submit"]{ width:46%; }	

.menu_form textarea{min-height:100px;}



.wsmenu {

	width:240px;

	left:-240px;

	height: 100%;

	position: fixed;

	top:82px;

	margin: 0;

	background-color: #007bcd;

	border-radius:0px;

	z-index:103;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	border:none !important; overflow: scroll;

	}



/*.wsoffcanvasopener .wsmenu {

	width:240px;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	}

 

.wsmenu.menuclose{

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	}*/

 



 

/* Navigation arrow Animation */

.animated-arrow{

	position:fixed;

	left:0; top:0; z-index:999999999999;

	-webkit-transition:all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	}

	

.callusicon{

	color: #c9c9c9;

    font-size: 25px;

    height: 25px;

    position: fixed;

    right: 15px;

    top: 13px;

    transition: all 0.4s ease-in-out 0s;

    width: 25px;

    z-index:102;

	-webkit-transition:all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	}	

	

.callusicon:focus, callusicon:hover {

    color: #fff !important;

}



.wsoffcanvasopener .callusicon{ display:none !important; }



.smallogo{

	width:100%;

	display:block;

	text-align:center;

	padding-top:9px;

	position:fixed;

	z-index:101;

	width:100%;

	height:52px;

	background: #262626;

}



/*.wsoffcanvasopener .animated-arrow{

	left:240px;

	}*/





.animated-arrow{

	cursor:pointer;

	padding: 12px 28px 15px 5px;

	/*margin:55px 0 0 5px;*/
	margin:43px 0 0 5px;

	background:none;

	}

	

.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {

	cursor: pointer;

	height:3px;

	width:23px;

	background: #000;

	position: absolute;

	display: block;

	content: '';}

	

.animated-arrow span:before{

	top: -7px;}

	

.animated-arrow span:after {

	bottom: -7px;}

	

.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{

	transition: all 500ms ease-in-out;}

	

/*.wsoffcanvasopener .animated-arrow span{

	background-color: transparent;}*/

	

/*.wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{

	top:7px;}*/

	

/*.wsoffcanvasopener .animated-arrow span:before {

	transform: rotate(45deg);

	-moz-transform:  rotate(45deg);

	-ms-transform:  rotate(45deg);

	-o-transform:  rotate(45deg);

	-webkit-transform:  rotate(45deg);

	bottom:0px;

	}

	

.wsoffcanvasopener .animated-arrow span:after {

	transform: rotate(-45deg);

	-moz-transform:  rotate(-45deg);

	-ms-transform:  rotate(-45deg);

	-o-transform:  rotate(-45deg);

	-webkit-transform:  rotate(-45deg);

	}*/





/*Animation None */



   .wsmenu-list > li > a:hover{ box-shadow: 0px 0px 0px 0px !important;

	

}

.wsmenu-list li:hover > a {box-shadow: 0px 0px 0px 0px !important;}





.wsmenu-list li > .wsmenu-submenu{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;box-shadow: 0px 0px 0px 0px !important;

	}

	

.wsmenu-list li:hover > .wsmenu-submenu{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	}



.wsmenu-submenu li > .wsmenu-submenu-sub{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	}

	

.wsmenu-submenu li:hover > .wsmenu-submenu-sub{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	opacity:1  !important;

	}



.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	opacity:1  !important;

	}

	

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	opacity:1  !important;

	}





.wsmenu-list li > .megamenu{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	opacity:1  !important;

	}

	

.wsmenu-list li:hover > .megamenu{

	transform:none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform:none !important;

	transform: none !important;

	-o-transform:none !important;

	-moz-transform: none !important;

	-webkit-transform: none !important;

	visibility:visible !important;

	opacity:1  !important;

	}

.customercare{height:auto}

.wsmenu-submenu li{width:100%;}	



}

@media only screen and (max-width:780px){
.wsmenu-list li a{padding-left:10px !important;}	
}