@charset "utf-8";

/* CSS Document */

@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700';

/*@font-face{font-family:'Lato';src:url('./fonts/Lato-LightItalic.eot');src:url('./fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-LightItalic.woff') format('woff'),url('./fonts/Lato-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;}

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

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

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

@font-face{font-family:'Lato Hairline';src:url('./fonts/Lato-HairlineItalic.eot');src:url('./fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-HairlineItalic.woff') format('woff'),url('./fonts/Lato-HairlineItalic.ttf') format('truetype');font-weight:300;font-style:italic;}

@font-face{font-family:'Lato';src:url('./fonts/Lato-BoldItalic.eot');src:url('./fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-BoldItalic.woff') format('woff'),url('./fonts/Lato-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;}

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

@font-face{font-family:'Lato';src:url('./fonts/Lato-BlackItalic.eot');src:url('./fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),url('./fonts/Lato-BlackItalic.woff') format('woff'),url('./fonts/Lato-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic;}

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

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

@font-face {
	font-family: 'Unite';
	src: url('../fonts/Unite_500.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Unite';
	src: url('../fonts/Unite_500_it.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Unite';
	src: url('../fonts/Unite_500.otf') format('opentype');
	font-weight: 700;
}

a {
	text-decoration: none;
	outline: none;
	color: #696969;
}

a:hover {
	text-decoration: underline;
	color: #12416d;
}

a:link {
	outline: none;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	color: #88898b;
}

.hr {
	background-color: #c0c0c0;
}

.times_new_roman {
	font-family: 'Times New Roman', Times, serif;
}

.btn {
	font-family: 'Roboto Condensed', sans-serif;
	background: var(--secondry);
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 20px;
	border-radius: 0px;
	border-radius:100px;
	cursor: pointer;
}

.btn:hover,
.btn.active {
	text-decoration: none;
	text-shadow: none;
	color: #fff;
	background-color: var(--primary);
}
a#createCaseForm {
    padding: 10px;
    background: var(--secondry);
    color: #fff;
	border-radius:100px;
    text-decoration: none;
}
a#createCaseForm:hover {
    background: var(--primary);
    
}
.gray_btn {
	background-color: var(--secondry);
	border: none;
	color: #fff;
	font-size: 16px;
	box-shadow: 1px 1px 1px #333333;
	padding: 10px 20px;
	border-radius:100px;
}

.gray_btn:hover {
	text-decoration: none;
	color: #fff;
	background-color: var(--primary);
}
a#view_case_notes{
	border-radius:100px;
	
}
a#view_case_notes:hover{
	background:var(--primary);
	
}
.gray_btn.active {
	background-color: var(--secondry);
	color: #fff;
}

input.datepicker {
	float: left;
	border: 1px solid #dbdbdb;
	color: #696969;
	box-shadow: none;
	padding: 5px;
	background: url(../images/Calendar_Icon_22_X_25.jpg) 99% center no-repeat;
	cursor: pointer;
	display: block;
}

input.text_field {
	border: 1px solid #dbdbdb;
	box-shadow: none;
	padding: 5px;
}

.border {
	border: 1px solid #dbdbdb;
	box-shadow: none;
	color: #696969;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #696969;
}

h1 {
	font-size: 28px;
	margin-top: 0px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

/*-------------------------------------------------------------Top Nav End----------------------------------------------------------------*/
.header_wrap {
	display: flex;
	padding: 0px 20px;
	align-items: center;
	max-width: 1366px;
	margin: 0 auto;
}
.header_wrap .logo {
	flex: 18%;
}
.header_wrap nav {
	flex: 82%;
	text-align: right;
}
.header .menu {
	padding-left: 0px;
	padding-right: 0px;
}
.header_wrap .menu li.more_menu_item:hover .sub-menu {
	left: unset;
	right: 0px;
}
#sign_in {
	background-color: #628cc9 !important;
	border: unset !important;
	border-radius: unset;
	min-width: 841px;
	padding: 0px 0px 40px;
}
#sign_in #loginFormDiv {
	overflow: hidden;
}
#sign_in ul#msg {
	display: none;
}
#sign_in table {
	padding: 50px 46px 0px;
	width: 100%;
}
#sign_in #forgetPasswordFormDiv {
	padding: 50px 46px 0px;
}
#sign_in label {
	font-size: 16px;
	padding-right: 2px;
}
#sign_in #forgetPasswordFormDiv label {
	display: inline-block;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sign_in .btn {
	margin-top: 15px;
}
#sign_in input.text_field {
	border: 1px solid #999;
	color: #666;
	padding: 15px 10px !important;
	width: 100% !important;
	box-sizing: border-box;
}
#sign_in #message {
	background-color: #ff4343;
	color: #ffffff;
	border-radius: 0px;
	margin-bottom: 0px;
}

