
@font-face {
	font-family: 'HelveticaNeueLT Arabic 75';
	src: url('../assest/fonts/Helvetica/HelveticaNeueLTArabic-Bold.eot');
	src: url('../assest/fonts/Helvetica/HelveticaNeueLTArabic-Bold.eot?#iefix') format('embedded-opentype'), url('../assest/fonts/Helvetica/HelveticaNeueLTArabic-Bold.woff') format('woff'), url('../assest/fonts/Helvetica/HelveticaNeueLTArabic-Bold.ttf') format('truetype'), url('../assest/fonts/Helvetica/HelveticaNeueLTArabic-Bold.svg#HelveticaNeueLTArabic-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
.logo{
	background: url('/Style%20Library/km19/img/logo-KM-main.svg');
}

.lang a{
font-family: 'HelveticaNeueLT Arabic 75';	
}

/****English Styles***/
 .KMFormLabel .toolTip {
     text-align: right;
     float: right;
}
 .float, .orgChartBg .col-sm-6 {
     float: left;
}
 .floatDir, .panel-heading [data-toggle="collapse"]:after {
     float: right;
}
 .textAlign {
     text-align: left;
}
 .textAligntDir {
     text-align: Right;
}
 .mrgR5 {
     margin-right: 5px;
}
 .mrgR10 {
     margin-right: 10px;
}
 .mrgR15 {
     margin-right: 15px;
}
 .mrgL5 {
     margin-left: 5px;
}
 .billPaymentBtn, .formBtnRight {
     text-align: right 
}
 .mrgL10 {
     margin-left: 10px;
}
 .mrgL15 {
     margin-left: 15px;
}
 .padR5 {
     padding-right: 5px;
}
 .padR10 {
     padding-right: 10px;
}
 .padR15 {
     padding-right: 15px;
}
 .padL5 {
     padding-left: 5px;
}
 .padL10 {
     padding-left: 10px;
}
 .padL15 {
     padding-left: 15px;
}
 .bold, b, .hintHeader {
     font-family: 'Open Sans', sans-serif;
     font-weight:bold;
}
 .light {
     font-family: 'Open Sans', sans-serif;
}
 .mediaTxt, .mediaTxt p, .mediaTxt span, .mediaTxt div, .mediaTxt strong, .mediaTxt bold {
     font-family: 'Open Sans', sans-serif!important;
}
 .purpleBtn, .greyBtn, .whiteBtn {
     font-family: 'Open Sans', sans-serif;
     line-height: 17px;
}
 body {
     font-size: 14px!important;
}
 .custom-control, .c-Modal {
     text-align: left;
}
 .defaultList li:before {
     margin-right: 10px;
}
 .sectionTitle {
     font: 1.25em 'Open Sans';
}
 .BgUserInfo {
     background-position: -100px 0px!important;
}
 .BgUserHelp {
     background-position: 70px -20px!important;
}
/****************Form Inputs English********************/
 .innerLayout .form-group.selectGrpThree select {
     float: left;
     margin-right: 30px;
}
 .innerLayout .form-group.selectGrpThree select:last-child {
     margin-right: 0;
}
 .fa-asterisk {
     right: 2px;
}
 .reqArrow {
     right: 20.1%
    /*112px*/
    ;
     border-left: 24px solid transparent;
     border-right: 0px solid transparent;
}
 input:invalid, textarea:invalid, select:invalid {
     border-left: 4px #d95c5c solid;
}
/*.checkbox,.radioBtn {
     padding-left:35px 
}
 .checkmark {
     left:0 
}
 */
 .checkbox .checkmark:after {
     left: 9px;
     border-width: 0 3px 3px 0;
}
 .radioBtn .checkmark:after, .tariffExpanded {
     left: 0;
}
 .tariffExpandedTitle .clos{
     right: 20px;
}
 .innerLayout .customBtn {
     margin-right: 10px;
}
 .innerLayout fieldset .form-group {
     float: left;
}
 .innerLayout fieldset .reqArrow {
     right: 10.2%
    /*39px*/
    
}
 .custom-control {
     padding-left: 25px;
}
/*Menu*/
 #navContainer {
     padding-left: 30px;
}
 .navbar-toggle {
     float: left;
}
 .submenuList {
     float: left;
}
 .navigation .navbar-nav > li:first-child a {
     padding-left: 3px;
}
 .navigation .dropdown-menu {
     left: 8px;
}
 .mainLogo {
     padding-left: 0px;
}
 .navCont {
     padding: 0 0 0 10px;
}
 .optionsCont {
     text-align: right !important;
     padding-right: 20px;
}
 .optionItem {
     margin: 0 16px 0 0;
}
 .optionItem:after {
     right: -8px;
     font: 1.75em 'Open Sans';
}
 .headerPopup {
     right: -3px;
}
 .TopDrop:after {
     right: 0px;
}
 .headerPopup .modal-header .modal-title {
     float: left;
}
 .headerPopup label {
     text-align: left;
     font: 1.125em Proxmia-Light;
}
 .headerPopup .customInput {
     padding: 0 25px 10px 0;
}
 .submenuList > li > span > a, .submenuList > li ul > li > span > a {
     font-family: 'Open Sans', sans-serif;
}
 .dropdownMenu > .container > .submenuList > li > span > a {
     font-family: 'Open Sans', sans-serif;
}
 .submenuList > li.submenuHeader > a, .submenuList > li.submenuHeader > a:visited {
     font: 1.375em 'Open Sans';
}
 .headerPopup .modal-header .modal-title {
     font: 1.875em 'Open Sans';
}
 .headerPopup label {
     font: 1.125em 'Open Sans';
}
 .headerPopup .defaultLabel {
     font-family: 1em 'Open Sans';
}
/* This lines causing issues on IE .headerPopup .customInput::placeholder {
     font:0em 'Open Sans' 
}
 .headerPopup .customInput:-ms-input-placeholder {
     font: 0em 'Open Sans'
}
 .headerPopup .customInput::-ms-input-placeholder {
     font: 0em 'Open Sans'
}
 */
 .headerPopup .customInput {
     font: 1.125em 'Open Sans';
}
 .headerPopup .custom-control-label {
     font: 1.125em 'Open Sans';
}
 .headerPopup .purpleLink {
     font: 1.125em 'Open Sans';
}
 .headerPopup .modal-body {
     text-align: left;
}
 .logoutDiv .modal-dialog {
     text-align: left;
}
 .welcomeTxt {
     font: 1.125em 'Open Sans';
}
 .dropdownMenu {
     left: 0;
     float: left;
     text-align: left;
}
 .headerSearch .searchTxtInput {
     text-align: left;
}
 .headerSearch {
     text-align: left;
}
 .filterDiv .custom-control-label {
     margin-left: 10px;
}
 .searchTitle {
     font: 18px 'Open Sans';
}
 .headerSearchTag {
     font: 14px 'Open Sans';
     margin-right: 5px;
}
 .filterDiv {
     font-family: 'Open Sans', sans-serif;
}
/*Search*/
 .searchBox {
     left: 33px;
}
 .searchBoxContArrow {
     left: -8px;
     border-width: 8px 8px 8px 0;
     border-right-color: #e5e5e5;
}
 .searchBox input {
     margin-right: 10px;
}
/** homepage**/
 .purpleBtn .fa, .whiteBtn .fa, .greyBtn .fa, .resetBtn .fa {
     float: right;
     margin-left: 10px;
}
 .owl-carousel .owl-item {
     float: left;
}
 .mainSliderSocial {
     right: 0px;
    /*padding:0 30px 0 10px*/
}
 .socialStaticText {
     margin-right: -10px;
     float: left;
     padding: 0 15px 0 0;
}
 .mainSliderSocial:hover .socialStaticText .fa:before {
     content: "\f101";
}
 .mainSliderSocial .socialArrow {
     float: left;
     border-bottom-left-radius: 30px;
     border-top-left-radius: 30px;
     margin-left: -29px;
}
 .hiddenSocial {
     float: left
    /*;
    right:-600px*/
    ;
}
 .mainSliderSocial:hover .socialStaticText .fa {
     float: left;
}
 .mainSliderSocial .socialArrow .fa, .mainSliderSocial .socialStaticText .fa {
     margin-left: -12px;
}
/* .mainSliderSocial:hover .hiddenSocial{
    right: 0
}
 */
 #MainSlider .owl-carousel-caption {
     left: 40px;
}
 #MainSlider .owl-dots {
     text-align: left;
     margin-left: 68px;
}
 .slideBtn {
     font-family: 'Open Sans', sans-serif;
}
 #MainSlider .owl-prev {
     left: 40px
    /*7px*/
    ;
}
 #MainSlider .owl-next {
     left: 157px;
}
/* .owl-prev{
    background:url('../Images/icons/arrowLeft.png')
}
 .owl-prev.disabled{
    background:url('../Images/icons/arrowLeftGrey.png')
}
 .owl-next{
    background:url('../Images/icons/arrowRight.png')
}
 .owl-next.disabled{
    background:url('../Images/icons/arrowRightGrey.png')
}
*/
 .owl-prev:before {
     content: "\f104";
     font-size: 3rem!important;
}
 .owl-next:before {
     content: "\f105";
     font-size: 3rem!important;
}
 .owl-nav .owl-prev {
     left: -35px!important;
}
 .owl-nav .owl-next {
     right: -35px!important;
}
 #MainSlider .blueTitle, #MainSlider .blackTitle {
     padding: 5px 40px 5px 10px;
}
 .sliderBtnLnk {
     font: 1.4em Karbon-Semibold;
}
 .mainSlider .owl-dots {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
}
 svg.left {
     float: left;
     left: 0;
}
 svg.right {
     float: left;
     right: 0;
}
 .mainSliderSocial:hover .hiddenSocial {
     margin-left: -15px;
}
 .newsCarousel .owl-prev, .initCarousel .owl-prev, .servicesCarousel .owl-prev {
     left: -90px;
}
 .newsCarousel .owl-next, .initCarousel .owl-next, .servicesCarousel .owl-next {
     right: -90px;
}
 #wowslider-container1 a.ws_prev {
     left: -60px;
}
 #wowslider-container1 a.ws_next {
     right: -60px;
     left: auto;
}
/*.initCarousel .item:nth-child(3n+1){
    padding:0 10px 0 20px
}
*/
 .socialItem .socialItemCircle {
     float: left;
     margin-right: 10px;
}
 .socialItemTitle, .socialItemName {
     float: left;
}
 .socialItem {
     float: left;
}
 .grid-item {
     float: left;
}
 .back {
     text-align: left;
}
 .homeSectionTitle{
     font-size: 1.8em;
     font-weight:bold;
}
 .homeServiceTitle, .tarsheedTitle {
     font-size: 1em;
     font-weight:bold;
}
 .tarsheedTxt{
     font: 1em 'Open Sans';
}
 .homeAboutTxt {
     font: 2.5em 'Open Sans';
}
 .homeAboutDetails {
     font: 1.375em 'Open Sans';
}
 .homeServicesDesc {
     font: 1.5em 'Open Sans';
}
 .homeServiceTitle {
     color: #464646;
}
 .serviceHoverTxt {
     font: 1.125em 'Open Sans';
}
 .homeServiceHover {
     text-align: left;
}
 .homeNews .newsDate {
     font: 0.875em 'Open Sans';
}
 .newsCarousel .owl-item.active.center .newsTitle, .newsCarousel .swiper-slide-next .newsTitle {
     font: 28px 'Open Sans';
}
 .newsCarousel .owl-item.active .newsTitle {
     font: 1.5em 'Open Sans';
}
 .newsCarousel .newsItem {
     left: 50% !important;
     transform: translateX(-50%) !important;
     -webkit-transform: translateX(-50%) !important;
}
 .homeNews .newsTxt {
     font: 1em 'Open Sans';
}
 .initTitle {
     font: 1.5em 'Open Sans';
}
 .initTxt {
     font: 1em 'Open Sans';
}
 .homeSocialBtns button {
     font: 1.125em 'Open Sans';
}
 .homeSocialBtns .active, .homeSocialBtns .current {
     font-family: 'Open Sans', sans-serif;
}
 .homeSocial .youtubeDiv .socialBgImg .fa {
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
}
 .socialTxt {
     font: 2.3em 'Open Sans';
}
 .socialItem .socialP {
     font-family: 'Open Sans', sans-serif;
}
 .socialItemTitle {
     font-family: 'Open Sans', sans-serif;
}
 .homeAboutUs .greenCircleTitle .iconImg {
     transform: translateY(-50%) translateX(-50%);
     -webkit-transform: translateY(-50%) translateX(-50%);
     left: 50%;
}
/** inner pages **/
/** breadcrumb **/
 .breadcrumb {
     float: left;
}
 .breadcrumb span a, .breadcrumb span a:visited, .breadcrumb span {
     font: 1em 'Open Sans';
}
/**sidebar **/
 .sidebar {
     padding: 0 25px 0 0;
}
 .contentDiv {
     padding: 0 0 0 25px;
}
 .contentDiv.noSidebar {
     padding: 0;
}
 .sidebar .ms-core-listMenu-root li.selected a:after, .sidebar .ms-core-listMenu-root > li > ul > li.selected:after {
     border-left: 15px solid #7bc143;
     left: 100%;
}
 .innerPageTitle, .section-title, .section-title h3, .ms-webpart-titleText, .main_head {
     font: 1.475em 'Open Sans'!important;
}
/**media */
 .photoVideo .nav-tabs > li > a, .nav-tabs.horizontalTabs > li > a {
     margin-right: 10px;
}
 .photoVideo .nav-tabs li.active a:after, .nav-tabs.horizontalTabs li.active a:after {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
}
 .mediaList .media-body {
     padding-left: 35px;
}
 #publication .media-object {
     margin: 0 15px 0 0;
}
 #publication .media-left {
     margin-left: -20px;
}
 .videoDuration {
     right: 0;
}
 .newsDetails, .mediaSize .thin, input[type=button], input[type=reset], input[type=submit], button{
     font-family: 'Open Sans', sans-serif;
}
 #publication .media-body > .purpleColor {
     font: 1em 'Open Sans';
}
 .mediaList .media-heading, .mediaList .media-heading:visited {
     font: 1.75em 'Open Sans';
}
 .mediaCat {
     font: 1.125em 'Open Sans';
}
 .mediaCat.purpleColor {
     font: 1.125em 'Open Sans' !important;
}
 .mediaTitle {
     font: 1.125em 'Open Sans';
}
 .mediaSize {
     font-size: 1.125em;
}
 .downloadBtn, .downloadBtn:visited {
     font-family: 'Open Sans', sans-serif;
}
 .newsList .media-body > .purpleColor {
     font-family: 'Open Sans', sans-serif;
}
 .videoListing .mediaItemTitle, .videoListing .mediaItemTitle:visited {
     font: 1.125em 'Open Sans';
}
 .fancybox-slide--video .fancybox-content {
     left: 10px;
}
 .fancybox-active header .navbar-default {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
}
/** news details**/
 .newsShare {
     font-family: 'Open Sans', sans-serif;
}
 .newsPrint {
     font-family: 'Open Sans', sans-serif;
}
 .innerNewsTitle {
     font: 3.125em 'Open Sans';
}
 .newsDetails {
     line-height: 24px;
}
 .newsDetails .purpleColor {
     font-family: 'Open Sans', sans-serif;
}
 .relatedNewsSection .purpleColor {
     font-family: 'Open Sans', sans-serif;
}
 .relatedNewsSection h3 {
     font: 1.875em 'Open Sans';
}
 .moreNews, .moreNews:visited {
    /*font-family:'Open Sans';
    */
    float: right;
}
 .moreNews .fa {
     margin-left: 10px;
}
 .mediaItemTitle, .mediaItemTitle:visited {
     font: 1.375em 'Open Sans';
}
 .relatedNews .media-heading, .relatedNews .media-heading:visited {
     font: 1.375em 'Open Sans';
}
 .newsRight {
     float: right;
}
/*.newsShare:before{
    left:-25px
}
*/
 .newsShare .iconImg, .newsPrint .iconImg {
     margin-left: 10px;
}
 .newsShare:before {
     border-left: 1px solid #000;
}
 .relatedNews .media-left {
     padding: 0 20px 0 0;
}
/*.page-item:last-child{
    margin-left:22px
}
 .page-item:first-child{
    margin-right:40px
}
*/
 .page-item.pageNav .page-link {
     font-family: 'Open Sans', sans-serif;
}
 .page-item .pageNumber {
     font: 1.25em 'Open Sans';
}
 .page-item .pagesNumb {
     font: 1.25em 'Open Sans';
}
/** who we are **/
 .initiativeLable {
     left: 40px;
}
 .initLeft {
     float: left;
}
 .initRight {
     float: left;
}
/* .statementLrgTxt, .section-content {
     font: 1.25em 'Open Sans';
}
 .statementSmTxt {
     font: 1em 'Open Sans';
}
 .statementTxt {
     font: 1.125em 'Open Sans';
}
 .presidentWord {
     font: 1.05em 'Open Sans';
}
 .otherPresidentMsg {
     font-family: 'Open Sans', sans-serif;
}
 .presidentName {
     font: 1.5em 'Open Sans';
}
 */
 .statementTitle {
     font: 1.375em 'Open Sans';
}
 .presidentTitle {
     font: 1.125em 'Open Sans';
}
 .presidentImg, .floatright {
     float: right;
     margin: 0 0 30px 20px;
}
 .detailsimgwidth {
     border: 2px solid white;
     box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
     max-height: 360px;
}
/***initiatives widget*/
 .initiativeLable {
     font: 1.375em 'Open Sans';
}
 .initiativeTxt {
     font: 1.25em 'Open Sans';
}
/**organizational chart **/
 .orgChartRightBg {
     margin-right: 13px;
}
 .orgChartLeftBg {
   margin-left: 6px;
}
 .orgChartLeftBg .orgChartTab {
     margin-left: 20px;
}
 .orgChartLeftBg .orgChartTab:first-child {
     margin-left: 0px;
}
 .orgChartLeftBg .orgChartTab:nth-child(2){
    margin-left:20px
}
 .orgChartLeftBg .orgChartTab:nth-child(3){
    margin-left:40px
}
 .orgChartLeftBg .orgChartTab:nth-child(4){
    margin-left:60px
}
 .orgChartLeftBg .orgChartTab:nth-child(5){
    margin-left:80px
}
 .orgChartLeftBg .orgChartIcon {
     right: -14px;
}
 .orgChartRightBg .orgChartTab {
     float: right;
     margin-right: 20px;
     text-align: right;
}
 .orgChartRightBg .orgChartTab:first-child {
     margin-right: 0px;
}
 .orgChartRightBg .orgChartTab:nth-child(2){
    margin-right: 20px
}
 .orgChartRightBg .orgChartTab:nth-child(3){
    margin-right: 40px
}
 .orgChartRightBg .orgChartTab:nth-child(4){
    margin-right: 60px
}
 .orgChartRightBg .orgChartTab:nth-child(5){
    margin-right: 80px
}
 .orgChartRightBg .orgChartIcon {
     left: -14px;
}
 .orgChartCont:before {
     left: 50%;
}
 .orgChartDept:before {
     border-left: 1px solid #bababa;
     left: 50%;
}
 .borderLeft {
     border-left: 1px dashed;
}
 .orgChartDeptTitle {
       left: -10px;
}
 .orgChartDeptTitle .fa {
     right: -13px;
}
 .orgChartLeftBg .orgChartPanel:before {
     left: 210px;
}
 .orgChartRightBg .orgChartPanel:before {
     left: auto;
     right: 230px;
}
 .orgChartRightBg .orgChartTitle .popover, .orgChartRightBg .orgChartTitle .orgChartPanel {
     right: 0;
}
 .popover.top > .arrow {
     right: 150px;
     left: auto !important;
}
 .orgChartMiddleTitle:after {
     left: 50%;
     transform: translateX(-4px);
     -webkit-transform: translateX(-4px);
}
/** tarsheed landing page **/
/** consultants contractros **/
/*SecuirtyRequest*/
 .expandDetails {
     margin-top: -8px;
     width: 36px;
     height: 16px;
     background: url('/Style Library/km19/img/plus.gif') center center;
     background-repeat: no-repeat;
     position: absolute;
     margin-left: -19px;
}
 .collopaseDetails {
     margin-top: -8px;
     width: 36px;
     height: 16px;
     background: url('/Style Library/km19/img/minus.png') center center;
     background-repeat: no-repeat;
     position: absolute;
     margin-left: -19px;
}
 .details {
     position: absolute;
     z-index: 1000;
     background: #ffffff;
     margin-left: 20px;
}
 .details td {
     border: 1px solid #E3DED1;
}
 .unchecked {
     background: url('/Style Library/km19/img/unchecked.png') 7px center;
     width: 22px;
     height: 22px;
     background-repeat: no-repeat;
     position: relative;
     padding: 5px 10px 5px 35px;
         z-index:2;
	     position:relative;

}
 .checked {
     background: url('/Style Library/km19/img/checked.png') 7px center;
     width: 22px;
     height: 22px;
     background-repeat: no-repeat;
     position: relative;
     padding: 5px 10px 5px 35px;
         z-index:2;
	     position:relative;

}
 .rightHeader {
     float: right;
}
 .catrgoryTitle, .SiteMap-Container .catrgoryTitleWrap h2, .Collapse-container .catrgoryTitleWrap h2 {
     padding-right: 20px;
     font: 1.375em 'Open Sans';
}
 .categoryItemTitle {
     font: 1.5em 'Open Sans';
}
 .cateogryItemTxt {
     font: 1em 'Open Sans';
}
 .tdTextAlign {
     text-align: left !important;
}
/** right sidebar **/
 .categories {
     float: right;
     right: 0;
}
 select.customSelect {
     background-position: 97% 50% !important;
}
 input.customInput {
     padding: 10px 25px 10px 0;
     background-position: right center !important;
}
/** quick access **/
 .quickAccess {
     left: 10px;
}
 .quickAccessTitle {
     font: 2.5em 'Open Sans';
}
 .quickAccessTxt {
     font: 1.125em 'Open Sans';
}
/***message popup*/
 .messagePopup .messageTitle {
     font: 1.75em 'Open Sans';
}
 .messagePopup .messageTxt {
     font: 1.25em 'Open Sans';
}
 .messagePopup .messageNo {
     font-family: 'Open Sans', sans-serif;
}
 .messageFooter:before {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
}
/** register form**/
 .defaultForm .custom-control-inline {
     margin-right: 20px;
}
 .defaultForm .col-md-6:nth-child(2n+1) {
     clear:left 
}
 .custom-radio .custom-control-label::before {
     left: 0;
}
 .custom-radio .custom-control-label::after {
     left: 0;
}
 .defaultForm .datepicker, .datepickerCustome {
     float: left;
}
 .defaultForm .inputIcon {
     float: left;
     margin-left: -40px;
}
  .resetBtn {
     font: 1.125em 'Open Sans';
}
 .registerBtns, .KMFilterButton {
     text-align: right;
}
 .selectize-control.single .selectize-input:after {
     right: 0;
}
/*.selectize-input .item{
    font:1em 'Open Sans'
}
 .selectize-dropdown [data-selectable].option {
    font:1.125em 'Open Sans'
}
*/
 .defaultFormLabel.selectLbl, .dropdownInput .defaultFormLbl.selectLbl {
     font-family: 'Open Sans' !important;
}
 .selectize-dropdown.single.langdropdown {
     left: -30px !important;
     text-align: left;
}
 .selectize-dropdown-content::-webkit-scrollbar-thumb {
     border-left: 5px solid #fafafa;
     border-right: 3px solid #fafafa;
}
/***customer eServices .serviceCategoryItem .serviceTxt {
     font-family:'Open Sans'
}
*/
 */
 .sidebarRegisterTxt {
     font:1.25em 'Open Sans'
}
 .customTable td {
     font-family: 'Open Sans', sans-serif;
}
 .customTable .tableLink, .customTable .tableLink:visited, .customTable .tableLink:hover {
     font-family: 'Open Sans', sans-serif;
}
/**tariff page***/
 .tariffTxtLeft, .tariffTxtRight {
     float: right;
}
 .tariffItemWrap {
     float: left;
}
 .tariffItem .tariffCircleWrap {
     margin-right: 15px;
}
 .tariffTxtLeft {
     font-family: 'Open Sans', sans-serif;
}
 .tariffTitle {
     font: 1.5em 'Open Sans';
}
 .tariffItemTitle {
     font: 1.125em 'Open Sans';
}
 .tariffExpandedTitle {
     font: 1.5em 'Open Sans';
}
 .defaultTable td, .defaultTable th {
     font: 1.215em 'Open Sans';
}
/***business tender page*/
 .tenderItem .fa {
     float: right;
}
 .tenderItem, .tenderItem:visited, .tenderItem:hover, .tenderItem:focus {
     font: 1.25em 'Open Sans';
}
 .tenderLbl {
     font-family: 'Open Sans', sans-serif;
}
 .tenderValue {
     font-family: 'Open Sans', sans-serif;
}
/**account dashboard*/
 .accountHelpBg {
     float: right;
}
 .panelRow .col-sm-4 {
     padding: 0 2px 0 0;
}
 .panelRow .col-sm-4:last-child {
     padding: 0;
}
 .userDetailsRow {
     font-family: 'Open Sans', sans-serif;
}
 .accountHelpTitle {
     font-size: 2.187em;
}
 .accountHelpTxt {
     font: 1.25em 'Open Sans';
}
 .helpSmTxt {
     font: 1.625em 'Open Sans';
}
 .accountlrgNumber {
     font: 40px 'Open Sans';
}
 .accountUnit {
     font: 20px 'Open Sans';
}
 .accountSearchWrap {
     padding: 20px 20px 20px 35px;
}
 .accountSearchLbl {
     font: 1.25em 'Open Sans';
     margin-right: 40px;
}
 .accountSearchIcon {
     right: 60px;
}
 .tariffItemTitleBlack {
     font: 1.125em 'Open Sans';
}
 .tariffItemTitleGrey {
     font: 1.125em 'Open Sans';
}
 .accountDashboard .tariffExpandedTitle {
     font: 1.5em 'Open Sans';
}
 .accountNotification {
     font: 1.125em 'Open Sans';
}
 .propertyPanelDetails {
     text-align: left;
}
 .propertyPanelType {
     font: 1.25em 'Open Sans';
}
 .propertyPanelValue {
     font: 1.25em 'Open Sans';
}
 .propertyOptionTitle {
     font: 1.25em 'Open Sans';
}
 .customerNameValue {
     font: 1em 'Open Sans';
}
 .detailsTxt {
     margin-left: 30px;
     font: 0.875em 'Open Sans';
}
 .electricityWrap .detailsTxt {
     margin-left: 20px;
     font: 1em 'Open Sans';
}
 .consumptionRate {
     font: 0.75em 'Open Sans';
}
 .accountDashboard .formBtn {
     float: right;
}
 .propertyOptionItem {
     padding: 0 8px 0 0;
}
 .propertyOptionItem:nth-child(4n){
    padding-right:0
}
 .accountDashboard .defaultTable td, .accountDashboard .defaultTable th {
     font: 1em 'Open Sans';
     text-align: left;
}
 .accountDashboard .defaultTable td {
     font: 1em 'Open Sans';
}
 .propertyImg {
     float: left;
     border-right: 1px solid #f1f1f1;
}
 .propertyCustomerDetails {
     float: left;
}
 .propertyLink {
     float: left;
     border-left: 1px solid #f1f1f1;
}
 .propertyLink .iconImg {
     transform: translateY(-50%) translateX(-50%);
     -webkit-transform: translateY(-50%) translateX(-50%);
     left: 50%;
}
 .chart {
     float: left;
}
 .propertyChartHeader {
     padding-top: 0px;
}
 .highcharts-credits {
     display: none;
}
/**consultantForm*/
 .consultantForm .registerBtns .resetBtn .fa, .tariffTabContent .resetBtn .fa, .resetBtn .fa {
     float: left;
     margin: 0 10px 0 0;
}
 .registerBtns .resetBtn {
     margin-left: 30px;
}
 .progressbar li, .steps > ul > li {
     float: left;
}
 .progressbar li:before, .steps > ul > li:before {
     left: 0%;
}
 .progressbar li:after, .steps > ul > li:after {
     right: 0%;
}
 .progressbarItem {
     font: 1.125em 'Open Sans';
}
 .formType li {
     font: 1.25em 'Open Sans';
}
 .applicationText {
     font: 1em 'Open Sans';
}
 .purpleBtn .downIcon, .downloadBtn .downIcon {
     float: left;
     margin-right: 5px;
}
/**search page*/
 .searchPage .mediaList .media.hasImg {
     padding: 55px 0 55px 15px;
}
 .searchTxtBoxWrap, .searchDropdown .selectize-input .item {
     font: 18px 'Open Sans' !important;
}
 .searchTxtInput::placeholder {
     font: 18px'Open Sans';
}
 .searchTxtInput:-ms-input-placeholder {
     font: 18px 'Open Sans';
}
 .searchTxtInput::-ms-input-placeholder {
     font: 18px 'Open Sans';
}
 .quickSearchTitle {
     font: 1.875em 'Open Sans';
}
 .quickSearchItem {
     font: 1.125em 'Open Sans';
}
 .resultsNumber {
     font-size: 1.25em;
}
 .resultsNumber .resultsTxt {
     font-family: 'Open Sans', sans-serif;
}
 .resultsNumber .keyword {
     font-family: 'Open Sans', sans-serif;
     color: #9c0058;
}
/***feedback form*/
 .feedbackForm label {
     font: 1.125em 'Open Sans';
}
/** footer**/
 .footerBtn .fa, .footerBtn .iconImg {
     float: left;
}
 .footerBtnTxt {
     margin-left: 10px;
     float: left;
}
 .occasion-overlay{
     right:100px;
}
 .footerSmTxt {
     font: 1.5em 'Open Sans';
}
 .footerLrgTxt {
     font: 3.625em 'Open Sans';
}
 .btnSmTxt {
     font: 0.75em 'Open Sans';
}
 .footerList li a {
     font: 16px 'Open Sans';
     font-style: normal;
}
 .footerListTitle {
     font: 22px 'Open Sans';
}
 .footerLinks li a, .footerLinks li a:visited {
     font: 0.875em 'Open Sans';
}
/******************Responsive*****************/
 @media {
    /**header*/
     #navContainer {
         padding-left: 15px;
    }
     .optionsCont {
         padding-right: 15px;
    }
    /** homepage**/
     .mainSliderSocial .socialArrow {
         margin-left: -27px;
    }
     .newsCarousel .owl-prev, .newsCarousel .owl-prev, .initCarousel .owl-prev, .servicesCarousel .owl-prev {
         left: -50px;
    }
     .newsCarousel .owl-next, .newsCarousel .owl-next, .initCarousel .owl-next, .servicesCarousel .owl-next {
         right: -50px;
    }
    /**inners */
     .tariffItem .circle {
         margin-right: 10px;
    }
}
 @media {
    /**header **/
     .mainLogo {
         padding-top: 20px;
    }
     .loginDiv {
         right: -5px;
    }
     .customMenu {
         text-align: left;
    }
    /** homepage**/
     .initCarousel .item:nth-child(3n+1) {
        padding: 0 10px 0 20px
    }
     .newsCarousel .owl-prev, .newsCarousel .owl-prev, .initCarousel .owl-prev, .servicesCarousel .owl-prev {
         left: -40px;
    }
     .newsCarousel .owl-next, .newsCarousel .owl-next, .initCarousel .owl-next, .servicesCarousel .owl-next {
         right: -40px;
    }
    /** photo & video gallery **/
     .mediaListItem:nth-child(3n), .mediaListItem{
        border-width: 20px 10px 20px 10px
    }
    /*.mediaListItem:nth-child(2n){
        border-right-width:10px
    }
    */
    /** organizational chart **/
     .orgChartLeftBg .orgChartTab {
         margin-left: 10px;
    }
     .orgChartRightBg .orgChartTab {
         margin-right: 10px;
    }
}
 @media {
     .MediaBox .col-md-7 {
         padding-right: 0px;
    }
     .MediaBox .col-md-5 {
         padding-left: 0px;
    }
}
/*tablet*/
 @media {
    /** header**/
     .optionsLeft {
         text-align: right;
    }
     .navbar-header, .optionsCont {
         float: right;
    }
       .hiddnenMenuHeader .logo {
         float: left;
    }
     .navbar-toggle-hidden {
         float: right;
    }
     .submenuList > li.submenuHeader > a, .submenuList > li.submenuHeader > a:visited {
         font: 1.125em 'Open Sans';
    }
     .loginDiv .loginOR {
         text-align: left !important;
    }
     .customMenu {
         padding-left: 25px;
    }
     .hiddenSearchWrap {
         padding: 20px 0 20px 20px;
    }
     .headerSearch .searchIcon {
         left: calc(100% - 70px);
    }
     .headerPopup .headerSearchBox::placeholder {
         font: 18px'Open Sans' !important;
         color: #333 !important;
    }
     .headerPopup .headerSearchBox:-ms-input-placeholder {
         font: 18px 'Open Sans' !important;
         color: #333 !important;
    }
     .headerPopup .headerSearchBox::-ms-input-placeholder {
         font: 18px 'Open Sans' !important;
         color: #333 !important;
    }
    /** homepage**/
     .mainSliderSocial {
         padding: 0 30px 0 0px;
    }
     .mainSliderSocial.in:hover .hiddenSocial, .mainSliderSocial.in .hiddenSocial {
         right: 30px;
    }
     .mainSliderSocial:hover .socialArrow .fa, .mainSliderSocial:hover .socialStaticText .fa {
         margin-left: -12px;
    }
     .mainSliderSocial:hover .socialStaticText .fa:before {
         content: "\f100";
    }
     .mainSliderSocial.in .socialStaticText .fa:before {
         content: "\f101";
    }
     .mainSliderSocial:hover .hiddenSocial {
         margin-left: 0;
    }
   .homeServicesTxt {
         font: 1.375em 'Open Sans';
    }
      .homeAboutTxt {
         font: 1.875em 'Open Sans';
    }

     .homeAboutDetails {
         font: 1.25em 'Open Sans';
    }
     .newsCarousel .newsTitle {
         font: 1.5em 'Open Sans';
    }
     .mediaListItem:nth-child(3n), .mediaListItem:nth-child(2n), .mediaListItem{
        border-width: 20px 10px
    }
     .page-item:first-child {
         margin-right: 20px;
    }
     .page-item:last-child {
         margin-left: 0px;
    }
    /**tariff page**/
     .tariffItem .tariffCircleWrap {
         margin-right: 0;
    }
    /***account dashboard*/
     .accountUserName {
         margin-left: 10px;
    }
     .propertyNotes .greenMessage, .propertyNotes .redMessage {
         float: left;
    }
     .detailsTxt {
         margin-left: 15px;
    }
     .accountItemTxt {
         text-align: left;
    }
    /* .accountlrgNumber {
         float: left;
    }
    */
     .accountItemDetails {
         float: left;
         padding-left: 10px;
    }
     .defaultTable.rtable td, .rtable td {
         border-left: 0;
    }
     .defaultTable.rtable td, .rtable td {
         border-left: 0;
    }
     .defaultTable.rtable th, .rtable th {
         font: 0.875em 'Open Sans';
    }
    /* .tariffCircleWrap, .tariffItemTitle {
         float: left;
    }
    */
    /**footer*/
     .footerSmTxt {
         font: 1.25em 'Open Sans';
    }
     .footerBtnTxt {
         margin-left: 5px;
    }
}
 .ms-webpart-zone, .ms-webpart-chrome-vertical, div.ms-webpart-cell-vertical-inline-table {
     display: inherit;
}
 .ms-webpartzone-cell {
     margin: 0px;
}
 .d-none.show-en {
     display: block!important;
}
 .tabs-click ul > li.active a:after {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
}
 .tabs-click ul > li > a, .tabs-click ul > li > a {
     margin-right: 10px;
}
/*ACC- Skip Link*/
 .skip-main {
     left: -999px;
}
 .skip-main:focus, .skip-main:active {
     left: auto;
}
 .searchHeader .ms-srch-sbLarge > .ms-srch-sb-searchLink {
     right: 0;
}
/* Common */
 .wizard .hideStep {
     display: none;
}
 .wizard, .tabcontrol {
     display: block;
     width: 100%;
     overflow: hidden;
}
 .wizard a, .tabcontrol a {
     outline: 0;
}
 .wizard ul, .tabcontrol ul {
     list-style: none !important;
     padding: 0;
     margin: 0;
}
 .wizard ul > li, .tabcontrol ul > li {
     display: block;
     padding: 0;
}
/* Accessibility */
 .wizard > .steps .current-info, .tabcontrol > .steps .current-info {
     position: absolute;
     left: -999em;
}
 .wizard > .content > .title, .tabcontrol > .content > .title {
     position: absolute;
     left: -999em;
}
/* Wizard */
 .wizard > .steps {
     position: relative;
     display: block;
     width: 100%;
}
 .wizard.vertical > .steps {
     display: inline;
     float: left;
     width: 30%;
}
 .wizard > .steps .number {
     font-size: 0;
}
/* .customWizard .progressbar li .progressbarCircle,.customWizard .steps > ul .number {
     top: -43px !important;
}
 */
 */
 .wizard > .steps > ul > li {
     padding-left: 10px !important;
     padding-right: 10px !important;
    /* width: auto !important;
    */
}
 .wizard > .steps > ul > li {
     width: 25%;
}
 .wizard > .steps > ul > li, .wizard > .actions > ul > li {
     float: left;
}
 .wizard.vertical > .steps > ul > li {
     float: none;
     width: 100%;
}
 .wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
     background: #ff3111;
     color: #fff;
}
 .wizard > .content {
     min-height: 35em;
    /* overflow: hidden;
    */
    ;
     position: relative;
     width: auto;
}
 .wizard.vertical > .content {
     display: inline;
     float: left;
     margin: 0 2.5% 0.5em 2.5%;
     width: 65%;
}
 .wizard > .content > .body {
     float: left;
     position: relative;
     width: 100%;
     left: 0;
     right: 0;
     height: 100%;
}
 .wizard > .content > .body ul {
     list-style: disc !important;
}
 .wizard > .content > .body ul > li {
     display: list-item;
}
 .wizard > .content > .body > iframe {
     border: 0 none;
     width: 100%;
     height: 100%;
}
 .wizard > .actions {
     position: relative;
     display: block;
     text-align: right;
     width: 100%;
}
 .wizard.vertical > .actions {
     display: inline;
     float: right;
     margin: 0 2.5%;
     width: 95%;
}
 .wizard > .actions > ul {
     display: inline-block;
     text-align: right;
}
 .wizard > .actions > ul > li {
     margin: 0 0.5em;
}
 .wizard.vertical > .actions > ul > li {
     margin: 0 0 0 1em;
}
/* Tabcontrol */
 .tabcontrol > .steps {
     position: relative;
     display: block;
     width: 100%;
}
 .tabcontrol > .steps > ul {
     position: relative;
     margin: 6px 0 0 0;
     top: 1px;
     z-index: 1;
}
 .tabcontrol > .steps > ul > li {
     float: left;
     margin: 5px 2px 0 0;
     padding: 1px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
 .tabcontrol > .steps > ul > li:hover {
     background: #edecec;
     border: 1px solid #bbb;
     padding: 0;
}
 .tabcontrol > .steps > ul > li.current {
     background: #fff;
     border: 1px solid #bbb;
     border-bottom: 0 none;
     padding: 0 0 1px 0;
     margin-top: 0;
}
 .tabcontrol > .steps > ul > li > a {
     color: #5f5f5f;
     display: inline-block;
     border: 0 none;
     margin: 0;
     padding: 10px 30px;
     text-decoration: none;
}
 .tabcontrol > .steps > ul > li > a:hover {
     text-decoration: none;
}
 .tabcontrol > .steps > ul > li.current > a {
     padding: 15px 30px 10px 30px;
}
 .tabcontrol > .content {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 35em;
     overflow: hidden;
     border-top: 1px solid #bbb;
     padding-top: 20px;
}
 .tabcontrol > .content > .body {
     float: left;
     position: absolute;
     width: 95%;
     height: 95%;
     padding: 2.5%;
}
 .tabcontrol > .content > .body ul {
     list-style: disc !important;
}
 .tabcontrol > .content > .body ul > li {
     display: list-item;
}
 .dataInner, .topheeaderOne {
     float: left;
}
 .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 {
     left: 2px;
}
/* .defaultForm [type="checkbox"]:checked + label:after, .KMForm [type="checkbox"]:checked + label:after {
    left: 3px;
}
 .defaultForm [type="checkbox"], .KMForm [type="checkbox"] {
    left: 22px;
}
 .defaultTable [type="checkbox"]{
    left: -4px;
     top: 18px;
}
*/
 .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 {
     left: 3px;
}
 .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 {
     left: 0;
}
 .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 {
     left: -9999px;
}
 .inputIcon, .datepicker-button {
     bottom: -12px;
}
 .smk_accordion .accordion_in .acc_head .acc_icon_expand {
     left: inherit!important;
     right: 15px;
}
 .smk_accordion .accordion_in .acc_head .acc_icon_expand {
     left: 15px;
     background: url('/Style%20Library/Contractor/img/ARROW-LEFT.png') center!important;
}
 
 .c-dropdown .dropdown-menu{
    left: inherit;
    right: 0;
}

 
 @media only screen and (max-width:767px) {
 .cd-dropdown .cd-close{
	right:40%!important;
}
}

.halfCircleSolid{
    padding: 17px 23px 0 20px!important;
}


.orgChartCont{
padding: 39px 0!important;
}
.orgChartTitle{
    font-size: 11px!important;
}