@charset "utf-8";
/* CSS Document */
/* @font-face {
	font-family:rockwell;
	src: url('../fonts/ROCK.eot');
	src: local('ROCK'), url('../fonts/ROCK.woff') format('woff'), url('../fonts/ROCK.ttf') format('truetype');
} */




@font-face {
  font-family: 'Muli-Bold';
  src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-Bold.woff') format('woff'), url('../fonts/Muli-Bold.ttf')  format('truetype'), url('../fonts/Muli-Bold.svg#Muli-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-ExtraBold';
  src: url('../fonts/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-ExtraBold.woff') format('woff'), url('../fonts/Muli-ExtraBold.ttf')  format('truetype'), url('../fonts/Muli-ExtraBold.svg#Muli-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-ExtraLight';
  src: url('../fonts/Muli-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-ExtraLight.woff') format('woff'), url('../fonts/Muli-ExtraLight.ttf')  format('truetype'), url('../fonts/Muli-ExtraLight.svg#Muli-ExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-Light';
  src: url('../fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-Light.woff') format('woff'), url('../fonts/Muli-Light.ttf')  format('truetype'), url('../fonts/Muli-Light.svg#Muli-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-SemiBold';
  src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-SemiBold.woff') format('woff'), url('../fonts/Muli-SemiBold.ttf')  format('truetype'), url('../fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: 'Muli-Regular';
  src: url('../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Muli-Regular.woff') format('woff'), url('../fonts/Muli-Regular.ttf')  format('truetype'), url('../fonts/Muli-Regular.svg#Muli-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

a, p, h1, h2, h3, h4, h5, h6, ul {margin:0; padding:0;}
a {text-decoration:none; outline:none !important;}
a:hover, a{text-decoration:none; outline:none !important;}
img {border:none; margin:0; padding:0;}
ul, li { margin:0; padding:0;}
*{outline: none;}
body
{
	 font-family: 'Muli-Regular';
	 font-weight: 400;
	 font-size:24px;
}

p
{
	color: #1C313A;
}

@media (min-width: 1230px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1699px) {
	.container {
		width: 1500px;
	}	
}


.list-inline
{
	margin-left: auto;
	line-height: initial;
}
/* Blck header start here */
.header1
{
	background-color: #1C313A;
    padding: 5px 0px 7px;
}
.hedrContUl
{
	margin-top: 5px;
}
.hedrContUl li:first-child  a i
{
	transform: rotate(90deg);
}
.hedrContUl li:last-child
{
	padding-left: 12px;
}
.hedrContUl li
{
	font-size: 18px;
}
.hedrContUl li a
{
	text-decoration: none;
	color: #ECEFF1;
}
.hedrContUl li a i 
{
	padding: 7px;
    border-radius: 50%;
    background: #ffffff;
    color: #1C313A;
    font-size: 15px;
}
/* Blck header end here */


/* Search bar css start here */

.search-form 
{
	    margin-top: 2px;
}
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #1C313A;
  margin: 0px;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
      height: auto;
    line-height: 20px;
	font-size: 18px;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 25px 25px 25px 25px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #1C313A;
  left: initial;
  font-size: 14px;
}

/* Search bar css start end */

.logo_sec img 
{
max-width: 175px;
}

.logo_sec {
    padding-top: 7px;
}




/* Menu css start here */
.header2
{
	float: left;
	width: 100%;
	padding: 0px 0px;
	position: relative;
	z-index: 999;
	background-color: #ffffff;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
}
.navbarFixed
{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.16);
}
.navbar
{
	min-height: 0px;
    margin-bottom: 0px;
	border: 0px solid transparent;
}
.my_nav
{
	padding-top: 0px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    padding: 15px 0px;
    font-size: 16px;
	color: #333333;
    text-transform: capitalize;
    font-weight: 500;
	line-height: 29px;
	cursor: pointer;
	font-family: 'Muli-SemiBold';
}
.navbar-default .navbar-nav > li + li 
{
	padding-left: 40px;
}
.my_nav .container-fluid
{
	padding-right: 0px;
    padding-left: 0px;
}
.nav > li > a:before 
{
	content: "";
	position: absolute;
	left: 0%;
	bottom: 0;
	height: 2px;
	z-index: -1;
	left: 0;
	right: 100%;	
	background: transparent;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFB300;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a:before, .navbar-default .navbar-nav > .active > a:hover:before, .navbar-default .navbar-nav > .active > a:focus:before 
{
    right: 0;
    background: #FFB300 ;
    z-index: 9;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFB300;
    background-color: transparent;
}
/* .navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before
{
	right: 0;
    background: #FFB300;
    z-index: 9;
} */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #FFB300;
    background-color: transparent;
}
.FTM{display: none;}
.FTD{display: block;}

.dropdown-menu
{
	left: 18px !important;
    right: auto !important;
    padding: 4px;
    border: 0px;
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
}
.dropdown-menu .divider
{
	background-color: #d2f1ff;
}
.dropdown-menu > li > a
{
    color: #000000;
    padding: 9px 10px;
font-family: 'Muli-Bold';
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
	color: #ffffff;
    text-decoration: none;
    background-color: #FFB300;
}
li.dropdown > a i {
    font-size: 10px;
}
/* .cssarrow {
	position: relative;
	background: #88b7d5;
} */

.dropdown-menu:after,
.dropdown-menu:before {
	bottom: 100%;
	left: 12px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.dropdown-menu:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 11px;
	margin-left: 0px;
}
.dropdown-menu:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #f1f1f1;
	border-width: 13px;
	margin-left: -2px;
}
.signUpBTN a
{
	
}
.nav > li.signUpBTN 
{
    padding-top: 14px;
}
.nav > li.signUpBTN > a
{
    padding: 1px 16px;
    background: #FFB300 !important;
    border-radius: 29px;
}
.nav > li.signUpBTN > a:hover, .nav > li.signUpBTN > a:focus
{
	color: #333333;
	background: #FFB300;
}
.nav > li.signUpBTN > a:before
{
	height: 0px;
}

.nav > li.signUpBTN > a i 
{
	font-size: 13px;
    padding-right: 2px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{	
    background-color: #FFB300;
}

@media (min-width: 768px)
{
	.dropdown-menu
	{
		top: 500%;
		display: block;
		opacity: 0;
		transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	}

	.dropdown:hover .dropdown-menu
	{
		display: block;
		top: 100%;
		opacity: 1;
	}
	.dropdown:hover
	{
		overflow: visible;
	}
	.dropdown
	{
		overflow: hidden;
	}
	.hedrContUl li a i {
		padding: 5px;
		font-size: 13px;
	}
}

.forgotpas, a.forgotpas
{
    text-decoration: none;
    color: #1533F8;
    border-bottom: 1px solid;
}

/* Menu css end here */


/* Banner start here */

.crslTxt
{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.carousel-control.right
{
	text-align: left;
}
.carousel-control.right, .carousel-control.left
{
	 background: transparent;
    opacity: 1;
}
.carousel-control .glyphicon
{
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.carousel-control
{
  
	    width: 50px;
}
.crslTxtinner h3 
{
	color: #FFFFFF;
	font-size: 32px;
	    line-height: 42px;
	font-family: 'Muli-Bold';
}
.crslTxtinner p
{
	color: #FFFFFF;
	font-size: 23px;
	font-family: 'Muli-Bold';
}
.carousel-indicators li
{
	border: 0px ;
	background-color: rgba(255, 255, 255, .6);
}
.carousel-indicators .active
{
	width: 10px;
    height: 10px;
    margin: 1px;
    background-color: #FFBB00;
}
.carousel-indicators
{
	bottom: 30px;
}
.sldBtn
{
	margin-top: 15px;
}
.myBanner
{
	position: relative;
    z-index: 99;
}
/* Banner end here */

/* Door start */
.doorSecmain .col-xs-12
{
	position: relative;
	min-height: 110px;
}
.cmnDoor
{
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	top: auto;
	overflow: hidden;	
	padding-bottom: 22px;
	z-index: 9;
}
.cmnDoor h5
{
	color: #00427A;
	font-size: 26px;
	line-height: 32px;
	padding-top: 15px;
	padding-bottom: 20px;
}
.cmnDoor p 
{
	/* position: absolute;
	left: 0;
	right: 0;
	bottom: -35px; */
	margin-bottom: -60px;
}
.cmnDoor img
{
	opacity: 0;
	width: 65px;
	bottom: -120px;
	position: relative;
}
.cmnDoor:hover 
{
	padding-top: 15px;
	/* z-index: 999; */
	z-index: 500;
	background-color: #ffb300;
}
/* .cmnDoor:hover   img
{
	width: 65px;
    padding: 0px;
} */
.cmnDoor:hover  p
{
	margin-bottom: 0px;
	opacity: 1;
}
.cmnDoor:hover   img
{
	opacity: 1;
	bottom: 0;
}
/* Door end */


/* deal your bussiness start */
.idealbussnsSec
{
	background-image: url(../images/bluBg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
.bussnesCard 
{
	position: relative;
	padding-left: 120px;
	min-height: 90px;
    margin-bottom: 30px;
}
.bussnesCard:last-child
{
	margin-bottom: 0px;
}
.bussnesCard h4 
{
	font-size: 32px;
	color: #FFB300;
	margin-bottom: 5px;
	font-family: 'Muli-Bold';
}
.bussnesCard p
{
	color: #DBDBDB;
}
.bussIcon
{
	position: absolute;
	left: 0;
	top:0;
	width: 80px;
} 
/* deal your bussiness end */

/* Digital experience start */

.digiSecInnr
{
	position: relative;
}
.numberHdg
{
	font-family: 'Muli-Bold';
    color: rgba(213, 213, 213, .2) !important;
    font-size: 27.03vmin;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
}
/* .digiSecInnr p
{
	color: #455A64;
} */
.digiSecInnrImg > div:nth-child(2) {
    width: 35%;
}
.digiSecInnrImg > div {
    width: 32%;
    float: left;
}
.digiSecInnrImg img, .img2
{
	box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, .3);
}
.img1, .img3
{
	position: relative;
	z-index: 99;
}
.img1
{
	margin-right: -2px;
}
.img3
{
	margin-left: -2px;
}
.img2 {
    border-width: 25px 8px 30px;
    border-color: #000000;
    border-style: solid;
    border-radius: 12px;
}
.img2.tempScrol img 
{
	top: -38px;
}
.img2.tempScrol
{
	padding-bottom: 51%;
}
.img2.tempScrol:hover img
{
	    margin-top: 180%;
}
.digiSecInnrImg2
{
    background-image: url(../images/monitor.png);
    padding: 14px 17px 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;	
}
.digiSecInnrImg2 .tempScroldesk .tempScrol
{
	padding-bottom: 55%;
}
.digiSecInnrImg2 .tempScroldesk
{
	position: absolute;
	left: 30px;
    right: 30px;
    top: 51px;
    bottom: 0px;
}
/* Digital experience end */

/* drive business start here */
.driveBussnSec
{
	background: linear-gradient( rgba(0, 66, 122, 0.45), rgba(0, 66, 122, 0.45) ), url(../images/digiexp.png);
	background: -ms-linear-gradient( rgba(0, 66, 122, 0.45), rgba(0, 66, 122, 0.45) ), url(../images/digiexp.png);
	background: -moz-linear-gradient( rgba(0, 66, 122, 0.45), rgba(0, 66, 122, 0.45) ), url(../images/digiexp.png);
	background: -webkit-linear-gradient( rgba(0, 66, 122, 0.45), rgba(0, 66, 122, 0.45) ), url(../images/digiexp.png);
	background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.servicesldRow
{
	
}
.ourSercont
{
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 0px 8px 3px rgba(0, 61, 166, 0.29);	
	-moz-box-shadow: 0px 0px 8px 3px rgba(0, 61, 166, 0.29);	
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 61, 166, 0.29);	
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
}
.ourSercontInnr
{
	 border-radius: 8px;
    padding: 20px 15px;
    min-height: 380px;
	position: relative;
}
/* .ourSercontInnr
{
	background: url(../images/light-bulb.svg);
    background-repeat: no-repeat;
    background-size: 36%;
    border-radius: 8px;
    padding: 20px 15px;
    min-height: 300px;
	position: relative;
    background-position: center 30px;
} */
.visiblehdn
{
	visibility: hidden;
	margin-bottom: 25px;
}
.ourSercont:hover .ourSercontInnr2  img.visiblehdn
{
	display: none;
}

.ourSercont:hover 
{
	/* background-color: #004880; */
	background-image: linear-gradient(to top right, #004880, #027db0);
	background-image: -ms-linear-gradient(to top right, #004880, #027db0);
	background-image: -moz-linear-gradient(to top right, #004880, #027db0);
	background-image: -webkit-linear-gradient(to top right, #004880, #027db0);
	text-align: left;
}
/* .ourSercont:hover .ourSercontInnr
{
	 background-size: contain;
    background-position: 127px 0px;	
} */
.ourSercont img.overlap
{
	/* padding-bottom: 30px;
	max-width: 90px;	
	visibility: hidden; */
	position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.ourSercont:hover   img.overlap
{
	/* display: none; */
	
    opacity: .4;
    width: 394px;
    left: 100%;
    top: 0px;
	max-width: 100%;
    max-height: inherit;
}
.ourSercont h4 
{
	font-size: 28px;
	color: #00427A;
	line-height: 35px;
	font-family: 'Muli-Bold';
	position: absolute;
    left: 0;
    right: 0;
    bottom: 53px;
}
.ourSercont:hover h4 
{
	color: #ffffff;
	position: relative;
	top: 0;
    z-index: 999;
}
.ourSercont p
{
	color: #FFFFFF;
	display: none;
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	height: 245px;
    overflow: hidden;
}
.ourSercont .readAll
{
	display: none;
	font-size: 18px;
	position: absolute;
    left: 15px;
    right: 15px;
	bottom: 15px;
}
.ourSercont:hover .ourSercontInnr2  p, .ourSercont:hover .ourSercontInnr2  .readAll
{
	display: block;
}
.customNavigation{
  text-align: left;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #FFB300;
  font-size: 20px;
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.customNavigation a:first-child i
{
	padding-right: 3px;
}
.customNavigation a:nth-child(2) i
{
	padding-left: 3px;
}
.customNavigation a:first-child:before
{
	content: "";
	position: absolute;
	right: -1px;
	width: 1px;
	height: 8px;
	top: 18px;
	background-color: #ffffff;
}
.customNavigation a i
{
	font-size: 13px;
    top: -2px;
    position: relative;
}
.customNavigation a:hover , .customNavigation a:focus
{
	 color: #FFB300;
	  box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#serviceSlide.owl-theme .owl-controls
{
	display: none !important;
}
/* drive business end here */

/* Wealth Management start */
.platformCon h4 
{
    font-size: 28px;
    line-height: 27px;
}
.platformCon 
{
	position: relative;
	padding-left: 70px;
    min-height: 247px;
    padding-bottom: 10px;
}
.platformCon.text-right 
{
	padding-right: 70px;
    padding-left: 0px;
}
.platformIcon
{
    position: absolute;
    left: -12px;
    top: 30px;
    background: #FFB300;
    padding: 12px;
    width: 63px;
    border-radius: 50%;
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.22);
}
.platformCon.text-right .platformIcon
{
	right: -12px;
	left: auto;
}
.infographi1
{
	padding-top: 55px;
}
.platformIcon img {
    height: 40px;
    width: auto;
}
/* Wealth Management end */


/* eCR Cutomer portal  start */

.ecrportalCont
{
	border: 1px solid #00427A;
	border-radius: 8px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	min-height: 293px;
	padding: 15px;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
}
.ecrportalIcon 
{
    min-height: 105px;
    margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.ecrportalIcon  img 
{
	max-height: 100px;
	margin: 0px auto;
	transition: all .5s ease;
}
.ecrportalCont:hover
{
	background-color: #00427A;
}
.ecrportalIcon img.hoverImg {
    position: absolute;
    top: 100%;
    left: 49.99%;
	opacity: 0;
    transform: translateX(-50%);
}
.ecrportalCont:hover  img.hoverImg
{
	opacity: 1;
	top: 0%;
}
.ecrportalCont.normalImg
{
	opacity: 1;
}
.ecrportalCont:hover  img.normalImg
{
	margin-top: -100px;
}
.ecrportalCont  p 
{
	color: #2B353A;
}
.ecrportalCont:hover  p 
{
	color: #ffffff;
}




/* eCR Cutomer portal  end */



/* What Client Say start */

.testimonialSec {
    background: url(../images/testimonial-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.testimonialCont
{
	padding-top: 30px;
}
.testi_Img
{
	background-color: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    margin-right: 100px;
    text-align: center;
}
.testi_Img img 
{
	margin-bottom: 15px;
}
.testi_Img h4 
{
	color: #1c313a;
	padding-bottom: 6px;
	font-family: 'Muli-SemiBold';
}
.testi_Img h5
{
	color: #1c313a;
	font-size: 18px;
	font-family: 'Muli-Light';
}
.testi_Cont p 
{
	color: #ffffff;
	font-size: 26px;
}
/* What Client Say end */

/* client logo start here */


#clientLogoId.owl-theme .owl-controls
{
	display: none !important;
}

/* client logo start end */


/* about page css start here */
.abotCont1
{
	
}
.abotCont1 img
{
	max-width: 200px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.abotCont1  p 
{
    max-width: 1170px;
    margin: 0px auto;
	line-height: 41px;
}
.logoCombo 
{
	color: #00427A;
	font-family: 'Muli-Bold';
}
.logoCombo font 
{
	color: #fdb813;
}
.pioneersMainSec
{

	background: linear-gradient( 180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) ), url(../images/aboutBg.png);
	background: -moz-linear-gradient( 180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) ), url(../images/aboutBg.png);
	background: -ms-linear-gradient( 180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) ), url(../images/aboutBg.png);
	background: -webkit-linear-gradient( 180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) ), url(../images/aboutBg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center 100px;
}
.pioneerCont
{
	margin-top: 30px;
}
.pioneerCont .pioIcon 
{
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #ECEFF1;
	margin-bottom: 15px;
	display: inline-block;
}
.pioneerCont img 
{
	max-width: 55px;
}
.pioneerCont p 
{
	color: #FFFFFF;
}
.bfsiCont
{
	position: relative;
	padding: 46px 50px;
	background-color:#FFFFFF;
	border-radius: 15px;
	    margin-top: 95px;
	box-shadow: 0px 0px 37px 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 37px 16px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 37px 16px rgba(0, 0, 0, 0.1);
}
.bfsiIcon 
{
	position: absolute;
	left: 50%;
	top: -45px;
	width: 90px;
	padding: 15px;
	background-color: #00427A;
	border-radius: 50%;
	transform: translateX(-50%);
}
.bfsiIcon img 
{
	padding: 5px;
}
.bfsiCont p 
{
	padding: 20px 0px;
    border-bottom: 1px solid rgba(112, 112, 112, .18);
}
.bfsiCont p:last-child
{
	border-bottom: 0px;
	padding-bottom: 0px;
}
/* about page css end here */



/* features page css start here */
.featureMainSec
{
	background-color: #F0F3F4;
}
.FeatureTab {
    width: 100%;
    text-align: center;
}
.FeatureTab li {
    float: left;
    width: 20%;
}
.FeatureTab li a {
    background: rgba(69, 90, 100, 0.1);
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    margin: 0px -2px;
    color: #00427A;
	font-size: 26px;
    border-radius: 0px;
    font-family: 'Muli-Bold';
    text-align: left;
	min-height: 96px;
    border-color: #EED #eee #ddd;
}
.FeatureTab li.active a {
    background: #FFB300 !important;
    position: relative;
    color: #fff !important;
}
/* .nav > li > a:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 2px;
    z-index: -1;
    left: 0;
    right: 100%;
    background: transparent;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
} */
.FeatureTab li + li {
    border-left: 1px solid #ffffff;
}
.featureMainSec .nav-tabs > li > a
{
	border-bottom-color: #ffffff;

}
.FeatureTab li.active a:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 12px solid #FFB300;
    bottom: -12px;
    position: absolute;
    left: 50%;
    margin-left: -6px;
}
.FeatureTab .tab-content {
    width: 100%;
    margin: 0px;
    background: rgba(69, 90, 100, 0.1);
    padding: 0px 10px 30px 10px;
}
.tab-content > .active {
    display: block;
}
.Since1990_Blocks.Bor_Rad8px {
    border-radius: 8px;
}
.Since1990_Blocks {
    box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 1px rgb(0, 0, 0, 0.2);
    padding: 15px 15px 45px;
    border-radius: 16px;
    height: auto;
    overflow: hidden;
    background: #fff;
    position: relative;
	margin-top: 30px;
    /* cursor: pointer; */
}
.Tab_Content_Info {
    position: relative;
    text-align: left;
    color: #262626;
   /*  height: 80px;
    overflow: hidden; */
    margin-top: 15px;
    margin-bottom: 15px;
	
}
.Feat_Tab_Content_Close {
    position: absolute;
    right: 10px;
    border-radius: 100%;
    top: 10px;
    height: 35px;
    -webkit-text-stroke: 2px #FFB300;
    width: 35px;
    background: #FFB300;
    color: #fff;
    text-align: center;
    font-size: 24px;
    display: none;
    cursor: pointer;
	z-index: 99;	
}
.FMT {
    display: none;
}

.tabHdg.themeHdgMain
{
	font-size: 26px;
	padding-bottom: 10px;	
}
.tabHdg.themeHdgMain:before
{
    height: 2px;
}
.learn-more button
{
	border: 0px;
	background: transparent;
	color: #00427A;
	font-size: 16px;
	font-family: 'Muli-SemiBold';
}

.ftrHdg
{
	font-size: 32px;
    font-family: 'Muli-Regular' !important;
}
.featureCont1
{
	margin-top: 50px;
}
.tabOverflowHide
{
	height: 149px;
	overflow: hidden;
}
.expandparent .tabOverflowHide 
{
	height: auto;
}
.Since1990_Blocks .learn-more
{
	position: absolute;
    bottom: 15px;
    right: 15px;
}
.pricingSec
{
	background-image: url(../images/Intersection.png);
	background-position: 109% center;
	background-size: contain;
	background-repeat: no-repeat;
}
.pricingSec p
{
	color: #1C313A;
	font-size: 26px;
	margin-bottom: 40px;
	font-family: 'Muli-SemiBold';
}
/* features page css end here */



/* Service page css start  */
.innerBand
{
	background-image: url(../images/innerpageBGBlue.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.innerBand h2 
{
	color: #ffffff;
	font-size: 42px;
	padding: 30px 0px;
}
.serBenfitSec .owl-carousel .owl-wrapper {
  display: flex !important;
}
.serBenfitSec .owl-carousel .owl-item {
  display: flex;
}
.ylwCard
{
	height: 88%;
}
.serBenfitSec
{
	position: relative;
}
.prevBenft img , .nextBenft img
{
	
}
.serBenfitSec .owl-theme .owl-controls
{
	display: none !important;
}
.prevBenft, .nextBenft
{
	position: absolute;
	top: 50%;
	width: 50px;
	cursor: pointer;
	transform: translateY(-50%);
}
.prevBenft
{
	left: 0px;
}
.nextBenft
{
	right: 0px;
}
/* Service page css end  */


/* Resource page css start here */
.misnryCard
{
	padding: 0px;
	margin: 10px;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
}
.misnryCard img 
{
	border-radius: 8px 8px 0px 0px;
}
.misnryCardFtr
{
	padding: 15px;
}
.halfpRes
{
    height: 50px;
    overflow: hidden;
}
.misnryCardFtr a 
{
	text-decoration: none;
	color: #00427A;
	font-size: 20px;
	display: inline-block;
	padding-top: 15px;
	font-family: 'Muli-Bold';
}
.resourcepadTop
{
	margin-bottom: 60px;
}
.resourceSec .item img
{
	margin: 0px auto;
}

.masonry { /* Masonry container */
    -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  /*  margin: 1.5em; */
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    /* font-size: .85em; */
}

.msnryGallry 
{
	 display: inline-block;
	 width: 100%;
}
.msnryGallry img{max-width:100%;}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

/* Resource page css end here */


/* Pricing page css start here */
.paymentMainSec
{
	background-color: rgba(69, 90, 100, 0.1);
}
.paySwitchSec h4  
{
	color: #000000;
	font-size: 36px;
	 font-family: 'Muli-Bold';
	 padding-bottom: 20px;
}
.payTypSec h6
{
	color: #00427A;
	font-size: 24px;
	 font-family: 'Muli-Bold';
	 padding-bottom: 20px;
	 padding-top: 30px;
}
.priceCard
{
	text-align: center;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
}
.priceCard h4 
{
	font-size: 30px;
	color: #ffffff;
	border-radius: 8px 8px 0px 0px;
	 font-family: 'Muli-Bold';
	 padding: 10px;
}

.cardBronz
{
	background-color: #BB6609;
}
.cardSilvr
{
	background-color: #ABABAB;
}
.cardGold
{
	background-color: #E29A07;
}
.cardPlatinum
{
	background-color: #CECECE;
}
.priceCardBdy
{
	padding: 15px;
	max-height: 400px;
    overflow: hidden;
	border-radius: 0px 0px 8px 8px;
}

.priceCardBdy p 
{
	margin-bottom: 25px;
	font-size: 18px;
}
.priceCardBdy img 
{
	max-width: 150px;
	transition: all .4s ease;
}
.priceCard:hover .priceCardBdy img 
{
	max-width: 65px;
}
.priceCardBdy h3 
{
	color: #00427A;
	margin: 20px 0px;
	font-size: 34px;
	font-family: 'Muli-Bold';
}
.priceCardBdy h3  small 
{
	color: #00427A;
	 font-family: 'Muli-Regular';
}
.priceCardBdy p span 
{
	display: block;
}
.priceBtnSec a 
{
	display: inline-block;
}
.shadowBox 
{
	padding: 15px 30px;
	border-radius: 8px;
	box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
}
.shadowBox li 
{
	padding-bottom: 10px;
	
}
.shadowBox li + li 
{
	padding-top: 10px;
	border-top: 1px solid rgba(28, 49, 58, .1); 
}
.shadowBox li:last-child
{
	padding-bottom: 0px;
}
.smInnrHdg 
{
	font-size: 26px;
	color: #00427A;
	margin-bottom: 20px;
	font-family: 'Muli-Bold';
}
.modulSec h5 
{
	padding-left: 30px;
}
.modulContSec
{
	padding-top: 60px;
}
/* Table css start here */
.mudulTable 
{
	width: 100%;
}
.tblRow_th th {
    color: #00427A;
    font-size: 20px;
}
.mudulTable tr td.tblData, .mudulTable tr th
{
    padding: 10px 15px;
    border-collapse: collapse;
}
.mudulTable tr th
{
	 padding: 15px 15px;
}

tr.tblRow_td {
	position: relative;
    border-radius: 8px;
	box-shadow: 6px 0 12px -4px rgba(0, 0, 0, 0.16), -6px 0 8px -3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 6px 0 12px -4px rgba(0, 0, 0, 0.16), -6px 0 8px -3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 6px 0 12px -4px rgba(0, 0, 0, 0.16), -6px 0 8px -3px rgba(0, 0, 0, 0.16);
}

.mudulTable tr td.tblData:first-child
{
	border-right: 1px solid rgba(28, 49, 58, .2);
	   min-width: 100px;
	       border-radius: 8px 0px 0px 8px;
}

.mudulTable table 
{
	width: 100%;
}
.mudulTable tr td.tblData, .mudulTable tr th, .mudulTable
{
	border-collapse: separate;
}
.mudulTable tr td.tblData:nth-child(2)
{
	    min-width:300px;
}
.mudulTable tr td.tblData:nth-child(3)
{
	    min-width: 150px;
}
.mudulTable tr.tblRow_td.trdisabled
{
	background-color: #ECEEEF;
}
.mudulTable tr td.tblData:last-child
{
	border-left: 1px solid rgba(28, 49, 58, .2);
	min-width: 160px;
	border-radius: 0px 8px 8px 0px;
}
.tblData table tr td 
{
	padding: 5px 0px;
}
.tblRow_td .tblData 
{
	border-bottom: 2px solid #dfdfdf;
}
.tblRow_td:last-child .tblData 
{
	border-bottom: 0px;
}
/* Pricing page css end here */

/* Slect Plan page css start here */
.selectPlanlgSec .priceCard.active  .priceCardBdy h3, .selectPlanlgSec .priceCard.active  .priceCardBdy h3 small
{
	color: #ffffff;
}
.selectPlanlgSec .priceCard.active  .priceCardBdy
{
	background-color: #00427A;
}
.selectPlanlgSec .priceCard.active  .priceCardBdy p
{
	color: rgba(255, 255, 255, 0.6);
}
.selectPlanlgSec .priceCardBdy img
{
	max-width: 80px;
}
.selectPlanlgSec .priceCard:hover .priceCardBdy img
{
	max-width: 80px;
}

.table-responsive .checkmark
{
	border-color: #D5D5D5;
}
.table-responsive  .checkbox, .selectPlanlgSec .radio
{
    margin-left: auto;
    margin-right: auto;
    width: 20px;
}
.addModul .mudulTable tr td.tblData:first-child
{
	    min-width: 55px;
}
.tdSelect select {
    width: 70px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.invoiceDetailsSec
{
	padding: 0px;
	background-color: #F6F6F6;
	border-radius: 8px;
	box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
}
.invoiceTable 
{
	width: 100%;
}
.invoiceTable thead tr th 
{
	color: #ffffff;
	width: 100%;
	font-weight: normal;
	font-family: 'Muli-Bold';
	background-color: #00427A;
}

.invoiceTable tr 
{
	padding: 0px 8px;
	
}

.invoiceTable tbody tr td  
{
	font-weight: normal;
	color: #455A64;
}
.invoiceTable tbody tr, .invoiceTable tfoot tr
{
	position: relative;
}
.invoiceTable tbody tr:before, .invoiceTable tfoot tr:before
{
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	height: 1px;
	background-color: rgba(28, 49, 58, .21);
}
.invoiceTable tbody tr:before
{	
	bottom: 0;
}
.invoiceTable tfoot tr:before
{
	top: 0;
}
.invoiceTable tbody tr:last-child:before
{
	height: 0px;
}
.invoiceTable tfoot tr td 
{
	color: #1C313A;
	font-weight: normal;
	font-family: 'Muli-Bold';
}

.invoiceTable tr td, .invoiceTable tr th
{
	padding: 10px;
} 
.invoiceTable tbody, .invoiceTable tfoot, .invoiceTable tr, .invoiceTable thead,  .invoiceTable td, .invoiceTable th
{
	display: block;
	float: left;
}
.invoiceTable tbody, .invoiceTable tfoot, .invoiceTable tr, .invoiceTable thead, .invoiceTable th
{
	width: 100%;
}
.invoiceTable tr td:first-child
{
	width: 65%;
}
.invoiceTable tr td:last-child
{
	width: 35%;
}
.invoiceTable tr.invoiceNetAmt
{
    padding: 0px 0px;
    background: #00427A;
    border-radius: 0px 0px 8px 8px;
}
.invoiceTable tr.invoiceNetAmt td 
{
	color: #ffffff;
	font-size: 27px;
}
/* .invoiceTable tr
{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
} */
tfoot.hideme
{
	display: none;
}
.invoiceTable tfoot tr td i, .invoiceTable tbody tr td i {
	font-size: 21px;
}

.invoiceTable tr.invoiceNetAmt td i
{
	font-size: 24px;
}
/* Slect Plan page css end here */

/* Contact page css start here */
.contMainSec .themeHdgMain
{
  font-family: 'Muli-Regular' !important;
      padding-bottom: 10px !important;
}
.mapBox
{
	padding: 10px;
	box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, 0.08);
}
.scanSec
{
	margin-top: 30px;
}
.scanSec p 
{
	padding-bottom: 10px;
}
.addressSec p 
{
	margin-bottom: 30px;
}
.addressSec a 
{
	text-decoration: none;
	color: #0076EC;
}
.demoTag
{
	margin-top: 30px;
}
.radioBtn
{
	margin-top: 10px;
}
.demoTag p, .demoTag ul li label, .scanSec p 
{
	font-size: 20px;
}
.demoTag ul{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

.demoTag ul li{
    color: #AAAAAA;
    display: inline-block;
    position: relative;
    float: none;
	text-align: left;
    padding: 4px 10px;
    background: #ECEFF1;
    border-radius: 22px;
	
}
.demoTag ul li + li 
{
	margin-left: 10px;
}
.demoTag ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.demoTag ul li label{
    display: block;
    position: relative;
    font-weight: 300;
    padding: 4px 10px 4px 35px;
    margin: 0px auto;
    height: auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

/* .demoTag ul li:hover label{
	color: #FFFFFF;
} */

.demoTag ul li .check{
    display: block;
    position: absolute;
    border: 2px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 10px;
    left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

/* .demoTag ul li:hover .check {
  border: 5px solid #FFFFFF;
} */

.demoTag ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
   height: 13px;
    width: 13px;
    top: 4px;
    left: 4px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.demoTag input[type=radio]:checked ~ .check {
  border: 2px solid #21C4A3;
}

.demoTag input[type=radio]:checked ~ .check::before{
  background: #21C4A3;
}

.demoTag input[type=radio]:checked ~ label{
  color: #21C4A3;
}


/* Contact page css end here */

/* FAQ's page css start here */
.accordinStyl 
{
	
}
.accordinStyl .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.16);
    border: 0px;
    padding: 0px 15px;
}
.accordinStyl .panel-default > .panel-heading
{
	
    background-color: transparent;
    border-color: #DCDCDC;
   padding: 0px;
	
}

.accordinStyl .panel-default > .panel-heading a 
{
	display: block;
	 padding: 15px 20px 15px 0px;
	 position: relative;
	 text-decoration: none;
	     font-size: 28px;
		 font-family: 'Muli-SemiBold';
		 color: #FFB300;
}

.accordinStyl .panel-default > .panel-heading a[aria-expanded="false"]
{
	
	color: #00427A;
}
.accordinStyl .panel-default > .panel-heading a[aria-expanded="false"] .accrIcn
{
	transform: rotate(180deg);
}
.accordinStyl .panel-body
{
	padding:15px 0px 15px 0px;
}
.accordinStyl .accrIcn
{
	position: absolute;
	right: 0;
	top: 15px;
	transition: all .4s ease;
}
/* FAQ's page css end here */




/* footer start */

.footerSecMain1
{
	padding-top: 46px;
	padding-bottom: 46px;
	background-color: #1C313A;
}
.footerTtl
{
	position: relative;
}
.footerTtl:before
{
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 60%;
	background-color: #718792;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.footerTtl img 
{
    background-color: #1C313A;
    position: relative;
    z-index: 9;
    max-width: 200px;
    padding-right: 15px;
}
.footerSec1
{
	margin-bottom: 30px;
}
.ftrPara
{
	color: #FFFFFF;
	font-size: 23px;
	font-family: 'Muli-ExtraLight';
}
.footerSecinnr1, .footerSecinnr2
{
	padding-bottom: 42px;
}

.ftrUl1
{
	float: left;
	width: 33.33%;
}
.ftrUl1 li 
{
	display: block;
	padding-bottom: 3px;
	padding-right: 5px;
}
.ftrUl1 li.active a 
{
	color: #FFB300;
}
.ftrUl1 li a 
{
	color: #FFFFFF;
	font-size: 19px;
}
.socialHdg
{
	color: #ffffff;
	padding-bottom: 20px;
}
.footerSecinnr3 img 
{
	max-width: 50%;
	float: left;
	padding-right: 10px;
}
.footerSecinnr3 img + img 
{
	padding-right: 0px;
	padding-left: 10px;
}

.footerSecMain2
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #111D23;
}

.footerSecMain2 p 
{
	color: rgba(254, 254, 254, .6);
	font-family: 'Muli-Light';
	font-size: 20px;
}
.footerSecinnr4 .themeHdgMain
{
    margin-bottom: 40px;
    font-size: 26px;
    padding-bottom: 10px;
}
.footerSecinnr4
{
	background-color: #455A64;
	border-radius: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ftrForm  .FormCss .form-control
{
	color: #ECEFF1;
}
.ftrForm  .FormCss .form-control.CalendarTyp
{
	text-transform: lowercase;
}
.ftrForm  .FormCss .form-control::-webkit-input-placeholder
{
	color:#ECEFF1;
}
.ftrForm  .FormCss .form-control::-moz-input-placeholder
{
	color:#ECEFF1;
}
.ftrForm  .FormCss .form-control:-ms-input-placeholder
{
	/* font-size: 18px; */
	color:#ECEFF1;
}
.ftrForm .FormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .ftrForm .FormCss select.form-control ~ label.LblPlce.actv, .ftrForm .FormCss input[type="date"].form-control ~ label.LblPlce
{
	    color: #ECEFF1;
}
.ftrForm .FormCss .form-control:focus ~ label.LblPlce {
	color: #24C4A3;
}
/* footer end */



#serBenfitSlide
{
	margin-top: 20px;
}

/* common css start here */
.ulPoint, .blackUl
{
	margin-bottom: 15px;
}
.ulPoint li 
{
    background-image: url(../images/checked-bullet.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 7px;
    padding-left: 27px;
    padding-bottom: 11px;
}
.blackUl li
{
	color: #000000;
	 background-image: url(../images/bullets.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 7px;
    padding-left: 27px;
    padding-bottom: 11px;
}
.ylwCard
{
	padding: 15px;
	background-color: #FFB300;
	margin: 15px;
	border-radius: 8px;
	box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.16);
}
.ylwCard h4 
{
	color: #000000;
	font-size: 30px;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
	text-align: left;
	 font-family: 'Muli-Bold';
}
.ylwCard h4:before
{
	content:"";
	position: absolute;
	left: 0px;
	bottom: 0;
	height: 2px;
	width: 70px;
	border-radius: 4px;
	background-color: #ffffff;
}
.normalHdg 
{
	color: #00427A;
}

.pointHdg
{
	color: #1C313A;
}
.pointHdg, .normalHdg
{
	font-size: 32px;
	font-family: 'Muli-Bold';
	padding-bottom: 10px;
}
.posRel 
{
	position: relative;
}
.grayBG
{
	background-color: #ECEFF1;
}
.clrWhit
{
	color: #ffffff !important;
}
.themeClr
{
	color: #FFB300;
}
a.readAll, .readAll
{
	text-decoration: none;
	display: block;
	color: #ffb300;
}
.readAll i 
{
	/* float: right; */
	padding-left: 10px;
}
.hidecont
{
	visibility: hidden;
}
.contHdg
{
	color: #00427A;
	padding-bottom: 18px;
}

.callAction
{
	position: fixed;
	right: 15px;
	bottom: 100px;
	width: 50px;
	z-index: 99;
}
.callAction a 
{
	display: block;
	padding: 8px;
	border-radius: 50%;
	background-color: #FFB300;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
}
.heightetc
{
	height: 400px;
}

.flexRow
{
	/* height: -webkit-fill-available;
	    justify-content: center; */
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.cmmnSec
{
	padding-top: 60px;
	padding-bottom: 60px;
}
.contHdg,.themeHdgMain
{
	
	font-size: 36px;
	font-family: 'Muli-Bold';
}

.themeHdgMain
{
	color:#1C313A;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
	text-align: center;
	    line-height: 45px;
	text-transform: capitalize;
}
.themeHdgMain span
{
	font-size: 20px;
	font-family: 'Muli-Regular';
}
.themeHdgMain:before
{
	content:"";
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 4px;
	width: 100px;
	border-radius: 4px;
	background-color: #FFB300;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.themeHdgMain.text-left:before
{
	left: 0;
	transform: translateX(0%);
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
}
.themeHdgMain.text-left
{
	text-align: left;
}

/* effect on hover img scroll start */
.tempScrol {
    position: relative;
    overflow: hidden;
    display: block;
    padding-bottom: 51%;
    text-decoration: underline;
    -webkit-text-decoration-skip: objects;
    transition: .3s box-shadow ease-in-out;
    -moz-transition: .3s box-shadow ease-in-out;
    -webkit-transition: .3s box-shadow ease-in-out;
}
.tempScrol img {
	border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: 6s all linear;
    -moz-transition: 6s all linear;
    -webkit-transition: 6s all linear;
    display: inline-block;
    will-change: transform;
}
.tempScrol:hover {
    outline-width: 0;
}
.tempScrol:hover img {
    margin-top: 51%;
    transition: 6s all linear;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.tempScrol:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 9;
	opacity: 1;
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	background-image: url(../images/pointer.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75px;
}
.tempScrol:hover:before {
    opacity: 0;
}
/* effect common */
.transitioneffct
{
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}


/* button css start here */
a.themeBTN
{
	text-decoration: none;
    color: #000000;
}
a.themeBTN_Opo
{
	text-decoration: none;
    color: #FFB300;
}
.themeBTN, .themeBTN_Opo
{
	color: #000000;
	font-size: 22px;
	padding: 10px 30px;
	border-radius: 37px;
	border: 1px solid #FFB300;
	font-family: 'Muli-Bold';
	background-color: #FFB300;
	margin-bottom: 15px;
	text-align: center;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	box-shadow: 0px 6px 23px 4px rgba(251, 192, 45, 0.4);
	-moz-box-shadow: 0px 6px 23px 4px rgba(251, 192, 45, 0.4);
	-webkit-box-shadow: 0px 6px 23px 4px rgba(251, 192, 45, 0.4);
	
}

.themeBTN:hover {
	color: #FFB300;
	background-color: transparent;
	box-shadow: 0px 6px 35px 4px rgba(251, 192, 45, 0.4);
	-moz-box-shadow: 0px 6px 35px 4px rgba(251, 192, 45, 0.4);
	-webkit-box-shadow: 0px 6px 35px 4px rgba(251, 192, 45, 0.4);
}
.themeBTN_Opo
{
	color: #FFB300;
	background-color: transparent;
	 box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	
}
.themeBTN.fintsoBlueBTN {
	color: #ffffff;
	border: 1px solid #002F99;
	background-color: #002F99;
	box-shadow: 0px 1px 6px 1px rgb(0 47 153 / 40%);
	-moz-box-shadow: 0px 1px 6px 1px rgba(0, 47, 153, 0.4);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(0 47 153 / 40%);
}

	.themeBTN.fintsoBlueBTN:hover {
		color: #ffffff;
		box-shadow: 0px 1px 6px 1px rgb(0 47 153 / 40%);
		-moz-box-shadow: 0px 1px 6px 1px rgba(0, 47, 153, 0.4);
		-webkit-box-shadow: 0px 1px 6px 1px rgb(0 47 153 / 40%);
	}
.themeBTN_Opo:hover
{	
	color: #000000;
	 box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	background-color: #FFB300;
}

.lgBtn
{
	width: 100%;
	display: block;
}
.smBtn
{
	font-size: 18px;
	padding: 6px 25px;
}
.thickBtn
{
	padding: 15px 25px;
}
a.blueBtn
{
	color: #FFB300;
}
.blueBtn
{
	color: #FFB300;
	border-color: #00427a;
	background-color: #00427a;
	 box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.blueBtn:hover
{
	color: #FFB300;
	background-color: #00427a;
	 box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
a.blueBtn2
{
	color: #ffffff;
}
.blueBtn2
{
	color: #ffffff;
	border-color: #00427a;
	background-color: #00427a;
	box-shadow: none;
	box-shadow: 0px 6px 23px 4px rgba(0, 66, 122, 0.4);
	-moz-box-shadow: 0px 6px 23px 4px rgba(0, 66, 122, 0.4);
	-webkit-box-shadow: 0px 6px 23px 4px rgba(0, 66, 122, 0.4);
}
.blueBtn2:hover
{
	color: #00427a;
	background-color: transparent;
	box-shadow: none;
	box-shadow: 0px 6px 35px 6px rgba(0, 66, 122, 0.4);
	-moz-box-shadow: 0px 6px 35px 6px rgba(0, 66, 122, 0.4);
	-webkit-box-shadow: 0px 6px 35px 6px rgba(0, 66, 122, 0.4);
}
a.VisitDatacompBtn
{
	text-decoration: none;
	color: #ffffff;
}
.VisitDatacompBtn
{
    display: inline-block;
    padding: 10px 13px;
    border-radius: 25px;
    background: #00427A;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
.VisitDatacompBtn img 
{
    width: 25px;
    margin-right: 5px;
}
b, strong 
{
	font-family: 'Muli-Bold';
}
.extraBld
{
	font-family: 'Muli-ExtraBold';
}
.semiBld
{
	font-family: 'Muli-SemiBold';
}



/* Margin padding start css */
.marBtm30
{
	margin-bottom: 30px;
}
.marBtm15
{
	margin-bottom: 15px;
}
.marTop30
{
	margin-top: 30px;
}
.marTop15
{
	margin-top: 15px;
}

.mrgnBtm0
{
	margin-bottom: 0px !important;
}
.mrgnTop0
{
	margin-top: 0px !important;
}
.mrgnRit0
{
	margin-right: 0px !important;
}
.mrgnLft0
{
	margin-left: 0px !important;
}
.padTopcomn
{
	padding-top: 60px;
}
.padBtmcomn
{
	padding-top: 60px;
}
.padLft0
{
	padding-left: 0px !important;
}
.padRit0
{
	padding-right: 0px !important;
}
.padLftRit0
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.cmnHdg
{
	font-size: 24px;
    font-family: 'Muli-Bold';
    position: relative;
    color: #000000;
	padding-bottom: 15px;
	margin-bottom: 10px;

}
.cmnHdg:before
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 83px;
	height: 4px;
	border-radius: 15px;
	background: #FFB300;
}
.para
{
	color: #455A64;
}

/* modal popup css start here */
.customMdl .modal-title
{
	font-size: 22px;
	margin-right: 34px;
	margin-bottom: 0px;
}
.customMdl .modal-header .close
{
	margin-top: -2px;
    background: #FFB300;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    padding: 9px 6.5px 12px;
    border-radius: 50%;
    font-size: 27px;
    line-height: 8px;
} 
.customMdl .modal-header
{
    border-bottom: 0px solid #e5e5e5;
}
.customMdl
{
	
}

/* modal popup css end here */

/* Form Css start here */
.FormCss .form-group label.LblPlce, .ui-mobile .Rager label, .ui-controlgroup-label {
    font-weight: 400;
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 0px;
    position: absolute;
    top: 15px;
	    left: 15px;
    opacity: 0;
    text-transform: capitalize;
    /* text-transform: uppercase; */
    padding: 0px 0px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
	    z-index: -1;
}
.FormCss .form-control
{
	color: #212121;
    border-radius: 0px;
    /* border-color: #757575; */
    border-color: rgba(166, 172, 175, .5);
    height: 55px;
    font-size: 24px;
    position: relative;
    /* z-index: 99; */
    text-align: left;
    text-transform: capitalize;
    /* padding: 8px 16px 7px; */
    padding: 8px 0px 7px;
    font-family: 'Muli-SemiBold';
    font-weight: 500;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	 background-color: transparent;
}
.FormCss .form-group input.dateinput
{
    z-index: 9;
}
.FormCss .form-group input.dateinput ~ label.LblPlce
{
    visibility: visible;
    opacity: 1;
    top: 7px;
    padding: 0px 5px;
    z-index: 0;
    font-size: 20px;
    font-family: 'Muli-SemiBold';
    color: rgba(43, 53, 58, .5);
	    z-index: 9;
}

.FormCss .form-control.CalendarTyp
{
	text-transform: lowercase;
}
.FormCss .form-control::-webkit-input-placeholder
{
	font-size: 18px;
	color:rgba(0, 0, 0, .5);
}
.FormCss .form-control::-moz-input-placeholder
{
	font-size: 18px;
	color:rgba(0, 0, 0, .5);
}
.FormCss .form-control:-ms-input-placeholder
{
	font-size: 18px;
	color:rgba(0, 0, 0, .5);
}
.FormCss select.form-control {
    padding-right: 21px !important;
    vertical-align: middle;
    padding: 6px 0px 4px;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    position: relative;
   /*  z-index: 9; */
}
.lableControl
{
	font-weight: normal;
    color: #000000;
    font-size: 11px;
    font-family: 'Poppins-Medium';
}
.FormCss textarea.form-control
{
    resize: none;
    height: 44px;
}
.FormCss input.form-control::-webkit-inner-spin-button,
.FormCss input.form-control::-webkit-outer-spin-button
{
  -webkit-appearance: none; 
  margin: 0; 
}

.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .FormCss select.form-control ~ label.LblPlce.actv, .FormCss input[type="date"].form-control ~ label.LblPlce
{
    top: -27px;
    opacity: 1;
	left: 15px;
    padding-left: 0px;
    padding-right: 0px;
    color: #757575;
	    text-align: left;
		z-index: 9;
}

/* .FormCss textarea.form-control ~ label.LblPlce
{   
    top: 10px;
} */
input[type="date"].form-control, .FormCss .form-group input.dateinput
{
	background-image: url(../images/Calendar.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px;
	    text-transform: lowercase !important;
}
input[type="date"].form-control::-webkit-calendar-picker-indicator
{
	display: none;
}
input[type="date"].form-control::-webkit-inner-spin-button
{
	display: none;
}
.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group .form-control:focus label.LblPlce.actv, .FormCss .form-group select.form-control:focus label.LblPlce.actv {
	color: #24C4A3;
	z-index: 9;
}
.ui-input-text + label.LblPlce
{
	top: -17px !important;
    opacity: 1 !important;
    left: 0;
    padding-left: 0px !important;
    color: #757575 !important;
}
.FormCss .form-control[type="email"] {
    text-transform: lowercase;
}
.FormCss .form-group
{
	position: relative;
	margin-bottom: 30px;
}
.FormCss .form-control[disabled], .FormCss fieldset[disabled] .form-control
{
	/*background: #D8E0E3;*/
	border-color: #D8E0E3;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


.FormCss .form-control:focus {
	/* border-color: #66afe9; */
	border-color: #24C4A3;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.FormCss .form-control:focus::-webkit-input-placeholder 
 {
    position: relative;
    /* top: 0px;  */
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
.FormCss .form-control:focus::-ms-input-placeholder 
 {
    position: relative;
    /* top: 0px;  */
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
.FormCss .form-control:focus::-moz-input-placeholder 
 {
    position: relative;
    /* top: 0px;  */
	
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
.FormCss .form-control:focus::-webkit-input-placeholder 
 {
    position: relative;
    /* top: 0px;  */
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}

.FormCss .form-control:focus::-webkit-input-placeholder
{
	 position: relative;
    /* top: 0px;  */
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
.FormCss .form-control:focus::-moz-input-placeholder
{
	 position: relative;
    /* top: 0px;  */
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}
.FormCss .form-control:focus::-o-input-placeholder
{
	 position: relative;
    /* top: 0px;  */
	visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}

.FormCss select.form-control, .SelecterInpt select
{
    -webkit-appearance: button;
	-moz-appearance: button;
	-ms-appearance: button;
	-o-appearance: button;
	background-image: url(../Images/SelectInputBG.png);
	background-repeat: no-repeat;
    background-position: 100% center;
}
.FormCss .radio, .FormCss .checkbox
{
	margin-top: 0px;
}
.dateInput
{
	background-image: url(../images/calendar.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	    padding-right: 24px;
	background-position: right center;
}
.timeInput
{
	background-image: url(../images/calendar.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	    padding-right: 24px;
	background-position: right center;
}
/* Form Css End here */


/* The container */
.checkbox label.checkbox_cvr {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 27px;
  color: #000000;
}

/* Hide the browser's default checkbox */
.checkbox_cvr input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 2px solid #000000;
    border-radius: 4px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.checkbox_cvr  input[type="checkbox"][disabled] ~ .checkmark {
  background-color: #ECEEEF;
}
/* On mouse-over, add a grey background color */

.checkbox_cvr:hover input ~ .checkmark {
  background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.checkbox_cvr input:checked ~ .checkmark {
    background-color: #00427A;
    border-color: #00427A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_cvr input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_cvr .checkmark:after {
    left: 5px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* group radio button css start */

.radio-group {
    border: solid 1px #1C313A;
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    background-color: #1C313A;
    padding: 1px;
}
.radio-group input[type=radio] {
    margin: 0px;
}

.radio-group input[type=radio] {
    position: absolute;
    visibility: hidden;
    display: none;
}
.FundScheme .radio-group label {
    width: 25%;
}

.radio-group label {
    color: rgba(255, 255, 255, .7);
    /* font-size: 18px; */
    display: block;
    float: left;
    cursor: pointer;
    /* font-weight: bold; */
    font-weight: normal;
    /* padding: 5px 12px; */
    padding: 7px 20px;
    margin-bottom: 0px;
    letter-spacing: .6px;
    border-radius: 19px;
    min-width: 110px;
	 font-family: 'Muli-Bold';
}
.radio-group input[type=radio]:checked + label {
    color: #332f35;
    background: -webkit-linear-gradient(103deg, #FCB309, #FFC02C);
    background: -moz-linear-gradient(103deg, #FCB309, #FFC02C);
    background: -ms-linear-gradient(103deg, #FCB309, #FFC02C);
    background: -o-linear-gradient(103deg, #FCB309, #FFC02C);
}

/* group radio button css end */
/* common css start end */

@media (min-width: 992px)
{
		
	/* graph page css start here */

	 

		.pieContainer {
	  height: 320px;
	  width: 320px;
	  position: relative;
	  margin: 0px auto;
	}
	.pieContainer2
	{
		height: 320px;
	  width: 320px;
	}
	.pieBackground {
	  position: absolute;
	  width: 320px;
	  height: 320px;
	  border-radius: 100%;
	  background-color: #ffffff;
	} 

	.pie {
	 transition: all 1s;
	  position: absolute;
	  width: 320px;
	 height: 320px;
	  border-radius: 100%;
	  clip: rect(0px, 160px, 320px, 0px);
	  z-index: 100;
	}

	.hold {
	  position: absolute;
	  width: 320px;
	 /*  height: 320px; */
	  border-radius: 100%;
	  clip: rect(0px, 320px, 320px, 160px);
	}



	#pieSlice3 {
		transform: rotate(64deg);
		top: 89px;
		right: -145px;
	}

	#pieSlice3.active 
	{
		top: 94px;
		right: -150px;
	}
	#pieSlice3.active .pie
	{
		background-color: #1C313A;
	}
	#pieSlice3 .pie {
	  background-color: #a4adb2;
	  transform: rotate(120deg);
	}

	#pieSlice4 {
		transform: rotate(304deg);
		left: -133px;
		top: 70px;
	}
	#pieSlice4.active 
	{
		top: 62px;
		transform: rotate(303.7deg);
		left: -131px;
	}

	#pieSlice4.active .pie 
	{
		 background-color: #1C313A;
	}
	#pieSlice4 .pie {
	  background-color: #a4adb2;
	  transform: rotate(120deg);
	}



	#pieSlice5 {
		transform: rotate(184deg);
		top: 320px;
		left: -11px;
	}

	#pieSlice5.active 
	{
		top: 323px;
		left: -16px;
	}
	#pieSlice5.active .pie 
	{
		 background-color: #1C313A;
	}
	#pieSlice5 .pie {
	  background-color: #a4adb2;
	  transform: rotate(120deg);
	}


	.pie span 
	{
		color: #ffffff;
		font-size: 20px;
		font-family: 'Muli-Bold';
	}
	#pieSlice3 .pie span 
	{
		transform: rotate(-62deg);
		display: inline-block;
		position: absolute;
		top: 84px;
		left: 18px;
		text-align: center;
	}
	#pieSlice4 .pie span 
	{
		transform: rotate(-64deg);
		display: inline-block;
		position: absolute;
		top: 96px;
		left: 33px;
		text-align: center;
	}

	#pieSlice5 .pie span 
	{
		transform: rotate(-60deg);
		display: inline-block;
		position: absolute;
		top: 86px;
		left: 29px;
		text-align: center;
	}
	.innerCircle {
		position: absolute;
		width: 100px;
		height: 100px;
		background-color: #ffffff;
		border-radius: 100%;
		top: 110px;
		left: 110px;
		color: white;
		z-index: 9;
	}
	.innerCircle .content img{
			max-width: 50px;
		margin: 0px auto;
	}
	.innerCircle .content {
		position: absolute;
		display: block;
		top: 25px;
		left: 0;
		text-align: center;
		font-size: 14px;
		right: 0;
	}


	/* lg graph */
	.cmmnSec.graphSec
	{
		padding-top: 120px;
	}
	.visiblHiddn
	{
		visibility: hidden;
	}
	.graphLg1
	{
		max-width: 870px;
		min-height: 900px;
		margin: 0px auto;
		position: relative;
	}
	.cone {
		border-top: 119px solid red;
		border-left: 35px solid transparent;
		border-right: 35px solid transparent;
		height: 0;
		width: 199px;
		position: relative;
	}
	.cone:before
	{
		content: "";
		position: absolute;
		width: 129px;
		border-top: 21px solid #e19a0c;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	.cone.lightYlw
	{
		border-top-color: #FBC02D;
	}

	.absolutecard1
	{
		position: absolute;
		transform: rotate(-81deg);
		left: 79px;
		top: 173px;
	}
	 .imgholder
	 {
		 width: 230px;
		 position: absolute;
		 z-index: 9;
	 }
	.absolutecard1 .imgholder
	{
		position: absolute;
		transform: rotate(125deg);
		left: -124px;
		top: -52px;
	}
	.absolutecard2 .imgholder
	{
		transform: rotate(132deg);
		left: -8px;
		top: -39px;
	}

	.absolutecard3 .imgholder
	{
		transform: rotate(138deg);
		left: 93px;
		top: -80px;   
	}
	.absolutecard4 .imgholder
	{
		transform: rotate(102deg);
		right: -91px;
		top: -45px;   
	}
	.absolutecard2
	{
		position: absolute;
		transform: rotate(-41deg);
		left: 165px;
		top: 17px;
	}
	.textHolder
	{
		position: absolute;
		text-align: center;
		width: 135px;
		z-index: 99;
	}
	.textHolder h5 
	{
		color: #ffffff;
		font-size: 40px;
		display: inline-block;
		padding: 0px 31px;
		border-bottom: 3px solid #ffffff;
		font-family: 'Muli-Bold';
		margin-bottom: 10px;
	}
	.textHolder p 
	{
		color: #ffffff;
		font-size: 17px;
		font-family: 'Muli-Bold';
	}
	.CatElement {
		cursor: pointer;
	}
	.absolutecard1 .textHolder
	{
	transform: rotate(83deg);
		top: 9px;
		left: -31px;
	}
	.absolutecard2 .textHolder
	{
		transform: rotate(40deg);
		top: 24px;
		left: 80px;
	}
	.absolutecard3 .textHolder
	{
		transform: rotate(1deg);
		top: -26px;
		left: 156px;
	}
	.absolutecard4 .textHolder
	{
		transform: rotate(-84deg);
		top: -3px;
		right: -63px;
	}
	.absolutecard5 .textHolder
	{
		 transform: rotate(126deg);
		top: 16px;
		left: -23px;
	   
	}
	.absolutecard6 .textHolder
	{ transform: rotate(132deg);
		top: 68px;
		right: -181px;
	}
	.absolutecard3
	{
		position: absolute;
		transform: rotate(0deg);
		left: 331px;
		top: -44px;
	}
	.absolutecard4
	{
		position: absolute;
		transform: rotate(81deg);
		right: 79px;
		top: 173px;
	}
	/* .absolutecard5
	{
		position: absolute;
		transform: rotate(41deg);
		right: 165px;
		top: 17px;
	} */
	.absolutecard5
	{
		position: absolute;
		transform: rotate(-126deg);
		left: 108px;
		top: 460px;
	}
	.absolutecard5 .imgholder
	{
		transform: rotate(125deg);
		left: -124px;
		top: -52px;
	}


	.absolutecard6
	{
		position: absolute;
		transform: rotate(229deg);
		right: 173px;
		top: 563px;
	}
	.graphTooltip
	{
		position: absolute;
		opacity: 0;
		background-color: #ffffff;
		padding: 22px;
		transition: all .4s ease;
		width: 500px;
		box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.31);
		-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.31);
		-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.31);
		border-radius: 8px;
		display: none;
	}
	.graphOdd .absolutecard1 .imgholder {
		position: absolute;
		transform: rotate(148deg);
		left: -16px;
		top: -14px;
	}

	.graphOdd .absolutecard2 .imgholder {
		transform: rotate(154deg);
		left: 95px;
		top: 15px;
	}

	.graphOdd .absolutecard3 .imgholder {
		transform: rotate(159deg);
		left: 192px;
		top: -20px;
	}

	.graphOdd .absolutecard4 .imgholder {
		transform: rotate(126deg);
		right: -206px;
		top: -50px;
	}

	.graphOdd .absolutecard5 .imgholder {
		transform: rotate(146deg);
		left: -19px;
		top: -13px;
	}
	.graphOdd .absolutecard1 .textHolder {
		transform: rotate(83deg);
		top: 68px;
		left: 80px;
	}
	.graphOdd .absolutecard2 .textHolder {
		transform: rotate(41deg);
			top: 90px;
		left: 174px;
	}
	.graphOdd .absolutecard3 .textHolder {
		transform: rotate(1deg);
		top: 44px;
		left: 260px;
	}
	.graphOdd .absolutecard4 .textHolder {
		transform: rotate(-84deg);
		top: 0px;
		right: -160px;
	}
	.graphOdd .absolutecard5 .textHolder {
		transform: rotate(126deg);
		top: 63px;
		left: 67px;
	}
	.toolHeight
	{
		max-height: 200px;
		 overflow: auto;
	}

	.absolutecard1 .graphTooltip
	{
		left: -246px;
		top: 301px;
		transform: rotate(81deg);
	}
	.absolutecard2 .graphTooltip
	{
		left: -84px;
		top: 236px;
		transform: rotate(41deg);
	}
	.absolutecard3 .graphTooltip
	{
		left: -85px;
		top: 114px;
		transform: rotate(0deg);
	}

	.absolutecard4 .graphTooltip
	{
		right: -270px;
		top: 301px;
		transform: rotate(-81deg);
	}

	.absolutecard5 .graphTooltip
	{
		left: -509px;
		top: 280px;
		transform: rotate(126deg);
	}
	.absolutecard6 .graphTooltip
	{
		left: 66px;
		bottom: 65px;
		transform: rotate(131deg);
	}
	.absolutecard1 .graphTooltip:after,
	.absolutecard1 .graphTooltip:before {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.absolutecard1 .graphTooltip:after {
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #ffffff;
		border-width: 11px;
		margin-top: -11px;
	}
	.absolutecard1 .graphTooltip:before {
		border-color: rgba(194, 225, 245, 0);
		border-right-color: #f1f1f1;
		border-width: 14px;
		margin-top: -14px;
	}




	.absolutecard2 .graphTooltip:after,
	.absolutecard2 .graphTooltip:before {
		left: 30px;
		top: -16px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.absolutecard2 .graphTooltip:after {
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #ffffff;
		border-width: 11px;
		margin-top: -6px;
		margin-left: 4px;
	}
	.absolutecard2 .graphTooltip:before {
		border-color: rgba(194, 225, 245, 0);
		border-bottom-color: #f1f1f1;
		border-width: 15px;
		margin-top: -14px;
	}

	.absolutecard3 .graphTooltip:after,
	.absolutecard3 .graphTooltip:before {
		left: 256px;
		top: -16px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.absolutecard3 .graphTooltip:after {
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #ffffff;
		border-width: 11px;
		margin-top: -6px;
		margin-right: 4px;
	}
	.absolutecard3 .graphTooltip:before {
		border-color: rgba(194, 225, 245, 0);
		border-bottom-color: #f1f1f1;
		border-width: 15px;
		margin-top: -14px;
	}


	.absolutecard4 .graphTooltip:after,
	.absolutecard4 .graphTooltip:before {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.absolutecard4 .graphTooltip:after {
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #ffffff;
		border-width: 11px;
		margin-top: -10px;
		margin-left: 1px;
	}
	.absolutecard4 .graphTooltip:before {
		border-color: rgba(194, 225, 245, 0);
		border-left-color: #f1f1f1;
		border-width: 15px;
		margin-top: -14px;
	}

	.absolutecard5 .graphTooltip:after,
	.absolutecard5 .graphTooltip:before {
		right: 100%;
		top: 60px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.absolutecard5 .graphTooltip:after {
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #ffffff;
		border-width: 18px;
		margin-top: -10px;
		margin-left: 1px;
	}
	.absolutecard5 .graphTooltip:before {
		border-color: rgba(194, 225, 245, 0);
		border-right-color: #f1f1f1;
		border-width: 22px;
		margin-top: -14px;
	}


	.absolutecard6 .graphTooltip:after,
	.absolutecard6 .graphTooltip:before {
		left: 100%;
		top: 60px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.absolutecard6 .graphTooltip:after {
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #ffffff;
		border-width: 18px;
		margin-top: -10px;
		margin-left: 1px;
	}
	.absolutecard6 .graphTooltip:before {
		border-color: rgba(194, 225, 245, 0);
		border-left-color: #f1f1f1;
		border-width: 22px;
		margin-top: -14px;
	}

	/* odd number graph start */

	.graphOdd
	{
		
	}

	.graphOdd .absolutecard1 .graphTooltip
	{
		left: -308px;
		top: 311px;
		transform: rotate(81deg);
	}

	.graphOdd .absolutecard1 .graphTooltip:after, .graphOdd .absolutecard1 .graphTooltip:before
	{
		right: auto;
		left: 30px;
		top: auto;
		bottom: 100%;
	}
	.graphOdd .absolutecard1 .graphTooltip:before
	{
		border-bottom-color: #f1f1f1;
		border-right-color: transparent;
	}
	.graphOdd .absolutecard1 .graphTooltip:after
	{
		border-bottom-color: #ffffff;
		border-right-color: transparent;
		margin-top: -9px;
		margin-left: 3px;
	}
	.graphOdd .absolutecard2 .graphTooltip {
		left: -138px;
		top: 213px;
		transform: rotate(41deg);
		bottom: auto;
	}

	.graphOdd .absolutecard2 .graphTooltip:after, .graphOdd .absolutecard2 .graphTooltip:before
	{
		left: 226px;
	}
	.graphOdd .absolutecard5 .graphTooltip
	{
		left: -441px;
		top: 317px;
		transform: rotate(126deg);
	}
	.graphOdd .absolutecard3 .graphTooltip
	{
		left: -296px;
		top: 172px;
		transform: rotate(0deg);

	}
	.graphOdd .absolutecard3 .graphTooltip:after, .graphOdd .absolutecard3 .graphTooltip:before
	{
		left: auto;
		top: -16px;
		right: 30px;
	}
	.graphOdd .absolutecard4 .graphTooltip
	{
		right: -344px;
		top: 352px;
		transform: rotate(-81deg);
	}


	.graphTooltip h5 
	{
		font-size: 22px;
		font-family: 'Muli-Bold';
		color: #000000;
		padding-bottom: 15px;
	}
	.graphTooltip p 
	{
		font-size: 18px;
	}
	.CatElement.active
	{
		 z-index: 99;
	}
	/* .CatElement
	{
			z-index: 99;
	} */
	.CatElement.active .graphTooltip 
	{
		opacity: 1;
		display: block;
		z-index: 999;
	}
	/* graph page css end here */
}

@media (min-width: 768px)
{
	
	.customMdl.modal.in .modal-dialog
	{
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.customMdl
	{
		top: -100%;
		bottom: auto;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}
	.customMdl.in
	{
		top: 0;
		bottom: 0;
	}
	.customMdl.in .modal-dialog
	{
		margin: auto;
		position: absolute;
		left: 50%;
		top: 50%;
	}
	.table-responsive
	{
		    overflow-x: inherit !important;
	}
	
}
@media (max-width: 1600px)
{
	body
	{
		 font-family: 'Muli-Regular';
		 font-weight: 400;
		 font-size:18px;
	}
	.callAction
	{
		width: 36px;
	}
	.logoCombo  p 
	{
		max-width: 990px;
		line-height: 32px;
	}
	#signupModal .modal-dialog, #bookDemo .modal-dialog, #callUs .modal-dialog
	{
		max-width: 430px;
	}
	.hedrContUl li {
		font-size: 12px;
	}
	.header1
	{
		padding: 2px 0px 5px;
	}
	.cmnHdg:before
	{
		
		width: 50px;
		height: 3px
	}
	.FormCss .form-control
	{
		font-size:  18px;
	}
	.FormCss .form-group input.dateinput ~ label.LblPlce
	{
		font-size: 16px;
	}
	.FormCss .form-group label.LblPlce, .ui-mobile .Rager label, .ui-controlgroup-label
	{
		font-size: 16px;
	}
	.cmnHdg
	{
		font-size: 22px;
		font-family: 'Muli-Bold';
		position: relative;
		color: #000000;
		padding-bottom: 15px;
		margin-bottom: 10px;

	}
	.accordinStyl .panel-default > .panel-heading a 
	{
		font-size: 22px;
	}
	.customMdl .modal-title
	{
		font-size: 20px;
		margin-right: 34px;
		margin-bottom: 0px;
	}
	.customMdl .modal-header .close
	{
		padding: 9px 6px 12px;
		font-size: 20px;
		line-height: 3px;
	}
	
	.themeBTN, .themeBTN_Opo
	{
		font-size: 17px;
	}
	.smBtn
	{
		font-size: 14px;
		padding: 6px 20px;
	}
	.themeHdgMain
	{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.themeHdgMain, .contHdg, .paySwitchSec h4
	{
		font-size: 28px;
		line-height: 36px;
	}
	.themeHdgMain:before
	{		
		width: 80px;
	}
	.themeHdgMain span 
	{
		font-size: 16px;
	}
	.doorSecmain .col-xs-12
	{
		min-height: 101px;
	}
	.cmnDoor h5
	{
		font-size: 22px;
	}
	/* .cmnDoor img
	{
		padding: 25px 91px 0px;
	} */
	 .ourSercont h4 
	 {
		 font-size: 24px;
	 }
	 .ourSercont img 
	 {
		/*  max-width: 90px; */
		    max-height: 133px;
	 }
	 .ourSercont p
	 {
		 font-size: 16px;
	 }
	 .ourSercont .readAll
	{
		display: none;
		font-size: 14px;
	}
	.platformCon h4 
	{
		font-size: 24px;
		line-height: 27px;
	}
	.ecrportalIcon  img 
	{
		max-height: 75px;
	}
	.testi_Img h5
	{
		font-size: 14px;
	}
	.testi_Cont p 
	{
		font-size: 20px;
	}
	.footerSecinnr1, .footerSecinnr2 {
		padding-bottom: 27px;
	}
	.ftrPara
	{
		font-size: 15px;
	}
	.ftrUl1 li a 
	{
		font-size: 16px;
	}
	.footerSecMain2 p 
	{
		font-size: 14px;
	}
	.ecrportalIcon 
	{
		min-height: 85px;
	}
	.ecrportalCont
	{
		min-height: 230px;
	}
	/* .ourSercontInnr
	{
		min-height: 300px;
	} */
	.ourSercontInnr
	{
		min-height: 335px;
	}
	.ourSercont p
	{
		height: 157px;
	}
	.platformCon
	{
			min-height: 190px;
	}
	.cmnDoor p
	{
		margin-bottom: -50px;
	}
	.footerSecinnr4 .themeHdgMain
	{
		margin-bottom: 28px;
		font-size: 22px;
	}
	.FormCss .form-control
	{
		height: 32px;
	}
	.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .FormCss select.form-control ~ label.LblPlce.actv, .FormCss input[type="date"].form-control ~ label.LblPlce
	{
		top: -20px;
	}
	.customNavigation a i
	{
		font-size: 10px;
		top: -1px;
	}
	.customNavigation a
	{
		font-size: 14px;
	}
	.customNavigation a:first-child::before
	{
		top: 12px;
	}
	.checkmark
	{
		top: 3px;
	}
	.bussnesCard h4 
	{
		font-size: 25px;
	}
	.bussIcon
	{
		width: 65px;
	}
	.bussnesCard
	{		
		padding-left: 90px;
	}
	.abotCont1  p 
	{
		max-width: 950px;
		margin: 0px auto;
		line-height: 32px;
	}
	.FeatureTab li a
	{
		font-size: 22px;
		min-height: 88px;
	}
	.tabHdg.themeHdgMain
	{
		font-size: 22px;
		line-height: 32px;
		padding-bottom: 10px;
		
	}
	.ftrHdg
	{
		 font-size: 23px;
	}
	.tabOverflowHide
	{
		    height: 143px;
	}
	.pricingSec p
	{
		font-size: 20px;
	}
	.priceCardBdy p 
	{
		font-size: 16px;
	}
	.innerBand h2 
	{
		font-size: 30px;
	}
	.priceCardBdy
	{
		max-height: 375px;
	}
	.pointHdg, .normalHdg, .ylwCard h4 
	{
		font-size: 22px;
		font-family: 'Muli-Bold';
	}
	.misnryCardFtr a 
	{
		font-size: 14px;
	}
	.demoTag p, .demoTag ul li label, .scanSec p 
	{
		font-size: 16px;
	}
	.demoTag ul li
	{
		min-width: 197px;
	}
	.demoTag ul li .check
	{
		height: 22px;
		width: 22px;
		    top: 9px;
	}
	.demoTag ul li .check::before
	{
		height: 12px;
		width: 12px;
		top: 3px;
		left: 3px;
	}
	.payTypSec h6
	{
		font-size: 18px;
	}
	.priceCard h4
	{
		font-size: 24px;
	}
	.priceCardBdy h3 
	{
		font-size: 28px;
	}
	.smInnrHdg
	{
		font-size: 22px;
	}
	.graphTooltip h5 
	{
		font-size: 20px;
	}
	.graphTooltip p 
	{
		font-size: 16px;
	}
	.invoiceTable tfoot tr td i, .invoiceTable tbody tr td i {
		font-size: 15px;
	}
	.invoiceTable tr.invoiceNetAmt td 
	{
		font-size: 22px;
	}
	.invoiceTable tr.invoiceNetAmt td i
	{
		font-size: 19px;
	}

}

@media (max-width: 767px)
{
	body
	{
		font-size: 14px;
	}
	.logoCombo  p 
	{
		max-width: 100%;
		line-height: 28px;
	}
	.flexRow 
	{
		display: block;
	}
	.customNavigation {
		text-align: center;
		margin-bottom: 20px;
	}
	.modal-dialog
	{
		margin: 30px auto;
	}
	.modal-content
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	.callAction
	{
		width: 38px;
		z-index: 99;
	}
	.signftr1 {
		font-size: 13px;
	}
	.checkmark
	{
		top: 1px;
		height: 17px;
		width: 17px;
	}
	.modal
	{
		z-index: 9999;
	}
	.logo_sec
	{
		padding-top: 12px;
	}
	.logo_sec img {
		max-width: 130px;
	}
	.navbar-default .navbar-nav > li + li
	{
		padding-left: 20px;
	}
	.navbar-default .navbar-nav > li > a
	{
		font-size: 15px;
	}
	.digiSecInnrImg2 .tempScroldesk
	{
		left: 29px;
		right: 29px;
		top: 47px;
	}
	.crslTxtinner h3
	{
		font-size: 18px;
		line-height: 23px;
	}
	.crslTxtinner p
	{
		font-size: 15px;
	}
	.themeHdgMain, .contHdg, .paySwitchSec h4
	{
		font-size: 22px;
		line-height: 28px;
	}
	.ourSercont h4
	{
		font-size: 21px;
		line-height: 28px;
	}
	
	.ourSercont img
	{
		max-height: 112px;
	}
	.platformCon h4
	{
		font-size: 17px;
		line-height: 15px;
		padding-bottom: 10px;
	}
	.platformCon
	{
		padding-left: 70px;
	}
	.platformCon.text-right
	{
		padding-left: 70px;
		text-align: left;
		padding-right: 0px;
	}
	.platformCon.text-right .platformIcon, .platformIcon
	{
		right: auto;
		left: 0px;
	}
	.platformCon
	{
		min-height: 121px;
	}
	.platformCon p 
	{
		font-size: 12px;
	}
	.platformIcon img
	{
		height: 26px;
	}
	.platformIcon
	{
		padding: 8px;
		width: 43px;
		top: 5px;
	}
	.testi_Cont p
	{
		font-size: 16px;
		    text-align: center;
	}
	.ftrPara {
		font-size: 14px;
	}
	.ftrUl1 li a {
		font-size: 15px;
	}
	.FormCss .form-control {
		font-size: 16px;
	}
	.FormCss .form-group label.LblPlce, .ui-mobile .Rager label, .ui-controlgroup-label {
		font-size: 12px;
	}
	.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .FormCss select.form-control ~ label.LblPlce.actv, .FormCss input[type="date"].form-control ~ label.LblPlce {
		top: -14px;
	}
	.footerSecinnr4 .themeHdgMain
	{
		font-size: 19px;
	}
	.themeHdgMain::before
	{
		width: 56px;
		height: 3px;
	}
	.themeBTN, .themeBTN_Opo
	{
		font-size: 15px;
	}
	.footerSecMain2 p {
		font-size: 12px;
	    text-align: center;
	}
	.list-inline > li {
		padding-right: 2px;
		padding-left: 2px;
	}
	.carousel-control
	{
		    width: 22px;
	}
	.carousel-control img 
	{
		width: 11px;
	}
	.smBtn
	{
		font-size: 11px;
		padding: 6px 14px;
	}
	.ourSercont p {
		font-size: 14px;
	}
	.testi_Img
	{
		margin-right: auto;
		margin-left: auto;
		max-width: 198px;
		padding: 8px;
		margin-bottom: 15px;
		}
	.search-form .form-group input.form-control
	{
		font-size: 14px;
	}
	.priceCardBdy img
	{
		max-width: 65px;
	}
	.hedrContUl li:last-child {
		padding-left: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.xsLogo img 
	{
		max-width: 150px;
		margin-top: 6px;
		margin-left: 10px;
	}
	.my_nav .navbar-nav
	{
		    margin: 0px;
	}
	.navbar-default .navbar-nav > li + li
	{
		    padding-left: 0px;
	}
	.nav > li.signUpBTN a 
	{
		display: inline-block;
	}
	.nav > li.signUpBTN
	{
	    padding-top: 14px;
		padding-bottom: 15px;
	}
	.flexRow.cmmnSec
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.digiSecInnr
	{
		margin-bottom: 40px;
	}
	.bussIcon
	{
		position: static;
		float: left;
		width: 100%;
		
		margin-bottom: 15px;
	}
	.bussIcon img 
	{
		display: block;
		margin: 0px auto;
		width: 65px;
	}
	.bussnesCard
	{
		padding-left: 85px;
		text-align: center;
		margin-bottom: 50px;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.bussnesCard h4 
	{
		font-size: 20px;
	}
	
	.bussnesCard
	{		
		padding-left: 0px;
	}
	.idealbussnsSec
	{
	    background-position: right top;
	}
	.cmnDoor
	{
		position: static;
		padding-top: 15px;
		background-color: #ffb300;
		    margin-bottom: 15px;
	}
	
	.cmnDoor img
	{
		bottom: 0px;
		opacity: 1;
	}
	
	.cmnDoor p
	{
		margin-bottom: 0px;
		opacity: 1;
	}
	.cmnDoor h5
	{
		line-height: 27px;
	}
	.myBanner .carousel-indicators
	{
		display: none;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-toggle
	{
		background-color: transparent;
		
	}
	.navbar-toggle
	{
		border: 0px;
		padding
	}
	.hamburger
	{
		padding: 0px;
	}
	
	.FeatureTab li a
	{
		min-height: 51px;
		font-size: 0px;
		padding: 10px;
		background-color: rgba(69, 90, 100, 0.1) !important;
	}
	.FeatureTab li{border-bottom: solid 1px #fff;}
   
    .FeatureTab li:nth-child(1) a{background: url(../images/tab1_blue.png) no-repeat center;}
    .FeatureTab li:nth-child(1) a:hover{background:#FFB300 url(../images/tab1_white.png) no-repeat center;}
    .FeatureTab li.active:nth-child(1) a{background:#FFB300 url(../images/tab1_white.png) no-repeat center !important;}

    .FeatureTab li:nth-child(2) a{background: url(../images/tab2_blue.png) no-repeat center;}
    .FeatureTab li:nth-child(2) a:hover{background:#FFB300 url(../images/tab2_white.png) no-repeat center;}
    .FeatureTab li.active:nth-child(2) a{background:#FFB300 url(../images/tab2_white.png) no-repeat center !important;}

    .FeatureTab li:nth-child(3) a{background: url(../images/tab3_blue.png) no-repeat center;}
    .FeatureTab li:nth-child(3) a:hover{background:#FFB300 url(../images/tab3_white.png) no-repeat center;}
    .FeatureTab li.active:nth-child(3) a{background:#FFB300 url(../images/tab3_white.png) no-repeat center !important;}

    .FeatureTab li:nth-child(4) a{background: url(../images/tab4_blue.png) no-repeat center;}
    .FeatureTab li:nth-child(4) a:hover{background:#FFB300 url(../images/tab4_white.png) no-repeat center;}
    .FeatureTab li.active:nth-child(4) a{background:#FFB300 url(../images/tab4_white.png) no-repeat center !important;}

    .FeatureTab li:nth-child(5) a{background: url(../images/tab5_blue.png) no-repeat center;}
    .FeatureTab li:nth-child(5) a:hover{background:#FFB300 url(../images/tab5_white.png) no-repeat center;}
    .FeatureTab li.active:nth-child(5) a{background:#FFB300 url(../images/tab5_white.png) no-repeat center !important;}
	.tabHdg.themeHdgMain
	{
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 10px;
		
	}
	.FMT {
		display: block;
		float: left;
		margin: 20px 0px 20px 0px;
		font-size: 18px;
		text-align: left;
		color: #FFB300;
		font-family: 'Muli-Bold';
		width: 100%;
	}
	.FeatureTab .tab-content
	{
		padding: 0px 0px 30px 0px;
	}
	.learn-more button
	{
		    font-size: 12px;
	}
	.pricingSec
	{
		background-position: right bottom;
		background-size: 173px;
	}
	.pricingSec p {
		font-size: 18px;
	}
	.thickBtn{
		    padding: 9px 25px;
	}
	.ftrHdg
	{
		 font-size: 20px;
	}
	
	.bfsiIcon
	{
		width: 75px;
		padding: 13px;
	}
	.bfsiCont
	{
		padding: 34px 20px;
	}
	.VisitDatacompBtn
	{
		    font-size: 14px;
	}
	.VisitDatacompBtn img {
	    width: 16px;
	}
	.abotCont1 p
	{
		    line-height: 26px;
	}
	.pioneerCont .pioIcon
	{
		background-color: #7a7a7a;
	}
	
	.pioneersMainSec
	{
		background: linear-gradient( 230deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) );
		background: -moz-linear-gradient( 230deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) );
		background: -webkit-linear-gradient( 230deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1) );
	}
	.innerBand h2
	{
		font-size: 28px;
	}
	.prevBenft, .nextBenft
	{
		display: none !important;
	}
	.misnryCardFtr a
	{
		font-size: 12px;
	}
	.FormCss .form-control::-webkit-input-placeholder
	{
		font-size: 15px;
		color:rgba(0, 0, 0, .5);
	}
	.FormCss .form-control::-moz-input-placeholder
	{
		font-size: 15px;
		color:rgba(0, 0, 0, .5);
	}
	.FormCss .form-control:-ms-input-placeholder
	{
		font-size: 15px;
		color:rgba(0, 0, 0, .5);
	}
	.demoTag ul li
	{
		display: block;
		max-width: 207px;
		margin: 10px auto;
	}
	.demoTag ul li + li
	{
		    margin-left: auto;
	}
	.radio-group label
	{
		padding: 7px 16px;
		min-width: 82px;
	}
	.priceCard h4
	{
		font-size: 18px;
	}
	.priceCard
	{
		margin-top: 30px;
	}
	.priceCardBdy h3
	{
		    font-size: 22px;
	}
	.smInnrHdg
	{
		    font-size: 18px;
	}
	.modulSec h5
	{
		padding-left: 15px;
	}
	.shadowBox
	{
		padding: 15px 15px;
	}
	.mudulTable tr td.tblData, .mudulTable tr th
	{
		padding: 8px;
	}
	.table-responsive
	{
		border: 0px;
	}
	.mudulTable tr th
	{
		font-size: 16px;
	}
	.demoTag p, .demoTag ul li label, .scanSec p
	{
		    font-size: 14px;
	}
	.demoTag ul li .check
	{
		    height: 19px;
		width: 19px;
	}
	.demoTag ul li .check::before
	{
		height: 11px;
		width: 11px;
		top: 2px;
		left: 2px;
	}
	.accordinStyl .panel-default > .panel-heading a
	{
		    font-size: 16px;
	}
	.mudulTable tr td.tblData:first-child
	{
		    min-width: 50px;
	}
	.ylwCard h4 br 
	{
		display: none;
	}
	/* select plan */
	.invoiceTable tr.invoiceNetAmt td
	{
		font-size: 20px;
	}
	.invoiceTable tr.invoiceNetAmt td i {
		font-size: 17px;
	}
	.invoiceTable tfoot tr td i, .invoiceTable tbody tr td i {
		font-size: 13px;
	}
	.table-responsive
	{
		padding: 10px 10px 20px;
	}
	
}
@media (min-width: 768px) and (max-width: 991px)
{
	body
	{
		font-size: 16px;
	}
	.logo_sec
	{
		padding-top: 12px;
	}
	.logo_sec img {
		max-width: 130px;
	}
	.navbar-default .navbar-nav > li + li
	{
		padding-left: 20px;
	}
	.navbar-default .navbar-nav > li > a
	{
		font-size: 15px;
	}
	.idealbussnsSec
	{
		    background-position: right top;
	}
	.digiSecInnrImg2 .tempScroldesk
	{
		left: 27px;
		right: 26px;
		top: 40px;
	}
	.digiSecInnrImg2 .tempScroldesk .tempScrol
	{
		padding-bottom: 56%;
	}
	.crslTxtinner h3
	{
		font-size: 18px;
		line-height: 23px;
	}
	.crslTxtinner p
	{
		font-size: 13px;
	}
	.themeHdgMain, .contHdg
	{
		font-size: 22px;
		line-height: 28px;
	}
	.ourSercont h4
	{
		font-size: 21px;
		line-height: 28px;
	}
	
	.ourSercont img
	{
		max-height: 112px;
	}
	.bussIcon
	{
		width: 55px;
	}
	.bussnesCard
	{
		padding-left: 80px;
		min-height: 60px;
	}
	.platformCon h4
	{
		font-size: 17px;
		line-height: 15px;
		padding-bottom: 10px;
	}
	.platformCon
	{
		padding-left: 40px;
	}
	.platformCon.text-right
	{
		padding-right: 40px;
	}
	.platformCon
	{
		min-height: 121px;
	}
	.platformCon p 
	{
		font-size: 12px;
	}
	.platformIcon img
	{
		height: 26px;
	}
	.platformIcon
	{
		padding: 10px;
		width: 43px;
	}
	.testi_Cont p
	{
		font-size: 16px;
	}
	.ftrPara {
		font-size: 14px;
	}
	.ftrUl1 li a {
		font-size: 15px;
	}
	.FormCss .form-control {
		font-size: 16px;
	}
	.FormCss .form-group label.LblPlce, .ui-mobile .Rager label, .ui-controlgroup-label {
		font-size: 12px;
	}
	.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .FormCss select.form-control ~ label.LblPlce.actv, .FormCss input[type="date"].form-control ~ label.LblPlce {
		top: -14px;
	}
	.footerSecinnr4 .themeHdgMain
	{
		font-size: 19px;
	}
	.themeHdgMain::before
	{
		width: 56px;
		height: 3px;
	}
	.themeBTN, .themeBTN_Opo
	{
		font-size: 15px;
	}
	.footerSecMain2 p {
		font-size: 12px;
	}
	.list-inline > li {
		padding-right: 2px;
		padding-left: 2px;
	}
	.carousel-control
	{
		    width: 22px;
	}
	.carousel-control img 
	{
		width: 11px;
	}
	.smBtn
	{
		font-size: 11px;
		padding: 6px 14px;
	}
	.ourSercont p {
		font-size: 14px;
	}
	.testi_Img
	{
		margin-right: 10px;
		margin-left: 10px;
	}
	/* .footerSecinnr4
	{
		margin-top: 35px;
	} */
	.ftrUl1 li
	{
		margin-bottom: 0px;
	}
	.ftrUl1 li a 
	{
		font-size: 12px;
	}
	.hedrContUl {
		margin-top: 7px;
	}
	.search-form .form-group input.form-control
	{
		font-size: 14px;
	}
	.cmnDoor h5
	{
		font-size: 14px;
		line-height: 24px;
	    padding-bottom: 23px;
	}
	.doorSecmain .col-xs-12 {
		min-height: 82px;
	}
	.cmnDoor img
	{
		width: 40px;
	}
	.bussnesCard h4 
	{
		font-size: 20px;
	}
	.prevBenft, .nextBenft
	{
		display: block !important;
	}
	
	/* 23 may 19 */
	.FormCss .form-control::-webkit-input-placeholder
	{
		font-size: 16px;
		color:rgba(0, 0, 0, .5);
	}
	.FormCss .form-control::-moz-input-placeholder
	{
		font-size: 16px;
		color:rgba(0, 0, 0, .5);
	}
	.FormCss .form-control:-ms-input-placeholder
	{
		font-size: 16px;
		color:rgba(0, 0, 0, .5);
	}
	.VisitDatacompBtn
	{
		    font-size: 16px;
	}
	.bfsiCont
	{
		padding: 46px 13px;
	}
	.FeatureTab li a
	{
		font-size: 18px;
		min-height: 76px;
	}
	.tabHdg.themeHdgMain
	{
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 10px;
	}
	.learn-more button
	{
		font-size: 13px;
	}
	.pricingSec p
	{
		    font-size: 18px;
	}
	.paySwitchSec h4
	{
		    font-size: 20px;
	}
	.innerBand h2
	{
		font-size: 26px;
	}
	.prevBenft, .nextBenft
	{
		width: 41px;
	}
	.priceCard h4
	{
		    font-size: 20px;
	}
	.priceCardBdy h3
	{
	    font-size: 22px;
	}
	.priceCard
	{
		margin-top: 30px;
	}
	.smInnrHdg
	{
		font-size: 20px;
	}
	.tblRow_th th
	{
		    font-size: 18px;
	}
	.innerBand h2
	{
		    padding: 20px 0px;
	}
	.accordinStyl .panel-default > .panel-heading a
	{
		    font-size: 19px;
	}
	.ylwCard h4
	{
		 font-size: 20px;
	}
	/* select plan */
	.invoiceTable tr.invoiceNetAmt td
	{
		font-size: 20px;
	}
	.invoiceTable tr.invoiceNetAmt td i {
		font-size: 17px;
	}
	.invoiceTable tfoot tr td i, .invoiceTable tbody tr td i {
		font-size: 13px;
	}
	.addModul .mudulTable tr td.tblData:nth-child(2) {
    min-width: 232px;
}
	.addModul .mudulTable tr td.tblData:last-child {
		
		min-width: 120px;
		
	}
	.ownwebsitSec .mudulTable tr td.tblData:nth-child(2) {
    min-width: 120px;
}
	.ownwebsitSec .mudulTable tr td.tblData:last-child {
		
		min-width: 232px;
		
	}
}



@media (min-width: 992px) and (max-width: 1199px)
{
	body
	{
		font-size: 16px;
	}
	.crslTxtinner h3
	{
		font-size: 23px;
		line-height: 36px;
	}
	.crslTxtinner p
	{
		font-size: 16px;
	}
	.themeHdgMain, .contHdg, .paySwitchSec h4
	{
		font-size: 22px;
		line-height: 28px;
	}
	.bussIcon
	{
		width: 55px;
	}
	.bussnesCard
	{
		padding-left: 80px;
		min-height: 60px;
	}
	.ourSercont h4
	{
		font-size: 21px;
		line-height: 28px;
	}
	.ourSercont img
	{
		max-height: 112px;
	}
	.platformCon h4
	{
		font-size: 21px;
		line-height: 15px;
	}
	.platformCon
	{
		min-height: 155px;
	}
	.testi_Cont p
	{
		font-size: 18px;
	}
	.ftrPara {
		font-size: 14px;
	}
	.ftrUl1 li a {
		font-size: 15px;
	}
	.FormCss .form-control {
		font-size: 16px;
	}
	.FormCss .form-group label.LblPlce, .ui-mobile .Rager label, .ui-controlgroup-label {
		font-size: 12px;
	}
	.FormCss .form-control:focus ~ label.LblPlce, .FormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .FormCss select.form-control ~ label.LblPlce.actv, .FormCss input[type="date"].form-control ~ label.LblPlce {
		top: -14px;
	}
	.footerSecinnr4 .themeHdgMain
	{
		font-size: 19px;
	}
	.themeHdgMain::before
	{
		width: 56px;
		height: 3px;
	}
	.themeBTN, .themeBTN_Opo
	{
		font-size: 15px;
	}
	.footerSecMain2 p {
		font-size: 12px;
	}
	.search-form .form-group input.form-control
	{
		font-size: 16px;
	}
	.cmnDoor h5
	{
		font-size: 17px;
	    line-height: 28px;
		padding-bottom: 28px;
	}
	.cmnDoor img
	{
		width: 55px;
	}
	.smBtn
	{
		font-size: 13px;
	}
	.bussnesCard h4 
	{
		font-size: 20px;
	}
	
	
	/* 23 amy 19 */
	.FeatureTab li a
	{
		font-size: 18px;
		min-height: 76px;
	}
	.tabHdg.themeHdgMain
	{
		font-size: 18px;
		line-height: 22px;
		padding-bottom: 10px;
	}
	.learn-more button
	{
		font-size: 13px;
	}
	.ylwCard h4
	{
		 font-size: 20px;
	}
	.accordinStyl .panel-default > .panel-heading a
	{
		    font-size: 20px;
	}
	.priceCard h4
	{
		    font-size: 20px;
	}
	.priceCardBdy h3
	{
	    font-size: 22px;
	}
	.priceCard
	{
		margin-top: 30px;
	}
	
	/* select plan */
	.invoiceTable tr.invoiceNetAmt td
	{
		font-size: 20px;
	}
	.invoiceTable tr.invoiceNetAmt td i {
		font-size: 17px;
	}
	.invoiceTable tfoot tr td i, .invoiceTable tbody tr td i {
		font-size: 13px;
	}
}
	
@media (max-width: 991px)
{
	/* .responsiveTablShadw
	{
		box-shadow: 6px 0 12px -4px rgba(0, 0, 0, 0.16), -6px 0 8px -3px rgba(0, 0, 0, 0.16);
		padding: 10px;
	} */
}

.radialnav {
    position: fixed;
        top: 32%;
    right: 0%;
    display: block;
    width: 26em;
    height: 26em;
    font: 500 14px/14px arial normal;
    transform: rotate(-90deg);
}
.radialnav .ellipsis {
  position: absolute;
  right: 40%;
  bottom: 0;
  z-index: 2;
  width: 73px;
  height: 41px;
  border-radius: 100%;
  background: #ffb300;
  color: white;
  border-radius: 50px 50px 0px 0px;
  text-align: center;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.44);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.44);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.radialnav .ellipsis:focus 
{
	outline: none;
}
.radialnav .ellipsis i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -10px;
    font-size: 24px;
    color: #000000;
	transform: rotate(180deg);
}

.radialnav.active .ellipsis  i 
{
	transform: rotate(0deg);
}
.radialnav .ellipsis:active, .radialnav .ellipsis:hover {
  
  background: #ffb300;
}
.radialnav a {
  color: white;
  text-decoration: none;
}
.radialnav.active .ellipsis {
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.44);
  -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.44);
  background: #ffb300;
}
.radialnav.active .graph_menu {
  pointer-events: auto;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.graph_menu, .submenu {
  position: absolute;
  top: 50%;
  right: 8%;
  z-index: 0;
  width: 300px;
  height: 363px;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -moz-transform: scale(0.1);
  transform: scale(0.1);
  pointer-events: none;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  transition: all .15s ease;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.graph_menu > li:nth-of-type(1), .submenu > li:nth-of-type(1) {
  -moz-transform: rotate(0deg) skew(30deg);
  -ms-transform: rotate(0deg) skew(30deg);
  -webkit-transform: rotate(0deg) skew(30deg);
  transform: rotate(0deg) skew(30deg);
}
.graph_menu > li:nth-of-type(2), .submenu > li:nth-of-type(2) {
  -moz-transform: rotate(60deg) skew(30deg);
  -ms-transform: rotate(60deg) skew(30deg);
  -webkit-transform: rotate(60deg) skew(30deg);
  transform: rotate(60deg) skew(30deg);
}
.graph_menu > li.active > a
{
  background-color: #1c313a;
}
.graph_menu > li:nth-of-type(3), .submenu > li:nth-of-type(3) {
  -moz-transform: rotate(120deg) skew(30deg);
  -ms-transform: rotate(120deg) skew(30deg);
  -webkit-transform: rotate(120deg) skew(30deg);
  transform: rotate(120deg) skew(30deg);
}

.graph_menu > li, .submenu > li {
  position: absolute;
  bottom: 50%;
  right: 50%;
  font-size: 1.5em;
  width: 10em;
  height: 10em;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  overflow: hidden;
  margin-top: -1.3em;
  margin-left: -10em;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all 0.3s ease;
}
.graph_menu > li a, .submenu > li a {
  position: absolute;
  bottom: -7.25em;
  right: -7.25em;
  display: block;
  height: 14.5em;
  width: 14.5em;
  border-radius: 50%;
  text-decoration: none;
  color: #fff;
  padding-top: 0em;
  text-align: center;
  font-size: 1.18em;
  -webkit-transform: skew(-30deg) rotate(-70deg) scale(1);
  -ms-transform: skew(-30deg) rotate(-70deg) scale(1);
  -moz-transform: skew(-30deg) rotate(-70deg) scale(1);
  transform: skew(-30deg) rotate(-70deg) scale(1);
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, color 0.3s;
  -moz-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  background-color: #9fa6a9;
}
.graph_menu > li a i, .submenu > li a i {
  padding: 20px 15px 0 0;
}


@media (max-width: 991px)
{
	.graphLg1
	{
		max-width: 100%;
		min-height: auto;
	}
	.textHolder {
		text-align: center;
		background: #fbc02d;
		padding: 25px 20px;
		color: #ffffff !important;
		border-radius: 11px;
		border: 0px;
		border-bottom-width: 30px;
		border-style: solid;
	}
	.textHolder h5 {
	    color: #ffffff;
		font-size: 50px;
		display: inline-block;
		padding: 0px 31px 10px;
		border-bottom: 3px solid #ffffff;
		font-family: 'Muli-Bold';
		margin-bottom: 20px;
	}
	.textHolder p {
		color: #ffffff;
		font-size: 18px;
		font-family: 'Muli-Bold';
	}
	.CatElement {
		margin-bottom: 25px;
	}
	.graphTooltip {
		padding: 20px 20px 20px;
		text-align: left;
		background: #f1f1f1;
		margin: 0px 14px;
		border-radius: 0px 0px 8px 8px;

	}

	.graphTooltip h5 {
		font-size: 20px;
		color: #000000;
		padding-bottom: 10px;
		font-family: 'Muli-Bold';
	}
	.graphTooltip p{
		color: #000000;
	}
	.text1, .text2, .text3
	{
		position: absolute;
		color: #ffffff;
		font-size: 18px;
		font-family: 'Muli-Bold';
		line-height: 25px;		
		transform: rotate(89deg);
		text-align: center;
	}
	.text1
	{		
		top: 92px;
		right: -2px;				
	}
	.text2
	{		
		top: 36px;
		right: 114px;		
	}
	.text3
	{		
		top: 94px;
		right: 198px;
		transform: rotate(90deg);		
	}
	ul.graph_menu:before {
		content: "";
		position: absolute;
		width: 1px;
		height: 139px;
		background: #1c313a;
		right: 205px;
		top: 18px;
		z-index: 9;
		transform: rotate(150deg);
	}
	ul.graph_menu:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 142px;
		background: #1c313a;
		right: 96px;
		top: 17px;
		z-index: 9;
		transform: rotate(210deg);
	}
	.CatElement:first-child .textHolder 
	{
		background-color: #FBC02D;
		    border-color: #E19A0C;
	}
	.CatElement:nth-child(2) .textHolder 
	{
		background-color: #01ADEB;
		border-color: #0B98D0;
	}
	.CatElement:nth-child(3) .textHolder 
	{
		background-color: #00427A;
		border-color: #003664;
	}
	.CatElement:nth-child(4) .textHolder 
	{
		background-color: #FBC02D;
		border-color: #E19A0C;
	}
	.CatElement:nth-child(5) .textHolder 
	{
		background-color: #01ADEB;
		border-color: #0B98D0;
	}
	.CatElement:nth-child(6) .textHolder 
	{
		background-color: #00427A;
		border-color: #003664;
	}
	
}






/**======================================
Nitin css part
starts from here
as on 21-05-2019
======================================**/

/*------------- common css ---------------*/
.fullwidth100
{
	width:100%;
	float:Left;
}



@media only screen and (max-width: 480px)
{
	.col-xss-12
	{
		width:100%;
		float:left;
	}
}

/*------------- common css ---------------*/

/**---------- Financial Advisor page ------------**/	

/*--Wealth-Magic for Banks setion--*/
.wmforbank_box
{
	width:19%;
	float:left;
	background-color:#fff;
	border-radius:8px;
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.16);
	padding:18px 12px;
	min-height:539px;
    margin-left: 18px;	
	margin-top:49px;	
}
.wmforbank_div .wmforbank_box:first-child
{
	margin-left:0px;
}

.wmforbank_box h5
{
	color:#1C313A;
	font-family: 'Muli-Bold';
	text-align:Center;	
	height:110px;
	margin-top:27px;
	line-height: 34px;	
}
.wmforbank_box p
{
	text-align:Center;
}


.wmforbank_hex
{
	width:197px;
	height:221px;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);	
    padding-top: 10px;
	margin: 0px auto;
	overflow: hidden;	
}
.wmforbank_hexwhite
{
	width:177px;
	height:201px;
	background-color:#fff;	
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);		
	margin: 0px auto;
    padding-top: 5px;	
}
.wmforbank_hexcolor
{
	width:167px;
	height:191px;	
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);	
	margin: 0px auto;
	padding-top: 29px;		
}
.wmforbank_hexcolor img
{
	margin:0px auto;
    margin-top: 10px;	
}
.wmforbank_box img {
    max-width: 115px;
    margin: 0px auto;
}
.wmforbank_hex1 .wmforbank_hex, .wmforbank_hex1 .wmforbank_hexcolor
{
	background-color:#E19A0C;	
}
.wmforbank_hex2 .wmforbank_hex, .wmforbank_hex2 .wmforbank_hexcolor
{
	background-color:#00427A;	
}
.wmforbank_hex3 .wmforbank_hex, .wmforbank_hex3 .wmforbank_hexcolor
{
	background-color:#9BB806;	
}
.wmforbank_hex4 .wmforbank_hex, .wmforbank_hex4 .wmforbank_hexcolor
{
	background-color:#00427A;	
}
.wmforbank_hex5 .wmforbank_hex, .wmforbank_hex5 .wmforbank_hexcolor
{
	background-color:#E19A0C;	
}


@media only screen and (max-width:1699px)
{
	.wmforbank_box
	{
	    margin-left: 14px;	
	}
}
@media only screen and (min-width: 1601px)
{
	.wmforbank_box h5
	{
		font-size:26px;
	}	
	.wmforbank_box p
	{
		font-size:22px;	
	}
}
@media only screen and (max-width: 1699px)
{
	.wmforbank_box p
	{
		font-size:18px;	
	}	
}
@media only screen and (max-width: 1600px)
{
	.wmforbank_box
	{
	    margin-left: 14px;	
	}
	.wmforbank_hex 
	{
		width: 177px;
		height: 211px;		
	}
	.wmforbank_hexwhite 
	{
		width: 157px;
		height: 191px;
	}
	.wmforbank_hexcolor 
	{
		width: 147px;
		height: 181px;
	}
	.wmforbank_hexcolor img
	{
		margin-top: 19px;
		width: 62%;
	}	

}
@media only screen and (max-width: 1600px) and (min-width: 1201px)
{
	.wmforbank_box h5
	{
		font-size:20px;
		line-height:26px;
		height:90px;
	}
	.wmforbank_box	
	{
	    min-height: 517px;	
	}
}
@media only screen and (max-width: 1300px)
{
	.wmforbank_hexcolor img
	{
		margin-top: 19px;
		width: 62%;
	}
	.wmforbank_box 
	{
		margin-left: 10px;
	}
	.wmforbank_hex 
	{
		width: 155px;
		height: 197px;		
	}
	.wmforbank_hexwhite 
	{
		width: 145px;
		height: 177px;
	}
	.wmforbank_hexcolor 
	{
		width: 135px;
		height: 167px;		
	}
}
@media only screen and (max-width: 1200px)	
{
	.wmforbank_box h5
	{
		font-size: 15px;
		line-height: 20px;
		height: 61px;
	}	
	.wmforbank_hexcolor img
	{
		margin-top: 0px;
	}
	.wmforbank_hex 
	{
		width: 145px;
		height: 167px;
	}
	.wmforbank_hexwhite 
	{
		width: 135px;
		height: 147px;
	}
	.wmforbank_hexcolor 
	{
		width: 125px;
		height: 137px;
	}
	.wmforbank_box	
	{
		min-height: 443px;	
		margin-top: 28px;
	}
}
@media only screen and (max-width: 991px)	
{
	.wmforbank_div
	{
		text-align:center;
	}
	.wmforbank_box 
	{
		min-height: 400px;
		margin-left: 18px;
		float: none;
		display: inline-block;
		width: 30%;
	}	
	.wmforbank_box h5
	{
		font-size: 17px;
		line-height: 23px;		
		height: 51px;	
	}
	.stkinsbrkr .cmmnSec
	{
		padding-top: 40px;
		padding-bottom: 40px;		
	}
}
@media only screen and (max-width: 767px)
{
	.wmforbank_hex 
	{
		width: 135px;
		height: 157px;
	}
	.wmforbank_hexwhite 
	{
		width: 125px;
		height: 137px;
	}	
	.wmforbank_hexcolor 
	{
		width: 115px;
		height: 127px;
	}
	.wmforbank_box 
	{
		min-height: 403px;
	}
	.wmforbank_box h5 
	{
		font-size: 15px;
		height: 77px;
	}
	
}

@media only screen and (max-width: 650px)
{
	.wmforbank_box 
	{
		width: 45%;
		margin-left: 9px;
		min-height: 385px;		
	}
	.wmforbank_box h5
	{
		height: 60px;	
	}
}
@media only screen and (max-width: 480px)
{
	.wmforbank_box	
	{
		width:100%;
		float:left;
		margin-left:0px;
	}
	.wmforbank_box h5 
	{
		height: 55px;
	}
	.wmforbank_box 
	{
		min-height: 370px;
	}	
}
/*--Wealth-Magic for Banks setion--*/

/*--Boost Your Growth Engine --*/

.ourSercont:hover p
{
	    position: relative;
}
.customNavigation a
{
	cursor: pointer;
}
@media only screen and (max-width:1699px)
{
	.ourSercont h4
	{
	    font-size: 21px;
		line-height: 30px;		
	}
	/* .ourSercont p
	{
	    font-size: 17px;	
	} */
}
@media only screen and (max-width: 1600px)
{
	.ourSercont h4 
	{
		font-size: 21px;
	}
	.ourSercont p 
	{
		height: 200px;
	}	
}
/*--Boost Your Growth Engine --*/

/*--Pricing--*/
.custpricing
{
	text-align:center;
}
.custpricing p
{
	font-weight:600;
	color:#1C313A;
	padding: 0px 323px;	
}
.custpricing button
{
	margin-top:26px;
	-webkit-box-shadow: 0px 21px 60px rgba(251, 192, 45, 0.75);
	-moz-box-shadow:    0px 21px 60px rgba(251, 192, 45, 0.75);
	box-shadow:         0px 21px 60px rgba(251, 192, 45, 0.75);	
}

@media only screen and (max-width: 1600px)
{
	.custpricing p
	{
	    padding: 0px 285px;	
	}
}
@media only screen and (max-width: 1300px)
{
	.custpricing p
	{
	    padding: 0px 275px;	
	}
}
@media only screen and (max-width: 1200px)
{
	.custpricing p 
	{
		padding: 0px 207px;
	}
}
@media only screen and (max-width: 1024px)
{
	.custpricing p 
	{
		padding: 0px 92px;
	}
}
@media only screen and (max-width: 767px)
{
	.custpricing p 
	{
		padding: 0px 81px;
	}
}
@media only screen and (max-width: 650px)
{
	.custpricing p 
	{
		padding: 0px 0px;
	}
}
/*--Pricing--*/


/**---------- Financial Advisor page ------------**/


/**---------- Stock/Insurance Broker page -------------**/
.stkinsbrkr_h3
{
	font-size:32px;
	text-align:center;
	color:#1C313A;
	margin-top:45px;
}
.wmforbank_box
{
	margin-top:24px;
}
.stkinsbrkr .wmforbank_box h5
{
    height: 81px;	
}


@media only screen and (max-width: 1600px)
{
	.stkinsbrkr .ourSercont h4
	{
		line-height: 27px;
	}
	.stkinsbrkr .wmforbank_box h5 
	{
		height: 65px;
	}
	.stkinsbrkr .wmforbank_box 
	{
		min-height: 470px;
		/* margin-top: 10px;		 */
	}	
	.stkinsbrkr_h3 
	{
		font-size: 25px;
		margin-top: 22px;
	}

}
@media only screen and (max-width: 1200px)
{
	.stkinsbrkr .wmforbank_box h5 
	{
		font-size: 16px;
	}
	.stkinsbrkr .wmforbank_box h5 
	{
		height: 50px;
	}
	.stkinsbrkr .wmforbank_box 
	{
		min-height: 393px;
	}
	.stkinsbrkr_h3 
	{
		font-size: 20px;
		margin-top: 15px;
	}	
	.stkinsbrkr .wmforbank_box 
	{
		margin-top: 0px;
	}
	.stkinsbrkr .themeHdgMain
	{
		font-size: 20px;
	}
}
@media only screen and (max-width: 991px)
{
	.stkinsbrkr_h3
	{
		margin-top: 5px;	
	}
	.stkinsbrkr .wmforbank_box 
	{
	    margin-top: 28px;
	}
	.stkinsbrkr .wmforbank_div > DIV:nth-child(1), .stkinsbrkr .wmforbank_div > DIV:nth-child(2), .stkinsbrkr .wmforbank_div > DIV:nth-child(3)
	{
		margin-top:0px;
	}
}
@media only screen and (max-width: 767px)
{
	.stkinsbrkr .wmforbank_box 
	{
		min-height: 374px;
	}
}
@media only screen and (max-width: 480px)
{
	.stkinsbrkr .wmforbank_div > DIV:nth-child(2), .stkinsbrkr .wmforbank_div > DIV:nth-child(3)
	{
		margin-top:28px;
	}	
	.stkinsbrkr .wmforbank_box 
	{
		min-height: 345px;
	}
	.stkinsbrkr_h3 
	{
		font-size: 16px;
	}
}


/*--- Boost your growth engine ---*/
@media only screen and (max-width: 991px)
{
	.stkinsbrkr .ourSercont h4 
	{
		font-size: 17px;
	}
	.stkinsbrkr .ourSercontInnr
	{
		min-height: 260px;
	}
	.stkinsbrkr .ourSercont p
	{
	    height: 166px;
		padding-top: 5px;		
	}
	.ourSercontInnr
	{
		padding:15px 11px;
	}
}
@media only screen and (max-width: 767px)
{
	.stkinsbrkr .themeHdgMain br, .stkinsbrkr .ourSercont h4 br
	{
		display:none;
	}
	.stkinsbrkr .ourSercont h4 
	{
		font-size: 21px;
	}
	.stkinsbrkr .ourSercontInnr 
	{
		min-height: 260px;
	}
	.stkinsbrkr .ourSercont p
	{
	    padding-top: 20px;	
	}
}
@media only screen and (max-width: 480px)
{
	.stkinsbrkr .themeHdgMain 
	{
		font-size: 19px;
	}
}

/**---------- Stock/Insurance Broker page -------------**/




/**---------- Wealth Management Firms ----------------**/

.themeHdgMain span
{
	font-family:'Muli-Regular';
}
.wmf .wmforbank_box h5 
{
    font-size: 24px;
}
.wmf.stkinsbrkr .wmforbank_box h5 {
    height: 110px;
}

@media only screen and (max-width:1699px)
{
	.wmf .wmforbank_box
	{
	    min-height: 379px;	
	}
	.wmf .wmforbank_box h5 
	{
		font-size: 18px;
		line-height: 28px;
	}
	.wmf .wmforbank_box p 
	{
		font-size: 16px;
	}	
}
@media only screen and (max-width: 1600px)
{
	.wmf.stkinsbrkr .wmforbank_box h5 
	{
		height: 84px;
	}	
}
@media only screen and (max-width: 1199px)
{
	.wmf .wmforbank_box h5 
	{
		font-size: 14px;
		line-height: 22px;
	}
	.wmf .wmforbank_box p 
	{
		font-size: 14px;
	}
	.wmf.stkinsbrkr .wmforbank_box h5 
	{
		height: 74px;
	}
	.wmf.stkinsbrkr .wmforbank_box 
	{
		min-height: 357px;
	}	
}
@media only screen and (max-width: 991px)
{
	.wmf .wmforbank_box h5 
	{
		font-size: 18px;
	}
	.wmf .wmforbank_box p 
	{
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px)
{
	.wmf .wmforbank_box h5 
	{
		font-size: 15px;
	}
	.wmf .wmforbank_box p 
	{
		font-size: 14px;
	}
	.wmf.stkinsbrkr .wmforbank_box h5 
	{
		height: 70px;
	}
}

@media only screen and (max-width: 650px)
{
	.wmf .wmforbank_box h5 
	{
		font-size: 17px;
	}
	.wmf .wmforbank_box p 
	{
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px)
{
	.wmf.stkinsbrkr .wmforbank_box 
	{
		min-height: 383px;
	}
}

/*--- Boost your growth engine ---*/
.wmf .ourSercontInnr
{
	padding: 20px 13px;	
}

@media only screen and (max-width: 1600px)
{
	.wmf .ourSercont p 
	{
		font-size: 15px;
	}
}
@media only screen and (max-width: 1200px)
{
	.ourSercont h4 
	{
		font-size: 19px;
	}
	.wmf .ourSercontInnr 
	{
		padding: 10px 11px;
	}
	.wmf .ourSercont p 
	{
		font-size: 13px;
	}	
}
@media only screen and (max-width: 767px)
{
	.wmf .ourSercont p 
	{
		font-size: 15px;
	}
}
/*--- Boost your growth engine ---*/

/**---------- Wealth Management Firms ----------------**/


/**-------------- I am Financial Advisor ----------------**/
.imfinanadvis .wmforbank_box
{
	width:100%;
}
.imfinanadvis .wmforbank_box 
{
    min-height: 400px;
}
.imfinanadvis .wmforbank_box p.p
{
    margin-top: 25px;	
}
.digitExpSec > .container > DIV:nth-child(3)
{
	padding-bottom:0px;
}

@media only screen and (max-width: 1699px)
{
	.imfinanadvis .wmforbank_box 
	{
		min-height: 388px;
	}
}
@media only screen and (max-width: 1600px)
{
	.imfinanadvis .wmforbank_box 
	{
		min-height: 370px;
	}
}
@media only screen and (max-width: 1200px)
{
	.imfinanadvis .wmforbank_box 
	{
		min-height: 316px;
	}
	.imfinanadvis .wmforbank_box p 
	{
		font-size: 18px;
	}
}
@media only screen and (max-width: 650px)
{
	.imfinanadvis .wmforbank_box p 
	{
		font-size: 17px;
	}
}
@media only screen and (max-width: 480px)
{
	.imfinanadvis .wmforbank_box 
	{
		min-height: 305px;
	}
}


/*--- Boost your growth engine ---*/
@media only screen and (max-width: 1600px)
{
	.imfinanadvis .ourSercontInnr
	{
	    padding: 10px 15px;	
	}
	.imfinanadvis .ourSercont p
	{
		height: 205px;
	    padding-top: 8px;	
	}
}
@media only screen and (max-width: 1200px)
{
	.imfinanadvis .ourSercont p 
	{
		font-size: 15px;
	}
}
@media only screen and (max-width: 991px)
{
	.imfinanadvis.stkinsbrkr .ourSercontInnr 
	{
		min-height: 284px;
	}
	.imfinanadvis.stkinsbrkr .ourSercont p 
	{
		font-size: 13px;
		height: 181px;
	}
}
@media only screen and (max-width: 767px)
{
	.imfinanadvis.stkinsbrkr .ourSercont p 
	{
		font-size: 16px;
	}
	.imfinanadvis .ourSercontInnr 
	{
		padding: 20px 15px;
	}
}
/*--- Boost your growth engine ---*/

/**-------------- I am Financial Advisor ----------------**/


/**------------------ Enhance Customer Relationship -------------------**/

/*--- wheel menu part starts ---**/
.wheelmenucircle {
  position: relative;
  border: 1px solid black;
  padding: 0;
  margin: 1em auto;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  list-style: none;
  overflow: hidden;
}
.wheelmenucircle li {
  overflow: hidden;
  position: absolute;
  top: -20%;
  right: -20%;
  width: 70%;
  height: 70%;
  transform-origin: 0% 100%;
}
.wheelmenucircle .text {
	position: absolute;
    left: -88%;
    width: 200%;
    height: 200%;
    text-align: center;
    transform: skewY(-28deg) rotate(60deg);
    padding-top: 20px;
    top: -40px;
	font-family:'Muli-Regular';
	font-weight:bold;
    font-size: 15px;
	color:#fff;	
}
.wheelmenucircle .text p
{
    margin-top: 163px;
	color:#fff;	
}

.wheelmenucircle li:first-child {
  transform: rotate(0deg) skewY(30deg);
}
.wheelmenucircle li:nth-child(2) {
  transform: rotate(120deg) skewY(30deg);
}
.wheelmenucircle li:nth-child(3) {
  transform: rotate(240deg) skewY(30deg);
}
.wheelmenucircle li:first-child .text {
  background: green;
}
.wheelmenucircle li:nth-child(2) .text {
  background: tomato;
}
.wheelmenucircle li:nth-child(3) .text {
  background: aqua;
}
.wheelmenucircle .circlesec1
{
	background-color:#1C313A!important;
}
.wheelmenucircle .circlesec2
{
	background-color:#718792!important;
}
.wheelmenucircle .circlesec3
{
	background-color:#718792!important;
}

.wheelrotate {
 transform:rotate(-61deg); 
}


/*--- wheel menu part starts ---**/
/**------------------ Enhance Customer Relationship -------------------**/

.owl-theme .owl-controls
{
	display: none !important;
}

#privacyMdl .modal-body
{
	position: relative;
    padding: 15px;
    max-height: 400px;
    overflow: auto;
}

@media (max-width: 767px)
{
	.homeBanner .item img
{
	visibility: hidden;
}
	.homeBanner .item
	{
		background-image: url(../images/mobile_Slide.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}