#tab_wrap a {
	background: var(--secondry);
	font-size: 12pt;
	color: #fff;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);
}

#tab_wrap a:hover,
#tab_wrap a.active {
	text-decoration: none;
	text-shadow: none;
	background-color: var(--primary);
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);
}

#tab_wrap a.in_active {
	text-decoration: none;
	background-color: #b2b2b2;
	color: #8e8e8e;
	cursor: default;
	display: none;
}

#tab_wrap a.in_active:hover {
	text-shadow: none;
}

#tab_wrap span.singout_btn {
	background: var(--primary);
	font-weight: bold;
	font-size: 10pt;
	color: #fff;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);
}

#tab_wrap span.singout_btn cite {
	color: #ffffff;
	font-family: Times New Roman;
	font-style: italic;
	font-weight: bold;
}

#tab_wrap span.singout_btn a {
	text-align: center;
	text-decoration: underline;
	background: none;
	font-size: 10pt;
	padding:0px!important ;
	box-shadow: none;
	border-left: none;
}

#tab_wrap span.singout_btn a:hover {
	text-shadow: none;
}

.case_form {
	border: 3px solid rgba(36, 141, 193, 0.32);
	background-color: #fff;
}

.form_content_head {
	border-bottom: 3px solid #c0c0c0;
}



table.date_table td input.search_cases_btn {
	font-weight: 400s;
	border: none;
	border-radius:100px!important; 
	font-size: 17px;
	background: var(--secondry);
	color: #fff;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);
}

table.date_table td input.search_cases_btn:hover {
	background-color: var(--primary);
}

.select_filde {
	background-color: #f5f5f5;
	border: 1px solid #c0c0c0;
	color: #696969;
}

.select_filde label {
	font-size: 10pt;
	font-weight: bold;
}

.select_filde select {
	font-size: 10pt;
	font-weight: bold;
}

.schedule_content label {
	font-size: 10pt;
	font-weight: bold;
}

table.form_aera td h6,
table.new_case td h6 {
	color:#fff;
	background-color: var(--primary);
}

table.form_aera td input.text_field,
table.new_case td input.text_field {
	color: #696969;
}

table.form_aera td select,
table.new_case td select {
	color: #696969;
	font-size: 10pt;
	font-weight: bold;
}

table.table_data tr.table_head {
	background-color: var(--primary);
	color: #fff;
	font-weight: bold;
}

table.table_data tr.table_head td {
	border: 1px solid #e8e8e8;
}

table.table_data td {
	border: 1px solid #e8e8e8;
}

table.table_data td a {
	color: #696969;
	font-weight: bold;
}

table.table_data td a:hover {
	color: #12416d;
}
 
.case_info_tab a {
	background-color: var(--secondry);
	color: #fff;
	box-shadow: 2px 2px 2px #555;
	font-weight: bold;
	font-size: 12pt;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=3);
}

#tab_wrap a {

    padding: 0px 21px!important;
}
#tab_wrap .singout_btn a{
	padding:0px!importants
}
.case_info_tab a:hover {
	text-decoration: none;
	background-color: var(--primary);
	color: #fff;
}

