@import url("hi-contrast.css");

/*Date Last modified*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
header {
	position: relative;
}  

body {
	overflow-y: scroll!important;
	overflow-x: hidden!important;
}

.cookies-message{
position: fixed;
width: 100%;
bottom: 0;
background-color: #a81f6c;
padding: 20px;
z-index: 9999;
display:none;
}

.cookies-message.show {
    display: block;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}
.cookies-content{
	color: #fff;
}

.cookies-content a{
text-decoration: underline;
color: #fff;
}

#CookiePreferencesModal{
z-index: 99999;
}

@media (min-width: 1200px){
#CookiePreferencesModal .modal-dialog {
    max-width: 800px;
}
}

.btn-white-outline{
	background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.btn-white-outline:hover{
	border-color:#d7017a;
}

.btn-white:hover{
	   color: #fff;
}

.cc-card-box{
	background-color: #efefef;
    padding: 10px;
    margin: 5px auto;
	font-size:12px;
}

.cc-card-box h5{
	font-size: 16px;
    font-weight: bold;
    color: #606060;
}


.contentDiv a{
	text-decoration:underline!important;
						
							  
							 
 
				 
			 
}

.contentDiv a:hover{
	text-decoration:none!important;
				
						   
}
/** icons **/

.deleteIconBold {
	background-position: -401px -415px;
	width: 24px;
	height: 24px
}

.messi-closebtn {
	float: right;
	margin-top: -5px;
}

.messi-closebtn::after {
	clear: both;
	content: ' ';
}

.iconImg,
.messi-closebtn,
.sp-calender img {
	background: url('../img/sprites.png') no-repeat;
	display: inline-block;
	cursor: pointer;
}

.compassIcon {
	background-position: -306px -5px;
	width: 27px;
	height: 27px;
}

.searchIcon {
	color: #000
}

.accountSearchIcon {
	background-position: -272px -6px;
	width: 22px;
	height: 23px;
}

.searchIcon:hover {
	color: #a81f6c
}

.aboutIcon {
	background-position: -383px 0;
	width: 48px;
	height: 47px
}

.meterIcon {
	background-position: -460px -5px;
	width: 55px;
	height: 45px;
}

.formsIcon {
	background-position: -527px -5px;
	width: 51px;
	height: 49px;
}

.registerIcon {
	background-position: -582px -4px;
	width: 50px;
	height: 47px;
}

.paymentIcon {
	background-position: -6px -61px;
	width: 51px;
	height: 45px;
}

.googlePlay {
	background-position: -71px -65px;
	width: 27px;
	height: 29px
}

.arrowDown {
	background-position: -114px -69px;
	width: 12px;
	height: 8px
}

.purpleSearch {
	background-position: -139px -63px;
	width: 17px;
	height: 18px
}

.closeIcon,
.messi-closebtn {
	background-position: -170px -60px;
	width: 32px;
	height: 32px
}

.userIconPurple {
	background-position: -210px -59px;
	width: 27px;
	height: 27px
}

.innerLayout {
	min-height: 200px;
	margin: 0px 0 15px;
	background: url('../img/buildingsBg.png') no-repeat bottom;
	padding-bottom: 260px;
	background-size: contain;
}

a,
a:visited,
a:hover {
	color: #a81f6c;
}
a:hover, a:focus {
	text-decoration:underline!important;
}
a.btn-link,
a.btn-link:visited {
	color: #a81f6c!important;
	cursor: pointer!important;
}

.purpleBtn,
.resetBtn {
	cursor: pointer!important;
}

.purpleLink,
.purpleLink:visited {
	color: #a81f6c
}

.closeIconPurple {
	background-position: -267px -58px;
	width: 32px;
	height: 32px
}

.meterReading {
	background-position: -310px -49px;
	width: 55px;
	height: 45px;
}

.formsApplications {
	background-position: -373px -51px;
	width: 50px;
	height: 48px;
}

.customerRegistration {
	background-position: -433px -59px;
	width: 49px;
	height: 47px;
}

.supportIcon {
	background-position: -487px -65px;
	width: 54px;
	height: 51px;
}

.serviceRegulations {
	background-position: -550px -70px;
	width: 57px;
	height: 61px;
}

.myAccount {
	background-position: -6px -113px;
	width: 53px;
	height: 52px;
}

.certificate {
	background-position: -73px -116px;
	width: 41px;
	height: 54px;
}

.contactInfo {
	background-position: -199px -109px;
	width: 58px;
	height: 58px;
}

.newPremises {
	background-position: -270px -114px;
	width: 60px;
	height: 60px;
}

.tariff {
	background-position: -343px -117px;
	width: 59px;
	height: 59px;
}

.raiseService {
	background-position: -417px -129px;
	width: 51px;
	height: 34px;
}

.ezabService {
	background-position: -478px -138px;
	width: 75px;
	height: 47px;
}

.kmsp {
	background-position: -561px -139px;
	width: 67px;
	height: 67px;
}

.bulkCustomers {
	background-position: -2px -177px;
	width: 52px;
	height: 67px;
}

.serviceTracking {
	background-position: -128px -115px;
	width: 58px;
	height: 58px;
}

.calendar,
.sp-calender img {
	background-position: -69px -193px;
	width: 30px;
	height: 30px;
	z-index:1;
}

.tendar {
	background-position: -111px -181px;
	width: 78px;
	height: 46px;
}

.auctions {
	background-position: -195px -177px;
	width: 68px;
	height: 54px;
}

.awards {
	background-position: -269px -179px;
	width: 45px;
	height: 61px;
}

.contract {
	background-position: -320px -185px;
	width: 66px;
	height: 57px;
}

.pdf {
	background-position: -396px -184px;
	width: 23px;
	height: 25px;
}

.flat {
	background-position: -429px -190px;
	width: 40px;
	height: 40px;
}

.villa {
	background-position: -477px -201px;
	width: 49px;
	height: 38px;
}

.commercial {
	background-position: -532px -211px;
	width: 51px;
	height: 53px;
}

.hotel {
	background-position: 0 -254px;
	width: 75px;
	height: 33px;
}

.industrial {
	background-position: -593px -214px;
	width: 41px;
	height: 35px;
}

.government {
	background-position: -83px -233px;
	width: 45px;
	height: 43px;
}

.farm {
	background-position: -135px -239px;
	width: 49px;
	height: 45px;
}

.calculator {
	background-position: -192px -250px;
	width: 26px;
	height: 26px;
}

.electricityIcon {
	background-position: -229px -248px;
	width: 18px;
	height: 33px
}

.waterIcon {
	background-position: -255px -246px;
	width: 19px;
	height: 28px
}

.customerIcon {
	background-position: -288px -253px;
	width: 21px;
	height: 20px
}

.locationIcon {
	background-position: -320px -252px;
	width: 19px;
	height: 25px
}

.electricityIconBlack {
	background-position: -350px -248px;
	width: 14px;
	height: 24px
}

.arrowRightGrey {
	background-position: -379px -244px;
	width: 29px;
	height: 59px
}

.arrowLeftGrey {
	background-position: -420px -244px;
	width: 29px;
	height: 59px
}

.arrowLeft {
	background-position: -475px -256px;
	width: 29px;
	height: 58px
}

.arrowRight {
	background-position: -517px -271px;
	width: 29px;
	height: 58px
}

.arrowDownGrey {
	background-position: -557px -278px;
	width: 28px;
	height: 16px
}

.waterLrgIcon {
	background-position: -598px -268px;
	width: 31px;
	height: 46px
}

.electricityLrgIcon {
	background-position: -4px -295px;
	width: 27px;
	height: 45px
}

.numberLrgIcon {
	background-position: -39px -294px;
	width: 30px;
	height: 34px
}

.smallPaymentIcon {
	background-position: -83px -293px;
	width: 39px;
	height: 34px
}

.smallCertificate {
	background-position: -130px -292px;
	width: 29px;
	height: 39px
}

.consumption {
	background-position: -174px -292px;
	width: 46px;
	height: 37px
}

.smallMeterReading {
	background-position: -232px -290px;
	width: 42px;
	height: 35px
}

.smallSupportIcon {
	background-position: -282px -287px;
	width: 36px;
	height: 34px
}

.smallContactInfo {
	background-position: -328px -307px;
	width: 40px;
	height: 40px
}

.smallTarif {
	background-position: -378px -309px;
	width: 37px;
	height: 37px
}

.smallForms {
	background-position: -424px -313px;
	width: 35px;
	height: 34px
}

.serviceIcon {
	background-position: -466px -338px;
	width: 48px;
	height: 48px
}

.recipetIcon {
	background-position: -522px -338px;
	width: 38px;
	height: 50px
}

.consumptionIcon {
	background-position: -572px -331px;
	width: 56px;
	height: 59px
}

.clockIcon {
	background-position: 0 -350px;
	width: 60px;
	height: 60px
}

.print {
	background-position: -66px -349px;
	width: 20px;
	height: 19px
}

.share {
	background-position: -99px -345px;
	width: 17px;
	height: 19px
}

.arrowPurple {
	background-position: -133px -348px;
	width: 17px;
	height: 10px
}

.checkIcon {
	background-position: -161px -348px;
	width: 13px;
	height: 10px
}

.consumptionIconWhite {
	background-position: -181px -344px;
	width: 56px;
	height: 59px
}

.moveOut {
	background-position: -252px -348px;
	width: 45px;
	height: 45px
}

.report {
	background-position: -311px -359px;
	width: 30px;
	height: 45px
}

.downloadIcon {
	background-position: -349px -362px;
	width: 29px;
	height: 33px
}

.calculatorPurple {
	background-position: -390px -367px;
	width: 32px;
	height: 32px
}

.profileIcon {
	background-position: -6px -421px;
	width: 21px;
	height: 17px
}

.editProfile {
	background-position: -34px -419px;
	width: 21px;
	height: 17px
}

.changePassword {
	background-position: -72px -409px;
	width: 21px;
	height: 21px
}

.upIcon {
	background-position: -103px -408px;
	width: 22px;
	height: 24px
}

.upload {
	background-position: -140px -407px;
	width: 16px;
	height: 16px
}

.uploadLg {
	background-position: -163px -412px;
	width: 24px;
	height: 24px
}

.downIcon {
	background-position: -195px -410px;
	width: 22px;
	height: 24px
}


/*general*/

html {
	margin: 0;
	padding: 0;
	border: 0;
	-ms-animation-name: none;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
captiont,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0
}

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

caption,
th,
td {
	font-weight: normal
}

main a img {
	border: none
}

main img {
	max-width: 100%
}

.mrgAuto {
	margin: auto
}

.mrgT0 {
	margin-top: 0px
}

.mrgT5 {
	margin-top: 5px
}

.mrgT10 {
	margin-top: 10px
}

.mrgT15 {
	margin-top: 15px
}

.mrgT20 {
	margin-top: 20px
}

.mrgB0 {
	margin-bottom: 0px
}

.mrgB5 {
	margin-bottom: 5px
}

.mrgB10 {
	margin-bottom: 10px
}

.mrgB15 {
	margin-bottom: 15px
}

.mrgB20 {
	margin-bottom: 20px
}

.padB10 {
	padding-bottom: 10px
}

.padB15 {
	padding-bottom: 15px
}

.padB20 {
	padding-bottom: 20px
}

.padT10 {
	padding-top: 10px
}

.padT15 {
	padding-top: 15px
}

.padT20 {
	padding-top: 20px
}

.pad5 {
	padding: 5px
}

.pad10 {
	padding: 10px
}

.pad15 {
	padding: 15px
}

.mrg5 {
	margin: 5px
}

.overflowHidden {
	overflow: hidden
}

.overflowAuto {
	overflow: auto
}

.noMargin {
	margin: 0
}

.noPadding {
	padding: 0
}

.noBorder {
	border: none
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.inlineBlock {
	display: inline-block
}

.inline {
	display: inline
}

.block {
	display: block
}

.noDisplay {
	display: none
}

.table {
	display: table;
	width: 100%
}

.tableCell {
	display: table-cell;
	vertical-align: middle
}

.tableRow {
	display: table-row
}

.fullWidth {
	width: 100%
}

.fullHeight {
	height: 100%
}

.Clear,
.clear {
	clear: both
}

.pointer {
	cursor: pointer
}

.noFloat {
	float: none !important
}

.clearAfter:after {
	display: none !important;
	content: "" !important
}

a,
a:visited,
.btn {
	/*color:#;
     */
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms
}

a:hover,
a:focus {
	text-decoration: none;
}

 ::selection {
	background: #c5c5c5
	/*example*/
}

.purpleBtn,
.purpleBtn:visited,
.btn_primary,
.btn_primary:visited,
.submit-btn,
.submit-btn:visited {
	background: #a81f6c!important;
	color: #fff!important;
	padding: 10px 20px!important;
	border-radius: 20px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
	border: 1px solid #a81f6c;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	line-height: 17px;
}

.purpleBtn a,
.purpleBtn a:visited {
	color: #fff!important;
}

.purpleBtn a:hover {
	color: #a81f6c!important
}

.purpleBtn:hover,
.btn_primary:hover,
.submit-btn:hover {
	background: #fff!important;
	color: #a81f6c!important
}

.greyBtn,
.greyBtn:visited {
	background: #f0f0f0;
	color: black;
	padding: 10px 20px;
	height: 37px;
	border-radius: 20px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
	border: 1px solid #b9baba;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.greyBtn:hover {
	background: white;
	color: #70c030;
	border-color: #508e1e
}

.whiteBtn,
.whiteBtn:visited {
	background: #fff;
	color: #a81f6c;
	padding: 10px 20px;
	height: 37px;
	border-radius: 20px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
	border: 1px solid white;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.whiteBtn:hover {
	color: #70c030;
	border-color: #508e1e
}

.purpleColor,
.grid-table th,
.Date,
.serviceDate {
	color: #9c0058
}

.blackColor {
	color: #333
}

.level-header a,
.level-header a:visited {
	border-radius: 20px;
	padding: 5px 20px;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	font-size: 18px!important;
	font-weight: bold!important;
}

.level-header a:hover {
	color: #fff!important;
	background: #a81f6c!important;
}

.dfwp-list {
	list-style: none;
}

.level-section {
	margin: 15px 5px;
	color: #a81f6c;
	list-style: none;
}

.level-bullet {
	background-image: none!important;
	padding: 0px!important;
}

.ms-core-listMenu-verticalBox li.static>ul.static>li.static>.ms-core-listMenu-item {
	font-size: 14px;
}

.customSelect {
	border: none;
	border-bottom: 1px solid #b4b4b4!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-apperance: none;
	background: url('../img/icons/arrowDown.png') no-repeat !important;
	min-width: 250px;
	max-width: 100%;
	-o-appearance: none;
}

.customSelect::-ms-expand {
	display: none
}

.customInput,
.customInput:focus {
	border: none;
	border-bottom: 1px solid #f1f1f1!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	min-width: 250px;
	max-width: 100%;
	box-shadow: none;
	border-radius: 0
}

.searchInput {
	background: url('../img/icons/purpleSearch.png') no-repeat !important
}

.nav {
	display: block
}

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	/*color:#fff*/
}

.container-fluid {
	margin: 0 auto
}

.owl-carousel .owl-item img {
	max-width: 100%;
	width: auto
}

a {
	cursor: pointer
}

.custom-control-label::before,
.custom-control-label::after {
	width: 20px;
	height: 20px;
	top: 0
}

.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:active~.custom-control-label::before {
	background-color: #f0f0f0
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: none
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: none;
	content: "\f00c";
	color: #70c030;
	font: 20px FontAwesome
}

.custom-control-label.defaultFormLbl {
	position: static
}

.purpleBtn .fa,
.whiteBtn .fa,
.greyBtn .fa {
	position: relative;
	top: 3px
}

.close {
	opacity: 1
}

.inlineFullwidth {
	width: 100%;
	display: inline-block
}

.owl-prev,
.owl-next {
	width: 29px;
	height: 58px
}

.defaultList,
.hintPoint,
.RequiredAttachments ul {
	padding: 0
}

.defaultList li,
.hintPoint li,
.RequiredAttachments li {
	position: relative;
	display: block;
	font-size: 1.125em;
	padding: 5px 15px;
	color: #444;
	line-height: 120%;
}

.defaultList li:before,
.hintPoint li:before,
.contentUL li>.bold:before,
.RequiredAttachments li:before {
	content: "";
	width: 5px;
	height: 5px;
	background: #a81f6c;
	display: inline-block;
	position: relative;
	top: -2px;
	border-radius: 50%;
	margin: 5px;
}

.sectionTitle {
	margin-bottom: 15px;
	color: #a81f6c
}

.greyBorder {
	border: 1px solid #ebebeb
}

.form-group.col-md-6>table {
	width: 100%
}

.contentUL li:before {
	display: none;
}

.contentUL {
	font-size: 12px;
	color: #444;
}

.contentUL li>.bold:before {
	top: 3px;
}

.contentUL li>.bold {
	font-size: 18px;
	margin-bottom: 10px;
	color: #a81f6c;
}

.contentUL li .SubULTItle {
	font-size: 18px;
	margin: 15px 0px 5px 0px;
	color: black;
	font-weight: bold;
}

span.title {
	padding: 25px 0px;
	border-bottom: 1px solid #e3e3e3;
	display: block;
	font-size: 18px;
}


/*Header*/


/*Main Menu*/


/* header {
     position: absolute;
     z-index: 9;
     left: 50%;
     transform: translateX(-50%) 
}
 */

.headerWrapper {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 12;
	top: 0
}

.headerWrapper>.container {
	padding: 0
}

.logo {
	width: 328px;
	height: 52px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

.navbar-default {
	background: white;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0 0px;
	position: static;
	padding: 0px 0px;
	word-spacing: -1em;
	z-index: 10;
	transform: none;
	width: 100%;
	display: block;
	font-size: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.fixedHeader {
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	display: block;
	max-width: 100%;
	padding: 0;
	left: 0;
	right: 0;
	transition: all ease 0.7s;
	-webkit-transition: all ease 0.7s;
	transform: translateX(0);
	-webkit-transform: translateX(0)
}

#navContainer {
	padding: 0 5%;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08)
}

#navContainer {
	position: relative;
	position: static;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.26);
	height: 90px
}

.menuItems {
	list-style: none;
	display: table;
	margin: auto;
	height: 90px;
}

.menuItems>li {
	display: inline-block;
	display: table-cell;
	padding: 30px 15px 28px;
	height: 100%;
	vertical-align: middle
}

.menuItems li>span {
	display: block
}

.menuItems li>span>a {
	display: inline-block
}

.menuItems>li>span>a,
.menuItems>li>span>a:visited {
	color: #000;
	padding: 0;
	display: inline-block
}

.menuItems>li.open:after {
	content: "\f0d8";
	font: 38px FontAwesome;

	position: absolute;
	bottom: -12px;
	color: #a81f6c
}

.menuItems>li.open>span>a,
.menuItems>li.open>span>a:visited,
.menuItems li:hover>span>a {
	color: #a81f6c
}

.dropdownMenu {
	position: absolute;
	top: 100%;
	z-index: 1000;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 0.875em;
	list-style: none;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	overflow: hidden
}

.menuItems li.hasChild.submenuHeader>span {
	font-weight: bold;
}

.menuItems li.hasChild.submenuHeader>ul.collapse {
	display: block
}

.menuItems .dropdown-menu,
.menuItems .dropdownMenu {
	padding: 20px 0px;
	background: #fff;
	margin-top: 0px;
	right: 0;
	float: none;
	width: 100%;
	border-radius: 0;
	top: 88px;
	border-top: none;
	box-shadow: 0 35px 37px 0px rgba(0, 0, 0, 0.55);
	border-top: 2px solid #a81f6c
}

.menuItems .dropdown-toggle::after {
	content: none
}

.submenuList {
	padding: 40px 0;
	list-style: none;
	width: 16.666%;
	display: block
}

.submenuList>li,
.submenuList>li>ul>li {
	display: block;
	margin-bottom: 20px
}

.submenuList .submenuHeader {
	display: block
}

.submenuList .submenuHeader>span>a {
	margin-bottom: 50px;
	display: inline-block
}

.submenuList>li>span>a,
.submenuList>li ul>li>span>a {
	color: #545454;
	display: inline-block
}

.submenuList>li.submenuHeader>span>a,
.submenuList>li.submenuHeader>span>a:visited {
	color: #2d3b3e
}

.mainLogo,
.navCont,
.optionsCont {
	float: none;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	word-spacing: 0;
	font-size: 16px
}

.submenuList>li>ul {
	list-style: none;
	padding: 0
}

.mainLogo {
	/*padding-top:15px*/
}

.navCont {
	position: static;
}

.optionItem {
	display: inline-block;
}

.optionItem:last-child {
	margin: 0
}

.optionItem .topSpace {
	position: relative;
	display: inline-block
}


/* .optionItem::after {
     content: "";
    color: #999 !important;
     position: relative;
    border-right: 1px solid #e4e4e4;
    display: inline-block;
    height: 25px;
     width: 1px;
    top: 4px;
}
 */

.optionsLeft .optionItem:last-child::after {
	content: none!important
}

.lang a,
.lang a:visited {
	color: #000;
	font-size: 1.25em
}

.lang i {
	color: #70c030;
}

.acc-opLink {
	font-size: 1.65em;
}

.acc-op>i,
.lang i {
	font-size: 1.5em
}

.optionsLeft svg {
	display: none
}

.langdropdown.selectized {
	display: inline-block;
	margin: 0;
	padding: 0
}

.selectize-control.langdropdown.single {
	display: inline-block;
}

.selectize-dropdown.single.langdropdown {
	width: 100px !important;
	position: absolute;
	margin-top: 10px;
	border-top: 2px solid #9c0058;
	border-bottom: 1px solid #ebebeb;
}

.langdropdown .selectize-dropdown [data-selectable].option {
	padding: 10px 15px
}

.langdropdown .selectize-input.dropdown-active::before {
	content: none
}

.selectize-input.items.full.has-options.has-items {
	padding: 15px 5px !important;
	border: none
}

.filterInput .selectize-input.items.full.has-options.has-items {
	padding: 0 !important
}

.optionItem.lang {
	cursor: pointer
}

.langdropdown.selectize-control.single .selectize-input.input-active,
.langdropdown.selectize-control.single .selectize-input.input-active input,
.langdropdown.selectize-control.single .selectize-input.input-active,
.langdropdown.selectize-control.single .selectize-input.input-active input,
.langdropdown .selectize-input,
.langdropdown.selectize-control.single .selectize-input.input-active {
	cursor: pointer !important
}

.langdropdown .selectize-input>input {
	margin: 0 !important;
	width: 0 !important
}

.hiddenMenuHeader,
.hiddenOptions,
.hiddenSearch {
	display: none
}


/* .loginDivLink[aria-expanded="true"] .userIcon {
     background-position: -210px -59px 
}
 */

.userIcon {
	background-color: #b9b9b9;
	color: #fff;
	border-radius: 50%;
	padding: 5px 2px;
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 18px;
	line-height: 25px;
}

.LogginColor {
	background-color: #7bc143;
}

.userIcon:hover {
	background-color: #a81f6c;
}

#loggedIn {
	font-weight: lighter;
}

#homeLogin::after {
	display: none;
}

.headerPopup {
	position: absolute;
	top: 59px;
	word-spacing: 0
}

.loginDivLink.collapsed:after,
.searchLink.collapsed:after {
	content: none
}

.loginDivLink.collapsed .iconImg {
	background-position: -342px -3px;
	width: 27px;
	height: 27px;
}

.loginDivLink .iconImg,
.loginDivLink.collapsed.loggedinUser .iconImg {
	background-position: -210px -59px;
	width: 27px;
	height: 27px
}

.TopDrop:after {
	content: "\f0d8";
	font: 40px FontAwesome;

	color: #a81f6c;
	position: absolute;
	top: 32px;
	z-index: 2
}

.TopDrop.collapsed:after {
	display: none;
}

#loginDiv {
	box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.2);
}

.headerPopup .modal-dialog {
	margin: 0 auto;
	width: 400px;
}

.headerPopup .modal-content {
	box-shadow: none;
	border: none
}

.headerPopup .modal-header {
	background: #a81f6c url('../img/flowersGrey.png') repeat;
	color: white;
	padding: 15px 20px
}

.headerPopup .modal-header .modal-title {
	display: inline-block
}

.headerPopup .close,
.headerPopup .close:focus {
	color: white;
	opacity: 1;
}

.headerPopup .logoutComponent .modal-body {
	padding: 0px;
	background: #f4f4f4
}

.headerPopup .logoutComponent.modal-dialog {
	width: 330px
}

.headerPopup .loginComponent .modal-body {
	padding: 20px 20px
}

.headerPopup .custom-checkbox label {
	position: static
}

.headerPopup label {
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
	display: block;
	pointer-events: none;
	position: relative;
	top: 30px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s
}

.custom-control-label {
	pointer-events: all !important
}

.headerPopup .defaultLabel {
	color: #6c7174
}

.headerPopup .customInput::placeholder {
	opacity: 1;
	color: transparent
}

.headerPopup .customInput:-ms-input-placeholder {
	color: transparent
}

.headerPopup .customInput::-ms-input-placeholder {
	color: transparent
}

.headerPopup .customInput,
.headerPopup .customInput:focus {
	border-bottom: 1px solid #d6d6d6 !important;
	border-right: 0px!important;
	border-left: 0px!important;
	border-top: 0px!important;
}

.headerPopup .customInput {
	background-color: transparent !important;
	color: #000;
}