.case_info_tab a.active {
	text-decoration: none;
	background-color:  var(--primary);
	color: #fff;
}

.case_info_tab a.in_active {
	text-decoration: none;

}

.case_info_tab a.in_active:hover {
	text-shadow: none;
}

.case_info h6 {
	color: #12416d;
	font-size: 16pt;
}

.case_id {
	color: #696969;
	font-size: 16pt;
	font-weight: bold;
}

.invices_info table.table_data td:first-child {
	font-weight: bold;
}

.add_user {
	background-color: #fff;
}

.add_user table.form_aera td {
	font-weight: bold;
}

.add_user table.form_aera td table td {
	font-weight: normal;
}

#BrowserVisible,
#BrowserVisible2,
#BrowserVisible3 {
	background: url(../images/browse_btn.png) 100% 0px no-repeat;
}

#FileField,
#FileField2,
#FileField3 {
	color: #88898b;
	border: 1px solid #dbdbdb;
	box-shadow: 1px 1px 0 #dbdbdb inset;
}

.dataTables_filter input,
.dataTables_length select {
	border: 1px solid #dbdbdb;
	box-shadow: 1px 1px 0 #dbdbdb inset;
	color: #696969;
}

#loader {
	display: none;
	position: absolute;
	left: 44%;
	top: 50%;
	z-index: 16;
}

#loading {
	display: none;
	background: url(../images/loader_bg.png) left top;
	cursor: auto;
	width: 100%;
	height: 100%;
	z-index: 15; /* Positioning */
	position: absolute;
	left: 0;
	top: 0;
}

#pay_current_balance.in_active {
	text-decoration: none;
	background-color: #ababab;
	color: #919191;
	cursor: default;
	border: 0px;
}

#pay_current_balance.in_active:hover {
	text-shadow: none;
}

/*===================================================*/

html {
	position: relative;
	min-height: 100%;
}

body {
}

p {
	font-size: 14px;
	color: #333;
}

#wrapper {
	background: transparent;
	padding: 0;
	margin-top: 0px;
	border-radius: 0px;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

#container {
	float: none;
	width: 100%;
	padding: 0;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
	clear: both;
	box-sizing: border-box;
	padding: 0 20px;
	margin-bottom: 200px;
}

/*-----------------------------------------*/

div,
section {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#container:after,
.custom-container:after,
.custom-container:before,
.customrow:after,
.customrow:before {
	display: table;
	content: ' ';
}

#container:after,
.custom-container:after,
.customrow:after {
	clear: both;
}

/* =========Footer======================== */

.footer {
	width: 100%;
	float: none;
	text-align: left;
	float: none;
	position: relative;
	clear: both;
}

.footer .contactSection {
	background: #101820;
	padding: 30px 0;
	color: #fff;
	position: relative;
	float: none;
	clear: both;
}

.custom-container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.footer .contactSection h2 {
	margin: 0 0 30px;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.1;
	color: #fff;
}

.customrow {
	margin-right: -15px;
	margin-left: -15px;
}

.footer .contactSection h6 {
	color: #00abff;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	font-family: 'Lato', sans-serif;
	padding: 5px 0 3px 30px;
}

.footer .contactSection p {
	color: #fff;
	line-height: 24px;
	padding: 0 30px;
	margin: 0;
}

.footer .contactSection p a {
	color: #fff;
}

.footer .contactSection .contacts {
	position: relative;
}

.footer .contactSection .contacts:before {
	content: '';
	position: absolute;
	height: 100%;
	background: #707479;
	width: 1px;
}

.footer .footerNav {
	background: #248dc1;
}

.footer .footerNav .bottomNav {
	float: left;
}

.footer .footerNav ul {
	margin: 0;
	padding: 0;
}

.footer .footerNav ul li {
	display: inline-block;
}

.footer .footerNav ul li a {
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
}

.footer .footerNav ul li a:hover {
	background-color: #1b4369;
	text-decoration: none;
}

/*=======*/

.footer .footerNav .socialLink {
	margin: 14px 0;
	float: right;
}

.footer .footerNav .socialLink a {
	padding: 0 10px;
	color: #fff;
	font-size: 20px;
}

.footer .footerNav .socialLink a:hover {
	color: #1b4369;
	text-decoration: none;
}

/*============*/

.copyrightSection {
	padding: 32px 0 35px 0;
}

.copyrightSection p {
	font-size: 14px;
	color: #333;
}

.copyrightSection .bottomLogo {
	float: left;
}

.copyrightSection .bottomText {
	float: right;
	margin: 38px 0 0;
}

/*============================================================*/

#header {
	float: none;
	width: 100%;
	margin-bottom: 50px;
}