.headerPopup .custom-control-label {
	color: #000
}

.headerPopup .form-row {
	margin: 30px -15px 0
}

.headerPopup .greyBtn {
	min-width: 0
}

.headerPopup .purpleBtn {
	min-width: 120px
}

.headerPopup .loginOR {
	text-align: center;
	margin-top: 10px
}

.logoutDiv .modal-dialog {
	width: 350px
}

.logoutDiv .modal-body {
	padding: 0
}

.accountRow:nth-child(even),
.accountRow:last-child {
	background: white
}

.accountRow:last-child {
	border-bottom-right-radius: 10px;
	border-bottom: none;
	border-bottom-left-radius: 10px
}

.accountRow {
	padding: 20px 30px;
	border-bottom: 1px solid #e2e2e2
}

.accountRow:nth-child(3) {
	background: #fbfbfb
}

.userInfo.accountRow {
	padding: 20px 15px
}

.userProfileIcon {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	border: 2px #7bc143 solid;
	background-color: #7bc143;
	color: #fff;
}

span.inital-login {
	display: block;
	/* vertical-align: bottom;
     */
	font-size: 22px;
	padding: 10px 5px;
	font-family: Arial, Helvetica, sans-serif!important;
}

.userProfileIcon .myAccount {
	top: 40px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: relative
}

.userDetails {
	display: inline-block;
	width: 70%
}

.userName {
	font-size: 1.215em;
	position: relative;
	top: 5px;
	color: #000;
	word-break: break-all;
}

.accountRow a,
.accountRow a:visited {
	color: #000
}

.accountRow a:hover {
	color: #a81f6c
}

.accountRow .iconImg {
	display: inline-block;
	vertical-align: middle;
}

.accountRow .accountRowTitle {
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}

.accountRow .purpleBtn {
	margin: 10px 0
}

.headerSearch .searchTxtBoxWrap {
	padding: 0;
	margin-top: 0
}

.headerSearch .headerSearchBox {
	width: 92%;
	height: 40px;
	position: relative;
	top: 0;
	border: none;
	background: transparent
}

.headerSearch .searchBtn {
	position: relative
}

.headerSearch .searchBtn .fa {
	position: absolute;
	bottom: -10px;
	right: 10px
}

.headerPopup.headerSearch label {
	/*color:#6c7174;
    */
	margin-bottom: 5px
}

.searchTitle {
	margin: 10px 5px
}

.headerSearchTag {
	background: #71c031;
	display: inline-block;
	margin-right: 5px;
	border-radius: 13px;
	padding: 6px 11px;
	margin-top: 10px
}

.headerSearchTag a,
.headerSearchTag:visited {
	color: #fff
}

.filterDiv {
	margin: 0 5px
}

.filterDiv .searchTitle {
	margin: 20px 0
}

.searchRow {
	margin-bottom: 10px
}

.searchHeader {
	position: relative;
	margin-bottom: 15px
}

.searchHeader button {
	border: none
}

.headerPopup .headerSearchBox::placeholder {
	color: transparent
}

.headerPopup .headerSearchBox:-ms-input-placeholder {
	color: transparent
}

.headerPopup .headerSearchBox::-ms-input-placeholder {
	color: transparent
}


/** homepage**/

.mainSliderCont {
	position: relative;
	overflow: hidden
}

.mainSliderSocial {
	position: absolute;
	top: 300px;
	z-index: 8;
	background: white;
	height: 55px;
}

.mainSliderSocial .socialArrow {
	cursor: pointer;
	width: 30px;
	background-color: white;
	position: relative;
	height: 55px
}

.mainSliderSocial .socialArrow .fa,
.mainSliderSocial .socialStaticText .fa {
	color: #a81f6c;
	font-size: 24px;
	position: relative;
	top: 3px
}

.serviceCenter {
	position: relative;
}

.center-srv-conatiner {
	background-color: #f7f7f7;
	padding: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px #e2e2e2 solid
}

.center-srv-conatiner .homeSectionTitle {
	padding-top: 20px;
	font-size: 18px;
}

.center-srv-conatiner .homeSectionTitle small {
	color: #000;
	text-transform: lowercase;
	font-family: 'Proxima';
}

.center-srv-ul {
	margin: 0px;
	padding: 15px;
	background-color: rgba(33, 37, 41, 0.77);
	list-style: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	position: absolute;
	top: 10%;
	max-width: 50%;
}

.center-srv-ul li {
	display: block;
	padding: 5px 0px;
	margin: 5px 0px;
}

.center-srv-ul a {
	color: #fff;
}

.socialStaticText {
	line-height: 55px !important;
	vertical-align: middle
}

.hiddenSocial {
	width: 0;
	overflow: hidden;
	transition: all ease 0.7s;
	-webkit-transition: all ease 0.7s;
	padding: 14px 0 10px;
	position: relative
}

.hiddenSocial ul {
	display: none;
	width: 0;
	/*transition: width ease 0.5s*/
}

.hiddenSocial ul li {
	list-style: none;
	display: inline-block;
	margin: 0 10px
}

.hiddenSocial ul li a,
.hiddenSocial ul li a:visited {
	color: #a81f6c;
	font-size: 24px;
	display: inline-block
}

.hiddenSocial ul li a:hover {
	color: #70c030
}

.mainSliderSocial:hover .hiddenSocial {
	width: 340px
}

.mainSliderSocial:hover .hiddenSocial ul {
	display: block;
	width: 340px
}

.mainSliderSocial:hover .socialStaticText {
	background: #f4f4f4
}

.mainSliderSocial:hover .socialArrow .fa,
.mainSliderSocial:hover .socialStaticText .fa {
	color: #a81f6c;
	font-size: 24px;
	position: relative;
	top: 3px
}

.mainSliderSocial:hover .socialStaticText .fa {
	display: block;
	height: 55px;
	background: #f4f4f4;
	top: 0;
	padding: 0 6px;
	vertical-align: middle;
	line-height: 55px !important
}

.mainSliderCont {
	height: 680px
}

.mainSlider,
.mainSliderCont {
	background: #f8f9f9
}

.mainSlider .item,
.mainSliderItem {
	position: relative
}

.mainSlider .slideCaption {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 20px;
}

.mainSlider .item img {
	width: 100% !important
}

.mainSliderImg {
	background-size: cover;
	background-repeat: no-repeat;
	height: 720px
}

.mainSlider .item:before {
	content: "";
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5)
}

.mainSlider .item.opacity10:before {
	background: rgba(0, 0, 0, 0.1)
}

.mainSlider .item.opacity20:before {
	background: rgba(0, 0, 0, 0.2)
}

.mainSlider .item.opacity30:before {
	background: rgba(0, 0, 0, 0.3)
}

.mainSlider .item.opacity40:before {
	background: rgba(0, 0, 0, 0.4)
}

.mainSlider .item.opacity50:before {
	background: rgba(0, 0, 0, 0.5)
}

.mainSlider .item.opacity60:before {
	background: rgba(0, 0, 0, 0.6)
}

.mainSlider .item.opacity70:before {
	background: rgba(0, 0, 0, 0.7)
}

.mainSlider .item.opacity80:before {
	background: rgba(0, 0, 0, 0.8)
}

.mainSlider .item.opacity90:before {
	background: rgba(0, 0, 0, 0.9)
}

.mainSlider .item.opacity100:before {
	background: rgba(0, 0, 0, 1)
}

.slideBtnPurple:hover{
	color:#fff;
}

.slideBtnPurple .fa.pull-right{
	margin-top: 4px;
}

.slideBtnPurple,
.slideBtnPurple:visited {
	margin-top: 20px;
	background: #a81f6c;
	color: white;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
	width: 150px;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.slideBtnGreen,
.slideBtnGreen:visited {
	margin-top: 20px;
	background: #80c342;
	color: white;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
	width: 150px;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.slideBtnGray,
.slideBtnGray:visited {
	margin-top: 20px;
	background: #f0f0f0;
	color: #000;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
	width: 150px;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.slideBtnBlue,
.slideBtnBlue:visited {
	margin-top: 20px;
	background: #008fbe;
	color: #000;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
	width: 150px;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}
.slideBtnPurple{
  display: flex;
  justify-content: space-between;
}

.owl-dot.slideBtnPurple,
.owl-dot.slideBtnGreen,
.owl-dot.slideBtnGray,
.owl-dot.slideBtnBlue {
	padding: inherit!important;
	margin: inherit!important;
	background: transparent!important;
	width: inherit!important;
}

.owl-dot.slideBtnPurple span {
	background: #a81f6c!important;
}

.owl-dot.slideBtnGreen span {
	background: #80c342!important;
}

.owl-dot.slideBtnGray span {
	background: #f0f0f0!important;
}

.owl-dot.slideBtnBlue span {
	background: #008fbe!important;
}

.mainSlider .owl-stage-outer {
	height: 680px
}

.slideCaption {
	position: absolute;
	z-index: 2;
	top: 27%
}

.slideText {
	font-size: 2.5em;
	color: white;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 45px !important;
	height: 135px;
	text-transform: capitalize
}

.slideBtn,
.slideBtn:visited {
	margin-top: 20px;
	background: #a81f6c;
	color: white;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
	width: 150px;
	text-align: center;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.slideBtn:hover {
	background: white;
	color: #a81f6c;
	border-color: #a81f6c
}

.mainSlider .owl-dots {
	position: absolute;
	bottom: 160px;
	margin: auto;
	z-index: 2;
}

.mainSlider .owl-dots .owl-dot span {
	background: transparent;
	border: 1px solid white
}

.mainSlider .owl-dots .owl-dot.active span,
.mainSlider .owl-dots .owl-dot.active span,
.mainSlider .owl-dots .owl-dot:hover span {
	background: #a81f6c
}

.mainSliderCont svg {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: -1px;
	height: 150px;
	fill: #f8f9f9
}

svg.left {
	width: 35%
}

svg.right {
	width: 80%
}

.homeAboutUs {
	background: #f8f9f9;
	padding: 40px 0 0px
}

.homeAboutUsCont:after {
	content: "";
	background: url('../img/greyTriangle.png') no-repeat;
	display: block;
	width: 100%;
	height: 175px;
	background-size: contain
}

.greenCircleTitle {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	text-align: center;
	vertical-align: middle;
	display: table-cell
}

.homeAboutUs .greenCircleTitle .iconImg {
	display: block;
	position: relative;
	top: 50%
}

.homeSectionTitle {
	color: #a81f6c;
}

.homeAboutUs .homeSectionTitle {
	margin-bottom: 30px
}

.homeAboutTxt {
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 47px !important;
}

.homeAboutDetails {
	overflow: hidden;
	line-height: 36px !important
}

.homeServices {
	padding: 80px 0 90px;
}

.homeServices .homeSectionTitle,
.homeNews .homeSectionTitle,
.homeInitiatives .homeSectionTitle {
	/*margin-bottom: 45px*/
}

.homeServices .item {
	padding: 20px 10px
}

.homeServicesTxt {
	margin: auto;
	margin-bottom: 40px
}

.homeSectionTitle.text-center{
	 text-align:inherit!important;
} 

.homeServicesDesc {
	color: #666;
	width: 50%;
	text-align: center;
	margin: 0px auto 75px
}

.homeServiceItem .circle {
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.homeServiceItem .iconImg,
.circleImg {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.serviceItemCont {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.circle {
	width: 120px;
	height: 120px;
	border-radius: 50%
}

.homeServiceItem .circle {
	clear: both
}

.homeServiceTitle {
	text-transform: capitalize;
	margin-top: 30px;
	padding: 0px 20px;
}

.homeServiceHover {
	background: #fff;
	box-shadow: 0 6px 20px 0 rgba(123, 193, 67, 0.3);
	padding: 40px 25px;
	color: white;
	left: 0;
	right: 0;
	height: 100%
}

.serviceBorder {
	border: 1px solid #e4e7e8;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
}

.homeServiceItem {
	background: white;
	height: 310px;
	text-align: center;
	padding: 20px 15px;
	position: relative;
	transform: perspective(200px) rotateX(0deg);
	-webkit-transform: perspective(200px) rotateX(0deg);
}

.front,
.back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 350ms;
	transition: -webkit-transform 350ms;
	transition: transform 350ms;
	transition: transform 350ms, -webkit-transform 350ms;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	transition-delay: .1s;
	overflow: hidden
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.front {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg)
}

.serviceItemWrapp:hover .front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.serviceItemWrapp:hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg)
}

.serviceHoverTitle {
	font-size: 1.25em;
	color: #212529;
	margin-bottom: 15px;
	line-height: 24px !important;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 25px;
}

.homeServiceItem .whiteBtn {
	min-width: 130px;
	margin-top: 20px;
	border-color: #a81f6c;
}

.serviceHoverTxt {
	height: 153px;
	overflow: hidden;
	color: #000;
}

.blueCircle {
	background: #e9f6fa
}

.redCircle {
	background: #feeeee
}

.greenCircle {
	background: #f4faf0
}

.purpleCircle {
	background: #f7ebf2
}

.defaultCircle {
	background: #f8f8f8
}

.homeNews {
	background: url('../img/flowersBg.jpg');
	padding: 120px 0 95px
}

.homeNews .purpleBtn {
	margin: 50px auto 0
}

.homeNews .homeServicesTxt {
	margin-bottom: 0
}

.newsCarousel {
	margin: 0px auto;
	width: 990px;
	height: 540px;
	padding: 10px 0
}

.homeNews .newsItem {
	height: 450px;
	background: white;
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.12);
	position: relative;
}

.homeNewsDetails {
	padding: 0 63px 20px
}

.homeNews .center .homeNewsDetails {
	padding: 0 33px 20px
}

.homeNews .newsDate {
	color: #a81f6c;
	margin-bottom: 10px;
	zoom: 1.09
}


/* .homeNews .center .newsDate{
    zoom:1
}
 */

.newsCarousel .owl-item {
	opacity: 0.9;
	transition: z-index 0.7s step-start, opacity linear 0.7s;
	-webkit-transition: z-index 0.7s step-start, opacity linear 0.7s;
	z-index: 1
}

.newsCarousel .newsTitle,
.newsCarousel .newsTitle:visited {
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 28px !important;
	height: 85px;
	margin-bottom: 20px;
	zoom: 1.09
}

.newsCarousel .owl-item.center .newsTitle {
	max-height: 102px;
	color: #000;
	zoom: 1
}

.homeNews .newsTxt {
	color: #000;
	zoom: 1.09;
	line-height: 20px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 60px
}

.homeNews .center .newsTxt {
	zoom: 1
}

.newsImg {
	width: 100% !important;
	max-width: 100% !important;
	height: 200px;
	margin-bottom: 15px;
	transition: all 0.7s;
	-webkit-transition: all 0.7s
}

.newsCarousel .center .newsImg {
	height: 200px
}

.newsCarousel .newsItem:after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	position: absolute;
	top: 0
}

.newsCarousel .center .newsItem:after {
	content: none
}

.newsCarousel .center {
	z-index: 2;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	transition: z-index 0.7s step-end, opacity linear 0.7s;
	-webkit-transition: z-index 0.7s step-end, opacity linear 0.7s;
	opacity: 1;
}

.newsCarousel .center .newsItem {
	box-shadow: 0 5px 15px 0px rgba(168, 31, 108, 0.16)
}

.newsCarousel .owl-stage-outer {
	padding: 40px 0px 20px;
	margin: auto
}

.newsCarousel .item {
	padding: 0px;
	background: transparent;
	cursor: pointer;
	transform: scale(0.91);
	-webkit-transform: scale(0.91);
	transition: all 0.7s;
	-webkit-transition: all 0.7s
}


/* Value Slider */

.newsCarousel .newsItem:after,
.newsCarousel .owl-item.center .newsItem:after,
.newsCarousel .owl-item.active.center {
	transition: all 0.7s;
	-webkit-transition: all 0.7s
}

.newsCarousel .owl-item.active.center .item {
	transform: scaleX(1) scaleY(1);
	-webkit-transform: scaleX(1) scaleY(1);
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s
}

.newsCarousel .owl-prev,
.newsCarousel .owl-next,
.servicesCarousel .owl-prev,
.servicesCarousel .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 0
}

.newsCarousel .owl-prev,
.newsCarousel .owl-next {
	font-size: 0
}

.initCarousel .owl-prev:before,
.initCarousel .owl-next:before,
.servicesCarousel .owl-prev:before,
.servicesCarousel .owl-next:before {
	font-size: 60px
}

.newsCarousel .owl-prev.disabled:before,
.newsCarousel .owl-next.disabled:before,
.initCarousel .owl-prev.disabled:before,
.initCarousel .owl-next.disabled:before,
.servicesCarousel .owl-prev.disabled:before,
.servicesCarousel .owl-next.disabled:before {
	color: #a2a2a2
}

.newsCarousel .owl-prev:before,
.newsCarousel .owl-next:before,
.initCarousel .owl-prev:before,
.initCarousel .owl-next:before,
.servicesCarousel .owl-prev:before,
.servicesCarousel .owl-next:before {
	color: #a81f6c
}

.homeInitiatives {
	padding: 110px 0 90px
}

.initCarousel {
	width: 1020px;
	margin: auto
}

.initCarousel .initItem .front {
	box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.08)
}

.initImg {
	height: 200px;
	width: 100% !important
}

.homeInitDetails {
	padding: 40px 30px;
	transition: all ease 0.5s;
	-webkit-transition: all 0.5s
}

.initCarousel .owl-item .item {
	padding: 0 0px;
	transform: perspective(200px) rotateX(0deg);
	-webkit-transform: perspective(200px) rotateX(0deg)
}

.initCarousel .owl-stage {
	padding: 0 60px
}

.initCarousel .owl-stage-outer {
	padding: 60px 0px 0px;
	/*padding:60px 30px 90px;
    */
	margin: 30px auto 10px;
	height: 570px
}

.initTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 29px !important;
	height: 116px;
	margin-bottom: 10px
}


/*.initCarousel .owl-item:hover .item{
    padding: 20px 0px
}
*/

.initCarousel .back .initTitle {
	-webkit-line-clamp: 3;
	height: 87px
}

.initCarousel .owl-prev,
.initCarousel .owl-next {
	position: absolute;
	top: 260px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 0
}

.initCarousel .item:hover .initItem {
	/*-webkit-transform:rotateY(180deg);
     -moz-transform:rotateY(180deg);
     -o-transform:rotateY(180deg);
     transform:rotateY(180deg);
     -webkit-animation-timing-function: ease;
     animation-timing-function: ease ;
    */
}

.initCarousel .back {
	height: 505px;
	top: -40px;
	box-shadow: 0 14px 51px 0px rgba(0, 0, 0, 0.15)
}

.initCarousel .item:hover .front {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	transition-delay: 0s;
	-webkit-transition-delay: 0s
}

.initCarousel .item:hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transition-delay: 0s;
	-webkit-transition-delay: 0s
}

.initItem {
	background: white;
	height: 410px;
	padding: 20px 25px;
	position: relative;
	transform: perspective(200px) rotateX(0deg);
	-webkit-transform: perspective(200px) rotateX(0deg)
}

.initItem .back .homeInitDetails {
	background: #70c030;
	color: white;
	height: 305px
}

.initTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 19px !important;
	height: 57px;
	opacity: 1;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	margin: 20px 0
}

.initCarousel .owl-dots {
	margin: 30px auto 0;
	display: block;
	text-align: center
}

.initCarousel .owl-dots .owl-dot span {
	background: transparent;
	border: 1px solid #555
}

.initCarousel .owl-dots .owl-dot.active span,
.initCarousel .owl-dots .owl-dot.active span,
.initCarousel .owl-dots .owl-dot:hover span {
	background: #a81f6c
}

.homeSocial {
	background: #fafafa url('../img/socialBg.png') no-repeat bottom;
	padding: 110px 0 200px
}

.homeSocialBtns {
	margin: 60px 0
}

.homeSocialBtns a {
	margin-bottom: 15px;
	color: #000;
	display: block;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	border: none;
	background: transparent;
	box-shadow: none;
	padding: 0
}

.socialList li a:hover,
.homeSocialBtns a.current {
	color: #a81f6c
}

.socialTxt {
	max-width: 290px
}

.Tarsheed-Feeds .socialItem {
	float: none!important;
	width: 100%!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.Tarsheed-Feeds .socialCont {
	height: 100%
}

.socialItem {
	/*background:white;
     box-shadow:0 5px 20px 0 rgba(0,0,0,0.08);
    */
	width: 230px
}

.socialItem .fab {
	font-size: 22px;
	display: block;
	text-align: center;
	color: #fff;
}

.FacebookDiv .floatSocialIcon {
	background-color: #5576ba;
	padding: 5px;
}

.InstagramDiv .floatSocialIcon {
	background-color: #ee2a7b;
	padding: 5px;
}

.TwitterDiv .floatSocialIcon {
	background-color: #1c9deb;
	padding: 5px;
}

.YoutubeDiv .floatSocialIcon {
	background-color: #E62117;
	padding: 5px;
}

.floatSocialIcon {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 10px;
	line-height: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.50);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.50);
}

.socialItem>div:hover {
	box-shadow: 0 5px 20px 2px rgba(208, 208, 208, 0.08);
}

.socialDetails {
	padding: 15px 10px;
	display: inline-block;
	width: 100%;
	color: #333;
	/*word-break: break-all;
    */
}

.socialItem .socialP {
	margin-bottom: 20px;
	word-break: break-all;
}

.socialItem .socialP a {
	color: #9c9797;
	display: inline-block;
	word-break: break-all
}

.socialItem .socialItemCircle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #636363
}

.socialItem.twitterDiv .socialItemCircle {
	background-color: #636363
}

.socialItemName {
	max-width: 70%
}

.socialItemTitle {
	max-width: 70%
}

.socialItem img {
	width: 100%;
	max-height: 155px;
	margin-bottom: 15px
}

#isotopeContainer {
	width: 100% !important
}

.homeSocial .socialItem {
	width: 31.333%;
	padding: 0 15px;
	padding-bottom: 30px
}

.socialItem>div {
	background: white;
	box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.08);
}


/* .homeSocial .socialItem:first-child, .homeSocial .socialItem.firstColMargin, .homeSocial .socialItem:nth-child(2).firstColMargin {
    padding-top:95px !important
}
 .homeSocial .socialItem:nth-child(2), .homeSocial .socialItem.secondColMargin, .homeSocial .socialItem:nth-child(1).secondColMargin {
    padding-top:55px !important
}
*/

.homeSocial .socialBgImg {
	background-size: cover;
	background-repeat: no-repeat;
	height: 150px;
	position: relative
}

.homeSocial .youtubeDiv .socialBgImg:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(224, 42, 38, 0.9)
}

.homeSocial .youtubeDiv .socialBgImg .fa {
	color: #fff;
	position: absolute;
	top: 50%;
	font-size: 32px
}

.fa-Facebook2:before {
	content: "\f39e";
}

.fa-Youtube2:before {
	content: "\f167";
}

.fa-Instagram2:before {
	content: "\f16d";
}

.fa-Twitter2:before {
	content: "\f099";
}


/** inner pages **/

.innerPage .mainSlider,
.innerPage .mainSliderCont {
	background: #fff
}

.innerPage .mainSliderCont {
	margin-bottom: 10px;
	height: 280px;
}

.innerPage .mainSliderCont .topImgBg {
	height: 280px;
	background-size: inherit;
	background-image: url('/Style Library/km19/img/Bginner.png')
}

.innerPage .mainSliderCont svg {
	fill: white
}

.innerPage .bannerImg:before {
	background: rgba(0, 0, 0, 0.10)
}

.bannerImg {
	position: relative
}

.bannerImg:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.6)
}

.bannerImg img {
	width: 100%;
	height: 530px
}

.topImgBg {
	background-repeat: no-repeat;
	background-size: cover;
	height: 520px
}

.mainSliderCont.noImg .topImgBg {
	background: #9c0058 url('../img/flowersGrey.png') repeat;
	height: 320px;
}

.mainSliderCont.noImg .bannerImg:before {
	content: none
}

.innerPage .mainSliderCont.noImg svg {
	height: 45%
}

.innerPage .mainSliderCont svg {
	height: 30%
}

.innerPage svg.left {
	width: 24%
}

.innerPage svg.right {
	width: 76%
}

.ms-dttimeinput select {
	background: transparent;
	height: 100%;
	border: none;
	border-bottom: 1px solid #b4b4b4!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-apperance: none;
	background: url(../img/icons/arrowDown.png) no-repeat !important;
	min-width: 250px;
	max-width: 100%;
	-o-appearance: none;
	background-position: 100% 20px!important;
	min-height: 55px;
	padding: 10px;
}


/** breadcrumb**/

.breadcrumb {
	background: #fff;
	margin: 5px 0 5px;
	padding: 0;
	position:relative;
	z-index:2;
}

.breadcrumb span {
	list-style: none
}

.breadcrumb span {
	display: inline-block
}

.breadcrumb span a,
.breadcrumb span a:visited {
	color: #9c0058
}

.breadcrumb span.currentPage a,
.breadcrumb span.currentPage a:visited {
	color: #878787
}

.breadcrumb span+span:before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;


	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding: 0px 8px
}


/** sidebar**/

.sidebar .ms-core-listMenu-root {
	list-style: none;
}

.sidebar .ms-core-listMenu-root>li>a {
	border-radius: 0;
	border: 1px solid #e0e0e0;
	background: #fdfdfd;
	margin-bottom: 6px;
	color: #081218;
	padding: 15px 15px!important;
	position: relative;
	display: block;
}