.topHeader {
	background: #ffffff;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 0 0;
}

.custom-col4,
.custom-col9,
.custom-col3 {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

/*=================*/

/*==========================*/

.logo a {
	display: block;
}

.topNav {
	margin-top: 20px;
}

.topNav > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.topNav > ul > li {
	display: inline-block;
	position: relative;
	z-index: 110;
	float: left;
	margin-left: 15px;
	height: 40px;
}

.topNav > ul > li > a {
	display: block;
	position: relative;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}

/*.topNav > ul > li > a.drop:after{content:"";position:relative;width:0;display:inline-block;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;margin:0px 0 0 14px;}



*/

.topNav > ul > li:hover > a,
.topNav > ul > li > a:hover {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
	border-radius: 3px 3px 0 0;
	text-decoration: underline;
}

.topNav > ul > li ul {
	position: absolute;
	left: 0;
	top: 40px;
	background: #245192;
	padding: 0;
	margin: 0;
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
}

.topNav > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	top: 40px;
}

.topNav > ul > li ul li {
	list-style: none;
	position: relative;
}

.topNav > ul > li ul li {
	border-top: 1px solid #fff;
}

.topNav > ul > li ul li:first-of-type {
	border-top: none;
}

.topNav > ul > li ul li a {
	color: #fff;
	padding: 0 10px;
	line-height: 35px;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
}

.topNav > ul > li ul li a.droprite:after {
	content: '';
	position: absolute;
	width: 0;
	right: 20px;
	height: 0;
	top: 42%;
	border-left: 5px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.topNav > ul > li ul li a:hover::after {
	border-left: 5px solid #1b436a;
}

.topNav > ul > li ul li a:hover {
	text-decoration: none;
	background: #387fe4 !important;
	color: #fff;
}

.topNav > ul > li ul li ul {
	left: 100%;
	top: 100%;
}

.topNav > ul > li:hover > ul li:hover ul {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.topNav ul,
.topNav ul a {
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.topNav > ul > li > a.customerLogin {
	background: #fff;
	border-radius: 25px;
	color: #248dc1;
}

.topNav > ul > li > a.customerLogin:hover {
	background: #1b436a;
	color: #fff;
	text-decoration: none;
	border-color: #fff;
}

/*=================================================================================================*/

#headerphone {
	margin-top: 50px;
	color: #003c82;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
}

#f_wrapper {
	padding-top: 25px;
	padding-bottom: 10px;
	background: #002868;
	width: 100%;
	position: absolute;
	bottom: 0;
}

#f_wrapper a {
	font-size: 12px;
}

#f_wrapper p {
	font-size: 12px;
	margin: 0;
	color: #6689cc !important;
}

#footer {
	background: #fff;
	padding-bottom: 25px;
	height: 120px;
	width: 1000px;
	margin: 0 auto;
}

#copyright {
	display: none;
	padding: 40px 0 0 0;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.container {
	width: 1000px;
	margin: 0 auto;
}

/*==============*/

@media (min-width: 768px) {
	.custom-container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.custom-container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.custom-container {
		width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}
}

@media (min-width: 991px) {
	.custom-col3 {
		width: 25%;
		float: left;
	}

	.custom-col9 {
		width: 75%;
		float: left;
	}

	.custom-col4 {
		width: 33.33333333%;
		float: left;
	}
}