.sidebar .ms-core-listMenu-root>li>ul {
	border-radius: 0;
	border: 1px solid #e0e0e0;
	border-top: 0px;
	background: #fdfdfd;
	margin: -6px 0px 6px 0px;
	list-style:none;
}

.sidebar .ms-core-listMenu-root>li>ul>li {
	position: relative;
}

.sidebar .ms-core-listMenu-root>li>ul>li>a {
	/*border: 1px solid #e0e0e0;
    */
	color: #081218;
	padding: 5px 30px !important;
	position: relative;
	display: block;
	font-size: 13px !important;
}

.sidebar .ms-core-listMenu-root li.selected>a {
	background: #7bc143;
		/*color: white;*/ /*accessibility*/
	display: block;
	border: 0px;
}

.sidebar .ms-core-listMenu-root li.selected>a:hover {
	color: white!important
}

.sidebar .ms-core-listMenu-root li.selected>a:after,
.sidebar .ms-core-listMenu-root>li>ul>li.selected:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.innerPageTitle,
.section-title,
.ms-webpart-titleText,
.main_head {
	color: #9c0058!important;
	padding: 0px 0px 15px 0px!important;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 5px;
	background: transparent!important;
}

.ms-core-listMenu-root ul.static li a:after {
	display: none!important;
}

.innerPageTitle.noBorder {
	border: none
}

.innerPageTitle-sub {
	display: block;
	font-size: 0.6rem;
	color: #000
}


/** media publication **/

.filterInput .customSelect {
	padding: 0px!important;
	margin: 5px 0;
	width: 100% !important;
	height:35px!important;
}

.filterInput .selectize-dropdown.customSelect {
	padding: 0 !important;
	min-height: 35px !important;
	line-height: 20px !important;
	margin: 5px 0
}

.filterInput .selectize-control.customSelect {
	min-height: 35px !important;
	border-bottom: 1px solid #f1f1f1
}

.filterInput .selectize .selectize-input.items.full.has-options.has-items {
	min-height: 0;
	margin-top: 2px
}

.filterInput .defaultFormLabel,
.filterInput .defaultFormLbl,
.filterInput .selectize-input .item {
	font-size: 1em !important;
	z-index: 2
}

.filterInput .selectize-input .item {
	color: #000
}

.filterInput label {
	font-size: 1em;
	color: #333;
	/*position: absolute;
    */
	top: 25px
}

.filterInput {
	position: relative
}

.filterInput label.defaultLabel {
	top: 0px !important;
	color: #6c7174 !important
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
	font-size: 1em
}

.selectize-dropdown.single {
	height: auto !important;
	min-height: 40px !important
}

.selectize-dropdown.customSelect {
	background: none !important;
	border: 1px solid #b4b4b4;
	box-shadow: none;
	padding: 0;
	margin-top: 0px;
	border-top: 2px solid #9c0058;
	/*margin-top: 10px;
	/*display:block !important*/
}

.selectize-control.customSelect {
	padding-bottom: 0px !important;
	min-height: 40px !important;
	margin-top: 5px;
	border-bottom: 1px solid #ebebeb;
	line-height: 30px !important
}

.darkBg .selectize-control.customSelect {
	border-bottom: 1px solid #b4b4b4
}

.selectize-control.customSelect.selectize.focusInput.single {
	/*min-height:40px !important*/
}
/*
Disabled selectize*/
.selectOpened .selectize-control.customSelect,
.selectize.customSelect {
	background-image: none !important;
	padding: 0
}


.selectize-control.single .selectize-input:after {
	width: 12px;
	height: 8px;
	border: none;
	background: url('../img/icons/arrowDown.png') no-repeat !important;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	margin-top: 0
}

.selectize-control.single .selectize-input.dropdown-active:after {
	background: url('../img/icons/arrowUp.png') no-repeat !important
}

.lang .selectize-control.single .selectize-input:after {
	background: none !important
}

.selectize-input.input-active {
	padding-bottom: 10px
}

.selectize-input {
	border: none!important;
	box-shadow: none!important;
	padding: 0;
	font-size: 1em;
	line-height: 1 !important
}

.selectize-dropdown [data-selectable].option {
	opacity: 1;
	background: white;
	border-bottom: 1px solid #ebebeb;
	padding: 20px 20px;
	cursor: pointer;
	color:#000!important

}

.defaultFormLabel.selectLbl,
.dropdownInput .defaultFormLbl.selectLbl {
	z-index: 2
}
/*
.dropdownInput .selectize-input {
	top: 10px
}
*/
.selectize-dropdown-content::-webkit-scrollbar {
	width: 15px;
	background: #fafafa;
	border: 1px solid #ededed;
	padding: 0 2px
}

.selectize-dropdown-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px grey;
	border-radius: 10px;
	width: 10px;
	padding: 0 2px
}

.selectize-dropdown-content::-webkit-scrollbar-thumb {
	background: #9c0058;
	border-radius: 10px;
	width: 10px;
	padding: 0 2px
}

.accountDashboard.selectize .selectize-input.items.full.has-options.has-items {
	min-height: 0px;
	margin-bottom: -10px
}

.selectize-input.dropdown-active::before {
	content: none
}

.selectize-dropdown-content {
	border: 1px solid #ebebeb;
	border-bottom: none;
	max-height: 177px
}

.selectize-control.single .selectize-input input {
	background: transparent;
	font-size: 0
}

.selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-input .item,
.selectize-input.items.has-options.full.has-items {
	background: transparent;
	height: 100%
}

.selectize-control.single .selectize-input.dropdown-active input {
	font-size: 1.125em
}

.mediaList .media-body {
	width: auto
}

.media {
	margin: 0
}

.mediaList .media {
	padding: 25px 0;
	border-bottom: 1px solid #f1f1f1
}

.mediaList .media-object {
	width: 230px;
	height: auto;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
	height: 170px
}

#publication .media-left {
	padding: 0 20px
}

.mediaList .media-heading,
.mediaList .media-heading:visited {
	margin: 10px 0;
	color: #000;
	display: inline-block
}

.mediaList a.media-heading:hover {
	color: #9c0058
}

.mediaTitle {
	color: #666666
}

.mediaDetails {
	margin-top: 15px
}

.downloadBtn,
.downloadBtn:visited {
	background-color: #a81f6c;
	color: white;
	border-radius: 30px;
	padding: 7px 15px 8px;
	border: none;
	display: inline-block;
	border: 1px solid #a81f6c
}

.downloadBtn .fa {
	font-size: 20px;
	margin: 0 3px
}

.downloadBtn:hover, .downloadBtn:hover i {
	background: white;
	color: #a81f6c!important
}

.publicationList .downloadBtn {
	margin: 0 10px
}

.purpleBtn .downIcon,
.downloadBtn .downIcon {
	position: relative;
	margin-top: -5px;
	top: 3px
}

.downloadBtn span {
	position: relative;
	top: -1px;
}

.newsList .media-heading {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 76px;
	margin: 10px 0
}

.mediaTxt {
	color: #000;
	line-height: 22px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 44px;
}

.newsList .media-object {
	height: 150px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08)
}


/** news details**/

.newsDetailsTop {
	width: 100%;
	display: inline-block;
	margin-bottom: 0px;
	position: relative;
	top: -35px
}

.newsRight {
	position: relative
}

.newsRight .purpleBtn {
	/*padding: 7px 20px;
    */
	text-transform: uppercase
}

.newsRight .purpleBtn .fa {
	float: none;
	margin: 0 5px
}

.newsShare {
	margin: 0 50px;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	color: #3e3e3e
}


/*.newsShare:before {
     content:"";
     position: absolute;
     top:3px;
    height:25px;
    width:1px 
}
*/

.newsShare .iconImg,
.newsPrint .iconImg {
	position: relative;
	top: 4px;
}

.newsShare .fa,
.newsPrint .fa {
	color: #a81f6c
}

.newsShare a:hover {
	color: #a81f6c !important
}

.newsSharePanel {
	position: absolute;
	width: 110px;
	border: 1px solid #ededed;
	border-radius: 5px;
	margin-top: 10px;
	text-align: center;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}

.newsSharePanel .jssocials-share {
	display: inline-block;
	margin: 10px 5px
}

.newsSharePanel .fa {
	font-size: 18px
}

.newsSharePanel .fa:hover {
	color: #70c030
}

.newsPrint {
	display: inline-block;
	text-transform: uppercase;
	color: #3e3e3e
}

.innerNewsTitle {
	margin-bottom: 20px;
	color: #000
}

.newsDetails {
	line-height: 24px !important
}

.newsDetails p {
	margin-bottom: 35px
}

.relatedNewsSection {
	margin-top: 90px
}

.relatedNewsSection h3 {
	display: inline-block
}

.moreNews,
.moreNews:visited {
	color: #9c0058 !important;
	display: inline-block
}

.relatedNews {
	margin-top: 30px
}

.relatedNews .media {
	padding: 30px;
	display: table-cell;
	width: 50%;
	word-spacing: -1em;
	height: 205px
}

.relatedNews .media-body,
.relatedNews .media-left,
.relatedNews .media-right {
	display: inline-block;
	width: auto;
	word-spacing: 0
}

.relatedNews .media-left {
	width: 45%
}

.relatedNews .media-body {
	width: 55%;
	padding: 0 10px
}

.relatedNews .media:nth-child(even)
/*, .relatedNews .owl-item:nth-child(even)*/

{
	background: #f5f9f3
}

.relatedNews .media:nth-child(odd)
/*, .relatedNews .owl-item:nth-child(odd)*/

{
	background: #ebf2e6
}

.relatedNews .media-object {
	width: 100%;
	max-height: 140px
}

.relatedNews .media-heading,
.relatedNews .media-heading:visited {
	color: black;
	display: inline-block;
	margin-top: 10px
}

.photoVideo .nav-tabs,
.nav-tabs.horizontalTabs {
	border-bottom: 2px solid #7bc143;
	min-height: 32px;
}

.photoVideo .nav-tabs>li,
.nav-tabs.horizontalTabs>li {
	top: 4px;
	margin-bottom: 0;
	display: inline-block;
}


/*.photoVideo .nav-tabs>li.active, .nav-tabs.horizontalTabs>li.active {
     top: 0 
}
 */

.photoVideo .nav-tabs>li>a,
.nav-tabs.horizontalTabs>li>a {
	border-radius: 0;
	background: #eaeaea;
	color: black;
	padding: 8px 12px;
	position: relative;
	font-size: 1rem;
}

.photoVideo .nav-tabs>li.active>a,
.photoVideo .nav-tabs>li.active>a:focus,
.photoVideo .nav-tabs>li.active>a:hover,
.nav-tabs.horizontalTabs>li.active>a,
.nav-tabs.horizontalTabs>li.active>a:focus,
.nav-tabs.horizontalTabs>li.active>a:hover {
	background: #971C61;
	color: white;
	border: 1px solid #971C61;
	padding: 10px 15px
}

.photoVideo .nav-tabs li.active a:after,
.nav-tabs.horizontalTabs li.active a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	top: 100%;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-top: 12px solid #971C61;
	position: absolute;
}

.photoVideo .tab-content {
	margin-top: 50px
}

.photoListing {
	margin: 0 -23px
}

.mediaListItem {
	margin-bottom: 15px;
	padding: 10px 20px
}

.mediaItemCont {
	background: #f0f8e9;
	padding: 10px;
	height: 300px
}

.mediaItemCont img {
	width: 100%;
	height: 150px
}

.mediaItemDetails {
	margin-top: 20px
}

.mediaItemTitle,
.mediaItemTitle:visited {
	color: black;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 26px !important;
	max-height: 52px
}

.mediaItemTitle:hover {
	color: #9c0058
}

.fancybox-active header {
	position: absolute;
	width: 100%;
	z-index: 9999
}

.fancybox-active header .navbar-default {
	width: 1170px;
	position: fixed
}

.fancybox-active header .headerWrapper {
	z-index: 9999
}

.fancybox-slide--video .fancybox-content {
	width: 1170px !important;
	top: 90px
}

.fancybox-video,
.fancybox-iframe {
	object-fit: fill
}

.fancybox-button--close {
	display: none
}

.photoListing .mediaListItem {
	height: 330px
}

.photoListing .mediaItemDetails {
	margin-top: 30px;
	padding: 0 5px 10px
}

.photoListing .mediaListItem:hover {
	padding: 0px 13px
}

.photoListing .mediaListItem:hover .mediaItemCont {
	background: #7bc143;
	padding: 20px 20px 4px;
	box-shadow: 0 0 15px 0 #a3b594;
	height: 320px
}

.photoListing .mediaListItem:hover .mediaItemTitle,
.photoListing .mediaListItem:hover .purpleColor {
	color: white
}

.photoListing .mediaListItem:hover .mediaItemTitle {
	-webkit-line-clamp: 3;
	max-height: 78px
}

.videoListing .videoImg {
	height: 150px;
	position: relative
}

.videoDuration {
	position: absolute;
	bottom: 0;
	background: #9c0058;
	width: 60px;
	color: white;
	text-align: center;
	padding: 2px 5px
}

.videoListing .mediaItemTitle,
.videoListing .mediaItemTitle:visited {
	max-height: 44px;
	margin-bottom: 10px;
	line-height: 22px !important
}

.videoListing .mediaListItem:hover {
	padding: 0px 13px
}

.videoListing .mediaListItem:hover .mediaItemCont {
	background: white;
	padding: 20px 20px 4px;
	box-shadow: 0 6px 20px 0 rgba(123, 193, 67, 0.3);
	height: 320px
}

.videoListing .mediaListItem:hover .mediaItemTitle {
	color: black
}


/** who we are **/

.statementLrgTxt {
	line-height: 180% !important;
}

.section-content {
	margin-bottom: 20px
}

.statementSmTxt {
	line-height: 180% !important
}

.aboutStatements {
	margin-top: 100px
}

.statmentDiv {
	margin: 20px 0
}

.statementTitle {
	margin-bottom: 30px;
	color: #3e3e3e
}

.statementBg {
	background: #f0f8e9;
	border-top: 4px solid #a81f6c;
	text-align: center;
	padding: 30px 30px
}

.statementTxt {
	margin-bottom: 30px;
	line-height: 24px !important
}

.statementBg .purpleBtn {
	min-width: 200px
}

.presidentImg {
	border: 2px solid white;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	max-height: 360px
}

.presidentImg img {
	max-width: 100%;
	width: auto;
	max-height: 356px
}

.presidentWord {
	line-height: 32px !important
}

.otherPresidentMsg {
	margin-top: 30px;
	line-height: 24px !important
}

.lowerPart {
	margin-top: 35px
}

.presidentMsgLower {
	margin-top: 60px
}

.presidentName {
	color: #a81f6c;
	margin-bottom: 10px
}

.presidentTitle {
	color: #000
}


/**pager**/

.pager-custom,
.paging,
.ms-srch-Paging {
	margin: 25px auto;
}

.page-item,
.paging .aPaging,
#pagingdiv .paging a,
.CQPaging a,
.CQPaging .selected,
.ms-srch-Paging li a {
	display: inline-block;
	margin: 0px 5px 5px 5px!important;
	min-width: 45px;
}

.page-item.pageNav .page-link,
.paging .aPaging {
	min-width: 95px;
}

.page-item .page-link,
.paging .aPaging,
#pagingdiv .paging a,
.CQPaging a,
.CQPaging .selected,
.CQPaging .selected,
.ms-srch-Paging li a {
	border-radius: 20px !important;
	height: 38px;
	line-height: 38px !important;
	padding: 0;
	vertical-align: middle;
	text-align: center
}

.page-item.disabled .page-link,
.CQPaging a {
	background: #eaeaea;
	color: #333
}

.page-item .page-link,
.page-item .page-link:focus,
.page-item .page-link:active,
.paging .aPaging,
.CQPaging .selected,
.CQPaging .selected,
.ms-srch-Paging li a {
	background: #a42668!important;
	color: #fff!important
}

.page-item .pageNumber {
	border-color: #d8d8d8;
	background: #fff;
	color: #333;
	min-width: 65px
}

.page-item .pagesNumb {
	border: none;
	color: #333;
	vertical-align: bottom;
}

span.pagesNumb {
	margin-top: 10px;
	display: inline-block;
}

.page-link:hover,
.CQPaging a:hover {
	color: #333!important;
	background-color: #e9ecef!important;
}

.page-link.currentNewspage,
.page-link.currentPubpage,
.page-link.current,
.page-item.selectedpager a,
.CQPaging .selected,
.ms-srch-Paging #PagingSelf a {
	background: #7bc143!important;
	color: #fff!important;
	min-width: 40px!important;
}




/** initiatives widget **/

.iniativesWidget {
	margin: 100px 0 0;
	border-top: 4px solid #a81f6c;
	padding-top: 1px
}

.initiativeBg {
	background: url('../img/flowersBgTransparent.png') #7bc143;
	position: relative;
	padding: 100px 20px 20px;
	width: 100%;
	display: inline-block;
	color: white
}

.initiativeLable {
	position: absolute;
	top: -5px;
	display: inline-block;
	padding: 30px 15px 10px;
	background: white;
	color: black;
	box-shadow: 0px 10px 15px 0px #5cab1c
}

.initLeft {
	width: 70%;
	padding: 0 20px
}

.initiativeTitle {
	font-size: 2.062em;
	margin-bottom: 15px
}

.initiativeTxt {
	margin-bottom: 15px
}

.initRight {
	width: 30%
}

.initiativeImg {
	border: 4px solid white;
	width: 90%;
	height: 220px;
	margin-top: -40px
}

.initiativeImg img {
	width: 100%;
	height: 100%;
	display: block
}

.isDisabled,
.aspNetDisabled,
textarea:read-only,
span.form-control,
.form-control:disabled, .form-control[readonly] {
	color: #8e8e8e!important;
	cursor: not-allowed!important;
	/*opacity: 0.9;
    */
	background: #f0f0f0!important;
	text-decoration: none;
}

.aspNetDisabled [type="radio"]:checked+label:after,
.aspNetDisabled [type="radio"]:not(:checked)+label:after {
	background: #7bc143!important;
}


/* .aspNetDisabled{
     background: #f0f0f0;
     color: #333;
     border-radius: 20px;
     min-width: 110px;
     text-align: center;
     display: inline-block;
     border: 1px solid #b4b4b4;
     transition: all ease 0.5s;
     -webkit-transition: all ease 0.5s;
}
 */

.wizard a.aspNetDisabled {
	background: transparent!important;
	min-width: inherit!important;
	border: 0px!important;
	opacity: 1;
}


/** organizational chart **/
.orgChartBg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;              /* thickness of the line */
  background-color: #c6c6c6; /* color of the line */
  transform: translateX(-50%);
  z-index: 1;
}
.orgChartBg {
	/* background: url('../img/orgChartBg4.png') no-repeat center top; */
	height: 420px;
	padding: 0px 0 30px;
	position: relative;
}
.orgChartMiddleTitle:first-of-type::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;      /* start below the box */
  width: 2px;     /* thickness of line */
  height: 20px;   /* length of connector */
  background: #c6c6c6;  /* line color */
  transform: translateX(-50%);
  z-index: 1;
}
.orgChartMiddleTitle {
	display: inline-block;
	background: #fcfcfc;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
	font-size: 1.25em;
	color: #9c0058;
	padding: 12px 40px;
	border-radius: 35px;
	position: relative;
	margin-bottom: 70px;
	border: 1px solid #ebebeb
}

.orgChartMiddleTitle:after {
	width: 21px;
	height: 9px;
	content: '';
	display: block;
	background: url('../img/icons/triangleDown.png');
	position: absolute;
	top: 100%
}

.orgChartBg .orgChartMiddleTitle {
	color: black;
	display: block;
	margin: 0 auto;
	width: 200px;
	position: relative;
	top: -50px;
	font-size: 1.125em;
	text-align: center;
}

.orgChartBg .col-sm-6 {
	padding: 0
}

.orgChartTab {
	display: inline-block
}

.orgChartTitle {
	background: #fcfcfc;
	border: 1px solid #d7d7d7;
	padding: 12px 14px;
	border-radius: 45px;
	width: 260px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	line-height: 15px !important;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1)
}

.orgChartTitle a,
.orgChartTitle a:visited {
	color: #333
}

.orgChartIcon,
.orgChartIcon:visited {
	width: 25px;
	height: 25px;
	background: #9c0058;
	color: white;
	font-size: 0.75em;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	line-height: 25px !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.orgChartIcon .fa {
	color: #fff
}

.orgChartIcon span {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 30px;
}

.orgChartRightBg {
	/* margin-top: -26px; */
}

.orgChartLeftBg {
	/* margin-top: -35px; */
}

.orgChartRightBg .orgChartTitle {
	/* margin-bottom: 16px; */
}

.newsDate,
.eventDate {
	font-family: Arial, Helvetica, sans-serif!important;
}


/***needs to be splitted***/

.orgChartCont {
	padding: 60px 0;
	position: relative
}

.orgChartCont:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	width: 0px;
	background: #fff;
	height: 1px;
	z-index: 2
}

.orgChartDept {
	position: relative
}

.orgChartDept:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: -60px;
	border-top: 1px solid #bababa
}

.orgChartDept:last-child:before {
	border-top: none;
	width: 0
}

.halfCircle {
	border: 1px solid;
	border-top-left-radius: 170px;
	height: 85px;
	border-top-right-radius: 170px;
	border-bottom: none;
	width: 170px;
	padding: 10px
}

.halfCircleSolid {
	width: 150px;
	height: 75px;
	border: 4px solid;
	border-top-left-radius: 150px;
	border-top-right-radius: 150px;
	border-bottom: none;
padding: 17px 0px 0 0px;
	text-align: center;
	font-weight: bold;
}

.borderLeft {
	padding-top: 30px
}

.orgChartDeptTitle {
	position: relative;
	padding: 6px 15px;
	border-radius: 45px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	line-height: 15px !important;
}

.orgChartDeptTitle .fa {
	position: absolute;
	font-size: 0.75em;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: white;
	width: 25px;
	height: 25px;
	border: 1px solid;
	border-radius: 50%;
	line-height: 23px !important
}

.orgChartTitle .popover,
.orgChartTitle .orgChartPanel,
.messi-box {
	width: 600px !important;
	max-width: 600px;
	padding: 0;
	border: 1px solid #9d0059
}

.messi-box {
	background: white;
	bottom: 60px;
	box-shadow: 0 0 70px 10px #e1e0e0;
}

.messi-content {
	max-height: 300px;
	overflow-y: auto;
}

.orgChartPanel {
	position: absolute;
	z-index: 11;
	background: white;
	bottom: 60px;
	box-shadow: 0 0 70px 10px #e1e0e0;
	width: 600px
}

.orgChartPanel .popover-title,
.orgChartPanel .orgChartHeader,
.messi-titlebox,
.modal-header {
	color: white;
	padding: 20px 30px;
	background: #9d0059 url('../img/flowersGrey.png') repeat
}

.orgChartPanel .popoverTitle {
	width: 90%;
	display: inline-block;
	vertical-align: middle
}

.orgChartPanel .closeBtn {
	cursor: pointer;
}

.orgChartPanel .popover-content,
.orgChartPanel .orgChartTxt,
.messi-content {
	padding: 40px 30px;
	line-height: 26px !important
}

.panelFooter {
	border-bottom: 30px solid #a8206c;
	box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.2)
}

.orgChartBg .popover.top>.arrow {
	bottom: -21px;
	border-top-color: rgb(168, 32, 108);
	border-width: 21px;
	border-bottom-width: 0;
}

.orgChartBg .popover.top>.arrow:after {
	border-top-color: #a8206c
}

.orgChartTab .orgChartPanel:before {
	content: "";
	position: absolute;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #a8206c;
	width: 0;
	height: 0;
	display: block;
	bottom: -22px;
	z-index: 12
}

.orgChartBg .popover.in+.orgChartIcon,
.orgChartBg .panel-collapse.in+.orgChartIcon {
	background-color: #73b440
}

.redSection .halfCircle,
.redSection .borderLeft {
	border-color: #f5c2bf
}

.redSection .halfCircleSolid {
	border-color: #ef2c28
}

.redSection .orgChartDeptTitle {
	border: 1px solid #f79c99;
	background: #faeaea;
}

.redSection .orgChartDeptTitle .fa {
	color: #ee2d28;
	border-color: #ee2d28
}

.blueSection .halfCircle,
.blueSection .borderLeft {
	border-color: #afddea
}

.blueSection .halfCircleSolid {
	border-color: #009ac8
}

.blueSection .orgChartDeptTitle {
	border: 1px solid #87cfe5;
	background: #ecf7fb;
}

.blueSection .orgChartDeptTitle .fa {
	color: #43b4d2;
	border-color: #43b4d2
}

.purpleSection .halfCircle,
.purpleSection .borderLeft {
	border-color: #e1b5d0
}

.purpleSection .halfCircleSolid {
	border-color: #9d0059
}

.purpleSection .orgChartDeptTitle {
	border: 1px solid #d18ab2;
	background: #f3e6ef;
}

.purpleSection .orgChartDeptTitle .fa {
	color: #a51062;
	border-color: #a51062
}

.greenSection .halfCircle,
.greenSection .borderLeft {
	border-color: #d2ebc3
}

.greenSection .halfCircleSolid {
	border-color: #7bc145
}

.greenSection .orgChartDeptTitle {
	border: 1px solid #bfe1a4;
	background: #e9f5e1;
}

.greenSection .orgChartDeptTitle .fa {
	color: #7bc145;
	border-color: #7bc145
}