@media (max-width: 1199px) {
	.custom-col3 {
		width: 100%;
	}

	.custom-col9 {
		width: 100%;
	}

	.logo {
		text-align: center;
	}

	.topNav > ul > li > a {
		font-size: 14px;
	}

	.topNav > ul > li ul {
		min-width: 140px;
	}

	#headerphone {
		margin-top: 20px;
		text-align: center;
	}

	.topNav {
		text-align: center;
	}

	.topNav > ul {
		float: none;
	}

	.topNav > ul > li {
		float: none;
	}

	.topNav > ul > li ul li a {
		line-height: 30px;
		font-size: 12px;
	}
}

@media (max-width: 991px) {
	.topNav > ul > li > a {
		font-size: 14px;
		line-height: 35px;
	}

	.topNav > ul > li ul {
		top: 35px;
	}

	.topNav > ul > li:hover > ul {
		top: 35px;
	}

	.topNav {
		margin: 10px 0 20px 0;
	}

	.custom-col4 {
		width: 33.333%;
		float: left;
	}

	.footer .footerNav ul li a {
		padding: 0 16px;
	}

	.footer .footerNav .bottomNav {
		float: none;
		text-align: center;
	}

	.footer .footerNav .socialLink {
		float: none;
		text-align: center;
	}

	.footer .contactSection p {
		padding: 0 20px;
	}

	.footer .contactSection h6 {
		padding: 5px 0 3px 20px;
	}
}

@media (max-width: 767px) {
	.custom-container {
		width: 100%;
	}
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);

.menu {
	display: block;

	padding: 20px 40px;
}

.menu li {
	display: inline-block;

	position: relative;

	z-index: 100;
}

.menu li:first-child {
	margin-left: 0;
}