/* .orgChartLeftBg {
     width: 0px;
     height: 0px;
     border-radius: 100px;
     border: 100px solid #ced0d1;
     -webkit-transform: rotate(270deg);
     border-bottom-color: transparent;
     border-left-color: transparent;
     border-right-color: transparent;
}
 .orgChartRightBg {
     width: 0px;
     height: 0px;
     border-radius: 100px;
     border: 100px solid #acacac;
     border-top-color: transparent;
     -webkit-transform: rotate(270deg);
     border-left-color: transparent;
     border-right-color: transparent;
     background: url('../img/flowersBg.jpg') 
}
 */


/** tarsheed landing page **/

.tarsheedItem {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
	padding-bottom: 40px;
	margin-bottom: 30px;
	height: 520px;
	border: 1px solid #e4e7e8
}

.tarsheedImg {
	height: 140px;
	width: 100%;
	margin-bottom: 50px
}

.tarsheedTitle {
	padding: 0 15px;
	text-align: center;
	margin-bottom: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 28px !important;
	height: 56px;
	overflow: hidden;
	color: #000
}

.tarsheedTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 20px !important;
	height: 100px;
	margin-bottom: 45px;
	text-align: center;
	padding: 0 15px
}

.tarsheedTxt ul {
	list-style-position: inside
}

.Collapse-container {
	margin: 0px 0px 15px 0px
}

.Collapse-container .catrgoryTitleWrap {
	margin-top: 15px;
}

.Collapse-container .panel-heading {
	background: #f9f9f9;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 25px;
}

.Collapse-container .panel-body {
	background: #eaeaea;
	border-bottom: 1px solid #e3e3e3;
	padding: 35px 25px;
}

.panel-heading [data-toggle="collapse"]:after {
		font-family: 'fontawesome';


	content: "\f054";
	/* "play" icon */
	color: #9c0058;
	font-size: 18px;
	line-height: 22px;
	/* rotate "play" icon from > (right arrow) to down arrow */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
	/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #454444;
}

.SiteMap-Container section {
	margin-bottom: 20px;
}

.SiteMap-Container section ul {
	list-style: square outside;
}

.SiteMap-Container section ul li {
	padding: 5px 0px;
	margin-left: 30px;
}

.SiteMap-Container h3,
.SiteMap-Container h3 a {
	font-size: 18px;
	color: #5ca025;
	list-style: none;
	font-weight: bold;
	margin: 5px 0px;
	padding: 0px;
}

.childNode {
	list-style: none;
	border-bottom: 1px dotted #dcdcdc;
	padding: 5px!important;
	margin: 15px 0px;
	margin-left: 10px !important;
}


/** cosultatnt categories **/

.rightHeader {
	margin-bottom: 20px
}

.categoryRow {
	margin-bottom: 70px
}

.catrgoryTitleWrap {
	border-bottom: 1px solid #e2e2e2;
	margin: -10px 0 45px;
	clear: both;
}

.catrgoryTitle,
.SiteMap-Container .catrgoryTitleWrap h2,
.Collapse-container .catrgoryTitleWrap h2 {
	color: #333;
	position: relative;
	bottom: -10px;
	background: white;
	display: inline-block
}

.cateogryItem {
	border: 1px solid #e4e7e8;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

.cateogryItem img {
	width: 100%;
	height: 160px;
	margin-bottom: 20px
}

.categoryDetails {
	padding: 20px 20px 40px
}

.categoryItemTitle {
	color: #a81f6c;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 28px !important;
	height: 56px;
	overflow: hidden;
	text-align: center
}

.cateogryItemTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 24px !important;
	height: 120px;
	margin-bottom: 40px;
	text-align: center;
	padding: 0;
	color: #666;
	word-break: break-all
}

.customerLandingCateogries .col-sm-3 {
	padding: 0
}

.customerLandingCateogries .serviceItemWrapp {
	padding: 20px 15px
}

.contsulatantsCategories .categoryDetails {
	text-align: center
}

.ProjectList-CQ .cateogryItem img {
	margin-bottom: 5px;
	height: 150px;
}

.ProjectList-CQ .categoryDetails {
	padding: 5px 20px 15px 20px;
	text-align: center;
}

.ProjectList-CQ .cateogryItemTxt {
	height: 180px!important;
	margin-bottom: 5px;
}

.ProjectList-CQ .cateogryItem,
.ProjectList-CQ .cateogryItemTxt {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.projectdate {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.projectdate li {
	display: block;
}

.projectdate li strong {
	font-weight: bold;
}

.projectdate li span,
.ProjectDate span,
.number {
	font-family: Arial, Helvetica, sans-serif;
}

.ProjectDate span {
	display: inline-block;
	margin: 0px 5px;
}

.innerNewsTitle .status {
	font-size: 0.75em !important;
	color: #7bc143
}

.Page-Viewall {
	text-align: center;
}

.projectStatus {
	font-size: 0.75em !important;
	color: #7bc143
}


/** customer landing page**/

.customerLandingCateogries .homeServiceItem {
	height: 300px
}

.customerLandingCateogries .catrgoryTitleWrap {
	margin-bottom: 25px
}

.customerLandingCateogries .homeServiceTitle {
	padding: 0 20px
}

.customerLandingCateogries .categoryRow {
	margin-bottom: 45px
}


/** register page**/

.form-row {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 10px;
}

.form-row>.col,
.form-row>[class*=col-] {
	padding-right: 15px;
	padding-left: 15px
}

.defaultForm,
.KMForm {
	background: #f8f8f8;
	display: inline-block;
	width: 100%;
	padding:10px 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #dfdfdf;
}

.defaultFormLbl {
	color: #656565;
	display: block;
	position: relative;
	top: 0px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	word-break: break-all;
	pointer-events: none;
	font-size: 15px;
}

.defaultFormLbl.noFocus {
	top: 0
}

.customRadio {
	margin-top: 20px
}

.defaultLabel {
	top: 0 !important;
	color: #6c7174
}

.requiredIcon {
	color: #A11B29!important;
	position: relative;
	top: 5px;
	line-height: 1px !important
}

.form-control:focus {
	border: none;
	/*box-shadow: 0 0 0 0.2rem #f3cdcf;*/
}

.defaultForm .form-control,
.defaultForm .Textbox,
.KMForm .Textbox,
.TextArea {
	background: #ffffff;
	border: none;
	/*box-shadow: none;*/
	border-bottom: 1px solid #b4b4b4 !important;
	border-radius: 0;
	color: #000;
	/*padding:0px 0 10px ;
    */
	min-height: 40px;
	/*line-height: 23px !important;*/
	margin-top: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
	width: 1%!important;
}


/*fixing hight aligment with other inputs */

.form-group textarea.focusInput {
	line-height: 19px !important;
}

.defaultForm .fileUpload-form-group {
	margin-top: -40px;
}

.inputTxt {
	position: relative;
	float: left;
	width: 10%;
	display: block;
	min-height: 50px;
	line-height: 40px !important;
	margin-top: 5px;
	padding-bottom: 10px;
	color: #a81f6c
}

.KMForm {}

.KMFormControls {
	width: 100%!important
}

.KMForm-description {
	background-color: #fff;
	border: 1px solid #ebebeb;
	color: #9c0058;
	padding: 15px;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 25px;
}

.fileinput-button {
	background-color: transparent!important;
	border: 0px;
	border-bottom: 1px solid #b4b4b4;
	border-radius: 0px;
	width: 100%
}

.KMFormLabel {
	color: #000;
	display: block;
	width: 100%!important
}

.KMForm .Textbox,
.KMForm .TextArea {
	width: 100%;
	/* margin-bottom: 45px;
    */
}

.inputTxt {
	opacity: 0;
	z-index: -1;
	transition: all ease 0.4s;
	display: none
}

.defaultLabel+.inputTxt {
	opacity: 1;
	z-index: 1;
	display: block
}

.defaultForm .defaultLabel+.inputTxt+.form-control {
	width: 90%;
	float: left
}

.defaultForm .form-control::placeholder {
	color: transparent
}

.defaultForm .form-control:-ms-input-placeholder {
	color: transparent
}

.defaultForm .form-control::-ms-input-placeholder {
	color: transparent
}

.defaultForm .form-control[readonly] {
	cursor: default
}

.defaultForm .form-group {
	margin-bottom: 15px
}

.defaultFormLbl.block {
	display: block
}

.registerPage .innerPageTitle,
.consultantForm .innerPageTitle {
	margin-bottom: 0
}

.defaultForm .custom-control-inline {
	display: inline-block
}

.defaultForm .custom-control {
	position: relative;
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.custom-radio .custom-control-label::before {
	border-radius: 50%;
}

.custom-radio .custom-control-label::before {
	position: absolute;
	top: 0px;
	display: block;
	width: 20px;
	height: 20px;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
}

.custom-radio .custom-control-label::after {
	position: absolute;
	top: 0px;
	display: block;
	width: 20px;
	height: 20px;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #a81f6c;
	border: 4px solid white
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	background-color: #a81f6c;
}

.defaultForm .custom-radio .custom-control-label {
	font-weight: normal
}

.defaultForm .datepicker,
.datepickerCustome {
	width: 100%;
	cursor: pointer
}

.datepickerCustome {
	position: relative;
}

.defaultForm .inputIcon,
.sp-calender img {
	padding-bottom: 4px;
	display: inline-block;
	height: 34px;
	position: relative;
	/*bottom:-12px;
    */
	pointer-events: none;
	line-height: 34px;
	color: #a81f6c
}
/*
Disabled selectize
*/
.customSelect {
	height: 40px !important;
	margin-top: 5px;
	padding: 10px 15px;
	background-color:#fff!important;
	width:100%;
}

.registerPage .defaultForm .inputIcon.calendar {
	bottom: -10px
}

.defaultForm .custom-radio .custom-control-input:checked~.custom-control-label::after {
	background-image: none
}

.registerBtns,
.KMFilterButton {
	margin-top: 40px
}

.registerBtns .purpleBtn,
.KMFilterButton .btn_primary {
	min-width: 130px;
	font-size: 1.125em
}

.resetBtn,
.resetBtn:visited {
	background: #f0f0f0;
	color: #333;
	padding: 10px 20px;
	line-height: 100%;
	height: 40px;
	border-radius: 20px;
	min-width: 110px;
	text-align: center;
	display: inline-block;
	border: 1px solid #b4b4b4;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	font-size: 1.125em;
}

.resetBtn:hover {
	background-color: transparent;
}

.section-title .resetBtn,
.section-title .resetBtn:visited {
	font-size: 0.8rem;
}

.customSelect .dropdown-toggle::after{
	display: none
}

.customSelect .dropdown-toggle:active,
.customSelect .dropdown-toggle:hover,
.customSelect .dropdown-toggle:focus,
.customSelect .dropdown-toggle {
	background-color: transparent !important;
	border: none;
	box-shadow: none !important;
	transition: all 0.3s;
	-webkit-transition: all ease 0.3s;
	padding: 0;
	font-size: 1em;
	line-height: 1 !important;
	top: 0;
	color: #333
}

.customSelect.open .dropdown-toggle {
	top: -20px;
	color: #6c7174;
	font-size: 0.875em
}

.customSelect.selectpicker {
	min-width: 0
}

.customSelect.selectpicker,
.bootstrap-select.customSelect,
.selectOpened .selectize-control.customSelect {
	background: none !important
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
	right: -30px;
	background: url(../img/icons/arrowDown.png) no-repeat !important;
	width: 20px;
	height: 10px;
	border: none
}

.generalselect{
background-image: url(../img/icons/arrowDown.png)!important;
    background-position: 90% center!important;
    background-repeat: no-repeat!important;
}

.customSelect .dropdown-menu {
	padding: 0;
	border-radius: 0;
	box-shadow: none
}

.errorMsg,
.error {
	color: #e74b24;
	margin-top: 10px
}
/*2022*/
.inputfile+label {
	max-width: 100%;
	width: 100%;
	font-size: 1em;
	font-weight: normal;
	display: flex;
	padding: 0 0 14px;
	margin-top: 40px;
	border-bottom: 1px solid #ebebeb;
	color: #9c0058;
	cursor: pointer;
	align-items: center;
}

.inputfile:hover+label {
	color: #70c030;
}


/*.defaultForm textarea{
    height:34px
}
*/

.darkBg .inputfile+label {
	border-bottom: 1px solid #b4b4b4
}

input[type=password]:focus,
textarea:focus,
input[type=text]:focus,
input:not([type]):focus,
select:focus,
textarea:focus,
.sp-peoplepicker-topLevelFocus,
.ms-inputBoxActive,
.ms-inputBox.ms-inputBoxActive:hover {
	border-color: #C21269!important;
}


/***Customer Services forms**/

.customerForms .registerBtns {
	margin-top: 20px;
}

.applicationItem {
	border: 1px solid #ebebeb;
	padding: 10px 15px 20px;
	margin-top: 40px
}

.applicationTitleWrap {
	position: relative;
	background: #fff;
	top: -22px;
	display: inline-block;
	padding: 0 10px;
	font-weight: bold;
}

.applicationText {
	margin: 15px 0 10px
}

.raiseServiceResults {
	margin: 20px 0
}

.raiseServiceResults .accountNotification {
	width: 100%
}

.noteWrap,
.KMFormData,
.info,
.KMFilterHeader,
.KMFilter {
	font-size: 14px;
	border: 1px solid #ebebeb;
	color: #9c0058;
	padding: 15px;
	margin: 5px 0px;
	display: block;
	background-color: #fff;
}

.ui-helper-hidden-accessible {
	color: #9c0058;
	font-size: 14px;
}


/**Careers Apply page **/

.jobDescription {
	margin-bottom: 40px
}

.consultantForm {
	padding-top: 30px
}

.datepicker-dropdown {
	padding: 0;
	border-radius: 0;
	border: 1px solid #a81f6c
}

.datepicker-dropdown th {
	padding: 10px 10px !important;
	color: #a81f6c
}

.datepicker-dropdown th.next,
.datepicker-dropdown th.prev {
	background: #a81f6c;
	color: #fff;
	border-radius: 0
}

.datepicker-dropdown thead tr:nth-child(2) th,
.ms-picker-header {
	background: #a81f6c!important;
	background-color: #a81f6c!important;
	color: #fff;
	border-radius: 0
}

.datepicker-dropdown.datepicker-orient-top:before {
	border-top: 7px solid #a81f6c
}

.datepicker-dropdown td.active.day {
	background: #a81f6c !important
}

.datepicker-dropdown td {
	border-radius: 0
}

.loaderDiv {
	display: none;
	z-index: 999;
	position: fixed;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	/*left: 0;
    top: 0;
    */
}

.loaderDivIcon {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}


/**customer eServices***/

.serviceCategoryItem {
	width: 100%;
	display: inline-block;
	border: 1px solid #e4e7e8;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
	margin: 15px 0;
	padding: 35px 20px;
	word-spacing: -1em;
	height: 195px
}

.serviceCategoryItem .serviceIconDiv {
	width: 15%;
	display: inline-block;
	word-spacing: 0em;
	vertical-align: top
}

.serviceCategoryItem .serviceDetails {
	width: 80%;
	display: inline-block;
	word-spacing: 0em;
	vertical-align: middle
}

.serviceCategoryItem .circle {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.serviceCategoryItem .iconImg {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.serviceCategoryItem .homeServiceTitle {
	margin: 0px 0 10px
}

.serviceCategoryItem .serviceTxt {
	color: #666;
	line-height: 150% !important;
	height: 75px;
	/*overflow:hidden;
     text-overflow:ellipsis;
    display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     font-size:12px;
    */
}

.serviceCategoryItem .serviceBtn {
	width: 20%;
	display: inline-block;
	word-spacing: 0em;
	vertical-align: middle;
	text-align: center
}

.serviceCategoryItem .purpleBtn {
	min-width: 120px;
	position: relative;
	top: 20px
}

.circle {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.circle .iconImg {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


/**business landing page**/

.businessItem {
	border: 1px solid #e4e7e8;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
	padding-bottom: 40px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%
	/*;
    height:520px*/
}

.businessItem .circle {
	margin: 45px auto 35px;
	display: block
}

.businessItem .tarsheedTitle {
	padding-bottom: 15px;
	height: 85px;
	margin-bottom: 0;
}

.businessItem .tarsheedTxt {
	margin-bottom: 40px;
	line-height: 24px !important;
	height: 116px
}


/**business auctions page**/

.sidebarRegister {
	width: 100%;
	display: inline-block;
	margin: 20px auto 0;
	border: 1px solid #e0e0e0;
	box-shadow: 0 0 15px 0 #e0e0e0
}

.regsiterBg {
	background: url('../img/greenBg.png') no-repeat;
	padding: 20px 20px;
	height: 260px;
}

.sidebarRegisterTitle {
	color: #fff;
	font-size: 3.25em
}

.sidebarRegisterTitleSm {
	font-size: 1.875em;
	color: #fff
}

.sidebarRegisterTxt {
	color: #fff;
	margin-top: 15px;
	color: white
}

.sidebarRegister .purpleBtn {
	margin: 5px 20px 20px;
	display: block;
	min-width: 120px;
}

.customTable,
.table-layout,
.DataGrid,
.grid-table {
	width: 100%
}

.auctionsTable {
	margin-top: 40px
}

.auctionsTable td:nth-child(2) {
	width: 35%
}

.customTable th,
.table-layout th,
.DataGrid th,
.grid-table th, 
.accountDashboard .defaultTable th{
	padding: 15px 15px;
	    background: #efefef;
    border: 1px solid #e1e1e1;
    	line-height: 110%;
    	    font-weight: bold;
}

.customTable td,
.table-layout td,
.DataGrid td,
.grid-table td {
	padding: 15px 15px;
	color: #333;
	border: 1px solid #ebebeb
}

.auctionsTable th {
	color: #000
}

.customTable tr:nth-child(even) td,
.table-layout tr:nth-child(even) td,
.DataGrid tr:nth-child(even) td,
.grid-table tr:nth-child(even) td,
tr.alternative td {
	background: #fcfcfc
}

.customTable .tableLink,
.customTable .tableLink:visited,
.customTable .tableLink:hover,
.table-layout a,
.DataGrid a,
.grid-table a {
	color: #a81f6c
}

.customTable .tableLink .fa,
.grid-table .fa {
	display: inline-block;
	margin: 0 5px
}


/**Bill Payment***/

#billPayment .innerPageTitle {
	margin-bottom: 0
}

.billPaymentBtn,
.formBtnRight {
	margin: 35px 0 50px;
}

.billPaymentTable table th .custom-control-label::before,
.billPaymentTable table th .custom-control-input:checked~.custom-control-label::before,
.billPaymentTable table th .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.billPaymentTable table th .custom-control-input:active~.custom-control-label::before {
	background-color: #fff
}

.billPaymentTable table td .custom-control-label::before {
	background-color: #faf8fb
}

.billPaymentTable .billPaymentBtn {
	border: 1px solid #ebebeb;
	margin: 0;
	padding: 20px 20px;
	border-top: none;
}


/**tariff**/

.tariffTxtLeft {
	width: 75%;
	color: #000;
	line-height: 24px !important
}

.tariffTxtRight {
	width: 25%;
	text-align: end
}

.tariffTxtRight .purpleBtn {
	width: 200px;
	border-radius: 30px;
	margin-top: 20px;
	height: 47px;
	padding: 5px 20px
}

.tariffTxtRight .purpleBtn:hover {
	color: #fff;
	background-color: #a81f6c
}

.tariffTxtRight .purpleBtn .iconImg {
	vertical-align: middle
}

.tariffTitle {
    	margin-bottom: 5px;
}

.tariffTypes {
	background: #f8f8f8;
	padding: 30px 20px;
	display: inline-block;
	width: 100%;
	margin: 50px 0
}

.tariffItemWrap {
	padding: 0 10px;
	height: 145px;
	margin-bottom: 20px !important;
	width: 33.33%
}

.tariffItem {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 10px 10px 0 #e9e9e9;
	border: 1px solid #ebebeb !important;
	padding: 10px 15px;
	/*height:100%;
    */
	display: table;
	vertical-align: middle;
	position: relative
}

.tariffCircleWrap {
	display: inline-block;
	vertical-align: middle;
	width: 90px
}

.tariffItem .circle {
	width: 90px;
	height: 90px
}

.tariffItemTitle {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 110px);
	word-break: break-word
}

.tariffItem.collapsed,
.tariffItem.noTab {
	background: #fff
}

.tariffItem,
.tariffItem:hover,
.tariffItem.collapsed:hover {
	background: #9c0058;
	transition: all ease-in 300ms;
	-webkit-transition: all ease 300ms;
}

a.tariffItem:hover .propertyOptionTitle,
a.tariffItem.collapsed:hover .propertyOptionTitle {
	color: #fff!important
}

.tariffItem.collapsed .tariffItemTitle {
	color: #000
}

.tariffItem:after {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	top: 98%;
	background: #9c0058;
	position: absolute;
	left: 0
}

.tariffItem.collapsed:after,
.tariffItem.noTab:after {
	content: none
}

.tariffItem .tariffItemTitle,
.tariffItem:hover .tariffItemTitle {
	color: #fff;
	margin: 0px 5px;
}

.tariffTabsRow {
	width: 100%;
	display: inline-block;
	clear: both;
	border: none;
	list-style: none
}

.tariffTabContent {
	padding: 0 10px;
	position: relative;
	top: -10px;
	clear: both;
	width: 100%
}

.tariffExpanded {
	background: white;
	padding: 0px 30px;
	border-radius: 5px;
	clear: both;
	width: 100%;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.06);
	margin-bottom: 20px
}

.tariffExpandedTab {
	padding: 30px 0 25px
}

.tariffExpandedTab .defaultForm{
	border:0px!important;
}
.tariffExpanded .tariffExpandedTitle {
	margin-bottom: 20px
}

.tariffExpandedHeader {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%
}

.defaultTable {
	width: 100%;
	box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.10)
}

.defaultTable thead th {
	background: #f8f8f8
}

.defaultTable td,
.defaultTable th {
	padding: 20px;
	text-align: center;
	border: 1px solid #ebebeb;
	/*width: 50%*/
}

.tariffExpandedTitle .electricityIcon {
	position: relative;
	top: 12px
}

.tariffExpandedTitle .waterIcon {
	position: relative;
	top: 7px
}

.table-responsive.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 25px !important
}

.table-responsive .mCSB_scrollTools_horizontal .mCSB_dragger_bar {
	background: #e3e3e3 !important;
	height: 15px !important
}

.table-responsive .mCSB_draggerRail {
	border: none !important
}

.tarif-icon-img {
	max-width: 50px!important;
	margin-top: 20px;
}

.service-icon-img,
.tariffTabTitle .c-image-circle {
	max-width: 70px!important;
	margin: 15px auto;
}


/**business tenders page*/

.tenderItem,
.tenderItem:visited,
.tenderItem:hover,
.tenderItem:focus {
	display: block;
	position: relative;
	padding: 18px 35px;
	color: #fff;
	margin-top: 10px
}

.tenderItem.collapsed {
	background: #a42668
}

.tenderItem {
	background: #7bc143
}

.tenderItem.collapsed .fa::before {
	content: "\f107"
}

.tenderPanel {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.16);
	word-spacing: -1em
}

.tenderLbl {
	display: inline-block;
	margin-bottom: 10px;
	width: 30%;
	word-spacing: 0em
}

.tenderValue {
	display: inline-block;
	margin-bottom: 10px;
	width: 70%;
	word-spacing: 0em
}

.tenderValue .tenderStatus {
	background: #7bc143;
	color: #fff;
	padding: 3px 5px;
	display: inline-block
}

.tenderValue p {
	margin-bottom: 10px
}

.tenderTopSection {
	padding: 35px 35px
}

.tenderBottomSection {
	background: #fcfcfc;
	padding: 35px 35px;
}


/**my account dashboard page*/

.greyBg {
	background: #f8f8f8;
	padding: 20px 10px 0
}

.boxWrap {
	padding: 0 10px
}

.accountMainItem {
	background: white;
	padding: 20px 25px;
	box-shadow: 0 10px 10px 0 #e9e9e9;
	margin-bottom: 20px;
	word-spacing: -1em
}

.accountMainItem .tariffCircleWrap {
	width: 20%;
	display: inline-block;
	word-spacing: 0em;
	vertical-align: middle
}

.accountUserDetails {
	width: 45%;
	display: inline-block;
	word-spacing: 0em;
	vertical-align: middle
}

.accountHelp {
	width: 35%;
	display: inline-block;
	word-spacing: 0em;
	vertical-align: middle
}

.accountUserName {
	color: #a81f6c;
	font-size: 1.215em;
	margin-bottom: 10px;
	display: block
}

.userDetailsRow {
	color: #000;
	display: block;
	margin-bottom: 10px
}

.accountHelpBg {
	background: url('../img/helpBg.png') no-repeat;
	height: 179px;
	background-size: contain;
	color: #fff;
	padding: 10px 20px;
	width: 330px
}

.accountHelpTitle {
	font-size: 2.187em;
	display: block
}

.accountHelpTxt {
	display: block
}

.helpSmTxt {
	display: inline-block;
	vertical-align: middle
}

.helpNumber {
	font-size: 69px;
	color: #a81f6c;
	display: inline-block;
	vertical-align: middle
}

.accountlrgNumber {
	display: inline-block;
	vertical-align: middle
}

.accountlrgNumber.block {
	display: block
}

.accountItemDetails {
	display: inline-block;
	vertical-align: middle
}

.accountItemTxt {
	display: inline-block;
	vertical-align: middle
}

.tariffItem .accountlrgNumber {
	color: #fff;
	font-size: 20pt
}

.accountDashboard .tariffItemWrap {
	margin-bottom: 20px !important;
}

.tariffExpandedTab .tariffItem.collapsed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.accountDashboard .tariffItem {
	height: 100%;
}

.accountDashboard .accountItemTxt .accountlrgNumber {
	text-align: center;
}

.tariffExpandedTab .tariffItemWrap {
	text-align: center
}

.tariffItemWrap.active .tariffItemTitle {
	color: #fff!important;
}

.accountDashboard .nav-tabs {
	border: none
}

.tariffItemWrap.active .tariffItem,
.tariffItemWrap:hover .tariffItem,
.nav-tabs>li.tariffItemWrap.active>a,
.nav-tabs>li.tariffItemWrap.active>a:focus,
.nav-tabs>li.tariffItemWrap.active>a:hover {
	background: #9c0058
}

.accountDashboard .tariffItem:hover .accountlrgNumber,
.accountDashboard .tariffItem:hover .accountUnit,
.accountDashboard .tariffItem:hover .tariffItemTitleBlack,
.accountDashboard .tariffItem:hover .tariffItemTitleGrey,
.accountDashboard .tariffItem.collapsed:hover .accountlrgNumber,
.accountDashboard .tariffItem.collapsed:hover .accountUnit,
.accountDashboard .tariffItem.collapsed:hover .tariffItemTitleBlack,
.accountDashboard .tariffItem.collapsed:hover .tariffItemTitleGrey,
.accountDashboard .tariffItemWrap.active .tariffItem .accountlrgNumber,
.accountDashboard .tariffItemWrap.active .tariffItem .accountUnit,
.accountDashboard .tariffItemWrap.active .tariffItem .tariffItemTitleBlack,
.accountDashboard .tariffItemWrap.active .tariffItem .tariffItemTitleGrey,
.tariffItemWrap:hover .tariffTabTitle .propertyOptionTitle,
.tariffItemWrap>a:focus .tariffTabTitle .propertyOptionTitle,
.tariffExpandedTab .nav-tabs>li.tariffItemWrap.active .tariffTabTitle .propertyOptionTitle,
.loadControl .tariffItemTitleBlack,
.loadControl .tariffItemTitleGrey {
	color: #fff
}

.tariffItem.collapsed .accountlrgNumber,
.tariffItem.noTab .accountlrgNumber {
	color: #333;
}

.tariffItem.collapsed .accountUnit,
.tariffItem.noTab .accountUnit {
	color: #9c0058;
	padding: 0px 5px;
}

.tariffItem.collapsed .tariffItemTitleBlack,
.tariffItem.noTab .tariffItemTitleBlack {
	color: #000
}

.tariffItem.collapsed .tariffItemTitleGrey,
.tariffItem.noTab .tariffItemTitleGrey {
	color: #666
}

.accountDashboard .tariffExpandedTitle {
	color: #9c0058
}

.accountNotification {
	background: #f8fcf5;
	color: #000;
	display: inline-block;
	width: 80%;
	margin-bottom: 40px;
	padding: 10px 15px
}

.accountPropertyTab {
	border: 1px solid #ebebeb;
	background: #fff;
	margin-bottom: 4px !important;
	display: table;
	width: 100%;
	border-radius: 0 !important;
	box-shadow: none
}

.tariffItemWrap.active .tariffItem:after {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	top: 98%;
	background: #9c0058;
	position: absolute;
	left: 0
}

.accountPropertyTab.expandedPropertyTab .propertyCustomerDetails {
	background: #f8f8f8
}

.accountPropertyTab.expandedPropertyTab {
	border-bottom: none;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.16)
}

.accountSearchWrap {
	background: #e5e5e5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 30px;
	position: relative
}

.accountSearchLbl {
	color: #000
}

.accountSearch {
	border: none;
	box-shadow: none;
	padding: 15px 20px;
	width: calc(100% - 120px);
	border-radius: 5px;
	background: #fdfdfd
}

.accountSearch::placeholder {
	font-size: 0;
	opacity: 0
}

.accountSearch:-ms-input-placeholder {
	font-size: 0;
	opacity: 0
}

.accountSearch::-ms-input-placeholder {
	font-size: 0;
	opacity: 0
}

.accountSearchIcon {
	position: absolute;
	top: 34px
}

.propertyPanel {
	background: #fff;
	color: #333;
	padding: 35px 45px
}

.panelGreyBox {
	background: #fafafa;
	text-align: center;
	padding: 25px 0;
	height: 100%
}

.panelRow {
	margin: 0
}

.propertyPanelImg {
	width: 85px;
	display: inline-block;
	vertical-align: middle;
	word-spacing: 0em
}

.propertyPanelDetails {
	width: 130px;
	display: inline-block;
	vertical-align: middle;
	word-spacing: 0em
}

.propertyTabWrapp {
	width: 100%;
	overflow: auto;
	padding: 0px
}

.propertyDetailsWhiteDiv {
	padding: 40px 60px;
	border-bottom: 1px solid #fafafa
}

.propertyDetailsWhiteDiv .customerLabel,
.propertyDetailsWhiteDiv .customerNameValue {
	display: inline-block
}

.proppertyOptions {
	padding: 20px 0px;
	margin: 0
}

.propertyOptionItem {
	margin-bottom: 8px;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.04)
}

.propertyOptionWrap {
	border: 1px solid #ebebeb;
	padding: 15px 0;
	text-align: center;
	min-height: 105px;
	height: 100%;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.04)
}

.propertyOptionImg {
	height: 65px;
	width: 65px;
	position: relative;
	border-radius: 50%;
	margin: auto
}

.propertyOptionImg>.iconImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
}

.tariffItemWrap.active .propertyOptionImg,
.tariffItemWrap:hover .propertyOptionImg,
.tariffItemWrap a:focus .propertyOptionImg {
	background: #f8f8f8
}

.propertyOptionTitle {
	color: #9c0058;
	display: block;
	margin-top: 10px
}

.propertyImg {
	width: 90px;
	vertical-align: middle;
	word-spacing: 0em;
	background: #fbfbfb;
	text-align: center;
	padding: 16px 0;
	height: 80px
}

.propertyImg .iconImg {
	margin-bottom: 5px
}

.propertyCustomerDetails {
	vertical-align: middle;
	width: calc(100% - 150px);
	padding: 16px 35px;
	height: 80px
}

.customerDetailsWrap {
	width: 50%;
	display: inline-block
}

.propertyDetails {
	display: inline-block;
	word-spacing: 0em;
	width: 45%;
	vertical-align: top
}

.propertyLink {
	vertical-align: middle;
	word-spacing: 0em;
	width: 60px;
	height: 80px;
	background: #fbfbfb
}

.propertyImg,
.propertyLink {
	border-bottom: none
}

.accountPropertyTab.expandedPropertyTab .propertyImg,
.accountPropertyTab.expandedPropertyTab .propertyLink {
	border-bottom: 1px solid #f0f0f0
}

.propertyLink .iconImg {
	position: relative;
	top: 50%;
}

.propertyLink .collapsed .iconImg {
	filter: grayscale(1) invert(0.8);
	transform: translateY(-50%) translateX(-50%) rotateX(180deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotateX(180deg)
}

.propertyImgWrap {
	display: inline-block
}

.propertyName {
	font-size: 1em;
	text-align: center
}

.customerNameWrap {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	word-spacing: 0em;
}

.customerLabel {
	font-size: 1em;
	display: block
}

.customerLocation {
	display: inline-block;
	width: 28%;
	vertical-align: middle
}

.locationTxt,
.customerLocation .iconImg {
	display: inline-block;
	vertical-align: middle
}

.customerLocation .iconImg {
	width: 20px
}

.electricityWrap {
	display: inline-block;
	width: 18%;
	vertical-align: middle;
	word-spacing: 0em;
}

.electricityWrap .iconImg {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	vertical-align: middle
}

.propertyNotes {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	word-spacing: 0em;
}

.propertyNotes .redMessage {
	color: #ee2d27
}

.propertyNotes .greenMessage {
	color: #7bc143
}

.customerNameValue {
	display: block
}

.propertyDetails .customerLabel {
	display: inline-block;
	vertical-align: top
}

.propertyNotes .circleIcon {
	width: 15px;
	height: 15px;
	background: white;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle
}

.propertyNotes .redMessage .circleIcon {
	border: 3px solid #ee2d27
}

.propertyNotes .greenMessage .circleIcon {
	border: 3px solid #7bc143
}

.consumptionRate {
	border: none;
	padding: 5px 10px;
	display: inline-block;
	vertical-align: middle
}

.consumptionRate.redBtn {
	background: #ee2d27
}

.consumptionRate.greenBtn {
	background: #7bc143
}

.propertyLink .fa {
	font-size: 35px;
	color: #d6d6d6
}

.propertyPanel {
	width: 100%;
	clear: both
}

#prevBills .accountNotification {
	width: 50%
}

.accountDashboard .defaultForm {
	background: #fff;
	padding: 0px
}

.accountDashboard .defaultLabel {
	color: #6c7174
}

.accountDashboard .defaultForm .form-control {
	border-color: #ebebeb !important
}

.accountDashboard .selectpicker,
.accountDashboard .customSelect {
	width: 100% !important
}

.accountDashboard .bootstrap-select>select {
	width: 0.5px !important
}

.accountDashboard .defaultTable {
	margin-top: 55px;
	box-shadow: none
}

/*
.accountDashboard .defaultTable td,
.accountDashboard .defaultTable th {
	width: 20%;
	padding: 20px 50px
}
*/
.accountDashboard .defaultTable td:nth-child(2),
.accountDashboard .defaultTable th:nth-child(2) {
	width: 25%
}


.accountDashboard .defaultTable tr:nth-child(even) td {
	background: #fcfcfc
}

.accountDashboard .tariffExpandedTab .inlineFullwidth,
.accountDashboard .table-responsive {
	padding: 0 15px
}

.accountDashboard .purpleBtn {
	margin: 20px auto;
}

.accountDashboard #divLoadMore {
	text-align: center;
	margin: 0px auto;
	width: 200px;
}

.accountDashboard .purpleBtn .fa {
	top: 0
}

.tariffTabTitle {
	position: relative;
	/*top: 50%;
     transform: translateY(-50%);
    -webkit-transform: translateY(-50%)*/
}

.consumptionCircle {
	background: #ee2d27
}

.chart .chartDiv {
	height: 350px
}

.rightChart {
	width: 40%
}


/** quick access **/

.quickAccess {
	position: fixed;
	bottom: 20px;
	z-index: 8;
	cursor: pointer
}

.quickAccessModal .modal-dialog {
	width: 750px;
	max-width: initial;
	margin: 0 auto;
	top: 90px;
	height: 540px
}

.quickAccessModal .modal-header {
	border-bottom: none;
	padding: 10px 15px
}

.modal-open .modal,
.modal-open {
	padding-right: 0 !important
}

.quickAccessModal .close {
	opacity: 1
}

.quickAccessModal .modal-content {
	background: transparent;
	border: none;
	box-shadow: none
}

.quickAccessModal .modal-body {
	padding: 0px 40px;
	text-align: center
}

.quickAccessTitle {
	color: #9c0058;
	margin-bottom: 15px
}

.quickAccessTxt {
	color: #666
}

.quickAccessCarousel {
	margin: 20px auto 0px
}

.quickAccessModal .homeServicesCont {
	margin: 0 auto;
	width: 840px
}

.quickAccessModal .serviceItemWrapp {
	height: 270px;
	margin-bottom: 0px;
	padding: 10px
}

.quickAccessModal .serviceHoverTxt {
	-webkit-line-clamp: 4;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	line-height: 22px !important;
	height: 88px
}

.quickAccessModal .homeServiceItem {
	height: 250px;
	border-radius: 5px
}

.quickAccessModal .serviceBorder {
	box-shadow: none;
	border-radius: 5px;
	border: none
}

.quickAccessModal .homeServiceHover {
	border-radius: 5px
}

.quickAccessModal .homeServiceHover {
	padding: 35px 25px 30px
}


/**message popup**/

.messagePopup .modal-dialog {
	width: 500px
}

.messagePopup .modal-body {
	padding: 0
}

.messagePopup .modal-content {
	border-radius: 0px;
	border: none;
	box-shadow: none
}

.messagePopup .messageHeader {
	background: #fcfcfc;
	padding: 60px 15px;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.messagePopup .messageTitle {
	color: #a81f6c;
	margin-bottom: 30px
}

.messageFooter {
	height: 160px;
	padding: 30px 30px;
	text-align: center;
	background: #a81f6c url('../img/flowersGrey.png') repeat;
	position: relative
}


/*.messageFooter:before {
     content: "\f0d7";
     font-family: FontAwesome;
     font-size: 68px;
     color: #fcfcfc;
     position: absolute;
     top: -27px 
}
 */

.messageBtn {
	box-shadow: none;
	background-color: #fff;
	color: #a81f6c;
	border-radius: 20px;
	padding: 10px 10px;
	min-width: 100px;
	margin-top: 20px;
	border: 2px transparent solid;
	cursor: pointer;
	font-weight: bold;
}

.messageBtn:hover {
	background-color: transparent;
	color: #fff;
	border: 2px #fff solid
}


/***search results page*/

.SearchResultPage .ms-srch-item {
	border-bottom: 1px solid #e5e5e5;
}

.searchPageTitle,
.SearchResultPage .ms-srch-item-link {
	font-size: 22px;
}

.SearchResultPage .ms-srch-item-summary {
	font-size: 16px;
}

.ms-srch-item-highlightedText {
	background-color: rgba(255, 216, 100, 0.43)
}

.searchTxtBoxWrap,
.SearchResultPage #SearchBox {
	margin-top: 45px;
	background: #f9f9f9;
	border-bottom: 1px solid #e3e3e3;
	padding: 17px 25px;
	color: #000;
	float: none!important;
}

.searchTxtInput,
.SearchResultPage .ms-srch-sbLarge {
	border: none;
	box-shadow: none;
	background: transparent;
	width: 73%;
	position: relative
}

.searchDropdown {
	width: 20%;
	display: inline-block;
	padding: 0 15px
}

.searchDropdown .customSelect {
	min-width: 50px;
	border: none
}

.searchDropdown .selectize-control.single .selectize-input:after {
	margin-top: 6px
}

.searchDropdown .selectize-control.single .selectize-input.dropdown-active:after {
	margin-top: 4px
}

.searchDropdown .selectize-control.single .selectize-input input {
	display: none !important
}

.searchTxtInput::placeholder {
	color: #000;
	opacity: 1
}

.searchTxtInput:-ms-input-placeholder {
	color: #000
}

.searchTxtInput::-ms-input-placeholder {
	color: #000
}

.searchBtn {
	width: 6%;
	text-align: end;
	vertical-align: middle;
	display: inline-block
}

.searchBtn .btn {
	border: none;
	background: none
}

.searchBtn .fa {
	font-size: 32px;
	color: #9c0058
}

.quickSearchWrap {
	margin: 65px 0 80px
}

.quickSearchTitle {
	display: inline-block;
	vertical-align: middle;
	color: #9c0058
}

.quickSearchItem {
	padding: 11px 20px;
	border-radius: 30px;
	background: #6b7174;
	color: #fff;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle
}

.resultsNumber .keyword {
	color: #9c0058
}

.searchPage .mediaList .media.hasImg {
	border-bottom: 1px solid #e5e5e5
}

.searchPage .mediaList .media.noImg {
	padding: 55px 0;
	border-bottom: 1px solid #e5e5e5
}

.searchPage .media.noImg .media-body {
	padding: 0
}

.searchPage .media.noImg .media-body .media-heading {
	margin-top: 0
}


/** consultatns form***/

.formWrap {
	overflow: auto
}

.formWrap .content {
	background: #fbfbfb;
	display: inline-block;
	width: 100%;
	border-bottom-left-radius: 5px;
	border-top: 2px solid #ebebeb;
	border-bottom-right-radius: 5px;
}

.stepContent {
	padding: 20px
}

.StepTitle {
	color: #9c0058!important;
	border-bottom: 1px solid #e3e3e3;
	background: transparent!important;
	padding: 0px 0px 15px 0px!important;
	margin-bottom: 0px;
}

.progressbar,
.steps>ul {
	margin: 0;
	counter-reset: step;
	width: 100%;
	background: #fefefe;
	padding-top: 37px;
	padding-bottom: 5px
}

.progressbar li,
.steps>ul li {
	list-style-type: none;
	width: 25%;
	position: relative;
	text-align: center;
	line-height: 100%;
}

.progressbar li .progressbarCircle,
.steps>ul .number {
	width: 35px;
	height: 35px;
	line-height: 30px !important;
	border: 2px solid #ebebeb;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background: white;
	position: relative;
	top: -15px;
	color: #ebebeb;
	padding: 1px;
	z-index: 2
}

.progressbar li .progressbarCircle:before,
.steps>ul .number:before {
	content: "\f105";
	font: 16px FontAwesome;

	display: inline-block;
	position: relative;
	top: 5px
}

.progressbar li:before,
.steps>ul li:before {
	width: 50%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #ebebeb;
	top: 45px;
}

.progressbar li:after,
.steps>ul li:after {
	width: 50%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #ebebeb;
	top: 45px
}

.progressbarItem {
	position: relative;
	top: -10px;
	color: #333;
	height: 40px;
	overflow: hidden;
	display: inline-block;
}

.progressbar li.current .progressbarItem,
.steps>ul li.current>a {
	color: #9c0058
}

.progressbar li.completed .progressbarCircle,
.steps>ul li.done .number {
	background: #9c0058
}

.progressbar li.current .progressbarCircle,
.steps>ul li.current .number {
	background: #7bc143;
	color: #fff
}

.progressbar li.completed:before,
.progressbar li.completed:after,
.progressbar li.current:before,
.steps>ul li.done:before,
.steps>ul li.done:after,
.steps>ul li.current:before,
.steps>ul li.current:after {
	background-color: #7bc143
}

.progressbar li.completed .progressbarCircle:before,
.steps>ul li.done .number:before {
	content: "";
	width: 13px;
	height: 10px;
	background: url('../img/sprites.png') no-repeat;
	background-position: -161px -348px;
}

.formType {
	display: inline-block;
	width: 100%;
	list-style: none;
	margin-bottom: -2px;
	z-index: 2;
	position: relative;
}

.formType li {
	display: inline-block;
	width: auto;
	margin-right: 20px;
	padding-bottom: 10px
}

.formType li.currentForm {
	color: #9c0058;
	border-bottom: 2px solid #7bc143;
	padding-left: 5px;
	padding-right: 5px
}

.consultantForm .defaultForm {
	border: none;
	padding: 0;
	background: transparent
}

.formWrap .actions {
	margin-top: 40px
}

.wizard>.actions a,
.wizard>.actions a:active {
	background: #a81f6c;
	color: white;
	padding: 10px 20px;
	border-radius: 20px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
	border: 1px solid #a81f6c;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.wizard>.actions a:hover {
	background: white;
	color: #a81f6c
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
	background: #f0f0f0;
	color: #333;
	border: 1px solid #b4b4b4
}

.wizard,
.tabcontrol {
	overflow: initial;
}

.consultantForm .defaultFormLbl .requiredIcon {
	color: #000
}

.consultantForm .defaultLabel .requiredIcon {
	color: #6c7174
}

.consultantForm .purpleBtn {
	margin: 0
}

.consultantForm .resetBtn {
	margin: 0 30px
}

.srv-filter-advance {
	border: 1px solid #e0e0e0;
	background: #fdfdfd;
	padding: 15px;
	margin-bottom: 15px;
}

.srv-filter-container {
	border: 1px solid #e0e0e0;
	background: #fdfdfd;
	padding: 15px;
	margin-bottom: 15px;
}

.srv-filter-container li.nav-item.active {
	background-color: #9c0058;
	color: #fff!important;
	border-radius: 20px;
	text-align: center;
}

.srv-filter-container li.nav-item.active>a {
	color: #fff!important;
}

.srv-tab-content>.tab-pane {
	min-height: 300px;
	padding-bottom: 15px;
}

.srv-tab-content .customInput,
.customInput:focus {
	border-bottom: 1px solid #b4b4b4!important;
	width: 100%;
}


/***feedback form**/

.feedbackForm {
	padding: 0 15px
}

.feedbackForm label {
	display: block;
	margin: 20px 0 0px
}

.feedbackForm input,
.feedbackForm textarea {
	width: 50%;
	border: none;
	border-bottom: 1px solid #b4b4b4;
	height: 40px;
	margin-bottom: 30px
}

.feedbackForm input[type="submit"] {
	background: #a81f6c;
	color: #fff;
	border-radius: 30px;
	display: block;
	width: auto;
	min-width: 130px;
	margin: 30px auto
}


/** footer **/

.footer {
	background: #666c6f;
	padding: 100px 0 80px
}

.footerSmTxt {
	color: white
}

.footerLrgTxt {
	color: white
}

.footerBtns {
	margin-top: 5px
}
.footerBtns a{
	 display:flex;
	 max-width: 168px;
    margin: 10px 0px;
	padding:5px;
}
.footerBtn,
.footerBtn:visited {
	background: #000;
	border-radius: 5px;
	color: white;
border: 1px solid #B6B6B6;
border-radius: 10px;
font-weight: bold;

}
.footerBtn .btnSmTxt{
text-transform: uppercase;
font-weight: bold;
}
.footerBtn .btnLrgTxt{
font-size: 18px;
}

.footerBtn:hover {
	color: #fff;
	background: #70c030;
}


.footerBtnTxt {
	padding-top: 4px
}



.btnSmTxt {
	display: block
}

.btnLrgTxt {
	display: block
}

.footerSiteMap {
	font-style: normal
}

.footerListTitle {
	display: block;
	margin-bottom: 20px;
	color: #f9f9f9
}

.footerList {
	list-style: none;
	max-width:90%;
}

.footerList li {
	display: block
}

.footerList li a {
	color: #f9f9f9;
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 5px
	/*;
     border-bottom: 2px solid transparent*/
}

.footerSocial {
	margin: 80px auto 80px;
	text-align: center;
  direction: ltr;
}

.footerSocialList {
	list-style: none;
	text-align: center
}

.footerSocialList li {
	display: inline-block
}

.footerSocialList li a,
.footerSocialList li a:visited {
	color: white;
	font-size: 34px;
	margin: 0 20px;
	display: inline-block;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.footerSocialList li a:hover {
	color: #70c030
}

.copyRight {
	text-align: center;
	color: white;
	margin-bottom: 15px
}

.footerLinks {
	list-style: none;
	text-align: center
}

.footerLinks li {
	display: inline-block
}

.footerLinks li a,
.footerLinks li a:visited {
	color: white;
	display: inline-block;
	margin: 0 10px;
	position: relative;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.footerList li a:hover,
.footerLinks li a:hover {
	/*border-bottom:2px solid #a81f6c;
     */
	color: #aef178
}

.footerLinks li a:after {
	content: "|";
	position: absolute;
	right: -14px;
	color: white;
	top: 0px;
	font-size: 15px
}

.footerLinks li:last-child a:after {
	content: none
}

.slideInUpShort {
	opacity: 0;
	transition: opacity 1s cubic-bezier(.4, 0, .2, 1), -webkit-transform 1s cubic-bezier(.4, 0, .2, 1);
	transition: transform 1s cubic-bezier(.4, 0, .2, 1), opacity 1s cubic-bezier(.4, 0, .2, 1);
	transition: transform 1s cubic-bezier(.4, 0, .2, 1), opacity 1s cubic-bezier(.4, 0, .2, 1), -webkit-transform 1s cubic-bezier(.4, 0, .2, 1);
	-webkit-transform: translateY(100px) translateZ(0);
	transform: translateY(100px) translateZ(0)
}

.slideInUpShort.animated {
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0)
}

.optionsLeft {
	margin-top: 30px;
}


/*IE hack for any CSS _:-ms-input-placeholder, :root body {
     font:9.5px DroidArabicKufi!important 
}
 */


/******************Responsive*****************/

@media only screen and (min-width:1200px) {
	.homeSocial {
		background-size: contain
	}
}

@media only screen and (max-width:1200px) {
	/** header**/
	.logo {
		background-size: contain;
		width: 220px
	}
	.navCont {
		padding: 0
	}
	.menuItems>li {
		padding: 30px 5px 28px
	}
	.optionsCont {
		padding: 0
	}
	.fixedHeader #navContainer {
		padding: 0 15px
	}
	/** homepage**/
	.mainSlider .owl-stage-outer,
	.mainSliderCont {
		height: 540px
	}
	.newsCarousel {
		width: 870px
	}
	.initCarousel {
		width: 870px
	}
	.customSelect,
	.customInput {
		min-width: 0
	}
	.sidebarRegisterTitleSm {
		font-size: 1.5em
	}
	.tariffCircleWrap {
		width: 80px
	}
	.tariffItem .circle {
		width: 80px;
		height: 80px
	}
	.tariffTxtRight,
	.tariffTxtLeft {
		width: 100%
	}
}

@media only screen and (min-width:992px) {
	.newsCarousel .newsItem {
		width: 395px;
		height: 490px;
		position: relative;
		top: 0;
		transition: all 0.7s;
		-webkit-transition: all 0.7s
	}
}