.menu li a:hover {
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.menu li ul li a,
.menu li ul li a:hover {
	border-bottom: none;
}

.menu li a {
	font-weight: 500;

	text-decoration: none;

	margin: 10px 20px;

	display: block;

	color: #000;

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

	font-size: 14px;

	position: relative;

	text-transform: uppercase;

	padding-bottom: 5px;

	border-bottom: 1px solid transparent;

	letter-spacing: 0.7px;

	font-family: 'Unite', sans-serif;
}

/* .menu li a:after {

    content: '';

    position: absolute;

    display: inline-block;

    overflow: hidden;

    height: 1px;

    width: 0;

    left: 15px;

    bottom: 5px;

    background: transparent;

    -webkit-transition: width 280ms ease-in-out 400ms;

    -moz-transition: width 280ms ease-in-out 400ms;

    -ms-transition: width 280ms ease-in-out 400ms;

    transition: width 280ms ease-in-out 400ms;

    background: rgba(0,0,0,0.4);

    width: calc(100% - 30px);

} */

/* .menu li a:hover,.menu li:hover>a {

border-bottom:1x solid rgba(0,0,0,0.4) ;

} */

.sub-menu li {
	text-align: left;
}

.menu ul {
	visibility: hidden;

	opacity: 0;

	margin: 0;

	padding: 0;

	width: 200px;

	position: absolute;

	left: 0px;

	background: #fff;

	z-index: 99;

	transform: translate(0, 20px);

	transition: all 0.2s ease-out;

	-webkit-box-shadow: inset 0px 0px 0px 1px #e1e4e6;

	-moz-box-shadow: inset 0px 0px 0px 1px #e1e4e6;

	-ms-box-shadow: inset 0px 0px 0px 1px #e1e4e6;

	box-shadow: inset 0px 0px 0px 1px #e1e4e6;
}

.menu ul:after {
	bottom: 100%;

	left: 20%;

	border: solid transparent;

	content: ' ';

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(255, 255, 255, 0);

	border-bottom-color: #fff;

	border-width: 6px;

	margin-left: -6px;
}

.menu ul li {
	display: block;

	float: none;

	background: none;

	margin: 0;

	padding: 0;
}

.menu ul li a {
	font-size: 12px;

	font-weight: normal;

	display: block;

	color: #000;

	background: #fff;
}

.menu ul li a:hover,
.menu ul li:hover > a {
	color: rgba(0, 0, 0, 0.65);
}

.menu li:hover > ul {
	visibility: visible;

	opacity: 1;

	transform: translate(0, 0);
}

.menu ul ul {
	left: 199px;

	top: 0px;

	visibility: hidden;

	opacity: 0;

	transform: translate(20px, 20px);

	transition: all 0.2s ease-out;
}

.menu ul ul:after {
	left: -6px;

	top: 10%;

	border: solid transparent;

	content: ' ';

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(255, 255, 255, 0);

	border-right-color: #fff;

	border-width: 6px;

	margin-top: -6px;
}

.menu li > ul ul:hover {
	visibility: visible;

	opacity: 1;

	transform: translate(0, 0);
}

.responsive-menu {
	display: none;

	width: 100%;

	padding: 20px 15px;

	background: #374147;

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;
}

.responsive-menu:hover {
	background: #374147;

	color: #fff;

	text-decoration: none;
}

@media (min-width: 768px) and (max-width: 979px) {
	.mainWrap {
		width: 768px;
	}

	.menu ul {
		top: 37px;
	}

	.menu li a {
		font-size: 12px;
	}

	a.homer {
		background: #374147;
	}
}

@media (max-width: 767px) {
	.mainWrap {
		width: auto;

		padding: 50px 20px;
	}

	.menu {
		display: none;
	}

	.responsive-menu {
		display: block;
	}

	nav {
		margin: 0;

		background: none;
	}

	.menu li {
		display: block;

		margin: 0;
	}

	.menu li a {
		background: #fff;

		color: #797979;
	}

	.menu li a:hover,
	.menu li:hover > a {
		background: #9ca3da;

		color: #fff;
	}

	.menu ul {
		visibility: hidden;

		opacity: 0;

		top: 0;

		left: 0;

		width: 100%;

		transform: initial;
	}

	.menu li:hover > ul {
		visibility: visible;

		opacity: 1;

		position: relative;

		transform: initial;
	}

	.menu ul ul {
		left: 0;

		transform: initial;
	}

	.menu li > ul ul:hover {
		transform: initial;
	}
}

.weebly-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);

	padding: 60px 40px;

	font: 14px 'Open Sans', Helvetica, Arial, sans-serif;

	color: #000;
}

.weebly-footer a {
	color: #000;
}

.wsite-section-content {
	background-color: #625f5f;
}
.col-md-4 .elementor-widget-container * {
    font-size: 18px!important;
}
h5.elementor-heading-title.elementor-size-default {
    font-size: 25px;
    width: 200px;
}
.footer_container {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	padding: 60px 10px;
}

.footer .col-md-4:nth-child(odd) {
    padding: 0px 50px;
}
.wsite-multicol-table {
	position: relative;

	border-collapse: collapse;

	table-layout: fixed;

	width: 100%;

	margin: 0 !important;

	border: 0 !important;

	padding: 0 !important;
}

div.paragraph {
	letter-spacing: 0.02em;
}

div.paragraph {
	font-family: 'Montserrat' !important;

	font-size: 16px !important;

	line-height: 30px !important;

	font-weight: 400;

	word-wrap: break-word;
}

.wsite-multicol-col {
	vertical-align: top;

	margin: 0 !important;

	border: 0 !important;

	padding: 0;

	-moz-box-sizing: border-box;
}

.wsite-multicol-col i {
	font-size: 20px;

	margin: 5px;

	font-weight: 500;

	color: #c5cbcf;
}

.wsite-multicol-col i:hover {
	color: #a9b2b8;
}

@media (max-width: 1400px) {
	.d-sm-none {
		display: none !important;
	}
}

@media (min-width: 1400px) {
	.d-lg-none {
		display: none !important;
	}
}

#sign_in {
	position: relative;
	overflow: hidden;
	padding-top: 60px !important;
}