@media only screen and (max-width:992px) {
	.see-all a > small{
font-weight: bold;
    color: #7bc143;
}
	
	.halfCircle{
		margin: 0px auto;
	}
	.orgChartIcon, .orgChartIcon:visited, .orgChartDept:before{
		 display:none!important;
	}
	.orgChartTab{
		width:100%;
	}
	.innerPageTitle .main_head_help{
		 position:static!important;
	}
	#jobsGrid{
		overflow-x: auto;
	}
	
	.tabs-click ul>li{
	border: 2px solid #fff;
	flex: 1 auto;
	}
	.tabs-click ul>li.active a:after{
	display:none!important;
	}
	
	.tabs-click ul>li>a{
		display: block;
		width: 100%;
	}
	.acc_content.acc_active{
		position:relative;
	}
	.acc_manfactures{
		position:fixed;
		background: #ffffff;
   
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    margin: 0px;
	}				  				   
.homeNews .center .homeNewsDetails, .homeNewsDetails{
	padding:10px;
}

	iframe {
		width: 100%
	}
	.innerPage .mainSliderCont {
		height: 200px;
	}
	.sidebar a img {
		width: 100%;
	}
	.cd-dropdown-content a {
		color: #fff!important
	}
	.optionsLeft {
		margin-top: 0px;
	}
	.occasion-overlay {
		display: none!important;
	}
	.center-srv-ul {
		top: inherit;
		bottom: 0;
		max-width: 100%;
	}
	/**header **/
	.fixedHeader #navContainer {
		padding: 0 10px;
	}
	#navContainer {
		min-height: 100px;
	}
	.logo {
		width: 180px;
	}
	.mainLogo,
	.navCont,
	.optionsCont {
		/*display:block;
        */
		max-width: 100%
	}
	.mainLogo {
		padding-top: 10px
	}
	.menuItems {
		width: 100%
	}
	.menuItems>li {
		padding: 0px 5px 18px;
		padding: 30px 5px 28px
	}
	.menuItems>li {
		font-size: 13px
	}
	.menuItems .dropdown-menu {
		top: 90px;
		box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.55)
	}
	.optionsCont {
		padding: 0 5px !important
	}
	.optionItem {
		margin: 0 5px !important
	}
	.optionItem:after {
		content: none
	}
	.lang i {
		display: none
	}
	.loginDiv {
		top: 61px
	}
	.loginDiv .modal-body,
	.loginDiv .modal-header {
		padding-left: 15px;
		padding-right: 15px;
	}
	/** homepage**/
	/**mainslider*/
	.mainSlider .owl-stage-outer,
	.mainSliderCont {
		height: 405px
	}
	.mainSliderSocial {
		top: 220px
	}
	.slideCaption {
		top: 130px
	}
	.slideText {
		width: 70%;
		font-size: 2em;
		-webkit-line-clamp: 2;
		line-height: 40px !important;
		height: 80px
	}
	.mainSlider .owl-dots {
		bottom: 100px
	}
	.mainSliderCont svg {
		height: 90px
	}
	/**home about us*/
	.homeAboutUs {
		padding: 40px 0 40px
	}
	/**home services*/
	.homeServicesCont {
		width: 100%
	}
	.homeServicesCont>.col-sm-3 {
		padding: 0 5px
	}
	/**home news*/
	.newsCarousel {
		/*width:650px;
         */
		width: 90%
	}
	.newsCarousel .owl-item.active .newsTitle {
		-webkit-line-clamp: 2;
		height: 56px;
	}
	.newsCarousel .owl-item.active.center .newsTitle {
		-webkit-line-clamp: 2;
		height: 60px;
	}
	/**home initiatives*/
	.initCarousel {
		width: 650px;
		width: 100%
	}
	.initCarousel .item {
		padding: 0 10px
	}
	.initTxt {
		margin-bottom: 10px
	}
	.homeSocial .grid-item {
		width: 45%;
		margin-bottom: 20px
	}
	/**inner pages **/
	.sidebar {
		margin-bottom: 20px
	}
	.sidebar .ms-core-listMenu-root>li>a {
		margin-bottom: 5px;
		padding: 10px 15px
	}
	.sidebar .ms-core-listMenu-root li.selected a:after {
		content: none
	}
	.rightHeader .customSelect {
		min-width: 190px
	}
	.sidebarRegisterTitle {
		font-size: 2em
	}
	.sidebarRegisterTitleSm {
		font-size: 1.125em
	}
	.sidebarRegisterTxt {
		margin-top: 5px;
		font-size: 1em
	}
	/**media publication page **/
	.media,
	.media-body,
	.media-left,
	.media-right {
		display: block !important;
		float: none;
		width: 100%;
	}
	/** photos & Videos page **/
	.mediaListItem {
		margin-bottom: 30px
	}
	/** news details **/
	.relatedNews .media {
		display: block;
		margin-bottom: 20px;
		width: 100%
	}
	/** organizational chart ***/
	.orgChartBg {
		background-size: contain
	}
	.orgChartBg .orgChartMiddleTitle {
		margin: 0 auto 30px
	}
	.orgChartBg .col-sm-6 {
	   margin: 15px 0px;
	}
	.orgChartTitle {
		padding: 12px 15px;
		font-size: 14px;
		width: 100%;
	}
	/***customer page **/
	.cateogryItem {
		margin-bottom: 30px
	}
	.customerLandingCateogries .serviceItemWrapp {
		padding: 20px 10px
	}
	.serviceCategoryItem .serviceIconDiv {
		width: 20%
	}
	.serviceCategoryItem .serviceDetails {
		width: 60%;
		padding: 0 10px
	}
	.serviceCategoryItem .circle {
		width: 90px;
		height: 90px
	}
	/***account dashboard*/
	.accountHelp {
		display: none
	}
	.accountMainItem .tariffCircleWrap {
		width: 35%
	}
	.accountUserDetails {
		width: 55%
	}
	.tariffItemWrap {
		height: 200px
	}
	.accountDashboard .tariffItem .tariffCircleWrap,
	.accountItemTxt {
		width: 100%;
		display: inline-block;
		clear: both;
		float: none;
		text-align: center
	}
	.propertyOptionItem {
		display: table-cell
	}
	.propertyOptionWrap {
		height: 100%
	}
	/**Job Apply page**/
	.progressbarItem {
		font-size: 0.85em;
		top: -50px
	}
	.steps>ul .number {
		width: 30px;
		height: 30px;
		line-height: 35px !important;
	}
	.progressbar li .progressbarCircle:before,
	.steps>ul .number:before {
		top: 0
	}
	/** footer**/
	.footerBtn {
		width: 150px
	}
}

.has-children .is-hidden small {
	font-size: 14px!important;
}

.navbar-toggle-hidden,
.navbar-toggle {
	display: none
}


/*tablet*/

@media only screen and (min-width:767px) {
#IndividualsTenant img, #CompaniesTenant img{
	max-width:80%;
}
	.ui-autocomplete {
		max-width: 500px;
	}
	.table-responsive.customTable {
		display: inline-table!important
	}
	.max-width-900 {
		max-width: 900px;
	}
	.tooltip-inner {
		max-width: 350px;
		/* If max-width does not work, try using width instead */
		width: 350px;
	}
	main {
		min-height: 400px;
	}
	.width-25 {
		width: 25%!important;
	}
	.width-75 {
		width: 75%!important;
	}
}

@media only screen and (max-width:767px) {
.cookies-message .btn{
width: 100%;margin:10px;	
}
.loginComponent .purpleBtn, .loginComponent .greyBtn{
	width:100%;
}
#youmax-lightbox > div{
	width:100%
}
.messi-box, .popover{
	max-width:100%!important;
	width:100%!important;
}

.homeSocialBtns{
	display:none;
}
.homeSectionTitle{
	margin-bottom:5px;
}
.homeSocialBtns a{
	display:inline-block;
	margin:10px 5px;
}


.homeSocialBtns a > i{
	display:none;
}
	#topmenu {
		min-height: 400px;
	}
	.ui-autocomplete {
		max-width: 200px!important;
	}
	.max-width-900 {
		max-width: 300px;
	}
	.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
		margin-top: 30px;
	}
	.presidentImg,
	.floatright {
		float: none;
		margin: 5px auto!important;
	}
	.innerPage .mainSliderCont .topImgBg {
		background-position: 20% 100%;
	}
	.mediaList .media-object {
		width: 100%!important;
	}
	.newsRight,
	.mainSliderSocial {
		display: none;
	}
	.navbar-toggle-hidden,
	.navbar-toggle {
		display: block
	}
	/** header **/
	.fixedHeader {
		position: static !important;
		transform: none;
		-webkit-transform: none
	}
	.menuHiddenXs {
		display: none
	}
	.headerWrapper {
		position: relative
	}
	.navbar-default .navbar-toggle {
		border: none
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #333
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(3) {
		/* width: 18px */
	}
	.optionsLeft {
		/*padding-top:25px;
        */
		width: 100%;
		clear: both;
	}
	.navbar-header {
		padding-top: 5px
	}
	.logo {
		background: url('../img/Logo.png') no-repeat;
		background-size: contain;
		/* width: 100%; */
		display: block;
		margin-top: 5px;
	}
	.mainLogo,
	.navCont,
	.optionsCont {
		display: block;
	}
	.mainLogo {
		padding: 0;
		width: 80%;
		/* margin: 5px; */
	}
	.navCont {
		width: 100%;
		top: 0;
		background: rgba(0, 0, 0, 0.9);
		left: 0;
		right: 0;
		height: 100%;
		position: fixed;
		padding: 0px !important;
		z-index: 3
	}
	.navCont.collapse {
		display: none
	}
	.navCont.in {
		display: block;
		z-index: 3
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		border: none;
		background: none
	}
	.navbar-header,
	.optionsCont {
		width: auto
	}
	.navbar-toggle-hidden {
		padding: 15px 15px;
		background: none;
		border: none;
		display: block
	}
	.hiddenMenuHeader {
		display: block;
		margin-bottom: 25px
	}
	.hiddenMenuHeader .logo {
		/*filter:grayscale(1) brightness(0) invert(1);
        margin-top:15px;
        display:inline-block*/
		display: none;
	}
	.logoCont {
		transition: height 0.4s;
		-webkit-transition: height 0.4s;
		height: 52px;
		display: inline-block;
		overflow: hidden;
		width: 66px;
		margin: 0 25px;
	}
	.hiddenMenuHeader .navbar-toggle-hidden {
		transform: scale(0.7);
		-webkit-transform: scale(0.7)
	}
	.compassWrap,
	.searchLink,
	.quickAccess {
		display: none
	}
	/*.lang a, .lang a:visited{
        color:#fff
    }
    */
	.expandedMenu {
		overflow: hidden
	}
	/*.expandedMenu .mainNav{
        height:100vh
    }
    */
	.optionsCont {
		position: static
	}
	.expandedMenu .optionsLeft {
		width: 100%;
		position: fixed;
		z-index: 9;
		background: #89014d;
		left: 0;
		right: 0;
		bottom: 0;
		height: 70px;
	}
	.expandedMenu .loginDivLink {
		display: none
	}
	.expandedMenu .lang,
	.expandedMenu .compassWrap,
	.expandedMenu .searchLink {
		display: inline-block
	}
	.expandedMenu .optionItem {
		width: 32%;
		margin: 0 !important;
		text-align: center
	}
	.expandedMenu .optionsLeft svg {
		display: block;
		position: absolute;
		bottom: 70px;
		fill: #89014d;
		height: 35px
	}
	.expandedMenu .optionsLeft svg.left {
		width: 25%;
	}
	.expandedMenu .optionsLeft svg.right {
		width: 75%;
	}
	#customMenu.menuOpened .customMenu {
		top: -50px
	}
	#customMenu.menuOpened .logoCont {
		height: 0
	}
	.customMenuCont {
		height: calc(100% - 110px);
		overflow: auto
	}
	.menuItems>li {
		display: block;
		height: auto;
		padding: 0px 10px 35px;
		font-size: 0.875em
	}
	.submenuList {
		padding: 0
	}
	.submenuList>li {
		margin-bottom: 0
	}
	.menuItems>li.open:after {
		content: ""
	}
	.menuItems li.hasChild.submenuHeader>ul.collapse {
		display: none
	}
	.menuItems li.hasChild>span>a:before {
		content: "+";
		font: 22px Helvetica-Light;
		color: white;
		margin: 0 5px
	}
	.menuItems>li.open>span>a,
	.menuItems>li.open>span>a:visited,
	.menuItems li:hover>span>a {
		color: #fff
	}
	.menuItems li.hasChild.open>span>a:before {
		content: "-"
	}
	.menuItems>li>.dropdown-menu,
	.menuItems>li>.dropdownMenu {
		background: transparent;
		width: 100%;
		position: relative;
		top: 15px;
		padding: 0 15px;
		box-shadow: none;
		border: none
	}
	.submenuList {
		float: none;
		width: 100%
	}
	.submenuList>li.submenuHeader>span>a,
	.submenuList>li.submenuHeader>span>a:visited,
	.submenuList>li.submenuHeader>span>a:not([href]):not([tabindex]):hover .submenuList>li.submenuHeader>span>a:not([href]):not([tabindex]):focus {
		color: #fff !important;
		margin-bottom: 25px
	}
	.lang i {
		display: inline-block
	}
	.menuItems>li>span>a,
	.menuItems>li>span>a:visited {
		color: #fff;
		font-size: 1.25em;
		position: relative
	}
	.menuItems .submenuList>li>ul {
		padding: 0 15px
	}
	.submenuList>li>span>a,
	.submenuList>li ul>li>span>a {
		color: #fff
	}
	.hiddenOptions {
		position: absolute;
		bottom: 0;
		display: block
	}
	.hiddenOptions svg {
		fill: #89014d;
		height: 45px
	}
	.backgroundWrap {
		display: inline-block;
		width: 100%;
		margin-bottom: -5px
	}
	.optionsDiv {
		background: #89014d;
		color: white;
		height: 60px;
		padding-top: 15px;
		text-align: center
	}
	.hiddenOptionItem {
		display: inline-block;
		width: 32%;
		text-align: center;
		vertical-align: middle
	}
	.hiddenOptions .iconImg,
	.optionsLeft .iconImg {
		filter: grayscale(1) brightness(0) invert(1);
		transform: scale(0.85);
		-webkit-transform: scale(0.85)
	}
	.optionsLeft .loginDivLink .iconImg {
		filter: none
	}
	.hiddenOptionItem .fa {
		color: #fff;
		font-size: 24px
	}
	
	
	.optionsLeft .fa {
		font-size: 14px
	}

	.hiddenSearch {
		height: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		transition: height 0.5s;
		-webkit-transition: height 0.5s
	}
	.hiddenSearch.in {
		height: 480px;
		display: block
	}
	.headerSearch .searchHeader {
		margin-bottom: 20px;
		border-bottom: none
	}
	.headerSearch .searchHeader .defaultFormLbl {
		display: none
	}
	.headerSearch .headerSearchBox {
		width: calc(100% - 40px);
		border: none;
		box-shadow: none;
		background: #fff;
		color: #333;
		padding: 10px 15px
	}
	.optionsLeft .searchIcon {
		transform: scale(0.8);
		-webkit-transform: scale(0.8)
	}
	.headerSearch .closeIcon {
		transform: scale(0.7);
		-webkit-transform: scale(0.7)
	}
	.headerSearch .navbar-toggle-hidden {
		padding: 5px 0 0
	}
	.searchHeader .searchIcon {
		position: absolute;
		z-index: 1;
		top: 10px
	}
	.hiddenSearch .navbar-toggle-hidden {
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		padding-top: 0
	}
	.searchTitle,
	.headerPopup.headerSearch label {
		color: #fff
	}
	.headerPopup.headerSearch label {
		font-size: 18px !important
	}
	.hideOptions {
		display: none
	}
	.headerSearchTag {
		margin-top: 15px
	}
	.filterDiv .searchTitle {
		margin: 25px 0
	}
	.searchRow {
		margin-bottom: 15px
	}
	.loginDiv {
		/*top:90px;
        */
		width: 300px
	}
	.loginDivLink:after {
		top: 34px
	}
	.headerPopup .modal-dialog {
		width: 300px
	}
	.loginDiv .form-row {
		margin-top: 15px
	}
	.loginDiv .loginOR {
		margin-top: 0
	}
	.headerSearch {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9
	}
	.headerSearch .modal-dialog,
	.headerSearch .modal-content,
	.headerSearch .modal-body {
		width: 100%;
		height: 100%;
		background: transparent
	}
	.headerSearch .modal-header {
		display: none
	}
	/**homepage**/
	.mainSliderCont {
		margin-top: 0px;
		padding-bottom: 0px;
		height: 320px
	}
	.mainSlider,
	.mainSlider.owl-carousel .mainSliderImg {
		height: 320px;
		width: 100%
	}
	.slideCaption {
		top: inherit;
		bottom: 0px;
		height: 155px;
		width: 100%;
	}
	.slideBtnPurple,
	.slideBtnPurple:visited {
		margin-top: 0px;
	}
	.mainSliderItem .container {
		padding: 0px;
	}
	.mainSliderImg {
		background-size: contain
	}
	.slideText {
		width: 100%;
		font-size: 1.5em;
		line-height: 26px !important;
		height: 55px;
		-webkit-line-clamp: 3
	}
	.slideBtn {
		margin-top: 10px
	}
	.mainSlider .owl-dots {
		display: none
	}
	.mainSliderCont svg {
		height: 45px
	}
	.mainSliderSocial {
		top: 190px;
		background: #fff;
		color: #000
	}
	.mainSliderSocial .socialArrow .fa {
		color: #9c0058
	}
	.hiddenSocial {
		padding: 13px 8px 12px;
		width: 0
	}
	.hiddenSocial ul li {
		margin: 0 6px
	}
	.hiddenSocial ul li a,
	.hiddenSocial ul li a:visited,
	.hiddenSocial ul li a:hover {
		color: #9c0058;
		font-size: 22px
	}
	.mainSliderSocial:hover .hiddenSocial {
		width: 0px;
		margin: 0
	}
	.mainSliderSocial:hover .hiddenSocial ul {
		display: none;
		width: 0px
	}
	.mainSliderSocial:hover .socialStaticText {
		background: #fff
	}
	.mainSliderSocial:hover .socialArrow {
		background: #fff
	}
	.mainSliderSocial:hover .socialArrow .fa:before {
		content: "\f100"
	}
	.mainSliderSocial.in .hiddenSocial {
		width: 220px;
		top: -3px
	}
	.mainSliderSocial.in .hiddenSocial ul {
		display: block;
		width: 220px
	}
	.mainSliderSocial:hover .socialArrow,
	.mainSliderSocial.in .socialArrow {
		background: #fff
	}
	.mainSliderSocial:hover .socialArrow .fa:before,
	.mainSliderSocial.in .socialArrow .fa:before {
		content: "\f101";
		color: #9c0058
	}
	.mainSliderSocial,
	.mainSliderSocial .socialArrow {
		height: 45px
	}
	.mainSliderSocial:hover .socialStaticText .fa {
		height: initial;
		line-height: initial !important;
		background: #fff;
		top: 3px;
		float: none;
		display: inline-block;
		vertical-align: baseline;
		padding: 0;
		float: none !important
	}
	.socialStaticText {
		line-height: 45px !important
	}
	.homeAboutUs {
		padding: 40px 0
	}
	.greenCircleTitle {
		margin-bottom: 20px
	}
	.homeAboutUsCont {
		margin-bottom: 30px
	}
	.homeAboutUsCont:after {
		height: 95px
	}
	.homeAboutDetails {
		margin: 0px 0 30px;
		line-height: 36px !important
	}
	.homeAboutUsCont .purpleBtn {
		margin: 20px 0
	}
	.homeServices {
		padding: 0 0 60px
	}
	.serviceItemWrapp {
		padding: 15px 10px;
		width: 250px;
		margin: auto
	}
	.homeServicesCont {
		margin: 0 auto 30px
	}
	.homeServices .homeSectionTitle,
	.homeNews .homeSectionTitle,
	.homeInitiatives .homeSectionTitle {
		margin-bottom: 20px
	}
	.homeServicesTxt,
	.homeServicesDesc {
		width: 100%
	}
	.homeServicesDesc {
		margin: 5px auto 30px
	}
	.homeServicesCont>.col-sm-3 {
		margin-bottom: 15px
	}
	.homeNews {
		padding: 100px 0 85px
	}
	.newsCarousel {
		display: block;
		height: auto
	}
	.newsCarousel .item {
		transform: scale(1);
		-webkit-transform: scale(1);
		margin-bottom: 20px
	}
	.newsCarousel .newsTitle {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-height: 28px !important;
		height: 85px;
		margin-bottom: 20px
	}
	.newsCarousel .newsImg {
		height: 175px
	}
	.newsCarousel .newsItem:after {
		content: none
	}
	.newsCarousel .owl-dots {
		margin: 30px auto 0;
		display: block;
		text-align: center
	}
	.newsCarousel .owl-dots .owl-dot span {
		background: transparent;
		border: 1px solid #555
	}
	.newsCarousel .owl-dots .owl-dot.active span,
	.newsCarousel .owl-dots .owl-dot.active span,
	.newsCarousel .owl-dots .owl-dot:hover span {
		background: #a81f6c
	}
	.homeNews .purpleBtn {
		margin-top: 30px
	}
	.initCarousel .owl-stage-outer {
		padding: 20px 0px
	}
	.initCarousel .owl-item.active.center .initItem {
		position: static;
		transform: none;
		-webkit-transform: none;
		margin-top: 0px;
		box-shadow: 0 0 20px 10px #f3f2f2
	}
	.homeInitiatives {
		padding: 130px 0
	}
	.initCarousel .item {
		width: 290px;
		padding: 0 !important;
		height: 510px;
		box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.08);
		margin-bottom: 30px
	}
	.initItem .back .homeInitDetails {
		height: 330px
	}
	.initCarousel .back {
		height: 530px;
		top: 0
	}
	.initCarousel .initItem {
		height: 100%;
		box-shadow: none;
	}
	.initCarousel {
		display: block
	}
	.initCarousel .owl-dots {
		margin: 30px auto 0
	}
	.homeSocial .grid-item {
		width: 90%;
		margin-bottom: 20px
	}
	/** inner pages **/
	/** media publication **/
	.innerLayout {
		z-index: 9
	}
	.photoListing {
		margin: 0 0px !important
	}
	.sidebar,
	.contentDiv {
		padding: 0 5px !important
	}
	.topImgBg {
		height: 200px
	}
	.mainSliderCont.noImg .topImgBg {
		height: 160px
	}
	.innerPage .mainSliderCont svg {
		height: 25%
	}
	.innerPage .mainSliderCont {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.bannerImg img {
		height: auto;
	}
	.filterInput {
		margin-bottom: 15px
	}
	.filterInput .searchInput {
		width: 100%
	}
	.mediaList .media-body {
		margin-top: 30px
	}
	.pager-custom li>a,
	.pager li>span {
		padding: 5px 10px
	}
	.pager-custom .page-item.pageNav .page-link {
		font-size: 0.875em;
		min-width: 65px
	}
	/** photos & Videos page **/
	.mediaListItem {
		margin-bottom: 10px
	}
	/** who we are **/
	.initLeft,
	.initRight {
		width: 100%
	}
	.initiativeImg {
		height: auto;
		margin: 20px auto 0
	}
	.presidentImg {
		float: none !important;
		margin: 0 auto 30px !important;
		display: inline-block;
		width: auto
	}
	/** news details **/
	.newsRight .purpleBtn {
		display: block;
		margin: 10px 0
	}
	.newsShare:before {
		content: none
	}
	.innerLayout {
		padding: 0 10px
	}
	/***customer pages**/
	.registerBtns .purpleBtn,
	.registerBtns .resetBtn,
	.KMFilterButton .btn_primary {
		display: block;
		margin: 15px auto;
	}
	.consultantForm .registerBtns .purpleBtn,
	.consultantForm .registerBtns .resetBtn {
		width: 260px
	}
	.serviceCategoryItem {
		height: auto
	}
	.serviceCategoryItem .serviceDetails,
	.serviceCategoryItem .serviceBtn {
		width: 100%
	}
	.serviceCategoryItem .serviceIconDiv {
		text-align: center;
		margin-bottom: 20px;
		width: 100%
	}
	.serviceCategoryItem .homeServiceTitle {
		text-align: center
	}
	.tenderValue,
	.tenderLbl {
		width: 100%
	}
	.tenderValue {
		margin-bottom: 25px
	}
	.sidebarRegister {
		width: 300px
	}
	.regsiterBg {
		background-size: contain
	}
	.formType li {
		display: block;
		padding: 10px !important;
		margin: 0
	}
	/**account dashboard page*/
	.accountDashboard {
		padding: 0 !important
	}
	.accountDashboard .greyBg {
		padding: 0 0 20px
	}
	.accountDashboard .boxWrap {
		padding: 30px 20px 20px
	}
	.accountMainItem {
		padding: 25px 30px;
		margin-bottom: 0
	}
	.accountDashboard .nav-tabs {
		padding: 0 4px
	}
	.accountUserDetails {
		width: 100%
	}
	.accountUserDetails .tariffCircleWrap {
		width: 24%
	}
	.accountUserDetails .defaultCircle {
		width: 60px;
		height: 60px;
	}
	.accountUserDetails .defaultCircle .iconImg {
		transform: scale(0.5) translateY(-100%);
		-webkit-transform: scale(0.5) translateY(-100%)
	}
	.accountUserName {
		width: 69%;
		display: inline-block
	}
	.userDetailsRow {
		margin: 10px 0 0;
		display: inline-block
	}
	.accountDashboard .tariffItem {
		padding: 10px
	}
	.accountlrgNumber {
		font-size: 40px !important;
	}
	.accountDashboard .tariffItemWrap {
		width: 100%;
		padding: 0 4px;
		margin-bottom: 10px !important;
		height: inherit
	}
	.tariffExpanded {
		top: 0;
		position: fixed;
		padding: 20px!important;
		width: 100%;
		height: 99%;
		overflow-y: auto;
		z-index: 999;
	}
	.tariffExpandedTitle .close {
		top: 20px;
		position: absolute;
	}
	.footer {
		padding: 20px 0 80px;
	}
	.accountDashboard .nav-tabs>li {
		max-width: 100%
	}
	.responsiveTab {
		width: 100%
	}
	.accountNotification {
		width: 96% !important;
		margin: 0 2%
	}
	.accountDashboard .defaultForm {
		padding: 20px 0
	}
	.accountDashboard .formBtn {
		float: none !important;
		margin: 0px auto;
		text-align: center;
		display: block;
		width: 150px
	}
	.rtable {
		display: block;
		max-width: min-content;
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		border-collapse: collapse;
		border-spacing: 0
	}
	.table-responsive {
		padding: 0;
		border: none
	}
	.defaultTable.rtable th,
	.rtable th {
		background: #f8f8f8
	}
	.defaultTable.rtable th,
	.defaultTable.rtable td,
	.rtable th,
	.rtable td {
		padding: 20px 15px;
		height: 60px;
		width: auto;
		border: 1px solid #ebebeb
	}
	.defaultTable.rtable,
	.rtable {
		display: flex;
		background: none;
		overflow-x: auto;
		overflow-y: hidden
	}
	.defaultTable.rtable thead,
	.rtable thead {
		display: flex;
		flex-shrink: 0;
		min-width: min-content
	}
	.defaultTable.rtable tbody,
	.rtable tbody {
		display: flex;
		position: relative;
		overflow-x: auto;
		overflow-y: hidden
	}
	.defaultTable.rtable tr,
	.rtable tr {
		display: flex;
		flex-direction: column;
		min-width: min-content;
		flex-shrink: 0
	}
	.defaultTable.rtable td,
	.rtable th {
		display: block;
		width: auto
	}
	.defaultTable.rtable td,
	.rtable td {
		background-image: none !important
	}
	.defaultTable.rtable th:not(:last-child),
	.defaultTable.rtable td:not(:last-child),
	.rtable th:not(:last-child),
	.rtable td:not(:last-child) {
		border-bottom: 0
	}
	.defaultTable.rtable,
	.defaultTable.rtable tbody,
	.rtable,
	.rtable tbody {
		-webkit-overflow-scrolling: touch;
	}
	/*.defaultTable.rtable tbody::-webkit-scrollbar, .rtable tbody::-webkit-scrollbar {
        width: 13px
    }
     .defaultTable.rtable tbody::-webkit-scrollbar-track, .rtable tbody::-webkit-scrollbar-track {
        box-shadow: inset 0 0 0px grey;
         border-radius: 10px
    }
     .defaultTable.rtable tbody::-webkit-scrollbar-thumb , .rtable tbody::-webkit-scrollbar-thumb {
        background: #e3e3e3;
         border-radius: 10px
    }
    */
	.defaultTable.rtable td:last-child,
	.defaultTable.rtable th:last-child,
	.rtable td:last-child,
	.rtable th:last-child {
		margin-bottom: 20px
	}
	.defaultTable.rtable tr:nth-child(even) td {
		background: #fff
	}
	#propertyListMobile .accountNotification {
		display: none
	}
	.accountDashboard .tariffExpanded {
		padding: 0;
		border: none;
		box-shadow: none
	}
	.accountDashboard .tariffExpandedTab {
		padding: 15px 0 25px
	}
	.accountDashboard .tariffExpandedTitle {
		display: inline-block
	}
	.accountSearchWrap {
		width: 100%;
		margin-bottom: 0
	}
	.accountSearchLbl {
		display: none
	}
	.accountSearch {
		width: 100%
	}
	.accountSearch::placeholder {
		font-size: 1.25em
	}
	.accountSearch:-ms-input-placeholder {
		font-size: 1.25em
	}
	.accountSearch::-ms-input-placeholder {
		font-size: 1.25em
	}
	.propertyTabWrapp {
		padding: 0px
	}
	#propertyListMobile .panel-group {
		background: #f7f7f7
	}
	.propertyImg,
	.electricityWrap {
		width: 50%;
		height: 50px;
		background: #fcfcfc;
		padding: 0;
		border: none;
		text-align: center;
		padding-top: 12px
	}
	.propertyImgWrap {
		display: block
	}
	.propertyName,
	.propertyImg img {
		display: inline-block
	}
	.propertyNotes .greenMessage,
	.propertyNotes .redMessage {
		width: 50%
	}
	.tariffExpandedHeader {
		width: 100%;
		display: inline-block;
		padding: 20px 20px
	}
	.propertyLink {
		width: 100%;
		height: 35px
	}
	.propertyCustomerDetails {
		width: 100%;
		height: auto;
		padding: 30px 25px;
		background: #f8f8f8;
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1
	}
	.consumptionRate {
		padding: 0
	}
	.propertyPanelType,
	.propertyPanelValue {
		font-size: 1em !important
	}
	.customerNameWrap,
	.customerLocation,
	.propertyNotes {
		width: 100%;
		display: block;
		margin-bottom: 15px
	}
	.customerDetailsWrap,
	.propertyDetails {
		width: 100%
	}
	.propertyPanelDetails {
		width: 100%;
		text-align: center
	}
	.propertyPanelImg {
		height: 50px;
		transform: scale(0.75);
		-webkit-transform: scale(0.75)
	}
	.accountlrgNumber.block {
		width: 100%;
		float: none !important;
		text-align: center
	}
	.accountlrgNumber.block+.accountItemDetails {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0
	}
	.responsiveTab .propertyPanel {
		padding: 0
	}
	.tariffItemTitleBlack,
	.tariffItemTitleGrey {
		font-size: 1em !important
	}
	.proppertyOptions {
		padding: 30px 10px
	}
	.propertyOptionItem {
		width: 50%;
		box-shadow: none
	}
	.auctionsTable td:nth-child(2) {
		width: auto
	}
	/**Tariff page***/
	.tariffTxtLeft,
	.tariffTxtRight {
		float: none;
		width: 100%
	}
	.tariffTypes {
		padding: 20px 5px
	}
	.tariffItemWrap {
		height: auto;
		margin-bottom: 0px;
		width: 100%;
		padding: 0 5px;
		float: none;
	}
	.tariffTabContent {
		top: 0;
		padding: 0 5px
	}
	.tariffCircleWrap,
	.tariffItemTitle {
		display: block
	}
	.tariffCircleWrap {
		text-align: center;
		margin-bottom: 5px;
		width: 100%
	}
	.tariffItem {
		padding: 25px 5px;
		/*display:block*/
	}
	.tariffItem .circle {
		width: 80px;
		height: 80px;
	}
	.tariffItemTitle {
		width: 100%;
		padding: 0 15px;
		position: relative;
		top: 15px;
		text-align: center
	}
	.tariffCircleWrap {
		text-align: center;
		margin-bottom: 5px
	}
	.tariffExpanded,
	#prevBillsHidden {
		padding: 0 10px
	}
	.tariffItem:after {
		content: none
	}
	#tariff .tariffTabTitle {
		position: static;
		transform: none;
		-webkit-transform: none
	}
	/***quick access modal*/
	.quickAccessModal .modal-dialog {
		width: 80%;
		height: auto
	}
	.quickAccessModal .modal-body {
		padding: 0
	}
	.quickAccessModal .homeServicesCont {
		width: 100%
	}
	/***job apply page*/
	.wizard>.actions>ul {
		margin-bottom: 30px;
		width: 100%
	}
	.wizard>.actions>ul>li {
		float: none;
		margin: 20px auto !important;
		text-align: center
	}
	/**footer **/
	.homeSocial {
		padding: 80px 0 200px;
		background-size: contain;
	}
	.homeSocial .socialItem {
		width: 100%
	}
	.homeSocialBtns .selectize-input {
		color: #000
	}
	.homeSocialBtns .selectize-control {
		border-bottom: 1px solid #000
	}
	.homeSocialBtns {
		margin: 40px 0 55px
	}
	.footerSiteMap {
		display: none
	}
	.footerBtns {
		margin: 10px 0 20px;
	}
	.footerSiteMap .noPadding {
		padding: 0 15px
	}
	.footerSocial {
		margin: 30px 0
	}
	.footerBtn,
	.footerBtn:visited {
		padding: 5px;
		width: 100% !important;
		max-width:100%!important;
	}
	.footerSocialList li a,
	.footerSocialList li a:visited {
		font-size: 26px;
		margin: 0 10px
	}
}