#sign_in .form_title {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	/* background-color: #3f4a75; */
	color: #fff;
	padding: 13px 15px 13px 15px;
	top: 0;
	margin: 0;
}

/* updated */
#sign_in {
	background-color: #d3e5ff !important;
}
#sign_in .form_title {
	/* background-color: #628cc9; */
	background-color: var(--primary);
}
#container #sign_in input.btn,
#container #sign_in button.btn {
	border-radius:100px;
	/* background: #628cc9 !important; */
	background: var(--secondry) !important;
}
#container #sign_in input.btn:hover,
#container #sign_in button.btn:hover {
	/* background: #507ab7 !important; */
	background: var(--primary) !important;
}
#sign_in label {
	color: #000;
}

#header .logo a {
	position: absolute;
	top: 22px;
}
#header .logo a img {
	width: 250px;
}


/* custom css for emulation  */
table.dataTable td {
    padding: 10px 10px !important;
}

.emulation_banner .return_main_acc {
    float: left;
    width: 450px;
    background-color: #FBBB00;
    color: black;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
    
}

.emulation_banner .return_main_acc:hover {
    background-color: rgb(23, 200, 109);
    color: white;
}

.emulation_banner .return_main_acc:active {
    background-color: white;
    color: black;
    border: 5px solid rgb(23, 200, 109);;
}

.emulation_banner .current_emulating_name {
    float: right;
    width: 450px;
    background-color: #FBBB00;
    color: black;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    text-decoration: none;
}

.error {
    color: red;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* custom css for emulation ended */
/*css for braning  and header footer*/
@import url('https://fonts.cdnfonts.com/css/myriad-pro');
@font-face {
  font-family: "Myriad Pro Semibold SemiCondensed";
  src: url("https://db.onlinewebfonts.com/t/8b8821ce464b5a4f4eb91cc78e57b2d7.woff2") format("woff2"),
       url("https://db.onlinewebfonts.com/t/8b8821ce464b5a4f4eb91cc78e57b2d7.woff") format("woff"),
       url("https://db.onlinewebfonts.com/t/8b8821ce464b5a4f4eb91cc78e57b2d7.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Myriad Pro SemiCondensed";
  src: url("https://db.onlinewebfonts.com/t/0d4f9b5d4c1cf25b8a53debb9f5ac6e3.woff2") format("woff2"),
       url("https://db.onlinewebfonts.com/t/0d4f9b5d4c1cf25b8a53debb9f5ac6e3.woff") format("woff"),
       url("https://db.onlinewebfonts.com/t/0d4f9b5d4c1cf25b8a53debb9f5ac6e3.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
:root{
	    --primary: #3D4975;
    --secondry: #598EDC;
    --text: #4D4E4F;
    --accent: #E7EDF3;

}
footer h5 , h1 , h2 , h3, h4, h5, h6 ,{
	 font-family: "Myriad Pro Semibold SemiCondensed";
	
}
body p  , a , buttonss{
	  font-family: "Myriad Pro SemiCondensed", sans-serif!important;
	  font-weight: 400!important;
}
.sub_menu_item	svg{
	  width:15px;
	  transition:0.2s;
}
.menu li a {
   
    margin: 5px;
    font-weight: 700!important;
    color: var(--primary);
    font-size: 12px;
	letter-spacing:0px;
    text-transform: unset;
    font-family: "Myriad Pro Semibold SemiCondensed";
} 
#header .logo a img {
	width: 206px;
}
li.sub_menu_item a {
    display: flex;
    align-items: center;
    gap: 4px;
}
.menu {
    display: block;
    padding: 20px;
}
li.sub_menu_item:hover svg {
    transform: rotate(90deg);
}
.menu ul{
	    background-color: var(--accent);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
	min-width: 160px;
    padding: 16px;
    border-radius: 6px;
    color: #1153A1;
    box-shadow: 0px 1.4px 3.25px 0px rgba(76, 58, 58, 0.04), 0px 7px 20px 0px rgba(76, 58, 58, 0.08);
    transition: opacity 0.3s, visibility 0.3s;
}
.menu ul li a {
	font-family: "Myriad Pro Semibold SemiCondensed";
    font-size: 15px;
    font-weight: normal;
	opacity:0.7s;
    display: block;
    color: var(--primary);
    background: transparent;
}
.menu ul li a:hover {

	opacity:1;
	color: var(--primary);
  
}
#header .logo a {
    position: static; 

}
a.contact_us_btn {
	
    background-color: var(--secondry);
    font-size: 15px!important;
    margin: 0px!important;
    display: inline-flex;
    font-weight: 700;
    border-radius: 100px;
    color: #fff!important;
    margin-left: 0px!important;
    padding: 10px 20px 10px 20px;
}
a.contact_us_btn:hover{
	text-decoration:none!important;
    background-color: var(--primary);
  
}
.header_wrap {
    display: flex;
    padding: 0px 60px;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
}
.header_wrap .nav-wrapper > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.close_nav{
	display:none;
}
.footer{
	background-color:#E8F0F8!important;
	border-radius:100px 100px 0px 0px;
}
.row {
    flex-wrap: wrap;
    display: flex;
}

.col-md-4 {
    width: 33.3%;
}
.header_wrap {
    padding-top: 10px;
}
.footer-logo {
    text-align: right;
    padding-right:  0px;
}
.footer-text{
	font-size:20px!important;
	max-width:450px;
	margin:auto;
}
.footer *{
	color:var(--primary);
}
.footer a{
	color:var(--secondry);
}
.elementor-social-icons-wrapper.elementor-grid {
    display: flex;
    justify-content: center;
    gap: 7px;
    max-width: 1240px;
    margin: auto;
    padding-top: 20px;
    border-top: 1px solid #3d49753b;
}

.elementor-social-icons-wrapper.elementor-grid a {
    width: 35px;
    fill: #fff;
    background: var(--primary);
    display: inline-flex;
    height: 35px;
    line-height: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.elementor-social-icons-wrapper.elementor-grid svg {
    width: 16px;
    fill: #fff;
}

.elementor-social-icons-wrapper.elementor-grid span.elementor-screen-only {
    display: none;
}
@media  (max-width: 1200px){
	.header_wrap {
    padding: 0px 20px;

}

.header_wrap .nav-wrapper {
    display: block!important;
}
.menu li {
    width: fit-content;
}
	.nav-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-wrapper > div {
    background: #fff;
    height: 100%;
    width: 80%;
    margin-left: auto;
    height: 100vh;
    overflow: auto;
}
.nav-wrapper {
    position: fixed;
    z-index: 999;
	transition:0.3s;
    width: 100%;
    background: rgba(0,0,0,0.5);
    left: 100%;
    top: 0px;
    bottom: 0px;
    height: 100vh;
}
.nav-wrapper.active{
	   left: 0px;
}
.nav-wrapper.active a.contact_us_btn {
    float: left;
    margin-left: 24px!important;
}
span.close_nav {
    position: absolute;
    right: 20px;
	display:inline-block;
    top: 20px;
    font-size: 23px;
    font-family: cursive;
    cursor: pointer;
}
.responsive-menu {
    float: right;
    display: block;
    width: fit-content;
}
.sub_menu_item:hover ul{
padding-top:0px;
    position: static;
    background: transparent!important;
    box-shadow: none!important;
}
.responsive-menu {
    display: inline-block!important;
    margin-top: 10px;
    width: fit-contents;
	
    padding: 14px 15px;
    background: #374147;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.menu li a:hover, .menu li:hover > a {
    background: transparent!important;
    color: var(--primary)!important;
}
}
@media  (max-width: 767px){
	.col-md-4{
		width:100%;
		margin:10px 0px;
	}
	.footer-text{
	max-width:100%;
}
	.footer-logo {
    text-align: left;
    padding-right: 0px;
}
	
}