/*Mobile size*/

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

@media only screen and (max-width:600px) {
	.customTable th,
	.customTable td,
	.grid-table td {
		word-break: normal
	}
	.relatedNews .media-left {
		width: 100%;
		padding: 0;
		margin-bottom: 20px
	}
	.relatedNews .media-body {
		width: 100%;
		padding: 0
	}
}

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

@media only screen and (max-width:480px) and (min-width:320px) {
	.mediaItemCont img {
		width: auto;
		max-width: 100%
	}
}

.sk-conatiner {
	position: relative;
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}

.navbar-default .navbar-toggle {
	border-color: #ddd;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager-custom:after,
.panel-body:after,
.row:after {
	clear: both;
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager-custom:after,
.pager-custom:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	display: table;
	content: " ";
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 6px;
}


/*ACC- Skip Link*/

.skip-main {
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}

.skip-main:focus,
.skip-main:active {
	color: #fff;
	background-color: #000;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid yellow;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
}

.EditModeOnly {
	display: none;
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-stacked>li {
	float: none;
}

.nav-pills>li {
	float: left;
}

.nav>li {
	position: relative;
	display: block;
}

.nav-stacked>li+li {
	margin-top: 2px;
	margin-left: 0;
}

.collapse.in {
	display: block;
}

.fade.in {
	opacity: 1;
}

.alert,
.warning, .opportunityNote {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 16px;
}

.warning, .opportunityNote  {
	color: #856404!important;
	background-color: #fff3cd!important;
	border-color: #ffeeba!important;
	padding: 20px!important;
}



/*Tabs using the old classes*/

.tabs-click {
	margin: 10px 0px;
}

.tabs-click ul:before {
	display: table;
	content: " ";
}

.tabs-click ul {
	border-bottom: 2px solid #7bc143;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
}

.tabs-click ul>li {
	/*top: -6px;*/
	margin-bottom: 0;
	position: relative;
}

.tabs-click ul>li>a {
	font-size: 16px;
	background: #eaeaea;
	color: #000;
	padding: 8px 12px;
	cursor: default;
	/*line-height: 1.42857143;*/line-height: 1.42857143;
	border: 1px solid transparent;
}

/*
.tabs-click ul>li.active {
	top: -4px;
}
*/

.tabs-click ul>li.active>a,
.tabs-click ul>li.active>a:focus,
.tabs-click ul>li.active>a:hover,
.tabs-click ul>li.active>a,
.tabs-click ul>li.active>a:focus,
.tabs-click ul>li.active>a:hover {
	background: #7bc143;
	color: white;
	border-color:#7bc143;
	/*padding: 10px 15px;*/
}

.tabs-click ul>li.active a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: -18px;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-top: 12px solid #7bc143;
	position: absolute;
}

.sk-cube-grid {
	width: 100px;
	height: 100px;
	margin: 100px auto;
	text-align: center;
}

.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #9c0058;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay {
	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

.KMForm input[type=file] {
	width: 100%;
	z-index: 9;
	position: relative;
	opacity: 0;
	cursor: pointer;
	color: #a81f6c;
	cursor: pointer;
}

.KMForm input[type=file]:hover {
	color: #7bc143
}

.js input[type=file] {
	display: none;
}

.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.srv-div .businessItem .circle {
	overflow: hidden;
}

.srv-div .c-image-circle {
	height: 100%;
}

.calender-fix table {
	width: 100%;
}

.ValidationSummary,
.validationsummary {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 16px;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.required,
.error-txt,
.error-label,
.requiredfield,
.error-text,
.mandatory,
.val-error {
	color: #A11B29;
	font-size:12px;
	padding:0px 5px;
}

.form-sub-header {
	border-bottom: 1px solid #a81f6c;
	font-size: 1.2rem;
	margin: 5px 5px 25px 5px;
	padding: 5px;
	width: 100%;
	color: #9c0058;
	font-weight: bold;
}

.mediaCat.purpleColor {
	margin: 0px 5px;
}

.form-input-info {
	color: #BCBCBC;
	font-size: 12px;
	display: block;
	margin: 2px;
}

.searchHeader .ms-floatLeft,
.searchHeader .ms-srch-sbLarge>input,
.searchHeader #searchInputBox {
	float: none!important;
}

.searchHeader .ms-srch-sbLarge,
.searchHeader .ms-srch-sb {
	width: 100%;
	border: 0px;
}

.searchHeader .ms-srch-sbLarge>input,
.searchHeader .ms-srch-sb>input {
	height: 50px;
	width: 100%!important
}

.searchHeader .ms-srch-sbLarge>.ms-srch-sb-searchLink {
	position: absolute;
	top: 0;
}

.searchHeader .ms-srch-sb>input,
.ms-srch-sb-searchLink:active,
.ms-srch-sb-searchLink>img:active,
.ms-srch-sb-navLink:active,
.ms-srch-sb-navLink>img:active,
.ms-srch-sb-navLink-menuOpen,
.ms-srch-sb-navLink-menuOpen:hover {
	background-color: transparent!important;
	background: transparent!important;
}

.searchHeader .ms-srch-sb>.ms-srch-sb-searchLink {
	background-color: transparent!important;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 99;
	height: 30px!important
}

.searchHeader .ms-srch-sb>input {
	color: #777!important
}

input[type=password],
input[type=text],
input[type=file],
input:not([type]),
select,
textarea,
.sp-peoplepicker-topLevel,
.sp-peoplepicker-topLevelDisabled,
.sp-peoplepicker-autoFillContainer,
.ms-inputBox{
	border: none;
	border-bottom: 1px solid #f1f1f1!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* min-width: 250px;
    */
	max-width: 100%;
	box-shadow: none;
	border-radius: 0
}

#doprint {
	cursor: pointer;
}

.bg-gray {
	background: #fbfbfb!important;
}

.overflow-hidden {
	overflow: hidden;
}

.formHelp {
	position: absolute;
	top: 35px;
	right: 20px;
	font-size: 18px;
	z-index:1;	   
}

.formHelp.inheritPostion {
	position: inherit !important;
}

input.Calender {
	font: 1.125em Proxima-Light;
	min-height: 40px;
	background-color: transparent!important;
	border-bottom: 1px solid #b4b4b4!important;
}

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

.tooltip-inner {
	background-color: #a81f6c;
}
.ms-dtinput{
	position:relative;
}
.ms-dtinput .Textbox {
	background: transparent;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #b4b4b4 !important;
	border-radius: 0;
	color: #000;
	padding: 0px 0 10px;
	min-height: 50px;
	line-height: 23px !important;
	margin-top: 5px;
	overflow: hidden;
}

.ms-dtinput .iconImg.calendar.inputIcon{
 position:absolute;
 top:0;
}

.box-card {
	border: 1px solid #e4e7e8;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
	background: white;
	height: 310px;
	text-align: center;
	padding: 20px 15px;
	position: relative;
}

.electricBlock,
.waterBlock,
.summaryBlock {
	background: #fbfbfb;
	display: inline-block;
	width: 100%;
	padding: 40px 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.modal-acc p {
	font-size: 0.8rem;
}

.accDiv ul {
	list-style: none;
	margin: 5px auto;
	padding: 0px;
	text-align: center;
}

.accDiv ul li {
	display: inline-block;
	background-color: #fbfbfb;
	border: 1px silver solid;
	margin: 0px 5px;
	cursor: pointer;
	padding: 5px;
}

.acc-fontchanger li:hover,
.inc-active,
.hi-contrast #hi-c-off {
	background-color: #7bc143!important;
}

.inc-disabled {
	cursor: not-allowed!important;
	opacity: 0.5;
}

.accDiv h3 {
	font-size: 16px;
}

.accDiv h3 p {
	font-size: 14px;
}

.fz-8 {
	font-size: 8px;
}

.fz-14{
	font-size:14px;
}

.fz-12{
	font-size:12px;
}

.input-group-text {
	background-color: transparent!important;
	border: 0px!important;
	color: #9c0058!important;
	font-weight: bold;
}

.height-inherit {
	height: inherit!important;
}

.fileinput-button {
	position: relative;
	cursor: pointer;
	border-bottom: 1px solid #b4b4b4 !important;
}

.KMFormLabel .toolTip {
	display: inline-block;
}

.form-group .fileinput-button input[type="file"] {
	opacity: 0;
}

.fileinput-button .fileUpload {
	display: none;
}

.fileinput-button:after {
	content: "\f093";
	z-index: 10;
	position: relative;
	color: #a81f6c;
}

.owl-prev:before,
.main_head_help:before,
[type="checkbox"]:checked+label:after,
.toolTip:before,
.fileinput-button:after,
.sorting_desc:after,
.sorting_asc:after,
.sorting_none:after,
.Statuslabel:before,
.searchHeader .ms-srch-sb>.ms-srch-sb-searchLink:before,
.SearchResultPage .ms-promlink-button-image:after,
.checkedCustom label:after, .ValidationIcon::after, .generalselect::after, .validImg::after, .waitImg::after, .inValidImg::after {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
}

.searchHeader .ms-srch-sb>.ms-srch-sb-searchLink:before {
	content: "\f002";
	color: #777;
}

.SearchResultPage .ms-promlink-button-image {
	width: inherit!important;
	height: inherit!important;
}

.SearchResultPage #PageLinkNext .ms-promlink-button-image:after {
	content: "\f105";
	color: #fff;
}

.SearchResultPage #PageLinkPrev .ms-promlink-button-image:after {
	content: "\f104";
	color: #fff;
}

.Statuslabel:before {
	padding: 5px;
	font-size: 16px;
}

.label-pendng:before {
	content: "\f06e";
	color: #b3bf00;
}

.label-inprogress:before {
	content: "\f110";
	color: #2a8dd4;
}

.label-ScheduledDate:before {
	content: "\f017";
	color: #ff8d00;
}

.label-correction:before {
	content: "\f044";
	color: #41c1b5;
}

.label-clarification:before {
	content: "\f05a";
	color: #c141ab;
}

.label-init-approve:before {
	content: "\f00c";
	color: #7bc143;
}

.label-approve:before {
	content: "\f560";
	color: #7bc143;
}

.label-cancelled:before {
	content: "\f057";
	color: #ff8d00;
}

.sorting_none:after {
	content: "\f0dc";
	color: #000;
	padding: 5px;
}

.sorting_desc:after {
	content: "\f0dd"!important;
	color: #000;
	padding: 5px;
}

.sorting_asc:after {
	content: "\f0de"!important;
	color: #000;
	padding: 5px;
}

.main_head_help:before,
.toolTip:before {
	content: "\f05a";
	color: #9c0058;
}

.main_head_help,
#openHelp .main_head_help,
.searchHeader .ms-srch-sb>.ms-srch-sb-searchLink {
	background-image: url('/Style Library/km19/img/space.png')!important;
}

.toolTip,
.tooltip-help {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}

.tooltip-help {
	color: #c31b7b!important;
}

.tooltip-help:hover {
	color: #9e1b66!important;
}

.formError {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	float: none!important;
	margin: 0px!important;
	opacity: inherit!important;
}

.form-row.js .formError {
	margin-top: -33px!important;
}

input[type=checkbox],
input[type=radio] {
	margin: 0px 5px;
}

.main_head {
	font-size: 1.75rem!important;
}


/*Collapseed Style*/

.smk_accordion .accordion_in .acc_head {
	border-radius: 0;
	border: 1px solid #e0e0e0;
	padding: 15px 15px!important;
	background: #fdfdfd!important;
	margin-bottom: 6px;
	color: #081218;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}

.smk_accordion .accordion_in {
	background: transparent!important;
	border: 0px!important;
}

.acc_content {
	border: 1px solid #e0e0e0;
	padding: 15px 15px!important;
	margin-bottom: 15px;
}

.smk_accordion .accordion_in.acc_active .acc_head {
	background: #9c0058!important;
	color: #fff!important;
}

.acc_issues ul {
	list-style: none;
	margin: 5px 0px;
	padding: 0px;
}

.acc_content li {
	background-image: none!important;
	margin: 15px 5px;
	border-bottom: 1px solid #c6c6c6;
	height: auto!important;
	min-height: 25px;
}

.messi-alerttitlebox {
	background: #a81f6c url('../img/flowersGrey.png') repeat;
	color: white;
	padding: 15px 20px;
}

.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand {
	width: 12px;
	height: 12px;
	background: url('/Style%20Library/Contractor/img/ARROW-BOTTOM.png') center!important;
	background-repeat: no-repeat;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-top: -6px!important;
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	background: #C31B7B;
	background-repeat: no-repeat;
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-top: -6px!important;
}

.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.30);
}

.topheeaderOne {
	padding: 15px 15px;
	background: #f8f8f8;
	border: 1px solid #ebebeb;
	color: #9c0058;
	font-weight: bold;
}

.elec_Quantity3,
.serviceType5 {
	background-color: #efefef!important;
	border-color: #dadada!important;
}

.dataInner.noBorder {
	background-color: transparent!important;
}

.result p {
	font-family: Arial, Helvetica, sans-serif;
}

.dataInner {
	padding: 15px 15px;
	color: #333;
	border: 1px solid #ebebeb;
	font-family: Arial, Helvetica, sans-serif;
}

.elec_Quantity2 {
	background-color: transparent!important;
	border-color: transparent!important
}

.serviceType1 {
	border-color: #ebebeb!important;
	width: 100%!important;
}


/*Quick Services Icons */

.QuickServicesToolTip {
	position: absolute;
	top: 35px;
	background-color: rgba(156, 0, 88, 0.75);
	width: 135px;
	color: #fff;
	padding: 10px;
	left: 85px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.QuickServicesIcon {
	background: url('../img/icons/Icon-quickServices.svg') no-repeat;
	width: 110px;
	height: 110px;
	display: block;
}

.quickAccess .QuickServicesIcon {
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.quickAccess .QuickServicesToolTip {
	display: none;
}

.quickAccess:hover .QuickServicesIcon {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.quickAccess:hover .QuickServicesToolTip {
	display: block;
}

.QuickServicesToolTip:hover {
	display: block!important;
}

.QuickServicesToolTip .fa-angle-left {
	float: right;
	margin-top: 3px;
}

.QuickServicesToolTip .fa-angle-left:before {
	content: "\f105" !important;
}


/*.activeQuick*/

.activeQuick .QuickServicesIcon {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.activeQuick:hover .QuickServicesIcon {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.activeQuick:hover .QuickServicesToolTip {
	display: none;
}

.activeQuick .QuickServicesToolTip {
	display: block;
}

.owl-nav {
	font-size: 0.8rem;
}

.modal-open .headerWrapper,
.modal-open .fixedHeader {
	position: static!important;
	-webkit-transition: inherit;
	transform: inherit;
	-webkit-transform: inherit;
}

.c-Modal {
	text-align: left;
	top: inherit!important;
	bottom: 0px!important;
}

.c-Modal.fade .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-open .c-Modal {
	overflow-x: inherit!important;
	overflow-y: inherit!important;
}

.c-Modal .popoverTitle,
.c-Modal2 .popoverTitle {
	width: 90%;
	display: inline-block;
	vertical-align: middle;
}

.modal-header {
	border-radius: 0px;
}


/*Radio Custom Style*/

.defaultForm [type="radio"]:checked,
.KMForm [type="radio"]:checked,
.defaultForm [type="radio"]:not(:checked),
.KMForm [type="radio"]:not(:checked),
.form-group [type="radio"]:not(:checked),
.form-group [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}

.defaultForm [type="radio"]:checked+label,
.KMForm [type="radio"]:checked+label,
.defaultForm [type="radio"]:not(:checked)+label,
.KMForm [type="radio"]:not(:checked)+label,
.form-group [type="radio"]:not(:checked)+label,
.form-group [type="radio"]:checked+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}

.defaultForm [type="radio"]:checked+label:before,
.KMForm [type="radio"]:checked+label:before,
.defaultForm [type="radio"]:not(:checked)+label:before,
.KMForm [type="radio"]:not(:checked)+label:before,
.form-group [type="radio"]:checked+label:before,
.form-group [type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.defaultForm [type="radio"]:checked+label:after,
.KMForm [type="radio"]:checked+label:after,
.defaultForm [type="radio"]:not(:checked)+label:after,
.KMForm [type="radio"]:not(:checked)+label:after,
.form-group [type="radio"]:not(:checked)+label:after,
.form-group [type="radio"]:checked+label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #70c030;
	position: absolute;
	top: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.defaultForm [type="radio"]:not(:checked)+label:after,
.KMForm [type="radio"]:not(:checked)+label:after,
.form-group [type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.defaultForm [type="radio"]:checked+label:after,
.KMForm [type="radio"]:checked+label:after,
.form-group [type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/*fix table check box*/


/*Check Box Custom Style .customTable input[type="checkbox"] {
     margin-top: 10px;
}
 */

.defaultForm input[type="checkbox"],
.KMForm input[type="checkbox"],
.form-row input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: 9;
	width: 20px;
	height: 30px;
}

.defaultForm input[type="checkbox"]+label,
.KMForm input[type="checkbox"]+label,
.form-row input[type="checkbox"]+label {
	position: relative;
	cursor: pointer;
	padding: 0;
}

.defaultForm input[type="checkbox"]+label:before,
.KMForm input[type="checkbox"]+label:before,
.form-row input[type="checkbox"]+label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	background: white;
}

.defaultForm input[type="checkbox"]:hover+label:before,
.KMForm input[type="checkbox"]:hover+label:before,
.form-row input[type="checkbox"]:hover {
	background: #7bc143;
}

.defaultForm input[type="checkbox"]:focus+label:before,
.KMForm input[type="checkbox"]:focus+label:before,
.form-row input[type="checkbox"]:focus+label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.defaultForm input[type="checkbox"]:checked+label:before,
.KMForm input[type="checkbox"]:checked+label:before,
.form-row input[type="checkbox"]:checked+label:before,
.checkedCustom label:before {
	background: #7bc143!important;
}

.defaultForm input[type="checkbox"]:disabled+label,
.KMForm input[type="checkbox"]:disabled+label,
.form-row input[type="checkbox"]:disabled+label {
	color: #b8b8b8;
	cursor: auto;
}

a:disabled {
	background: #f0f0f0;
	color: #333;
	padding: 10px 20px;
	line-height: 15px;
	border-radius: 20px;
	min-width: 110px;
	text-align: center;
	display: inline-block;
	border: 1px solid #b4b4b4;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.defaultForm input[type="checkbox"]:disabled+label:before,
.KMForm input[type="checkbox"]:disabled+label:before,
.form-row input[type="checkbox"]:disabled+label:before {
	box-shadow: none;
	background: #ddd;
}

.defaultForm input[type="checkbox"]:checked+label:after,
.KMForm input[type="checkbox"]:checked+label:after,
.form-row input[type="checkbox"]:checked+label:after,
.checkedCustom label:after {
	content: '\f00c';
	position: absolute;
	top: 0px;
	color: #fff;
	font-size: 16px;
}

.stepContainer {
	width: 100%;
}

.result p {
	line-height: inherit!important;
}

.hintsummary {
	border: 1px solid #ebebeb;
	color: #9c0058;
	padding: 15px;
	background-color: #fff;
}


/* #wizHeader li span.number{
     top:-45px!important;
}
 */

.messi {
	position: fixed!important;
	top: 40%;
}

.js-filename {
	display: none
}

.Remove-Atatchment .js-filename {
	display: inline!important;
}

.c-TodayDayStyle {
	background: #7bc143;
	color: #fff;
	padding: 10px;
}

.c-calMain {
	background: #fff;
	font-size: 14px;
}

.c-DayStyle {
	border: 1px #f1f1f1 solid;
	padding: 10px;
}

.c-calMain th {
	border: 0px;
}

th.c-DayHeaderStyle {
	background: #f1f1f1;
}

.c-OtherMonthDayStyle {
	background: #ebebeb;
	color: #bfbfbf;
	border-color: #e0e0e0;
}

.c-TitleStyle {
	background: #a81f6c;
	color: #fff;
}

.c-calNextPrevStyle {
	margin: 5px;
	background: #f0f0f0;
	color: black;
	padding: 10px 20px;
	height: 37px;
	border-radius: 20px;
	min-width: 160px;
	text-align: center;
	display: inline-block;
	border: 1px solid #b9baba;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s
}

.c-calNextPrevStyle:hover {
	background: white;
	color: #70c030;
	border-color: #508e1e
}

.modal-AppNo h2 {
	font-size: 16px;
	margin: 5px 0px;
}

.progressModal .progress {
	height: inherit!important;
}

.progressModal .progress .label {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	float: none!important;
	width: inherit!important;
	margin: 0px!important;
}

.progressModal .progress .circle {
	width: inherit!important;
	height: inherit!important;
	border-radius: 0!important;
}

.progressModal .progress .circle:before {
	width: 15px;
	height: 15px;
	content: " ";
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px #fff solid;
	margin: 3px;
}

.progress .done:before {
	background-color: #8bc435;
}

.progress .active:before {
	background-color: #0c95be;
}

.progress .reject:before {
	background-color: #ff3c41;
}

.progress .park:before {
	background-color: #fcd000;
}

.progress .canel:before {
	background-color: #8c0000;
}

.progresslegend {
	list-style: none;
	padding: 0px;
}

.progresslegend li {
	display: inline-block;
	margin: 5px;
}

.multiselect-native-select select[multiple] {
	background: transparent;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #b4b4b4 !important;
	border-radius: 0;
	color: #000;
	margin-top: 5px;
	position: relative;
	min-height: 150px;
	width: 100%;
}

.multiselect-native-select select[multiple]:focus option:checked {
	background: #a81f6c;
}

.btn-group.open,
.multiselect-native-select .btn-group,
.multiselect-native-select .multiselect {
	width: 100%;
}

.btn-group.open .multiselect-container {
	display: block;
	max-height: 250px;
	overflow-y: auto;
	padding: 5px;
}

.multiselect-container li {
	border-bottom: 1px #e8e8e8 solid;
	margin: 0px 2px;
}

.multiselect-container li.active {
	background-color: rgba(168, 31, 108, 0.37);
}

.multiselect-container li a {
	color: #000;
}

.multiselect-selected-text {
	white-space: normal;
}

.ApprovalAnnexures .card-brife {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.card-list-ul {
	list-style: none;
}

.card-list-ul li {
	display: inline-block;
	margin: 0px 5px;
}

.card-list-ul li strong {
	color: #a81f6c;
	margin: 5px;
}

.btn-delete {
	cursor: pointer;
	font-size: 22px;
	color: #A11B29!important;
	opacity: 0.7;
}

.btn-edit {
	cursor: pointer;
	font-size: 22px;
	color: #444!important;
	opacity: 0.7;
}

.btn-delete:hover,
.btn-edit:hover {
	opacity: 0.9;
}

.card-box-admin {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 10px 10px 0 #e9e9e9;
	border: 1px solid #ebebeb !important;
	padding: 10px 15px;
	height: 100%;
	min-height: 80px;
	display: table;
	vertical-align: middle;
	position: relative;
}

.card-box-admin:hover {
	box-shadow: 0 5px 5px 0 #e9e9e9;
}

.card-box-admin h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0px;
	color: #5d5d5d!important;
}

.card-box-admin p {
	font-size: 12px;
	color: #333!important;
	font-weight: normal;
	padding: 5px;
}

.ul-list-admin {
	list-style: none;
	margin-bottom: 15px;
	text-align: right
}

.ul-list-admin li {
	display: inline-block;
	margin: 5px;
}

.ListNote ol,
.ListNote ul {
	list-style-position: inside;
	font-family: "Proxima-Bold";
	color: #666;
}


/*prevent click on link*/


/*.wizard .steps li a{
    pointer-events: none;
     cursor: default;
}
*/

.pageNumber.currentPubpage {
	pointer-events: none;
	cursor: default;
}

.list-tariff {
	list-style: none;
	margin: 0px;
	padding: 15px;
}

.list-tariff li {
	display: inline-block;
	margin: 0px 35px
}

.list-tariff li>strong {
	display: block;
}

.bg-srv1 {
	background-color: #FF0000
}

.bg-srv2 {
	background-color: #359BB8
}

.color-srv1 {
	color: #FF0000
}

.color-srv2 {
	color: #359BB8
}

.color-srv3 {
	color: #7bc143
}

tfoot td {
	background-color: #9c0058!important;
	color: #fff!important;
	font-weight: bold;
}

.td-hide {
	border: 0px!important;
	background-color: transparent!important;
}


/*Collapse */

.ui-accordion-header {
	border-radius: 0;
	border: 1px solid #e0e0e0;
	padding: 15px 15px;
	background: #fdfdfd;
	margin-bottom: 6px;
	color: #081218;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
	font-size: 14px !important;
	font-weight: bold !important;
}

.ui-accordion-header:after {
	content: "";
	background: url('/Style%20Library/Contractor/img/ARROW-LEFT.png') center;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 40%;
	right: 15px;
}

.ui-accordion-header-active {
	background: #9c0058;
	color: #fff;
}

.ui-accordion-header-active:after {
	background: url('/Style%20Library/Contractor/img/ARROW-BOTTOM.png') center !important;
}

.ms-dialog header,
.ms-dialog footer,
.ms-dialog .mainSliderSocial,
.ms-dialog .quickAccess {
	display: none;
}

.ms-dlgTitleBtns {
	margin-top: 0px!important;
	margin-right: 0px!important;
	height: inherit!important;
	float: none!important;
}

.ui-autocomplete {
	border: 1px solid #ebebeb;
	border-bottom: none;
	max-height: 177px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%!important;
}

.ui-autocomplete .ui-menu-item {
	background: white;
	border-bottom: 1px solid #ebebeb;
	padding: 20px 20px;
	cursor: pointer;
}

.ui-autocomplete .ui-menu-item:hover {
	background-color: #9c0058;
	color: #fff;
}

.ui-autocomplete .ui-menu-item:hover a {
	color: #fff;
}

.cell-5 {
	width: 5%;
}

.cell-10 {
	width: 10%;
}

.cell-15 {
	width: 15%;
}

.cell-20 {
	width: 20%;
}

.cell-25 {
	width: 25%;
}

.cell-30 {
	width: 30%;
}

.cell-35 {
	width: 35%;
}

.cell-40 {
	width: 40%;
}

.cell-45 {
	width: 45%;
}

.cell-50 {
	width: 50%;
}

.cell-55 {
	width: 55%;
}

.TarshedGuidOld {
	padding-top: 120px;
	margin-bottom: 50px;
}

.LatestAlbumHome {
	list-style: none;
}

.LatestAlbumHome li {
	display: inline-block;
	margin: 5px;
}

h2.subSectionTitle {
	border-bottom: 1px solid #7bc143;
	color: #7bc143;
	font-size: 20px;
	padding: 5px 0px;
}

.selectLogin {
	margin-top: 0px!important;
}

.selectLogin .form-group {
	width: 100%;
	padding: 0px 15px;
}

.loginComponent .form-group {
	font-size: 14px!important
}

.MediaLanding .relatedNews {
	margin-top: 10px;
}

.MediaLanding .relatedNews .media-top {
	width: 100%;
	max-height: 180px;
	overflow: hidden;
	margin-bottom: 10px;
}

.MediaLanding .relatedNews .media-top img {
	width: 100%;
	max-height: 220px;
}

.MediaLanding .relatedNews .media {
	padding: 10px;
}

.MediaLanding .relatedNews .media-body {
	width: 100%;
}

.has-children.False>a::before,
.has-children.False>a::after,
.has-children.False>ul {
	display: none!important;
}

.box-shadow {
	background: white;
	padding: 20px 25px;
	box-shadow: 0 10px 10px 0 #e9e9e9;
}

.box-shadow-float {
	position: absolute;
	top: -5px;
	display: inline-block;
	padding: 30px 15px 10px;
	background: white;
	color: black;
	box-shadow: 0px 10px 15px 0px #e9e9e9;
}

.BoxUserInfo {
	padding-top: 60px;
	list-style: none;
}

.box-shadow .noteWrap {
	background-color: transparent;
}

.BgUserInfo {
	background: url('../img/bg-icon-user.svg') no-repeat #fff;
	background-size: contain;
}

.BgUserHelp {
	background: url('../img/Bg-icon-help.svg') no-repeat;
}

.word-break {
	word-break: break-all;
}

.HelpList {
	padding-top: 20px;
	list-style: none;
	font-size: 1rem;
}

.HelpList li {
	display: block;
	margin-bottom: 30px;
}

.propertyAccount {
	border-bottom: 1px solid #ebebeb;
}

.propertyAccount .propertyName {
	color: #9c0058;
	padding: 5px;
}

.propertyAccount .detailsTxt {
	margin: 0px!important;
}

#propertyTabs {
	box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.10);
}

.MediaBox {
	position: relative;
	border: 1px solid #e4e7e8;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
	background-color: #fff;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.MediaBox:hover .MediaBoxBody {
	border-color: #919191;
}

.MediaBox:hover .MediaBoxType {
	background-color: #919191;
}

.MediaBoxTitle {
	font-size: 20px;
}

.MediaBoxImg img {
	width: 100%;
	height: 250px;
}

.MediaBoxBody {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	padding: 15px;
	color: #fff;
	border-top: 4px silver solid;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.MediaBoxBody a {
	color: #fff!important;
}

.MediaBoxType {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 10px;
	color: #fff;
	background-color: #5F5F5F;
	text-transform: uppercase;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.MediaBoxType>i {
	display: inline-block;
	margin: 0px 5px;
}

.Type-News .MediaBoxType {
	background-color: #79b5ca
}

.Type-News .MediaBoxBody {
	border-color: #79b5ca;
}

.Type-Event .MediaBoxType {
	background-color: #bb81a2
}

.Type-Event .MediaBoxBody {
	border-color: #bb81a2;
}

.Type-Album .MediaBoxType {
	background-color: #AABF94
}

.Type-Album .MediaBoxBody {
	border-color: #AABF94;
}

.Type-Video .MediaBoxType {
	background-color: #CB7F83
}

.Type-Video .MediaBoxBody {
	border-color: #CB7F83;
}

.MediaBoxBodyFull .number,
.MediaBoxBodyFull .MediaBoxTitle,
.MediaBoxBodyFull .mediaDetails {
	padding: 15px;
}

.MediaBoxBodyFull .MediaBoxType {
	position: static;
}

@media print {
	.filtersWrap,
	.pager-custom,
	.sidebar,
	.mainSliderCont,
	.newsDetailsTop,
	.breadcrumb,
	.mainSliderSocial,
	.quickAccess,
	.skip-main,
	footer,
	header{
		display: none!important
	}

.defaultForm [type="radio"]:checked, .KMForm [type="radio"]:checked, .defaultForm [type="radio"]:not(:checked), .KMForm [type="radio"]:not(:checked), .form-group [type="radio"]:not(:checked), .form-group [type="radio"]:checked
{
position:static!important;
}
}
.CourserPointer {
	cursor: pointer;
}

.Contactus-List {
	list-style: none;
	margin: 10px;
	padding: 0px;
}

.Contactus-List li {
	display: block;
	padding: 10px 0px;
}

.Contactus-List a i {
	display: inline-block;
	margin: 0px 3px;
}

.callbtn-1 {
	border-radius: 30px;
	padding: 3px 5px;
	display: inline-block;
	border: 1px solid #a81f6c;
	direction: ltr
}

.callbtn-1:hover,
.callbtn-2:hover {
	color: #000!important;
}

.callbtn-2 {
	border-radius: 30px;
	padding: 3px 5px;
	display: inline-block;
	border: 1px solid #337ab7;
	color: #1b5688 !important;
}


/* Feel free to change duration */

.animated {
	-webkit-animation-duration: 1000 ms;
	animation-duration: 1000 ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/* .owl-animated-out - only for current item */


/* This is very important class. Use z-index if you want move Out item above In item */

.owl-animated-out {
	z-index: 1
}


/* .owl-animated-in - only for upcoming item 
/* This is very important class. Use z-index if you want move In item above Out item */

.owl-animated-in {
	z-index: 0
}


/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/*
.occasion-overlay {
	position: absolute;
	top: 155px;
	z-index: 1;
	border-radius: 30px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.26);
	background-color: rgba(255, 255, 255, 0.82);
}

.occasion-overlay div {
	padding: 10px;
}

.occasion-close {
	cursor: pointer;
	background-color: #9C0058;
	border-radius: 30px;
	color: #fff;
	border: 0px;
	padding: 5px 10px 3px 10px;
	font-size: 15px !important;
	min-width: 0px !important;
}

.occasion-overlay img {
	max-width: 180px;
}
*/

.occasion-overlay{
	cursor:pointer;
	position:absolute;
	top:-3px;
	z-index:9999;
	right:340px;
	animation: slideInDown; 
    animation-duration: 2s; 
    
}

.cookiealert{
	display:none;
}
.cookiealert.show {
     display:block;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.occasion-close {
	cursor: pointer;
	background-color: #9C0058;
	border-radius: 30px;
	color: #fff;
	border: 0px;
	padding: 5px 10px 3px 10px;
	font-size: 15px !important;
	min-width: 0px !important;
}


.hideElement {
	display: none;
}

.tarsheedTxt span {
	background-color: transparent!important;
}

.viewReceipt {
	position: relative;
	color: #a81f6c!important;
	font-weight: bold;
}

.viewReceipt:hover>.ui-tooltip {
	display: block;
}

.ui-tooltip {
	display: none;
	position: absolute;
	z-index: 1;
	-webkit-box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.23);
	box-shadow: 10px 10px 5px -8px rgba(0, 0, 0, 0.23);
	background-color: #fff;
	top: 10px;
}

.aspNetDisabledFix .isDisabled,
.aspNetDisabledFix .aspNetDisabled {
	opacity: 0.9!important;
	background: transparent!important;
}

.open>.dropdown-menu {
	display: block;
}

.drop-noarrow::after {
	display: none!important;
}

.drop-btn-centerd {
	width: 160px;
	margin: 0px auto;
}

.drodown-more {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 5px;
	z-index: 9999!important;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.32);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.32);
	border: 0px;
}

.drodown-more li a {
	font-size: 12px;
	line-height: 100%;
}

.drodown-more li {
	border-bottom: 1px #E9E9E9 solid;
	padding: 7px 0px;
	line-height: 100%;
}

.drodown-more li:hover {
	background-color: #E9E9E9
}

.drodown-more li:last-child {
	border-bottom: 0px;
}

.accountUnit {
	padding: 0px 5px !important;
}

.section-content ul, .section-content ol{
	 list-style-position:inside;
	
}							 
.section-content ul li {
	padding: 5px 0px;
	margin-left: 30px;
}

.owl-nav [class*='owl-'] {
	color: #000!important;
}

.ms-srch-item {
	width: 90%;
}

.ms-srch-item-deepLinks {
	display: block;
	clear: both;
	float: none;
}

#accordion h4 a {
	font-size: 16px;
}

.smartbanner__icon {
	background-image: url('/Style Library/km19/img/icons/icon-app.png');
}


.min-w-auto{
min-width:inherit;
}


.bg-green{
	 background-color:#7BC143
}


.bg-red{
	 background-color:#C14343
}


.toggle-fullscreen{
 cursor:pointer;
}

.toggle-fullscreen i{
color:#8F0051;
margin:0px 5px;
}


.toggleClose{
cursor:pointer;
padding:5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:center;
margin: 5px 15px;
display:none;

}
.toggleClose:hover i{
	color:#fff!important;
}

.bodyNoScroll{
	overflow:hidden!important;
}
.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%!important;
    max-width:100%;
    height: 100%;
    padding:20px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    background-color:#fff;
}

.panel-fullscreen .toggleClose{
	display:block;
}

.smartbanner__info__author, .smartbanner__info__price{
	
	font-size:10px!important;
}

 .inValidImg::after {
 content:"\f071";
 color:#ED2424;
 
 }
 .validImg::after {
 content:"\f00c";
 color:#0EC002;
}
 .waitImg::after {
 content:"\f110";
 color:#858585;
}
 .ValidationIcon {
     width: 20px;
     height:20px;
     display: none;
     position:absolute;
     right:20px;
     z-index:2;
       animation: zoomIn;
  animation-duration: 1s; 
  margin-top: -28px;
  }
  
  .electricity-bg{
     background-color: #a81f6c!important;
     
  }
  
  .electricity-bg .electricity-text, .electricity-bg .electricity-text strong{
    color:#fff!important  
  }
  
  .starter-template .jumbotron{
         background-color: transparent!important; 
  }
  
  .starter-template .btn-outline-primary{
      border-color:  #a81f6c!important;
       color:  #a81f6c!important;
  }
  
  .starter-template .btn-outline-primary:hover{
            background-color:  #a81f6c!important;
          color:#fff!important  
  }
  
  .starter-template .card-custom-avatar{
      text-align: center;
    background-color: #f3f3f3;
    padding:10px;
  }
  
  .starter-template .card-custom-avatar img{
      position:static!important;
      
  }
  
   .starter-template  .card-custom-img{
    display:none;  
  }
  
  .uploadfix .fileinput-button input[type="file"] {

    position: absolute;
    z-index: 11;
    left: 0;
    cursor: pointer;
width: 100%;
}


.uploadfix .fileinput-button:after {
left:50%;
}


.GridDefultCheckbox input[type="checkbox"]{
	 position:static!important;
	  z-index: inherit!important;
	  background-color:transparent!important;
	     
	 
}

.c-dropdown .dropdown-toggle::after{
	 display:none;
}

.c-dropdown .dropdown-toggle{
	font-size: 1.55em;
	 min-width: inherit;
}


.c-dropdown .dropdown-menu{
	padding: 0px;
     min-width: 350px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
}

 .topSpace #loginDivHome{
	   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);

}

.c-dropdown .modal-content{
	border:0px!important;
}

.text-primary{
	color: #a81f6c!important;
}

.c-dropdown .dropdown-toggle:focus{
	    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 25%)!important;
}



/* Update 2022*/
.Remove-Atatchment b{
width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;	
      resize: horizontal;
      padding:0px 5px;
}

.panel-fullscreen .max-width-900{
	max-width:100%!important
}

.career-testimonial{
	border: 1px solid #e0e0e0;
    background: #fdfdfd;
    padding:15px;
}

.career-testimonial > h3{
	color: #9c0058!important;
	font-weight:bold;
padding: 0px 0px 15px 0px!important;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 5px;
	font-size:18px;
}
.testimonial-info{
	text-align:center;
}
.testimonial-info h4{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px;
	color: #9c0058;
	cursor:pointer;
}
.testimonial-info h4 span{
	display:block;
	font-size:12px;
	font-weight:normal;
	color: #444
}


.testimonial-img{
	width:80px;
	height:80px;
	border:2px solid silver;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin:0px auto;
overflow:hidden;
cursor:pointer;
}

.testimonial-img{
	max-width:100%;
}

.testimonial-img:hover{
	border-color:#9c0058
}
.testimonial-prag{
	margin:10px 0px;
	font-size:12px;
}
.collapseHeader > strong{
	color: #9c0058;
	cursor:pointer;
}

.collapseHeader::after{
	content: "\f107";
	color: #9c0058;
	font-family: "Font Awesome 5 Pro";
	position: absolute;
    right: 10px;
    top: 10px;
}
.collapseHeader.activeCollapse::after{
	content: "\f106";
}

.collapseHeader > div{
	display:none;
	padding:5px;
}

.testm-empo-modal-body{
	max-height:500px;
	overflow-y:auto;
}


.testm-empo-modal-body ul{
	list-style-position: inside;
}



/*modal prevent closing from outside*/
.modal-open, .modal-backdrop.in{
	 pointer-events: none;
}

.defaultForm.AttachmentNoWrap .Remove-Atatchment b{
white-space: pre-wrap!important;
    width: 100%!important;
    font-size: 12px;
}

.defaultForm.AttachmentNoWrap .col-md-3, .defaultForm.AttachmentNoWrap .col-md-9{
-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;	
}

span strong.StepTitle{
border:0px!important;						 					  
}

.manCount{
position: static!important;
width: inherit!important;
height: inherit!important;
background-color: #7bc143;
font-family: inherit!important;
background-image: none!important;
padding: 0px 2px!important;
 margin-right: 5px;
}

.acc_content SPAN{
font-size: 12px!important;			  
}

.ic-google-icon{
	background-image: url('/Style Library/km19/img/icons/ic-google2.svg');
	background-repeat: no-repeat;
    background-position: center center;
	width:40px;
}


.ic-apple-icon{
	background-image: url('/Style Library/km19/img/icons/ic-apple2.svg');
	background-repeat: no-repeat;
    background-position: center center;
	width:40px;
}

.ic-huawei-icon{
	background-image: url('/Style Library/km19/img/icons/ic-huawei2.svg');
	background-repeat: no-repeat;
    background-position: center center;
	width:40px;
}
.temp-survey
{
 display:none;
	position: fixed;
    bottom: 150px;
    z-index: 8;
    cursor: pointer;
left:10px;
    padding-right: 23px;
    cursor:pointer;
}
.temp-survey img
{
cursor:pointer;
	width:110px
}
.temp-survey img:hover
{
	  content: url("/Style Library/km19/img/survey02.png");
}
.fa-twitter:before{
display:none;

}


.footerSocial .fab.fa-twitter{
  width: 30px;
  height: 34px;
  margin-bottom: -5px;
  background: url("../img/ic_xtwitter.svg") no-repeat center bottom;
	background-size: cover;
}

.hiddenSocial .fab.fa-twitter{
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42.03" height="37.993" viewBox="0 0 42.03 37.993"><path id="ic_xtwitter" d="M33.1,0h6.445L25.466,16.093l16.564,21.9H29.061L18.9,24.71,7.279,37.992H.83L15.89,20.779,0,0H13.3l9.182,12.14ZM30.84,34.134h3.571L11.358,3.655H7.526Z" fill="%23a81f6c"/></svg>');
  width: 20px;
    height: 17px;
    background-size: cover;
}


.file-list {
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px;
	word-break: break-word; 
	overflow-wrap: anywhere;
	font-size: 12px; 
}

.file-list .file-list-name {
	word-break: break-word;
	overflow-wrap: anywhere;
	max-width: 80%; 
	font-size: 12px;
}
.file-list  .remove-file {
	color: #ff0000;
	cursor: pointer;
	display: inline-block;
	margin: 3px 5px;
	opacity: 0.5;
	font-size: 14px; 
}
.file-list .remove-file:hover{
	opacity: 1;
}