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

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

@font-face {
    font-family: 'OpenSans-Regular';
    /* src: url('./../fonts/roboto.regular-webfont.eot'); */
    src: url('./../fonts/OpenSans-Regular.ttf') format('truetype');
    /* url('./../fonts/roboto.regular-webfont.svg#robotoregular') format('svg'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    /* src: url('./../fonts/roboto.regular-webfont.eot'); */
    src: url('./../fonts/OpenSans-Bold.ttf') format('truetype');
    /* url('./../fonts/roboto.regular-webfont.svg#robotoregular') format('svg'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    /* src: url('./../fonts/roboto.regular-webfont.eot'); */
    src: url('./../fonts/OpenSans-SemiBold.ttf') format('truetype');
    /* url('./../fonts/roboto.regular-webfont.svg#robotoregular') format('svg'); */
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokufiArabicbold';
    /* src: url('./../fonts/roboto.regular-webfont.eot'); */
    src: url('./../fonts/NotoKufiArabic-Bold.ttf') format('truetype');
    /* url('./../fonts/roboto.regular-webfont.svg#robotoregular') format('svg'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokufiArabicregular';
    /* src: url('./../fonts/roboto.regular-webfont.eot'); */
    src: url('./../fonts/NotoKufiArabic-Regular.ttf') format('truetype');
    /* url('./../fonts/roboto.regular-webfont.svg#robotoregular') format('svg'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('./../fonts/roboto-bold-webfont.eot');
    src: url('./../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('./../fonts/roboto-bold-webfont.woff2') format('woff2'), url('./../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

body {
    font-family: 'robotoregular','notokufiArabicregular' ;  
    /* notokufiArabicregular */
    
    /* font-family: 'OpenSans-Regular','notokufiArabicregular' ; */
}

ul {
    margin: 0px !important;
    padding: 0px;
    list-style-type: none;
}

p {
    font-size: 15px;
    /* font-weight: bold; */
    text-align: start;
    font-family: 'robotoregular','notokufiArabicregular' ;
}

.menubar {
    background-color: #f1f1f1;
}


/*#F5F5F5*/

@font-face {
    font-family: 'MOH';
    src: url('./../fonts/MOH.eot');
    src: url('./../fonts/MOH.eot') format('embedded-opentype'), url('./../fonts/MOH.ttf') format('truetype'), url('./../fonts/MOH.woff') format('woff'), url('./../fonts/MOH.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="moh-"],
[class*=" moh-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'MOH' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





.moh-Accessibility:before {
    content: "\e900";
}

.moh-Arrow-left:before {
    content: "\e901";
}

.moh-Arrow-right:before {
    content: "\e902";
}

.moh-Call:before {
    content: "\e903";
}

.moh-Call-Center .path1:before {
    content: "\e904";
    color: rgb(0, 0, 0);
}

.moh-Call-Center .path2:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Call-Center .path3:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Call-Center .path4:before {
    content: "\e907";
    margin-left: -1em;
    color: #056ca2;
}

.moh-Call-Center .path5:before {
    content: "\e908";
    margin-left: -1em;
    color: #056ca2;
}

.Green .moh-Call-Center .path4:before {
    content: "\e907";
    margin-left: -1em;
    color: #019000
}

.Green .moh-Call-Center .path5:before {
    content: "\e908";
    margin-left: -1em;
    color: #019000
}

.moh-Chat .path1:before {
    content: "\e909";
    color: rgb(255, 255, 255);
}

.moh-Chat .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.moh-Chat .path3:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Chat .path4:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Chat .path5:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Chat-icon .path1:before {
    content: "\e90e";
    color: rgb(0, 0, 0);
}

.moh-Chat-icon .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.moh-Chat-icon .path3:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(54, 53, 56);
}

.moh-Chat-icon .path4:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(54, 53, 56);
}

.moh-Chat-icon .path5:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(54, 53, 56);
}

.moh-Chat-icon .path6:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(185, 185, 186);
}

.moh-Complaints .path1:before {
    content: "\e914";
    color: rgb(0, 0, 0);
}

.moh-Complaints .path2:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Complaints .path3:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Complaints .path4:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Complaints .path5:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.moh-Complaints .path6:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Complaints .path7:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.moh-Complaints .path8:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Complaints .path9:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Complaints .path10:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.moh-Date:before {
    content: "\e91e";
}

.moh-information-center-icon:before {
    content: "\e921";
}

.moh-open-data-icon:before {
    content: "\e924";
}

.moh-report-download-icon:before {
    content: "\e927";
    color: #80f;
}

.moh-service-land-affairs-icon:before {
    content: "\e929";
    color: #40f;
}

.moh-service-land-icon:before {
    content: "\e92a";
    color: #40f;
}

.moh-service-maps-icon:before {
    content: "\e92b";
    color: #40f;
}

.moh-service-planning-survey-icon:before {
    content: "\e92c";
    color: #40f;
}

.moh-service-real-estate-development-icon:before {
    content: "\e92d";
    color: #40f;
}

.moh-service-social-housing-icon:before {
    content: "\e92e";
    color: #40f;
}

.moh-statistics-icon:before {
    content: "\e92f";
}

.moh-legislation-icon:before {
    content: "\e91f";
    color: #056ca2;
}

.moh-FAQ:before {
    content: "\e920";
}

.moh-Complaints .path1:before {
    content: "\e914";
    color: #056ca2;
}

.moh-Complaints .path2:before {
    content: "\e915";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Complaints .path3:before {
    content: "\e916";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Complaints .path4:before {
    content: "\e917";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Complaints .path5:before {
    content: "\e918";
    color: #fff;
    margin-left: -1em;
}

.moh-Complaints .path6:before {
    content: "\e919";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Complaints .path7:before {
    content: "\e91a";
    color: #fff;
    margin-left: -1em;
}

.moh-Complaints .path8:before {
    content: "\e91b";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Complaints .path9:before {
    content: "\e91c";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Complaints .path10:before {
    content: "\e91d";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Call:before {
    content: "\e903";
}

.moh-Chat-icon .path1:before {
    content: "\e90e";
    color: #056ca2;
}

.moh-Chat-icon .path2:before {
    content: "\e90f";
    color: #fff;
    margin-left: -1em;
}

.moh-Chat-icon .path3:before {
    content: "\e910";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Chat-icon .path4:before {
    content: "\e911";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Chat-icon .path5:before {
    content: "\e912";
    color: #056ca2;
    margin-left: -1em;
}

.moh-Chat-icon .path6:before {
    content: "\e913";
    color: #b9b9ba;
    margin-left: -1em;
}


/* Search Style */

#search {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    /* width: 80%; */
    /* height: 80%; */
    /* background-color: #cecece; */
    /* background: url(./../images/search-bg.png) no-repeat left bottom; */
    /* background-color: #056ca2; */
    opacity: 0.2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0.7;
    display: none;
    /* overflow-y: scroll; */
}

.search_modal{
    width: '80%';
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 9999999;
    display: block;
}

.srch-result #search.open {
    background-color: #fff;
}

.srch-result #search {
    background-image: none;
}

.srch-result .search-block {
    background: #056ca2 url(./../images/search-bg.png) no-repeat 1180% bottom;
    width: 100%;
    padding-top: 0px;
    padding: 1% 0px;
    margin-top: 3%;
    padding-left: 26%;
}

.srch-result .maincontainer {
    padding-top: 1%;
}

.srch-result .search-text {
    color: #7251C6;
}

.srch-result #search .close {
    top: 1%;
}

.srch-result h4 {
    color: #056ca2;
    margin-top: 1% !important;
}

.srch-result #search input[type="search"] {
    width: 76%;
}

.srch-result .search-block i.fa.fa-search {
    right: 153px;
}

#search input[type="search"] {
    /* position: absolute; */
    top: 47%;
    left: 0;
    width: 96%;
    margin-left: 9%;
    /* color: #fff; */
    background: transparent;
    border-top: 0px solid rgba(255, 255, 255, .8);
    /* border-bottom: 2px solid rgba(255, 255, 255, .5); */
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    text-align: left;
    outline: none;
    padding: 10px;
}

#search .close {
    position: fixed;
    top: 30%;
    right: 11%;
    opacity: 1;
    font-size: 27px;
    font-weight: inherit;
    color: #9c9898;
    text-shadow: inherit;
}

.search-block i.fa.fa-search {
    float: right;
    color: #9c9898;
    font-size: 22px;
    position: absolute;
    top: 18px;
    right: -38px;
}

#search .close:hover {
    color: #9c9898;
    cursor: pointer;
}

.search-link li {
    display: inline-block;
}

.search-link {
    /* color: #D5C5F6; */
    margin-left: 8%;
}

.search-link li span {
    padding: 0 8px;
}

.search-link li a,
.search-link li a:hover {
    color: #D5C5F6;
}

.result-block p {
    font-weight: bold;
    margin-bottom: 8px;
}

.result-block p span {
    font-weight: 100;
    padding: 0 10px;
}

.result-block p span:first-child {
    padding-left: 0px;
}

.disp p {
    text-align: right;
    line-height: 50px;
}

.result-block {
    border-bottom: 1px solid #ccc;
    margin-top: 1%;
}

.access,
.lang,
.search-box {
    float: left;
    /* padding: 0 10px; */
    font-size: 13px;
    overflow:hidden;

}

.access img {
    width: 20px;
}

.top-right.clearfix {
    /* float: right; */
    /* padding: 4% 0; */
    padding: 2% 0;
}

.top-right a {
    color: #000;
}

.top-right a:hover {
    color: #000;
    text-decoration: none;
}

.search-text {
    /* color: #fff; */
    margin-left: 9%;
}

.search-block {
    width: 60%;
    margin: 0 auto;
    padding-top: 8%;
}

.search-text p {
    margin-bottom: 0px;
    font-size: 18px;
}

.search-block .form-group {
    position: relative;
}

.logo img {
    max-width: 100%;
}

.search-box a.search {
    background: url(./../images/search.svg) no-repeat right 4%;
    padding-right: 31px;
    padding-top: 6px;
    padding-bottom: 10px;
    background-size: 33px 32px;
}

i.fa.fa-eye-slash {
    font-size: 18px;
}

.textsize-box {
    width: 235px;
    -webkit-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    float: left;
    font-size: 12px;
    padding: 20px 13px;
    position: absolute;
    display: none;
    background-color: #fff;
    z-index: 1;
    top: 50px;
    /* left:50px; */
}

.signinoptions-box {
    width: 380px;
    height: 400px;
    -webkit-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    /* float: left; */
    font-size: 12px;
    padding: 20px 0px;
    position: absolute;
    display: none;
    background-color: #fff;
    z-index: 1;
    top: 56px;
    overflow: scroll;
    overflow-x:hidden;
    cursor: pointer;
}

.aud-help,
.audio-voice {
    float: left;
}

.aud-help {
    padding-right: 20px;
}

.choose-color ul {
    padding: 0px;
    float: left;
    margin-left: 20px !important;
}

.choose-color p {
    float: left;
    line-height: 23px;
    margin: 0;
}

.choose-color ul li {
    list-style-type: none;
    display: inline-block;
    padding-right: 6px;
}

a.blue {
    width: 20px;
    height: 20px;
    background: #4404f3;
    display: block;
    border-radius: 10px;
    font-size: 0px;
    line-height: 20px;
}

a.Green {
    width: 20px;
    height: 20px;
    background: green;
    display: block;
    border-radius: 10px;
    font-size: 0px;
    line-height: 20px;
}

a.red {
    width: 20px;
    height: 20px;
    background: red;
    display: block;
    border-radius: 10px;
    font-size: 0px;
    line-height: 20px;
}

.choose-color {
    margin-top: 17px;
}

.line {
    width: 160px;
    height: 1px;
    float: left;
    background: #ccc;
    margin: 0 10px;
    margin-top: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.rangeslider-thumb {
    border: 3px solid #fff;
    height: 14px;
    width: 14px;
    border-radius: 100px;
    background: #056ca2;
}

.rangeslider {
    position: absolute;
    left: 10px;
    border: 2px solid #056ca2;
    border-radius: 100px;
    left: 100px;
    /* top: 3.8rem; */
    top: 44px;

}

.range-txt ul {
    margin: 0px;
    padding: 0px;
}

.range-txt ul li {
    list-style-type: none;
    display: inline-block;
}

li.Medium {
    padding: 0 37px;
}

.range-txt.clearfix {
    margin-top: 14px;
    display: inline-block;
}

.fontinc.clearfix {
    margin-bottom: 16px;
}
/* 
.menubar img {
    width: 33px;
    margin-top: -6px;
    padding-right: 7px;
}

.menubar a {
    font-size: 14px;
    /* font-family: 'robotobold','notokufiArabicbold'; 
    font-family: 'robotoregular','notokufiArabicregular';
    /* color: #000 !important; *
    color: #000 !important;

}

.menubar .navbar-nav a.home-menu {
    border: none !important;
    margin-top: -4px;
    padding-left: 0px !important;
    padding-right:0px !important;
}

.menubar .navbar-nav a.home-menu .homeicon {
    margin-left: -2px !important;
}

.blue .menubar .navbar-nav a.home-menu.active span.homeicon {
    width: 25px;
    display: block;
    height: 26px;
    position: inherit;
    background: url(./../images/Home-blue.svg) no-repeat left top;
}

.Green .menubar .navbar-nav a.home-menu.active span.homeicon {
    width: 25px;
    display: block;
    height: 26px;
    position: inherit;
    background: url(./../images/Home-green.svg) no-repeat left top;
}

.red .menubar .navbar-nav a.home-menu.active span.homeicon {
    width: 25px;
    display: block;
    height: 26px;
    position: inherit;
    background: url(./../images/Home-red.svg) no-repeat left top;
}

.menubar .navbar-nav a.home-menu span.homeicon {
    background: url(./../images/Home.svg) no-repeat left top;
    width: 25px;
    display: block;
    height: 26px;
    position: inherit;
}

.navbar {
    padding: 0px !important;
    height: 57px;
}

.navbar-nav {
    margin: 0px;
}

.navbar li a {
    padding: 20px 7px !important;
    position: relative;
    top: 3px;
    float: left;
} */

.blue .dropdown-item:focus,
.blue .dropdown-item:hover,
.blue .dropdown-item:hover a {
    background-color: #056ca2 !important;
    color: #fff !important;
}

.Green .dropdown-item:focus,
.Green .dropdown-item:hover,
.Green .menubar .dropdown-item a:hover {
    background-color: #019000 !important;
    color: #fff !important;
}

.red .dropdown-item:focus,
.red .dropdown-item:hover,
.red .menubar .dropdown-item a:hover {
    background-color: #FF1844 !important;
    color: #fff !important;
}

.menubar li:hover a {
    color: #056ca2 !important;
    /* padding: 20px 7px !important */
}

.menubar .dropdown:hover a {
    /* color: #056ca2 !important;
  padding:20px 7px !important */
}

.menubar .dropdown a {
    /* padding: 18px 7px !important */
}

.menubar a {
    padding: 18px 7px 19px !important;
    /* border-bottom: 4px solid #fff; */
}

.menubar .menu_login li a {
    padding: 20px 7px !important;
}

.Green .menubar a {
    padding: 18px 7px 19px !important;
    /* border-bottom: 4px solid #fff; */
}

.red .menubar a {
    padding: 18px 7px 19px !important;
    /* border-bottom: 4px solid #fff; */
}

.menubar a:hover {
    color: #056ca2 !important;
    padding: 19px 7px !important;
    border-bottom: 2px solid #056ca2;
}

.Green .menubar a:hover {
    color: #019000 !important;
    border-bottom: 4px solid #019000;
}

.Green .menubar a.active {
    color: #019000 !important;
    border-bottom: 4px solid #019000;
}

.Green .menubar .dropdown-menu a.active {
    color: #fff !important;
    border: none;
}

.red .menubar a.active {
    color: #FF1844 !important;
    border-bottom: 4px solid #FF1844;
}

.red .menubar .dropdown-menu a.active {
    color: #fff !important;
    border: none;
}

.menubar a.active {
    color: #056ca2 !important;
    border-bottom: 4px solid #056ca2;
}

.menubar .dropdown-menu a.active {
    color: #fff !important;
    border: none;
}

.red .menubar a:hover {
    color: #FF1844 !important;
    border-bottom: 4px solid #FF1844;
}

.red .dropdown-item.active,
.red .dropdown-item:active {
    color: #000 !important;
    background-color: #FF1844;
}

.red .menubar .dropdown-menu a:hover {
    border-bottom: 1px dashed #ccc;
    color: #000 !important;
}

.Green .dropdown-item.active,
.Green .dropdown-item:active {
    color: #fff !important;
    background-color: #019000 !important;
}

.red .dropdown-item.active,
.red .dropdown-item:active {
    color: #fff !important;
    background-color: #FF1844 !important;
}

.Green .menubar .dropdown-menu a:hover,
.red .menubar .dropdown-menu a:hover {
    border-bottom: 1px dashed #ccc;
    color: #fff !important;
}

.Green .menubar .dropdown-menu a:hover,
.red .menubar .dropdown-menu a:hover {
    border-bottom: 1px dashed #ccc;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover
{
    /* background-color: #056ca2 !important; */
    color:#fff
}

.menubar .menu_login li a {
    border: none !important;
}

.menubar .menu_login li a:hover,
.menubar .menu_login li:hover {
    border-bottom: 4px solid #fff;
}

.navbar-toggler {
    padding: .75rem .75rem !important;
}

.menubar li {
    /* border-bottom: 4px solid #fff; */
    position: relative;
    float: left;
}

.menubar li:hover {
    /* border-bottom: 4px solid #056ca2; */
}

.menubar .dropdown:hover {
    /* border-bottom: 4px solid #056ca2; */
}

.navbar .navbar-nav span {
    position: relative;
    top: 22px;
    height: 16px;
    float: left;
}

ul.navbar-nav.mr-auto {
    margin: 0px !important;
}

.menu_login li {
    display: inline-block;
}

.menu_login li.sign-in {
    background: 056ca2;
    background-image: linear-gradient(#056ca2, #3600c8);
    position: relative;
    top: -2px;
}

.menu_login li.sign-in {
    /* border-bottom: 0px !important; */
}

.menu_login li.sign-in a {
    color: #fff !important;
    padding-right: 23px !important;
    padding-left: 23px !important;
    padding-top: 16px !important;
    /* background: url(./../images/sign-in-bg.png) no-repeat -214% center; */
}

.menu_login li.sign-in:hover a {
    color: #fff !important;
}

.menu_login {
    /* margin-left: 2%; */
}

.dropdown-menu {
    margin-top: -2px !important;
    /* padding: 0px 14px 10px !important; */
    padding: 0px 0px 10px !important;
    -webkit-box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
    -moz-box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
    box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
    border: none !important;
    border-radius: 0px !important;
    /* background-color: #5e3ec7; */
    color: white;
}

.menubar .dropdown-menu a {
    padding: 10px 10px !important;
    border-bottom: 1px dashed #ccc;
    color: blue !important;
    /* color: white !important; */
}


.servicesOptions a {
    padding: 10px 10px !important;
    border-bottom: 1px dashed #ccc;
    color: blue !important;
}

.servicesOptions a:hover {
    padding: 10px 10px !important;
    background-color: blue;
    border-bottom: 1px dashed #ccc;
    color: #fff !important;
}

.menubar .dropdown-menu a:hover,
.menubar .dropdown-menu a.active
 {
    padding: 10px 10px !important;
    border-bottom: 1px dashed #ccc;
    color: #fff !important;
    fill: white;
    stroke: white;
}

.menubar li:hover .dropdown-menu a:hover{
    color: #fff !important;
    border-bottom: 1px dashed #ccc;
    padding: 10px 10px !important;
}


#top-bar .menubar .dropdown-menu a {
    padding: 10px 10px !important;
}

.menubar li:hover .dropdown-menu a {
    padding: 10px 10px !important;
    /* color: #000 !important; */
    border-bottom: 1px dashed #ccc;

}

.menubar .dropdown-menu a:last-child {
    border: none;
}

.fluidHeaderRow {
    /* padding: 10px; */
    z-index: 9;
}

.toll-block {
    /* width: 200px; */
    /* float: left; */
    /* margin-left: 15%; */
}

.toll-block img {
    width: 45px;
    float: left;
    padding-top: 10px;
}

.tol-icon,
.toll-text {
    float: left;
}

.toll-block p {
    margin: 0px;
}

.toll-text span {
    top: 4px;
    height: auto;
    font-size: 14px;
}

.toll-text p {
    font-size: 18px;
}

.maincontainer {
    padding-top: 2%;
}

.maincontainer h2 {
    font-weight: bold;
    font-size: 25px;
}

.maincontainer h4 {
    font-weight: bold;
    font-size: 20px;
    margin-top: 3%;
}

.container2 {
    display: inline;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.container2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: url(./../images/Radio-Button-normal.svg) no-repeat right 4%;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container2:hover input~.checkmark {
    /* background-color: #ccc; */
}


/* When the radio button is checked, add a blue background */

.container2 input:checked~.checkmark {
    /* background-color: #2196F3; */
    background: url(./../images/Radio-Button-active.svg) no-repeat right 4%;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container2 input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container2 .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* background: white; */
}

.form-list .form-group input {
    border: none;
    border-bottom: 1px solid #000;
    width: 88%;
    font-weight: bold;
  
}
.form-list .form-group input[type="checkbox"]{
    border:none;
    border-bottom: 1px solid #000;
    margin-top: 2.5%;
    width: 0% !important;
    font-weight: bold;
}

.form-list .form-group label {
    font-size: 12px;
    width: 100%;
    /* font-weight: bold; */
}

.form-list .form-group label+label {
    font-size: 15px !important;
    font-weight: bold;
    margin-right: 15px;
}

.form-list .calend img {
    width: 23px;
    height: 25px;
    position: relative;
    left: -24px;
}

.form-list h5 {
    font-size: 1rem;
    font-weight: bold;
}

.react-datepicker__header {
    background-color: #056ca2 !important;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    color: white !important;
}

.form-group select {
    /* border-bottom: 1px solid white !important; */
}

.react-datepicker__day-name {
    color: white !important;
}

.react-datepicker__month-select, .react-datepicker__year-select {
    color: white !important;
    background: #056ca2 !important;
}

.form-group select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-family: 'robotoregular','notokufiArabicregular';
}

select {
    font: 'robotoregular','notokufiArabicregular' !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.readblock,
.readblock input {
    background-color: #E1DDFE;
    border: none !important;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
}

.readonly label {
    margin-bottom: 0px;
}

.readonly {
    padding-top: 10px;
}

.form-list .form-group {
    margin-bottom: 2rem;
}

.primary button {
    background-color: #056ca2;
    color: #fff;
    border: none;
    padding: 6px 25px;
    cursor: pointer;
}

.primary {
    width: 100px;
    margin: 0 auto;
}

.footer-top {
    max-width: 100%;
    margin: 15px auto;
    /* margin: 34px auto; */

    padding-top: 2%;
    /* margin-top: 0.4%; */
    background-color: #f2f2f2;
}

footer {
    background-color: #F2F2F2;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.carousel-item {
    height: 100vh;
    justify-content: center;
}

.egClass:focus {
    outline: none !important;
}

.carousel-item img {
    margin: 0;
  /* color: white; */
}

.footer-top p {
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 15px;
    padding-left: 25px;
}

.ftr-logo {
    border-right: 1px solid #7A7A7A;
    padding: 18px 0;
    margin-bottom: 4%;
    text-align: center;
}

.address li {
    display: inline-block;
    padding-right: 10px;
}

.address li a img {
    width: 32px;
    height: 32px;
}

.address li.insta img {
    width: 35px;
    height: 35px;
}

i.fa.fa-twitter {
    color: #1DA1F6;
    font-size: 20px;
}

i.fa.fa-facebook {
    color: #4266B0;
    font-size: 20px;
}

.address ul {
    /* padding-left: 22px; */
    padding-top: 6px;
}

.plstore {
    width: 150px;
    float: left;
    margin-right: 20px;
}

.play-store.clearfix {
    /* margin-top: 14%; */
}

.footer-block {
    background-color: #5A5A5A;
    padding: 2% 6%;
}

.footer-block .row {
    margin: 0px;
}

.footer-block h5 {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.footer-block a {
    font-size: 13px;
    color: #fff;
}

.footer-block a:hover {
    text-decoration: none;
    color: #fff;
}

.pro-list {
    border-bottom: 0px solid #7B7B7B;
    /* padding-bottom: 20px;
    margin-bottom: 20px; */
}

.footer-block ul li {
    padding-bottom: 4px;
}

.footer-btm-links li {
    display: inline;
}

.footer-btm-links {
    color: #fff;
    margin-top: 5%;
}

.footer-btm-links a {
    font-size: 14px;
    padding: 0 12px;
}

.copyright p {
    font-size: 14px;
    color: #fff;
    padding: 0 12px;
    font-weight: bold;
}

.copyright {
    padding-top: 10px;
}

.ssl {
    width: 200px;
    position: absolute;
    top: -113px;
}

.ssl-block {
    position: relative;
}

.ssl-img {
    margin-bottom: 15px;
}

.cl-effect-4 a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

section.services {
    padding-left: 8%;
}

.services h3 {
    font-size: 2rem;
    font-size: 1.5rem;
    margin-bottom: 18px;
    padding: 0 15px;
}

.services h2 {
    color: #000;
    font-size: 33px;
    /* padding-left: 10%; */
}

h2.ann {
    /* padding-left: 10%; */
    padding-bottom: 2%;
    font-size: 2rem;
}

.services-blk {
    position: relative;
    width: 233px;
    height: 200px;
    display: inline-block;
    cursor: pointer;
    top: -40px;
    right: -50px;
}

.services-blk-serv {
    position: relative;
    width: 210px;
    height: 170px;
    display: inline-block;
    cursor: pointer;
    top: -40px;
    right: -50px;
}

.serv-img {
    width: 158px;
    margin: 0 auto;
    margin-top: 13%;
    margin-bottom: 26%;
    text-align: center;
}

.serv-img img {
    display: block;
    width: 100%;
    height: auto;
}

.services-blk .overlay,
.services-blk-serv .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 225px;
    width: 100%;
    opacity: 0;
    z-index: 999;
    transition: .5s ease;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 61px -15px rgba(122, 117, 122, 1);
    -moz-box-shadow: 0px 1px 61px -15px rgba(122, 117, 122, 1);
    box-shadow: 0px 1px 61px -15px rgba(122, 117, 122, 1);
}

.services-blk:hover .overlay,
.services-blk-serv:hover .overlay {
    opacity: 1;
}

.services-blk .text,
.services-blk-serv .text{
    color: #000;
    font-family: 'robotoregular','notokufiArabicregular';
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    top: 61%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    width: 200px;
}

.serv-img p {
    font-family: 'robotobold','notokufiArabicbold';
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
}

.ovelay-icon {
    width: 50px;
    margin: 0 auto;
    position: relative;
    top: 16px;
}

.overlay .text h3 {
    font: 16px 'robotobold','notokufiArabicbold';
    text-align: center;
    color: #056ca2;
}

.serv-link {
    width: 170px;
    background: #056ca2;
    padding: 10px 20px 10px;
    text-align: center;
    margin-top: 22px;
}

.serv-link a {
    color: #fff;
    font-size: 13px;
    line-height: 30px;
}

.serv-link a:hover {
    color: #fff;
    text-decoration: none;
}

.serv-banner img {
    /* max-width: 250px; */
    max-width: 393px;

}

.overlayicon {
    background: url(../images/service-bg.png) repeat left top;
    position: absolute;
    /* height: 65px;
    width: 250px; */
    height: 101px;
    width: 393px;

}

.lang_ar .overlayicon{
    right:90px;
}

.serv-banner {
    position: relative;
    /* left: -108px; */
    margin-top: 23px;
    /* background: url(../images/service-bg.png) repeat left top; */
}

.lang_ar .serv-banner{
    right: -108px;   
}

.services .row {
    margin: 0px;
}

.border-line {
    padding: 0 15px;
    width: 90%;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 2%;
    background: url(../images/section-splitter-bg.png) repeat-x left center;
    height: 6px;
}

ul.thumb-list li {
    display: inline-block;
    border-right: 1px solid #BBBBBB;
    padding: 0 15px;
}

ul.thumb-list li:last-child {
    border: none;
}

ul.thumb-list li img {
    width: 60px;
    margin: 0 auto;
}

ul.thumb-list li svg {
    color: red;
}

ul.thumb-list li a {
    display: grid;
    font-size: 16px;
    font-family: 'robotoregular','notokufiArabicregular';
    color: #000;
}

ul.thumb-list li:hover a {
    text-decoration: none;
}

ul.thumb-list {
    padding-top: 14%;
}

.e-report img {
    width: 50px;
    position: absolute;
}

.pics {
    float: left;
    width: 68% !important;
    background-color: #EBEBEB;
    height: 150px !important;
    padding: 13px;
    margin: 2%;
}

.testi-custom.container {
    max-width: 1275px;
}

.pics .twit {
    background-color: inherit !important;
}

.e-report {
    width: 20%;
    float: left;
    margin-top: 2%;
    text-align: left;
    position: relative;
    padding: 14px;
    height: 150px;
    background: #056ca2 no-repeat right center;
    /*url(../images/report-download-icon..svg)*/
    -webkit-box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
    -moz-box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
    box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
}

.e-report p {
    color: #fff;
    font-weight: bold;
}

.border-line.brd-sec {
    margin-top: 3%;
}

.test-car2.carousel2 {
    position: relative;
    width: 87%;
    /* height: 400px;  */
    margin: 0 auto;
}

.test-car .carousel-content {
    position: relative;
    overflow: hidden;
    transition: width .4s;
    height: 100%;
    width: 100%;
}

.test-car .slide2 {
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: left .4s cubic-bezier(.47, .13, .15, .89);
}

.test-car .slide2:first-child {
    /* margin-right:20px; */
}

.test-car .nav {
    position: absolute;
    top: 50%;
    margin-top: -39px;
    width: 20px;
    height: 20px;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    outline: none;
    color: #000;
    -webkit-user-select: none;
}

.test-car .nav-left {
    left: -25px;
}

.test-car .nav-right {
    right: -25px;
}

.test-car .carousel-arrow-icon-left {
    margin-left: 5px;
    margin-top: 2px;
}

.test-car .carousel-arrow-icon-right {
    margin-left: 7px;
    margin-top: 2px;
}

.test-car2 .slick-slide .slide2 {
    /* margin: 10px; */
    border: solid 1px #ccc;
    border-radius: 4px;
    /* height: 388px; */
    height:270px;
    padding: 15px;  
    /* overflow: hidden; */
}


.test-car2 .slide2 div h4 {
    font-size: 17px;
    color: #056ca2;
    font-weight: bold;
}

.test-car2 .slide2 {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.test-car .slide2 div span {
    font-size: 13px;
    position: absolute;
    bottom: 10px;
    font-weight: bold;
}

.test-car2 .slick-slide {
    width: 273.5px !important;
    left: 0px;
    margin: 0 10px !important;
}

.test-car2 .slick-list {
    /* height: 402px; */
    height: 272px;

}

.thumb-list .svg-icon path {
    fill: #ff0000;
}

.pics img {
    max-width: 100%;
}

.services-blk.col-md-4 {
    max-width: 32.333333%;
}

.breadcrumb {
    background-color: inherit !important;
    padding: 0px !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">" !important;
}

.audio-help {
    text-align: right;
}

.breadcrumb a {
    color: #000;
}

.breadcrumb li {
    color: #056ca2 !important;
}

.search-key input {
    width: 100%;
    border: none;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-size: 19px;
}

.search-key ul li {
    display: inline;
    margin-right: 4px;
}

.search-key ul li a {
    background-color: #e8e4e5;
    padding: 3px 18px;
    border-radius: 27px;
    color: #393738;
    font-size: 14px;
    font-weight: bold;
}

.search-key ul li a:active,
.search-key ul li a:hover
{
    background-color: #056ca2;
    color: #fff;
}

.search-key ul li a:hover {
    text-decoration: none;
}

.year {
    margin-bottom: 1%;
    margin-top: 1%;
}

.search-key {
    /* margin-top: 4%; */
}

.news-list {
    border-top: 1px solid #C7C7C7;
    /* border-bottom: 1px solid #C7C7C7; */
    padding: 10px 0;
}

.news-block h3 {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0px;
    color: #000;
}

.news-block h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0px;
}

.news-container{
    height: 100px;
    overflow: hidden;
}

.demo-gallery {
    margin-top: 12px;
}

.news-block h3 a:hover {
    text-decoration: none !important;
}

.news-list span {
    color: #a0a0a0;
    font-size: 13px;
}

.news-block {
    /* margin-top: 5%; */
}

.panel__label {
    padding: 0px !important;
}

.news-list a {
    /* float: right;
    position: relative;
    top: -13px;
    font-size: 21px;
    color: #000; */
}

.news-list h3 {
    width: 100%;
    line-height: 20px;
    margin-bottom: 0;
}

.news-img {
    width: 94%;
    margin: 0 auto;
}

.item {
    /* height: 150px; */
    width: 100%;
    text-align: center;
}

.news-img img {
    width: 35%;
    height: inherit;
    opacity: 0.5;
}

.news-img i.fa.fa-search-plus {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #000;
}

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 250px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.modal-header h4 {
    margin-top: 0px;
    line-height: 21px;
}

.news-list p {
    font-size: 14px;
    margin-bottom: 8px;
    text-align: left;
}

.photo-gallery {
    color: #313437;
    background-color: #fff;
}

.photo-gallery p {
    color: #7d8285;
}

.photo-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: inherit;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar {
    width: 9px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #dadada;
}

.page-link {
    border: none !important;
    color: #000 !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff !important;
    background-color: #056ca2 !important;
    border-color: #056ca2 !important;
}

.page-link:hover {
    background-color: inherit !important;
    /* color: #fff !important; */
}

.page-item span {
    padding-right: 10px;
}

.page-item i.fa.fa-angle-left {
    font-size: 34px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.page-item i.fa.fa-angle-right {
    font-size: 34px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.pagination {
    /* margin-top: 2% !important; */
    margin: 2% 0px !important;
}
/* ////////////////////---------------projects csss starts ---------------- */
.tile {
    /* width: 22%; */
    display: inline-block;
    margin: 10px;
    text-align: left;
    opacity: 0.99;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
  }
  .project-title {
    color: white;
    padding: 10px;
    position: absolute;
    transform: translateY(-62px);
    height: 55px;
    overflow: hidden;
  }
  
  .tile .details .title {
    line-height: 1;
    font-weight: 600;
    font-size: 18px;
  }
  tile .details .info {
    line-height: 1.2;
    margin-top: 5px;
    font-size: 12px;
  }
  .tile .details {
    font-size: 16px;
    padding: 20px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
  }
  /* -----------------project css ends/////////////// */
.photo__list h3 {
    font-size: 14px;
    font-weight: bold;
    padding-right: 38px;
    padding-top: 10%;
}

.proj-img img {
    max-width: 100%;
}

.project {
    margin-top: 5%;
}

.new-project-design p{
    font-size: 14px;
    font-weight:500;
    padding-top: 5px;
}

.new-project-design h3{
    text-align: left;
}

.read-more{
    /* position: absolute;
    bottom: 10px;
    right: 10px; */
    width:20px; 
    height: 20px; 
    float: right;
}

.lang_ar .read-more{
    /* position: absolute;
    bottom: 10px;
    right: 10px; */
    
    float: left;
    transform: scaleX(-1);
}

.new-project-design .project-detail-value{
    color: #bbb
}


.proj-cont h4 {
    margin-top: 0px;
    margin-bottom: 12px;
}

.proj-cont label {
    margin-bottom: 0px;
    font-size: 12px;
}

.proj-cont {
    font-weight: bold;
}

.proj-cont p {
    margin-bottom: 8px;
    font-size: 15px;
}

p.sts {
    color: #6FBF46;
}

.comp {
    margin-top: 28px;
}

.project .row {
    border-bottom: 1px solid #ccc;
    padding-top: 2%;
    padding-bottom: 1%;
}

.proj-cont .row {
    border: none;
    padding-top: 0%;
}

.proj-cont h4,
.gal-txt h4 {
    font-size: 20px;
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item2 {
    display: inline-block;
    background: #F5F5F5;
    padding: 10px;
    margin: 5px 0 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    -moz-box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
}

.item2:hover {
    background: #056ca2;
    color: #fff;
    margin: 5px 0 5px;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

/* @media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
} */

@media (max-width:767px) {
    .photo-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px;
    }
}

.photo-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px;
}

.photo-gallery .intro p {
    margin-bottom: 0;
}

.photo-gallery .photos {
    padding-bottom: 20px;
}

.photo-gallery .item {
    padding-bottom: 30px;
}

.js-masonry p {
    text-align: left;
}

.js-masonry h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.his-img .img-blck::before {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(166, 166, 255, 0) 0%, rgba(166, 166, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(166, 166, 255, 0)), color-stop(100%, rgba(166, 166, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(166, 166, 255, 0) 0%, rgba(166, 166, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(166, 166, 255, 0) 0%, rgba(166, 166, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(166, 166, 255, 0) 0%, rgba(166, 166, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(166, 166, 255, 0) 0%, rgba(166, 166, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6a6ff', endColorstr='#a6a6ff', GradientType=0);
    z-index: 1;
}

.his-img img {
    width: 100%;
    height: 250px;
    -webkit-box-shadow: -1px 0px 46px 0px rgba(183, 181, 181, 1);
    -moz-box-shadow: -1px 0px 46px 0px rgb(7, 4, 4);
    box-shadow: -1px 0px 46px 0px rgba(183, 181, 181, 1);
    background: rgba(166, 166, 255, 0);
}

.history-blk {
    padding-top: 4%;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-rounded {
    border-radius: 3px;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
    /* left: -40px; */
}

.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table;
}

.timeline-centered:after {
    clear: both;
}

.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table;
}

.timeline-centered:after {
    clear: both;
}

.timeline-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    background: #BBBBBB;
    /* left: 31.8%;  old */
    left: 13.3%;

    top: 25px;
    bottom: 20px;
    margin-left: -4px;
}

.timeline-centered .timeline-entry {
    position: relative;
    /* width: 67%; */
    width: 85%;
    float: right;
    margin-bottom: 30px;
    clear: both;

    border:1px solid mediumpurple;
    border-radius: 8px;
}

.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
    content: " ";
    display: table;
}

.timeline-centered .timeline-entry:after {
    clear: both;
}

.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
    content: " ";
    display: table;
}

.timeline-centered .timeline-entry:after {
    clear: both;
}

.timeline-centered .timeline-entry.begin {
    margin-bottom: 0;
}

.timeline-centered .timeline-entry.left-aligned {
    float: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -22px;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -152px;
    text-align: right;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top:15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
    display: block;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
    font-size: 18px;
    font-weight: bold;
}

.timeline-time h1 {
    color: #3B3AD6;
    text-align: left;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
    font-size: 12px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background: #fff;
    color: #737881;
    display: block;
    width: 8px;
    height: 8px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    -moz-box-shadow: 0 0 0 3px #E0DCD9;
    -webkit-box-shadow: 0 0 0 3px #E0DCD9;
    box-shadow: 0 0 0 3px #E0DCD9;
    line-height: 40px;
    font-size: 15px;
    float: left;
    left: -5px;
    position: relative;
    top: 20px;
}

time.timeline-time.march {
    position: relative;
    top: -16px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
    background-color: #ee4749;
    color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
    background-color: #373AD3 !important;
    color: #fff;
    position: relative;
    top: 3px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #373AD3 !important;
    color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
    background-color: #fad839;
    color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
    background-color: #cc2424;
    color: #fff;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    /* background: #f5f5f6; */
    padding: 0 1.7em;
    min-height: 100px;
    margin-left: 30px;

    /* border:1px solid mediumpurple;
    border-radius: 7px; */
}


.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    margin: 0;
    line-height: 1.428571429;
}

.timeline-label li {
    /* display: inline-table; */
    font-size: 15px;
    font-weight: bold;
    color: #666666;
}

.timeline-label li {
    padding-left: 30px;
    padding: 6px 0;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
    margin-top: 15px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
    color: #303641;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
}

.history-blk p {
    /* font-weight: bold; */
}

.his-img {
    margin-top: 4%;
}

.serv-land h3 {
    font-size: 24px;
    padding-bottom: 5%;
    margin: 0;
}

.primary-btn button {
    width: 100%;
    border-radius: 0px;
}

.primary-btn .btn-primary,
.primary-btn .btn-primary:hover {
    color: #fff;
    background-color: #056ca2;
    border-color: #056ca2;
    padding: 8px 0;
}

.serv-land {
    padding-top: 2%;
    padding-bottom: 3%;
}

.land-right .primary-btn {
    margin-top: 18.5%;
}

.land-right h3 {
    padding-bottom: 11%;
}

.sample-field .form-list .form-group {
    margin-bottom: 1rem;
}

.sample-field h4 {
    margin-top: 0px;
}

.mh-table {
    margin-top: 2%;
}

.mh-table table th {
    border-top: none;
    font-size: 13px;
    padding: 3px;
}

.mh-table table td {
    font-weight: bold;
    padding: 3px;
    vertical-align: middle;
}

.mh-table table td button {
    background-color: #056ca2;
    color: #fff;
    border: none;
    padding: 6px 20px;
    cursor: pointer;
}

.table-hover tbody tr:hover {
    background-color: #E1DDFE !important;
}

/* .table thead th {
    border-bottom: 2px solid #010101 !important;
} */

td.act {
    color: #056ca2;
}

td.inact {
    color: #C6C6C6;
}

.sample-field .primary {
    margin: initial;
    width: auto;
}

.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: #056ca2 !important;
    border-color: #056ca2 !important;
    padding: 6px 25px !important;
    border-radius: 0px !important;
}

.btn-secondary,
.btn-secondary:hover {
    color: #fff;
    background-color: #A1A1A1 !important;
    border-color: #A1A1A1 !important;
    padding: 6px 25px !important;
    border-radius: 0px !important;
}

.chat-nav h4 {
    font-size: 15px;
    margin-bottom: 3%;
}

.chat-nav li {
    display: inline-block;
    text-align: center;
    padding-right: 25px;
}

.chat-nav li a {
    display: inline-grid;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.chat-nav li a:hover {
    text-decoration: none;
}

.chat-nav ul.scl li a {
    display: block;
}

.chat-nav ul.scl li {
    width: 80px;
}

.chat-nav ul.scl li.fb {
    padding: 0 56px;
}

.chat-nav ul.scl li.fb i.fa.fa-facebook {
    font-size: 25px;
}

.chat-nav ul.scl li.ins {
    padding: 0 68px;
}

.chat-nav ul.scl li.you {
    padding: 0 33px;
}

ul.scl {
    padding-top: 4%;
    padding-bottom: 2%;
}

.chat-block img {
    float: left;
}

.chat-block p {
    margin: 0px;
    padding-top: 18px;
    font-weight: bold;
}

.chat-block h4 {
    margin: 0px;
    color: #056ca2;
    font-size: 20px;
    font-weight: 100;
}

img.img-faq {
    margin-left: -10px;
}

.chat-block .img-faq path {
    fill: red;
}

.chat-block {
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
    padding-bottom: 1%
}

.reg-left {
    float: left;
    width: 50%;
}

.reg-right {
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 20px;
    margin-top: 10px;
}

.reg-left {
    margin: 6px 12px;
}

.reg {
    float: left;
    width: 70%;
}

.reg-left img {
    margin-right: 15px;
}

.reg p {
    padding-top: 5px;
    font-size: 14px;
}

.toll-fr img {
    margin-right: 0px;
    position: relative;
    left: -10px;
}

.reg-right p.knw {
    padding-top: 1px;
    font-size: 14px;
}

.chatpage {
    background: url(../images/chat-bg.png) repeat left top;
}

.chat-img {
    text-align: right;
    padding: 10px 40px 60px 0;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(230, 230, 230, 1);
    -moz-box-shadow: 2px 0px 5px 0px rgba(230, 230, 230, 1);
    box-shadow: 2px 0px 5px 0px rgba(230, 230, 230, 1);
}

.chat-img img {
    max-width: 100%;
}

.chat-list.clearfix {
    width: 90%;
    padding: 2% 5% 5% 5%;
}

.chat-icon {
    float: right;
    text-align: center;
    border-radius: 46px;
    background: #056ca2;
    -webkit-box-shadow: 2px 5px 19px 0px rgba(209, 209, 209, 1);
    -moz-box-shadow: 2px 5px 19px 0px rgba(209, 209, 209, 1);
    box-shadow: 2px 5px 19px 0px rgba(209, 209, 209, 1);
}

.chatpage .row {
    margin: 0px;
}

.faq-blk p {
    padding-top: 17px;
}

svg.icon.icon-twitter {
    fill: red;
}

.demo-gallery>ul {
    margin-bottom: 0;
}

.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    padding: 0;
    width: 200px;
}

.demo-gallery>ul>li a {
    /* border: 3px solid #FFF; */
    /* border-radius: 3px; */
    display: block;
    overflow: hidden;
    position: relative;
    /* float: left; */
    margin-bottom: 15px;
}

.react_lightgallery_item {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
    padding-bottom: 17px;
    background: url(../images/shadow.png) no-repeat center 102%;
}

.demo-gallery ul li a span {
    box-shadow: 0px 13px 5px -6px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 0px 13px 5px -6px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 0px 13px 5px -6px rgba(0, 0, 0, 0.46);
    height: 10px;
    display: block;
}

.demo-gallery>ul>li a:hover>img {
    /* -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); */
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'fontawesome';
    content: "\f054";
    /* "play" icon */
    float: right;
    color: #056ca2;
    font-size: 18px;
    line-height: 52px !important;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.news-block .panel-heading [data-toggle="collapse"]:after {
    line-height: 22px !important;
}

.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;
}

.news-block .panel__inner.active {
    background-color: #F5F1FF;
    border: 1px solid #A07DFF;
    padding: 15px;
    /* margin-top: 2%; */
    height: 100% !important;
}

.news-block .panel-collapse h4 {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #4704FF;
}

.news-block .panel-collapse span {
    color: #000;
}

.demo-gallery i.fa.fa-arrows-alt {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000;
    display: none;
}

.demo-gallery li:hover i.fa.fa-arrows-alt {
    display: block;
}

.mission {
    background-color: #04019A;
    color: #fff;
    padding: 80px 70px 3px;
}

.mission h5 {
    font-size: 16px;
}

.mission p {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 65px;
}

.mis-blk {
    width: 75%;
}

.vin-img {
    position: absolute;
    z-index: 1;
    right: -42px;
    padding: 52px 0;
}

.vin-img img {
    -webkit-box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    -moz-box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    max-width: 100%;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: none !important;
}

.breadcrumb-item i.fa.fa-chevron-right {
    padding-left: 10px;
    color: #000;
    font-size: 13px;
}

.navbar button span {
    top: 0px;
}

.demo-gallery p {
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.gal-txt h4 {
    margin-bottom: 16px;
}

.gal-txt p {
    line-height: 20px;
}

.gal-txt p span {
    font-size: 14px;
}

.video-tag {
    width: 305px;
    height: 175px;
    margin: 0 auto;
    cursor: pointer;
}

.video-tag .modal-content {
    background-color: inherit !important;
    border: none;
}

.video-tag iframe {
    border: none;
}

.video-tag .modal {
    background-color: #fff;
    opacity: 0.9;
}

.video-tag button.close {
    position: relative;
    top: 25px;
    left: -6px;
    z-index: 9;
}

.video-tag .modal-body h3 {
    font-size: 18px;
    color: #056ca2;
    font-weight: bold;
    margin-top: 20px;
}

.video-tag:hover {
    -webkit-box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    -moz-box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    max-width: 100%;
}

.row.border {
    padding-bottom: 3%;
    padding-top: 3%;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}

.row.border:last-child {
    border: none !important;
}

.video-tag .demo-gallery>ul>li {
    width: auto;
    margin: 0px;
}

.video-tag .demo-gallery li img {
    height: 175px !important;
}

.demo-gallery li {
    display: none;
}

.demo-gallery li:first-child {
    display: block;
}

.video-tag .modal-dialog {
    max-width: 700px;
}

.video-tag .embed-responsive {
    -webkit-box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    -moz-box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
    box-shadow: -9px 1px 40px 0px rgba(143, 143, 143, 1);
}

.mr-auto,
.mx-auto {
    margin-right: 0 !important;
}

.active.nav-link {
    font-weight: bold;
}

.active.nav-link.active {
    font-weight: bold;
}


/*  Accordian */
.accordion {
    width: 100%;
    max-width: 470px;
}

.panel {
    background-color: #ffff;
}

.panel__label {
    position: relative;
    display: block;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 25px 60px 25px 25px;
    font-weight: 500;
    font-size: 17px;
    font-family: inherit;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    cursor: pointer;
}

.panel__label:focus {
    outline: none;
}

.panel__label:after {
    font-family: 'fontawesome';
    content: "\f054";
    float: right;
    color: #000;
    font-size: 18px;
    line-height: 52px !important;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    position: absolute;
    right: 0px;
    top: 1px;
}

.panel__label:before {
    font-family: 'fontawesome';
    content: "\f054";
    float: right;
    color: #056ca2;
    font-size: 18px;
    line-height: 52px !important;
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    display: none;
}

.panel[aria-expanded='true'] .panel__content {
    opacity: 1;
}

.panel[aria-expanded='true'] .panel__label {
    color: #056ca2;
}

.panel[aria-expanded='true'] .panel__label:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.panel[aria-expanded='true'] .panel__label:after {
    display: none;
}

.panel[aria-expanded='true'] .panel__label:before {
    display: block;
}

.panel__inner {
    overflow: hidden;
    will-change: height;
    -webkit-transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: height 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.panel__content {
    margin: 5px 25px 25px;
    font-size: 14px;
    color: #756658;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 0.18s;
    transition: opacity 0.3s linear 0.18s;
}

.panel:not(:last-child) {
    margin-bottom: 3px;
}

.norecord {
    margin-top: 52px;
    background-color: #f5f5f5;
    padding: 20px;
}


/* End Accordian*/

.clearsearch {
    position: absolute;
    /* right: 10rem; */
    /* top: 11rem !important; */
}

.project .col-md-9 {
    text-align: left;
}

a.gal-vidoe {
    position: absolute;
    right: 5%;
    width: 305px;
    top: 16%;
    height: 175px;
    font-size: 0;
    z-index: 9;
}

.video-list {
    position: relative;
}

.dept-list {
    display: inline-block;
    background: #ffffff;
    padding: 20px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    -moz-box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin: 15px 0;
    min-height: 85px;
}

.dept-list:hover {
    background: #4705fd;
    color: #ffffff;
}

.demo-gallery:before {
    background-color: #a7adc2 !important;
}

.demo-gallery li a:after {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
}

.demo-gallery li a {
    display: block;
   
}


.book{
    background-color: transparent;
    /* box-shadow: 0 -1.1rem 8rem rgba(0,0,0,.2); */
    box-shadow: 0 0.3rem .9rem rgb(0 0 0 / 27%);
    display: flex;
    align-items: center;
    border-radius: .4rem;
    margin-top: 50px;
    margin-bottom: 10px;
    /* overflow: hidden; */
    z-index: 1;
    position: relative;
    padding: 10px 0px;
    /* -webkit-animation: random 5s infinite;
    animation: random 5s infinite; */
}

.bookswrapper:hover{
    transform: scale(1.1);
}
.bookswrapper{
    transform: scale(1);
    /* background-color: red; */
    border-radius: .4rem;
}


.book-img{
    transform: translateX(1rem) translateY(-2rem);
    position: relative;
    width: 40%;
}

.lang_ar .book-img{
    transform: translateX(-1rem) translateY(-2rem);
}

.book:hover .book-img img{
    transform: scale(1.2) translate(0.6rem, 0.5rem);
}

.lang_ar .book:hover .book-img img{
    transform: scale(1.2) translate(-0.4rem, 0.5rem);
}

.MuiDialog-root{
    z-index:10000 !important
}

.book-img img{
    width: 70%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: .4rem;
}
.book-img ::before{
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: .5rem .5rem .3rem 1px rgba(0,0,0,.05);
    border-radius: .4rem;
}

.book-txt h3 {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.book-info{
    text-align: left;
}

.lang_ar .book-info{
    text-align: right;
}

.book-img,
.book-txt {
    float: left;
}

.book-txt span {
    font-size: 15px;
    color: #056ca2;
}

.book-txt p {
    font-size: 13px;
    padding-top: 10px;
}

.book-txt {
    padding-left: 50px;
}




.statistics-txt h3 {
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.statistics-img,
.statistics-txt {
    float: left;
}

.lang_ar .statistics-img,
.lang_ar .statistics-txt {
    float: right;
}

.statistics-img img{
    /* width: 80px; */
    height: 60px;
    border: 2px solid gray;
    object-fit: cover;
    margin: 20px;
}

.statistics-txt span {
    font-size: 15px;
    color: #056ca2;
}

.statistics-txt h3 {
    font-size: 20px;
    margin-bottom: 0px;
}

.statistics-txt p {
    font-size: 15px;
    padding-top: 5px;
    color: blue;
}

.statistics-txt {
    /* padding-left: 15px; */
    padding-Top: 15px;
}




.download-btn {
    background: #056ca2;
    margin-top: 65px;
}

.download-btn a,
.download-btn a:hover {
    color: #fff;
    text-decoration: none;
    padding: 10px 18px;
    display: block;
}

.download-btn i {
    font-size: 23px !important;
    padding-right: 20px;
}

.book-txt {
    padding-left: 50px;
}

.book-pub .col-md-6 {
    padding-bottom: 2%;
    padding-top: 2%;
}

.book-pub .col-md-6:hover {
    background-color: #F0F0F0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(191, 191, 191, 1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(191, 191, 191, 1);
    box-shadow: 0px 2px 5px 0px rgba(191, 191, 191, 1);
}


/* .book-pub .col-md-6 .book-txt, .book-img{
    border-bottom: 1px solid #ccc; 
} */

.info-blk {
    background-color: #fff;
    border: 1px solid #A07DFF;
    padding: 14px;
    margin-bottom: 7px;
    margin-top: 15px;
}

.info-blk .download-btn {
    margin-top: 0px;
    text-align: center;
}

.info-blk .download-btn a,
.info-blk .download-btn a:hover {
    padding: 10px 41px 10px 32px;
}

.info-blk h5 {
    height: 56px;
    overflow: hidden;
}

.Statistics .download-btn {
    margin-top: 93px;
}

span.moh-FAQ {
    font-size: 68px;
    float: left;
    padding-top: 7px;
    color: #056ca2;
}

span.moh-Complaints {
    font-size: 50px;
    float: left;
    padding-right: 11px;
    color: #056ca2;
}

span.moh-Call {
    font-size: 50px;
    float: left;
    padding-right: 11px;
    color: #056ca2;
}

span.moh-Chat-icon {
    font-size: 62px;
    float: left;
    padding-right: 0px;
    color: #056ca2;
}


/***Icon Css Theme Blue**/

span.moh-Call-Center {
    font-size: 39px;
    padding-right: 10px;
    margin-top: 5px;
    display: block;
}

i.icon-share-workiteme049539amoh{
    color:#056ca2;
}

span.moh-service-land-icon,
span.moh-service-land-affairs-icon,
span.moh-service-social-housing-icon,
span.moh-service-planning-survey-icon,
span.moh-service-real-estate-development-icon,
span.moh-service-maps-icon,
i.icon-share-workiteme049539amoh
{
    font-size: 101px;
}

.overlay span.moh-service-land-icon,
.overlay span.moh-service-land-affairs-icon,
.overlay span.moh-service-social-housing-icon,
.overlay span.moh-service-planning-survey-icon,
.overlay span.moh-service-real-estate-development-icon,
.overlay span.moh-service-maps-icon,
.overlay i.icon-share-workiteme049539amoh {
    font-size: 50px;
}

.thumb-list li a span {
    font-size: 70px;
    text-align: center;
    color: #056ca2 !important;
}


/***Icon Css Theme Blue**/


/***Icon Css Theme Red**/

.red .menu_login li.sign-in {
    background-color: #FD1745;
    background-image: linear-gradient(#FD1745, #CC1237);
}

.red .da-link {
    background-color: #FF1844;
}

.red .stick-dots .slick-dots li.slick-active button {
    color: #FF1844;
    background: #FF1844;
}

.red .serv-link {
    background-color: #FF1844;
}

.red .e-report {
    background: #FF1844 no-repeat right/*url(../images/report-download-icon2.svg)*/
}

.red .serv-img span:before,
.thumb-list li a span,
.red .moh-legislation-icon:before,
.red .moh-information-center-icon:before,
.red .moh-statistics-icon:before,
.red .moh-open-data-icon:before,
.red .icon-share-workiteme049539amoh::before {
    color: #FF1844;
}

.red .overlay span.moh-service-land-icon::before,
.red .overlay span.moh-service-land-affairs-icon::before,
.red .overlay span.moh-service-social-housing-icon::before,
.red .overlay span.moh-service-planning-survey-icon::before,
.red .overlay span.moh-service-real-estate-development-icon::before,
.red .overlay span.moh-service-maps-icon::before,
.red .overlay i.icon-share-workiteme049539amoh::before {
    color: #FF1844;
}

.red .overlay .text h3 {
    color: #FF1844;
}

.red .mission {
    background-color: #FF1844;
}

.red .item2:hover {
    background: #FF1844;
}

.red .timeline-time h1 {
    color: #FF1844;
}

.red .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #FF1844 !important;
}

.red .download-btn,
.red .dept-list:hover {
    background: #FF1844;
}

.red .menu_login li.sign-in a {
    background: none;
}


/***Icon Css Theme Red**/


/***Icon Css Theme Green**/

.Green .menu_login li.sign-in {
    background-color: #019000;
    background-image: linear-gradient(#019000, #025A1E);
}

.Green .da-link {
    background-color: #019000;
}

.Green .stick-dots .slick-dots li.slick-active button {
    color: #019000;
    background: #019000;
}

.Green .mission {
    background-color: #019000;
}

.Green .serv-link {
    background-color: #019000;
}

.Green .e-report {
    background: #019000 no-repeat right/* url(../images/report-download-icon2.svg)*/
}

.Green .serv-img span:before,
.Green .thumb-list li a span,
.Green .moh-legislation-icon:before,
.Green .icon-share-workiteme049539amoh::before {
    color: #687408 !important;
}

.Green .overlay span.moh-service-land-icon::before,
.Green .overlay span.moh-service-land-affairs-icon::before,
.Green .overlay span.moh-service-social-housing-icon::before,
.Green .overlay span.moh-service-planning-survey-icon::before,
.Green .overlay span.moh-service-real-estate-development-icon::before,
.Green .overlay span.moh-service-maps-icon::before,
.Green .overlay i.icon-share-workiteme049539amoh::before {
    color: #687408;
}

.Green .overlay .text h3 {
    color: #687408;
}

.Green .menu_login li.sign-in a {
    background: none;
}

.Green .test-car .slide2 div h4 {
    color: #000;
}

.Green .footer-block {
    background-color: #3E5050
}

.Green .menubar li:hover {
    border-bottom: 4px solid #019000;
}

.Green .menubar li:hover a {
    color: #019000 !important;
}

.Green .item2:hover {
    background: #019000;
}

.Green .timeline-time h1 {
    color: #019000;
}

.Green .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #019000 !important;
}

.Green .download-btn,
.Green .dept-list:hover {
    background: #019000;
}


/***Icon Css Theme Green**/


/*** Small Font ***/

.small-font .menubar li a,
.small-font .services h2,
.small-font p,
.small-font .overlay .text h3,
.small-font .text p,
.small-font ul.thumb-list li a,
.small-font .test-car .slide2 div h4,
.small-font .test-car .slide2 div span,
.small-font .footer-block h5 {
    font-size: 12px !important;
}

.small-font .services h3 {
    font-size: 15px;
}

.small-font .footer-block a,
.small-font .footer-btm-links a,
.small-font .access,
.small-font .lang,
.small-font .search-box,
.small-font .toll-text span,
.small-font .copyright p,
.small-font .news-list span,
.small-font .news-block h3 a.accordion-toggle,
.small-font .page-link,
.small-font .serv-land h3,
.small-font .timeline-label li,
.small-font .timeline-time span,
.small-font .timeline-time h1,
.small-font .form-list .form-group input,
.small-font .form-list h5,
.small-font .form-group select,
.small-font .breadcrumb li,
.small-font .maincontainer h2,
.small-font .search-key input,
.small-font .search-key ul li a,
.small-font .news-block h3 a.accordion-toggle.collapsed,
.small-font .book-txt h3,
.small-font .book-txt span,
.small-font .news-block .panel-collapse h4,
.small-font .info-blk h5,
.small-font .maincontainer h4,
.small-font .form-list .form-group label+label,
.small-font .js-masonry h3,
.small-font .gal-txt span {
    font-size: 11px !important;
}

.small-font .slide__content--headings h2 {
    font-size: 18px !important;
}


/*** Small Font ***/


/*** Large Font ***/

.large-font .services h2,
.large-font p,
.large-font .text p,
.large-font ul.thumb-list li a,
.large-font .test-car .slide2 div h4,
.large-font .test-car .slide2 div span,
.large-font .footer-block h5 {
    font-size: 18px !important;
}

.large-font p,
.large-font .text p {
    line-height: 22px;
}

.large-font .services-blk .overlay,
.large-font .services-blk-serv .overlay {
    height: 300px;
}

.large-font .overlay .text h3 {
    margin-top: 25px;
}

.large-font .test-car .slide2 div p {
    font-size: 16px !important;
}

.large-font .menubar li a {
    font-size: 16px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.large-font .services h3 {
    font-size: 2rem;
}

.large-font .footer-block a,
.large-font .footer-btm-links a,
.large-font .access,
.large-font .lang,
.large-font .search-box,
.large-font .toll-text span,
.large-font .copyright p,
.large-font .news-list span,
.large-font .page-link,
.large-font .serv-land h3,
.large-font .form-list .form-group input,
.small-font .form-group select,
.large-font .search-key input,
.large-font .search-key ul li a,
.large-font .news-block .panel-collapse h4,
.large-font .maincontainer h4,
.large-font .form-list .form-group label+label,
.large-font .gal-txt span,
.large-font .form-list .form-group label,
.large-font .proj-cont label {
    font-size: 16px !important;
}

.large-font .timeline-label li {
    font-size: 18px;
}

.large-font .slide__content--headings h2 {
    font-size: 40px !important;
}

.large-font .slide .slide__content--headings p.animated,
.large-font .gal-txt h4,
.large-font .mission p {
    font-size: 23px !important;
}

.large-font .services h2 {
    font-size: 35px !important;
}

.large-font .overlay .text h3,
.large-font .book-txt h3,
.large-font .proj-cont h4 {
    font-size: 23px !important;
}

.large-font .serv-img p,
.large-font .book-txt span {
    font-size: 18px !important;
}

.large-font a.thumb-txt {
    font-size: 13px;
}

.large-font .maincontainer h2 {
    font-size: 28px !important;
}

.large-font .news-block h3 a.accordion-toggle,
.large-font .form-list h4,
.large-font .form-list h5 {
    font-size: 20px !important;
}

.large-font .breadcrumb a,
.large-font .breadcrumb li,
.large-font .js-masonry h3 {
    font-size: 19px;
}

.large-font .news-block .panel-body h4,
.large-font .info-blk h5 {
    font-size: 18px !important;
}


/*** Large Font ***/


/*** Arabic Language Css ***/

.lang_ar .top-right.clearfix {
    /* float: left; */
}

.lang_ar .logo {
    text-align: right;
}

.lang_ar .menubar li a {
    font-weight: bold;
}

.lang_ar .navbar li a.nav-link,
.lang_ar .navbar li a.nav-link:hover {
    padding: 17px 20px !important;
}

.lang_ar .menu_login {
    /* margin-left: 19.8%; */
    /* margin-right: 2%; */
}

.lang_ar .toll-block {
    margin: 0px !important;
}

.lang_ar .services h3 {
    text-align: right;
    /* padding-right: 70px; */
}

.lang_ar .services-blk,
.lang_ar .services-blk-serv .overlay {
    /* left:50px; */
    right:0px;
}

.lang_ar .serv-banner {
    /* left: 31px; */
}

.lang_ar .book-txt h3{
    text-align: right;
}

.lang_ar .menubar li:first-child span {
    display: none;
}

.lang_ar .services h2 {
    text-align: right;
    /* padding-right: 55px; */
}

/* .lang_ar .demo-gallery ul li a {
    float:right;
} */


.lang_ar .demo-gallery ul li {
    float: right;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 0px;
}

.lang_ar .news-list p {
    text-align: right;
}


.lang_ar .address-header i {
    margin-left: 30px;
    margin-right: 0px;
}

.lang_ar ul.thumb-list li {
    border-left: 1px solid #BBBBBB;
    border-right: none;
}

.lang_ar .ftr-logo {
    border-left: 1px solid #7A7A7A;
    border-right: none;
}

.lang_ar .search-box {
    padding-left: 24px;
}

.lang_ar .slide-bnr {
    text-align: left;
}

.lang_ar .audio-help p {
    text-align: left;
}

.lang_ar .breadcrumb-item i.fa.fa-chevron-left {
    padding-left: 10px;
    color: #000;
    font-size: 13px;
    padding-right: 10px;
}

.lang_ar .download-btn i {
    padding-left: 20px;
}

.lang_ar .chat-nav ul.scl li.ins {
    padding: 0 100px;
}

.lang_ar .chat-nav ul.scl li.you {
    padding: 0 0px;
}

.lang_ar .timeline-time h1 {
    font-size: 2rem
}

.lang_ar .jan .timeline-time {
    top: 15px;
}

.lang_ar .form-list .form-group label {
    text-align: right;
}

.lang_ar .proj-cont h4 {
    text-align: right;
}

.lang_ar .book-img,
.lang_ar .book-txt {
    float: right;
}

.lang_ar .book-txt {
    padding-right: 50px;
}

.lang_ar .vin-img {
    left: -40px;
    padding: 32px 0;
}

.lang_ar .mis-blk {
    width: 100%;
    padding-right: 60px;
    text-align: right;
}

.lang_ar .mission {
    padding: 80px 70px 96px;
}

.lang_ar .maincontainer h2 {
    text-align: right;
}

.lang_ar .slide__content--headings {
    /* float: right; */
}

.lang_ar .page-item i.fa.fa-angle-right {
    right: 52px;
    top: 2px;
    transform: rotate(182deg);
}

.lang_ar .page-item i.fa.fa-angle-left {
    right: -72px;
    top: 2px;
    transform: rotate(-182deg);
}

.lang_ar .clearsearch {
    left: 7rem;
    top: 11rem;
}

.lang_ar .demo-gallery {
    float: right;
}

.lang_ar .rec-news button.slick-arrow.slick-prev {
    left: -25px;
}

.lang_ar .test-car2.carousel2 {
    width: 87%;
}

.lang_ar h2,
.lang_ar h1 {
    text-align: right;
}

.lang_ar .gal-txt p,
.lang_ar .gal-txt h4,
.lang_ar .info-blk h5 {
    text-align: right;
    line-height: 1.3;
}

.lang_ar .panel__label:before {
    float: left;
}

.lang_ar .panel__label:after {
    float: left !important;
    left: 0px;
    right: inherit !important;
}

.lang_ar .news-list h3 {
    text-align: right;
}

.lang_ar .news-list span {
    float: center;
    /* float: right; */

}

.lang_ar .comp {
    float: right;
}

.lang_ar .address {
    width: 80%;
}

.lang_ar .play-store.clearfix {
    width: 70%;
}

.lang_ar .address ul {
    text-align: center;
}

.lang_ar .testimonialSlider {
    left: -24%;
}

.lang_ar .rec-news .slick-slider {
    left: 21px;
}

.lang_ar a.gal-vidoe {
    left: 3% !important;
    top: 14%;
    right: inherit;
}

.lang_ar .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    float: right;
    /* right: -54px; */
    right: -39px;
    position: relative;
}

.lang_ar .timeline-centered:before {
    /* right: 181px; */
    right: 132px;

}

.lang_ar .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    right:-178px;
    /* right: -214px; */
    left: 0px;
}

.lang_ar .timeline-centered .timeline-entry .timeline-entry-inner{
    margin-left: 0px;
}

.lang_ar .timeline-centered .timeline-entry {
    /* left: -232px; */
    left:-167px;
}


/*** Arabic Language ***/

@media (max-width: 990px) {
    .navbar-collapse {
        background: #fff;
        z-index: 999;
        -webkit-box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
        -moz-box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
        box-shadow: -2px 0px 13px 0px rgba(153, 151, 153, 1);
    }
    .book-txt {
        padding-left: 8px;
    }
}

@media (max-width: 767px) {
    .serv-banner img,
    .ftr-logo img,
    #fade img {
        max-width: 100%;
    }
    .navbar span {
        position: inherit;
    }
    .dropdown-menu {
        box-shadow: inherit;
    }
    .menubar li {
        /* border:none; */
        /* border-bottom: 4px solid #fff; */
    }
    .menubar ul span {
        display: none;
    }
    .navbar li a {
        padding: 12px 7px !important;
    }
    .menubar li:hover a {
        padding: 12px 7px !important;
    }
    .toll-block {
        margin-left: 2%;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    .menu_login li.sign-in a {
        padding-top: 8px !important;
    }
    .slide__content--headings {
        padding-left: 0 !important;
        width: 100% !important;
    }
    .slide .slide__content--headings h2 {
        font-size: 13px;
        font-weight: bold;
    }
    .slide .slide__content--headings p.animated {
        font-size: 13px !important;
        line-height: 15px !important;
        font-weight: inherit !important;
        height: 28px !important;
    }
    .slide .slide__content {
        top: 43% !important;
    }
    .da-img {
        float: left !important;
        width: 100% !important;
        margin-top: 8%;
    }
    .slider,
    .slide {
        height: 56vh !important;
    }
    section.services {
        padding-left: 0;
    }
    .services h3 {
        padding-left: 0;
        text-align: left;
    }
    .services h2 {
        font-size: 18px;
    }
    .ssl {
        position: inherit;
        top: 0px;
        width: auto;
        margin: 8% 0;
        text-align: center;
    }
    .plstore {
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }
    .address li {
        padding-right: 14px;
    }
    .ftr-logo {
        border: none;
        margin-bottom: 0px;
    }
    .footer-top p {
        padding-left: 0;
    }
    ul.thumb-list li {
        display: inherit;
        border: none;
        text-align: center;
        margin-bottom: 10%;
    }
    .slide-bnr img {
        max-width: 100% !important;
    }
    .slide-bnr {
        margin-top: 20px;
    }
    .serv-banner {
        left: 0;
    }
    .services-blk {
        margin: 0 auto;
        display: inherit;
        height: auto;
    }
    .copyright p,
    .footer-btm-links {
        padding: 0;
        text-align: center;
    }
    .footer-block h5 {
        margin-top: 10%;
    }
    .stick-dots .slick-dots li {
        margin-right: 0px !important;
    }
    .stick-dots .slick-dots li button {
        width: 37px !important;
    }
    .overlayicon {
        width: auto;
    }
    .slick-dots {
        padding: 0 15px 0 47px !important;
    }
    .services-blk.col-md-4 {
        max-width: inherit;
    }
    .mh-table table td,
    .mh-table table th {
        padding: .75rem;
    }
    .chat-nav ul.scl li {
        width: auto;
        display: inline-block;
        padding: 0px 10px !important;
        text-align: center;
    }
    .chat-nav li {
        display: block;
    }
    .reg-left {
        width: 100%;
    }
    .chat-block h4 {
        font-size: 16px;
    }
    .reg {
        width: 68%;
    }
    .reg-right {
        border: 0px;
    }
    .menubar img {
        /* display: none; */
    }
    .mission p {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .mis-blk {
        width: 100%;
    }
    .mission {
        padding: 20px 20px 3px;
    }
    .vin-img {
        position: inherit;
        left: 0px;
    }
    .e-report {
        width: 30%;
    }
    .demo-gallery li:first-child {
        display: inline-block;
    }
    .demo-gallery>ul>li {
        float: none;
    }
    .demo-gallery>ul {
        text-align: center;
    }
}

@media (max-width: 359px) {
    .book-img,
    .book-txt {
        float: none;
    }
    .book-pub .col-md-6 {
        text-align: center;
        margin: 2% 0;
    }
    .download-btn {
        margin-top: 10px !important;
    }
    .book-txt h3 {
        padding-top: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .serv-banner img {
        max-width: 400px;
    }
    .overlayicon {
        height: 104px;
        width: 400px;
    }
    .services-blk {
        width: 210px;
    }
    .toll-block {
        margin-left: 0px;
    }
    .menu_login {
        margin-left: 0%;
    }
}

font-blue {
    color: #4705fd;
    margin-top: 10px;
    margin-left: 20px;
}

.dept-list {
    display: inline-block;
    background: #ffffff;
    padding: 20px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    -moz-box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    box-shadow: -1px -1px 5px 0px rgba(179, 179, 179, 1);
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin: 15px 0;
    min-height: 85px;
}

.dept-list:hover {
    background: #4705fd;
    color: #ffffff;
}

.scroll {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.testimonialSlider {
    /* left: 20%; */
    position: relative;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    background-color: #e9e9e9;
}

.scroll a {
    text-decoration: none;
    color: #000000;
}

.address-header {
    font-size: 18px;
    font-weight: bold;
}

.contact-name {
    font-weight: bold;
    color: #4705fd;
    font-size: 14px;
    margin-top: 30px;
}

.contact-address {
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
}

.address-header i {
    margin-right: 30px;
    font-size: 32px;
    float: left;
    cursor: pointer;
}

.address-header a {
    text-decoration: none;
    color: #000000;
}

.address-title {
    line-height: 32px;
}

.address-map {
    margin-top: 20px;
}

.table-heading {
    font-size: 13px;
    /* margin-top: 30px; */
    background: #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.table-content {
    font-size: 14px;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 5px;
    padding-top: 5px;
    /* font-weight: bold; */
}

.download-btn-custom {
    background: #056ca2;
    margin-top: 10px;
    margin-left: -15px;
}

.download-btn-custom a,
.download-btn-custom a:hover {
    color: #fff;
    text-decoration: none;
    padding: 10px 18px;
    display: block;
}

.download-btn-custom i {
    font-size: 23px !important;
    padding-right: 20px;
}

.signin-container {
    background-color: rgba(67, 5, 228, 0.9);
    margin-top: -26px;
}

.signin-bg {
    /* background-image: url("../images/signin-bg.jpg"); */
    background-position: right;
    margin-left: 14px;
}


/*! lightgallery - v1.6.12 - 2019-02-19
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */

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

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: none;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF;
}

.lg-actions .lg-next {
    right: 20px;
}

.lg-actions .lg-next:before {
    content: "\e095";
}

.lg-actions .lg-prev {
    left: 20px;
}

.lg-actions .lg-prev:after {
    content: "\e094";
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
    color: #FFF;
}

.lg-toolbar .lg-close:after {
    content: "\e070";
}

.lg-toolbar .lg-download:after {
    content: "\e0f2";
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px;
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease;
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF;
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
    /* background: url("./../img/vimeo-play.png") no-repeat scroll 0 0 transparent; */
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    /* background: url("./../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; */
}

.lg-outer .lg-has-html5 .lg-video-play {
    /* background: transparent url("./../img/video-play.png") no-repeat scroll 0 0; */
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
    /* background: url("./../img/youtube-play.png") no-repeat scroll 0 0 transparent; */
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    /* background: url("./../img/youtube-play.png") no-repeat scroll 0 -60px transparent; */
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible;
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}

.lg-autoplay-button:after {
    content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#lg-zoom-in:after {
    content: "\e311";
}

#lg-actual-size {
    font-size: 20px;
}

#lg-actual-size:after {
    content: "\e033";
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}

#lg-zoom-out:after {
    content: "\e312";
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}

.lg-fullscreen:after {
    content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF;
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px;
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0px;
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
    color: #333;
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}

.lg-outer #lg-share {
    position: relative;
}

.lg-outer #lg-share:after {
    content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903";
}

.lg-group:after {
    content: "";
    display: table;
    clear: both;
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lg-outer.lg-visible {
    opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

.lg-outer .lg-item {
    /* background: url("./../img/loading.gif") no-repeat scroll center center transparent; */
    display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.lg-outer .lg-item.lg-complete {
    background-image: none;
}

.lg-outer .lg-item.lg-current {
    z-index: 1060;
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-empty-html {
    display: none;
}

.lg-outer.lg-hide-download #lg-download {
    display: none;
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
    opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
    opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}


/*# sourceMappingURL=lightgallery.css.map */


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    /* height: 100%;
    min-height: 1px; */
}

/* [dir='rtl'] .slick-slide {
    float: right;
} */

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.da-img {
    /* float: right; */
    width: 51%;
    padding-top: 0%;
}

.slide__content--headings h2 {
    color: #000;
    font-size: 37px;
    width: 92%;
    top: 11px;
    z-index: 10;
}

.da-img img {
    -webkit-box-shadow: -11px 5px 30px 2px rgba(194, 192, 194, 1);
    -moz-box-shadow: -11px 5px 30px 2px rgba(194, 192, 194, 1);
    box-shadow: -11px 5px 30px 2px rgba(194, 192, 194, 1);
}

/* .slider,
.slide {
    height: 70vh;
} */

@media (min-width: 992px) {}

.slide {
    position: relative;
    /* background-color: #ccc; */
}

.slide .slide__img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

@media (min-width: 992px) {
    .slide .slide__img {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.slide .slide__img img {
    max-width: 100%;
    height: auto;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;
}

.slide .slide__content {
    position: absolute;
    top: 44%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slide__content--headings {
    /* float: left; */
    /* padding-left: 8%; */
    padding-top: 0%;
    width: 41%;
}

.slick-slider .slide__content--headings {
    color: #FFF;
    width: 41%;
}

.slick-slider .slide__content--headings h2 {
    font-size: 2.5rem;
    margin: 10px 0;
}

.slick-slider .slide__content--headings p {
    transition: all 0.5s ease;
    top: 155px;
    color: #000;
    font-size: 18px;
    line-height: 29px;
    height: 93px;
    overflow: hidden;
    font-family: 'robotoregular','notokufiArabicregular';
    font-weight: bold;
}

.slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
}

.simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
}

.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
    opacity: 1;
}

.simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
}

.stick-dots .slick-dots li {
    height: 3px;
    width: 70px;
    margin-right: 73px;
    counter-increment: my-awesome-counter;
}

.stick-dots .slick-dots li::after {
    content: "0" counter(my-awesome-counter);
    font-weight: bold;
    /* font-size: 2rem; */
    margin-right: 1.5rem;
    /* font-family: 'Abril Fatface', serif; */
    line-height: 0;
    float: left;
    margin-left: -23px;
}

.slick-dots li button {
    position: relative;
    background-color: #B7B7B7;
    /* opacity: 0.25; */
    width: 110px;
    height: 4px;
    padding: 0;
}

.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
    opacity: 1;
}

.slick-dots li.slick-active button {
    color: #056ca2;
    /* opacity: 0.75; */
    background: #056ca2;
}

.Green .slick-dots li.slick-active button {
    color: #019000;
    background: #019000;
}

.red .slick-dots li.slick-active button {
    color: #FF1844;
    background: #FF1844;
}

.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
}


/* /////////// IMAGE ZOOM /////////// */

@-webkit-keyframes zoomInImage {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

@keyframes zoomInImage {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

.zoomInImage {
    -webkit-animation-name: zoomInImage;
    animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomOutImage {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.zoomOutImage {
    -webkit-animation-name: zoomOutImage;
    animation-name: zoomOutImage;
}

.da-img img {
    max-width: 100%;
}

.main_slider .slick-track {
    padding-top: 4%;
    padding-bottom: 5%;
}

.slick-prev:before {
    position: absolute;
    top: -22px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-left: 2px solid black;
    border-top: 2px solid black;
    left: 7px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slick-next:before {
    position: absolute;
    top: -22px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-left: 2px solid black;
    border-top: 2px solid black;
    right: 7px;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rec-news .slick-next {
    right: -31px !important;
}

.slick-next,
.slick-prev {
    background-color: inherit !important;
    
}

.rec-news .slick-next,
.rec-news .slick-prev {
    top: 80%;
}

.rec-news .slick-list li {
    font-size: 13px;
}

.range-txt li.low a {
    position: relative;
    left: -12px;
}

.range-txt li.high a {
    position: relative;
    left: 31px;
}


/* http://www.menucool.com/jquery-slider */

#thumbnail-slider {
    margin: 0 auto;
    /*center-aligned*/
    width: 100%;
    /*width:400px;*/
    max-width: 510px;
    /* padding:20px;
    background-color:#f2f1ea;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3); */
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

#thumbnail-slider div.inner {
    /*the followings should not be changed */
    position: relative;
    overflow: hidden;
    padding: 2px 0;
    margin: 0;
    height: 160px;
}

#thumbnail-slider div.inner ul {
    /*the followings should not be changed */
    white-space: nowrap;
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    float: left!important;
    width: auto!important;
    height: auto!important;
}

#thumbnail-slider div.inner ul li a {
    white-space: normal;
}

#thumbnail-slider ul li {
    display: inline-block;
    *display: inline!important;
    /*IE7 hack*/
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.75);
    margin: 0;
    margin-right: 62px;
    /* Spacing between thumbs*/
    transition: border-color 0.3s;
    box-sizing: content-box;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    position: relative;
    list-style: none;
    backface-visibility: hidden;
}

#thumbnail-slider ul li.active {
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.75);
}

#thumbnail-slider .thumb {
    opacity: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    font-size: 0;
}


/* --------- navigation controls ------- */


/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

#thumbnail-slider-pause-play {
    display: none;
}


/*.pause*/

#thumbnail-slider-prev,
#thumbnail-slider-next {
    opacity: 1;
    position: absolute;
    /*background-color:#0346a3;*/
    *background-color: #ccc;
    /*IE7 hack*/
    backface-visibility: hidden;
    width: 32px;
    height: 60px;
    line-height: 60px;
    top: 50%;
    margin: 0;
    margin-top: -30px;
    color: white;
    z-index: 10;
    cursor: pointer;
}

#thumbnail-slider-prev {
    left: -30px;
    right: auto;
}

#thumbnail-slider-next {
    left: auto;
    right: -30px;
}

#thumbnail-slider-next.disabled,
#thumbnail-slider-prev.disabled {
    opacity: 0.3;
    cursor: default;
}


/* arrows */

#thumbnail-slider-prev::before,
#thumbnail-slider-next::before {
    position: absolute;
    top: -22px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-left: 2px solid black;
    border-top: 2px solid black;
}

#thumbnail-slider-prev::before {
    left: 7px;
    -ms-transform: rotate(-45deg);
    /*IE9*/
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#thumbnail-slider-next::before {
    right: 7px;
    -ms-transform: rotate(135deg);
    /*IE9*/
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

a.thumb-txt {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    text-align: left;
    position: relative;
    top: 75px;
    width: 80px;
    display: block;
    font-family: 'robotoregular','notokufiArabicregular';
}

.slide-bnr {
    text-align: right;
    padding-bottom: 40px;
}

.slide-bnr img {
    max-width: 100%;
    -webkit-box-shadow: -1px 0px 46px 0px rgba(148, 148, 148, 1);
    -moz-box-shadow: -1px 0px 46px 0px rgba(148, 148, 148, 1);
    box-shadow: -1px 0px 46px 0px rgba(148, 148, 148, 1);
}


/*Responsive settings*/

@media only screen and (max-width:736px) {
    #thumbnail-slider {
        padding: 10px 26px;
    }
    #thumbnail-slider-prev {
        left: 0px;
    }
    #thumbnail-slider-next {
        right: 0px;
    }
}

.da-slider {
    width: 100%;
    min-width: 520px;
    height: 400px;
    position: relative;
    margin: 30px auto;
    overflow: hidden;
    /* background: transparent url("./../images/waves.gif") repeat 0% 0%; */
}

.da-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    font-family: 'robotoregular','notokufiArabicregular';
    text-align: left;
}

.da-slide-current {
    z-index: 100;
}

.da-slider-fb .da-slide {
    left: 100%;
}

.da-slider-fb .da-slide.da-slide-current {
    left: 0px;
}

.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
    position: absolute;
    opacity: 0;
    left: 110%;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
    left: 10%;
    opacity: 1;
}

.da-slider-fb .da-slide .da-img {
    left: 60%;
    opacity: 1;
}

.da-slide h2 {
    color: #000;
    font-size: 37px;
    width: 28%;
    top: 11px;
    z-index: 10;
}

.da-slide p {
    width: 33%;
    top: 155px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    height: 80px;
    overflow: hidden;
    font-family: 'robotoregular','notokufiArabicregular';
    font-weight: bold;
}

.da-slide img {
    -webkit-box-shadow: -11px 5px 30px 2px rgba(194, 192, 194, 1);
    -moz-box-shadow: -11px 5px 30px 2px rgba(194, 192, 194, 1);
    box-shadow: -11px 5px 30px 2px rgba(194, 192, 194, 1);
}

.da-slide .da-img {
    text-align: center;
    width: 30%;
    top: 17px;
    height: 256px;
    line-height: 320px;
    left: 110%;
    /*60%*/
}

.da-slide .da-link {
    top: 270px;
    /*depends on p height*/
    color: #fff;
    padding: 10px 20px 10px;
    font-size: 14px;
    line-height: 30px;
    width: 150px;
    text-align: center;
    background: #056ca2;
    margin-top: '20px';
}

.da-link {
    top: 270px;
    /*depends on p height*/
    color: #fff;
    padding: 10px 20px 10px;
    font-size: 14px;
    line-height: 30px;
    width: 150px;
    text-align: center;
    background: #056ca2;
    margin-top: 15px;

}

.da-link:hover {
    /* background: rgba(255,255,255,0.3); */
    color:#fff;
    text-decoration: none;
}

.da-slide .da-link:hover {
    /* background: rgba(255,255,255,0.3); */
    text-decoration: none;
}

.da-dots {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0px;
    bottom: 20px;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.da-dots span {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 3px;
    background: #B7B7B7;
    margin: 3px;
    cursor: pointer;
}

.da-dots span.da-dots-current:after {
    content: '';
    width: 100px;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #056ca2;
}

.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}

.da-arrows span {
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #e4b42d;
    cursor: pointer;
    z-index: 2000;
    opacity: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: opacity 0.4s ease-in-out 0.2s;
    -moz-transition: opacity 0.4s ease-in-out 0.2s;
    -o-transition: opacity 0.4s ease-in-out 0.2s;
    -ms-transition: opacity 0.4s ease-in-out 0.2s;
    transition: opacity 0.4s ease-in-out 0.2s;
}

.da-slider:hover .da-arrows span {
    opacity: 1;
}

.da-arrows span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    /* background: transparent url("./../images/arrows.png") no-repeat top left; */
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.da-arrows span.da-arrows-next:after {
    background-position: top right;
}

.da-arrows span.da-arrows-prev {
    left: 15px;
}

.da-arrows span.da-arrows-next {
    right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link {
    left: 10%;
    opacity: 1;
}

.da-slide-current .da-img {
    left: 46%;
    opacity: 1;
}


/* Animation classes and animations */


/* Slide in from the right*/

.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    -o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
    animation: fromRightAnim1 0.6s ease-in 0.8s both;
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
    animation: fromRightAnim2 0.6s ease-in 0.8s both;
}

.da-slide-fromright .da-link {
    -webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
    animation: fromRightAnim3 0.4s ease-in 1.2s both;
}

.da-slide-fromright .da-img {
    -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    -o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
    animation: fromRightAnim4 0.6s ease-in 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}


/* Slide in from the left*/

.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
    animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}

.da-slide-fromleft .da-link {
    -webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}

.da-slide-fromleft .da-img {
    -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
    animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }
    1% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }
    100% {
        left: 60%;
        opacity: 1;
    }
}


/* Slide out to the right */

.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
    -moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
    -o-animation: toRightAnim1 0.6s ease-in 0.6s both;
    -ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
    animation: toRightAnim1 0.6s ease-in 0.6s both;
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
    animation: toRightAnim2 0.6s ease-in 0.3s both;
}

.da-slide-toright .da-link {
    -webkit-animation: toRightAnim3 0.4s ease-in both;
    -moz-animation: toRightAnim3 0.4s ease-in both;
    -o-animation: toRightAnim3 0.4s ease-in both;
    -ms-animation: toRightAnim3 0.4s ease-in both;
    animation: toRightAnim3 0.4s ease-in both;
}

.da-slide-toright .da-img {
    -webkit-animation: toRightAnim4 0.6s ease-in both;
    -moz-animation: toRightAnim4 0.6s ease-in both;
    -o-animation: toRightAnim4 0.6s ease-in both;
    -ms-animation: toRightAnim4 0.6s ease-in both;
    animation: toRightAnim4 0.6s ease-in both;
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    30% {
        left: 55%;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}


/* Slide out to the left*/

.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 0.6s ease-in both;
    -moz-animation: toLeftAnim1 0.6s ease-in both;
    -o-animation: toLeftAnim1 0.6s ease-in both;
    -ms-animation: toLeftAnim1 0.6s ease-in both;
    animation: toLeftAnim1 0.6s ease-in both;
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
    animation: toLeftAnim2 0.6s ease-in 0.3s both;
}

.da-slide-toleft .da-link {
    -webkit-animation: toLeftAnim3 0.4s ease-in both;
    -moz-animation: toLeftAnim3 0.4s ease-in both;
    -o-animation: toLeftAnim3 0.4s ease-in both;
    -ms-animation: toLeftAnim3 0.4s ease-in both;
    animation: toLeftAnim3 0.4s ease-in both;
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
    -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
    -o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
    -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
    animation: toLeftAnim4 0.6s ease-in 0.6s both;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    40% {
        left: 70%;
        opacity: 1;
    }
    90% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    40% {
        left: 70%;
        opacity: 1;
    }
    90% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    40% {
        left: 70%;
        opacity: 1;
    }
    90% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    40% {
        left: 70%;
        opacity: 1;
    }
    90% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }
    30% {
        left: 15%;
        opacity: 1;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }
    99% {
        left: 10%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }
    40% {
        left: 70%;
        opacity: 1;
    }
    90% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: -50%;
        opacity: 0;
    }
}


/* Dropthought Integration*/

.photo__section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3%;
}

.dt__section {
    position: fixed;
    bottom: 60px;
    left: 17px;
    background: #056ca2;
    padding: 13px;
    border-radius: 30px;
}

.modal-content {
   /* top:118px; */
   /* z-index: 9999; */
}

.dt__section img {
    background-color: transparent;
    /* box-shadow: 2px 3px 15px #ccc;
	border-radius: 50%;
	-webkit-box-shadow: 2px 3px 15px #ccc; */
}

.dt__popup {
    position: absolute !important;
    z-index: 9999;
    height: 100%;
    top: 0px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    width: 100%;
    padding-left: 40%;
}

.dt__close {
    position: relative;
    top: -35rem;
    left: 19rem;
    font-size: 33px;
}


/* End Dropthought Integration*/

.photo__list {
    display: block;
    align-items: center;
    position: relative;
    width: 200px;
    height: 300px;
    float: left;
}

.photo_item {
    /* position:absolute; */
    max-width: 250px;
    width: 200px;
    padding: 5px;
    display: none;
    ;
}

.photo__list h4 {
    text-align: center;
    position: relative;
    top: 246px;
}

.photo__list .images .photo_item:first-child {
    display: block;
}

.comment-block {
    width: 60px;
    height: 60px;
    /* background-color: #056ca2; */
    background: #056ca2;
    position: fixed;
    z-index: 1000;
    right: 22px;
    bottom: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
}

.Green .comment-block {
    background-color: #019000;
}

.Green .dt__section {
    background: #019000;
}

.red .comment-block {
    background-color: #FF1844;
}

.red .dt__section {
    background: #FF1844;
}

.comment-block a {
    position: relative;
    color: #fff;
    top: 10px;
    left: 13px;
}

.comment-block a:hover {
    color: #fff;
}

.comment-block a i {
    font-size: 34px;
}

.commentPop {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0px;
    background-color: #ffff;
}

.scroll_hide {
    overflow-y: hidden;
}

.fa-times-circle {
    position: relative;
    left: 2px;
    top: 2px;
}

.footer-top .col-md-6 {
    padding-left: 0px;
}

.slick-list h3 {
    font-size: 17px;
    /* color: #056ca2; */
    font-weight: bold;
}


.slick-list p {
    /* overflow: hidden; */
    text-overflow: ellipsis;
    display: -webkit-box;
    /* line-height: 15px; */
    /* max-height: 60px;      */
    /* -webkit-line-clamp: 7; */
    /* Write the number of 
                              lines you want to be 
                              displayed */
    -webkit-box-orient: vertical;
}

.container-fluid {
    padding: 0px !important;
}

.footer-top .row {
    margin: 0px;
}

.row {
    /* margin: 0px !important; */
}

.lg-outer.lg-start-zoom {
    direction: ltr;
}

.bread-block {
    margin-top: 20px;
    ;
}

.breadcrumb li.active a {
    color: #056ca2 !important;
}

.ulist2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ulist2 li {
    margin: 0;
    padding: 0 0 0 20px;
    list-style-type: none;
    background: url("./../images/ulist1_li.gif") 0 5px no-repeat;
}


/* New Tab Design for accordian*/

/*  bhoechie tab */
div.bhoechie-tab-container{
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #ddd;
    margin-top: 20px;
    margin-left: 50px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
  }
  div.bhoechie-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  div.bhoechie-tab-menu div.list-group{
    margin-bottom: 0;
  }
  div.bhoechie-tab-menu div.list-group>a{
    margin-bottom: 0;
    color: #5b1fff;
    font-family: 'robotobold','notokufiArabicbold';
    text-decoration: none;
  }
  div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5b1fff;
  }
  div.bhoechie-tab-menu div.list-group>a:first-child{
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
  }
  div.bhoechie-tab-menu div.list-group>a:last-child{
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
  }
  div.bhoechie-tab-menu div.list-group>a.active,
  div.bhoechie-tab-menu div.list-group>a:hover,
  div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
  div.bhoechie-tab-menu div.list-group>a.active .fa{
    background-color: #5b1fff;
    background-image: #5b1fff;
    color: #ffffff;
  }
  div.bhoechie-tab-menu div.list-group>a.active:after{
    /* content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #5b1fff;
     */
    content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	 /* margin-top: -13px; */
	border-left: 0;
	 /* border-bottom: 13px solid #5b1fff; */
	border-top: 13px solid #5b1fff;
	border-left: 10px solid transparent;
	border-right: 13px solid transparent
  }

  .list-group-item+.list-group-item{
      border-top-width: 1 !important;
  }

  .lang_ar div.bhoechie-tab-menu div.list-group>a.active:after{
    right: 50%;
    transform: scaleX(-1);  
  }
  
  div.bhoechie-tab-content{
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 14px;
    margin-bottom: 7px;
    margin-top: 15px;
    background-color: #ececec;
    border-left: 4px solid #5b1fff;
  }

  .lang_ar div.bhoechie-tab-content{
    padding-right: 20px;
    margin-left: 25px;
    margin-right: 25px;
    border-right: 4px solid #5b1fff;
    border-left: 0px 
  }

  div.bhoechie-tab-content h6{
      font-weight: bold;
      text-align: left;
  }

  .lang_ar div.bhoechie-tab-content h6{
    text-align: right;
  }

  .bhoechie-tab-content a{
      border: 1px solid lightgrey;
  }

  .pdfimage {
    width: 40x;
    height: 40px;
}

.navbar-sticky {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 1px 1px 20px #222;
    animation: moveDown 0.5s ease-in-out;
    z-index: 9999;
    /* z-index: 1; */
  }


  .route-icon{
    width:30px; 
    height:30px; 
  }

  /* hover dropdown menus */
@media only screen and (max-width: 991px) {
    .navbar-hover .show > .dropdown-toggle::after{
        transform: rotate(-90deg);
    }
}
@media only screen and (min-width: 992px) {
    .navbar-hover .collapse ul li{position:relative;}
    .navbar-hover .collapse ul li:hover> ul{display:block}
    .navbar-hover .collapse ul ul{position:absolute;top:0;left:245px;min-width:15rem;display:none}
    .navbar-hover .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:15rem;display:none}
    /*.navbar-hover .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}*/

    .lang_ar .navbar-hover .collapse ul li{position:relative;}
    .lang_ar .navbar-hover .collapse ul li:hover> ul{display:inline-block}
    .lang_ar .navbar-hover .collapse ul ul{right:245px;text-align: left; }
    .lang_ar .navbar-hover .collapse ul ul ul{right:100%;text-align: left;}
}

.subParentCard { 
    /* height : 80px; */
    width: 250px;
    border: 1px solid #ccc;
    padding: 10px; 
    margin-right: 5px;
    background-color: #f2f2f2;
}

.subParentCard:hover,
.subParentCard:active { 
    /* height : 80px; */
    width: 250px;
    border: 1px solid #ccc;
    padding: 10px; 
    margin-right: 5px;
    background-color: #c2c2c2;
}

i.fa.fa-twitter {
    color: #1DA1F6;
    font-size: 20px;
}

.twit button {
    display: none !important;
  }
  .twit h6 {
    font-weight: bold;
  }
  
  .twit p span {
    font-size: 14px;
    color: #969595;
  }
  .twit_detail .twit_detail i.fa-twitter{
    font-size: 14px;
  }
  .twit .twit_detail {
    display: flex !important;
    height: 137px;
  }
  .twit .twit_detail div:first-child {
    margin-right: 15px;
  }
  .twit a, .twit a div {
    font-size: 14px;
    color:#000 !important;
  }


  .sitemessage {
    /* display: inline-block; */
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    /* animation: floatText 15s infinite linear; */
    /* padding-left: 100%; /*Initial offset*/
  }
  .sitemessage:hover {
    animation-play-state: paused;
  }
  @keyframes floatText {
    to {
      transform: translateX(-100%);
    }
  }

  .servicesoptions-box {
    width: 280px;
    /* height: 400px; */
    -webkit-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    /* float: left; */
    font-size: 12px;
    /* padding: 20px 0px; */
    position: absolute;
    display: none;
    background-color: #fff;
    z-index: 1;
    top: 56px;
    /* overflow: scroll; */
    /* overflow-x:hidden; */
    cursor: pointer;
    left: 14%;
    }

    .lang_ar .servicesoptions-box{
        right: 14%;
    }

    .subServicesoptions-box {
        width: max-content;
        /* height: 400px; */
        -webkit-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
        -moz-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
        box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
        /* float: left; */
        font-size: 12px;
        /* padding: 20px 0px; */
        position: absolute;
        display: none;
        background-color: #fff;
        z-index: 1;
        top: 0px;
        /* overflow: scroll; */
        /* overflow-x:hidden; */
        cursor: pointer;
        left: 97%;
        }

        .subServicesoptions-box .servicesOptions a {
            padding: 10px 20px !important;
            border-bottom: 1px dashed #ccc;
            color: blue !important;
            font-weight: 400;
        }

        .subServicesoptions-box .servicesOptions a:hover {
            /* padding: 10px 10px !important; */
            border-bottom: 1px dashed #ccc;
            color: #fff !important;
            font-weight: 400;
        }
    
        .lang_ar .subServicesoptions-box{
            right: 14%;
        }

        .childSubServicesoptions-box {
            width: max-content;
            /* height: 400px; */
            -webkit-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
            -moz-box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
            box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
            /* float: left; */
            font-size: 12px;
            /* padding: 20px 0px; */
            position: absolute;
            display: none;
            background-color: #fff;
            z-index: 1;
            top: 0px;
            /* overflow: scroll; */
            /* overflow-x:hidden; */
            cursor: pointer;
            left: 97%;
            }
    
            .childSubServicesoptions-box .subServicesOptions a {
                padding: 10px 10px !important;
                border-bottom: 1px dashed #ccc;
                color: blue !important;
                font-weight: 400;
            }
    
            .childSubServicesoptions-box .subServicesOptions a:hover {
                /* padding: 10px 10px !important; */
                border-bottom: 1px dashed #ccc;
                color: #fff !important;
                font-weight: 400;
            }
        
            .lang_ar .childSubServicesoptions-box{
                right: 14%;
            }

        
.specilities li{
    border-left: 3px solid #8A2BE2;
    margin-top: 10px;
    padding: 5px;    
}  

.borderRight{
    border-right: 2px solid #ddd;
}

.lang_ar .specilities li {
    border-left: 0px;
    border-right: 3px solid #8A2BE2;
}

.specilities li:last-child{
    margin-bottom: 10px;    
}  

.specilities p{
    margin-left: 5px;
    font-size: 17px;
}    

.profileContainer { 
    background-color: white;
    border-radius: 6px;
    width: 300px;
     align-items: center; 
     position: absolute;
     top: 80%;
     left: 30%; 
     overflow: hidden;
     z-index: 9999;
     box-shadow:1px 2px 17px 1px #ccc;
    }

.notifyContainer { 
        background-color: white;
        border-radius: 6px;
        width: 392px;
        max-height: 321px;
        overflow-y: auto !important;
        align-items: center; 
        position: absolute;
        top: 80%;
        left: -14%; 
        overflow: hidden;
        z-index: 9999;
        box-shadow:1px 2px 17px 1px #ccc;
}
    

/* invoice */
#invoice{
    padding: 20px 100px;
	
}

.invoice {
    position: relative;
    background-color: #FFF;
    min-height: 680px;
    padding: 15px;
	-webkit-box-shadow: -9px -8px 42px 5px rgba(156,151,156,0.58);
-moz-box-shadow: -9px -8px 42px 5px rgba(156,151,156,0.58);
box-shadow: -9px -8px 42px 5px rgba(156,151,156,0.58);
}
​
.invoice header {
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #3989c6
}
​
.invoice .company-details {
    text-align: right
}
​
.invoice .company-details .name {
    margin-top: 0;
    margin-bottom: 0
}
​
.invoice .contacts {
    margin-bottom: 20px
}
​
.invoice .invoice-to {
    text-align: left;
	white-space: nowrap;
}
​
.invoice .invoice-to .to {
    margin-top: 0;
    margin-bottom: 0
}
​
.invoice .invoice-details {
    text-align: right
}
​
.invoice .invoice-details .invoice-id {
    margin-top: 0;
    color: #3989c6
}
​
.invoice main {
    padding-bottom: 50px
}
​
.invoice main .thanks {
    
    font-size: 20px;
	text-align: center;
	width: 100%;
	padding:30px;
   
}
​
.invoice main .notices {
    padding-left: 6px;
    border-left: 6px solid #3989c6
}
​
.invoice main .notices .notice {
    font-size: 1em
}
​
.invoice table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px
}
​
.invoice table td,.invoice table th {
    padding: 15px;
   
   
}
​
.invoice table th {
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
	 background: #eee;
	 font-weight:bold;
}
​
.invoice table td h3 {
    margin: 0;
    font-weight: 400;
    color: #3989c6;
    font-size: 1em
}
​
.invoice table .qty,.invoice table .total,.invoice table .unit {
    text-align: right;
    font-size: 1em;
	width: 100px;
}
​
.invoice table .no {
    color: #fff;
    font-size: 1em;
   
}
​
.invoice table .unit {
    background: #fff;
	width: 130px;
}
​
.invoice table .total {
    background: #fff;
    color: #000;
}
​
.invoice table tbody tr:last-child td {
   
}
​
.invoice table tfoot td {
    background: 0 0;
    border-bottom: none;
    white-space: nowrap;
    text-align: right;
    padding: 10px 20px;
    font-size: 1em;
   
}
​
.invoice table tfoot tr:first-child td {
    border-top: none
}
​
.invoice table tfoot tr:last-child td {
    color: #3989c6;
    font-size: 1em;
   
}
​
​
​
.invoice footer {
    width: 100%;
    text-align: center;
    color: #777;
    border-top: 1px solid #aaa;
    padding: 8px 0
}
​
@media print {
    .invoice {
        font-size: 11px!important;
        overflow: hidden!important
    }
	#printInvoice{display:none}
​
    .invoice footer {
               bottom: 10px;
        page-break-after: always
    }
​
    .invoice>div:last-child {
        page-break-before: always
    }
}

.invoice-number{width:40px !important;}
.qr{float:right; padding:15px;}



.badge{ 
    display: flex;
    width: 30px; 
    height: 30px; 
    border-radius: 15px;
    align-items: center; 
    justify-content: center; 
    background: red; 
    color: white ;
    margin: 0px 5px;
}

.userProfileContainer {
    box-shadow: 0px 1px 4px 1px #ccc;
    margin: 10px;
    padding: 10px;
}


.profilePopUpOptions {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    align-items: center;
    color: black;
    /* justify-content: space-between; */
}

.profilePopUpOptions:hover{
    background-color: #3902e3;
    color: white !important;
}

.profilePopUpOptions:hover  .profilePopUpOptions img {
    filter: brightness(0) invert(1);
}

.profilePopUpOptions h6 {
    /* margin-left: 5px; */
    margin-bottom: 0px;
}

.profilePopUpTopSection{
    padding-top: 10px;
    padding-bottom: 10px;
}

.profileDetailsRowLabel {
    font-size: 13px;
    /* font-weight: bold; */
}

.profileDetailsRowValue {
    font-size: 13px;
    font-weight: bold;
}

.valueRow:hover .profileEditIcon {
    display: inline-block;
}

.profileEditIcon {
    display: none;
}


.profileIconSize {
    font-size: 15px;
    margin:3px;
}

.verticalLine{
 width: 1px;
 position: absolute;
 top: 0;
 bottom: 0;   
}

.newsGrid{
    text-align: left;
    padding: 10px; 
    box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1)
}

.lang_ar .newsGrid{
    text-align: right;
}

.newsGrid:hover{
    box-shadow: 1px 1px 19px 0px rgba(204, 204, 204, 1);
    transform: scale(1.02);
}

.proxyuser{
    padding-left: 7px; 
    padding-right: 7px;
}

.proxyuser .row{
    margin-left: 0px; 
    margin-right: 0px;
}

.proxyusername{
    color:blue;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    
}

.proxyuser h6{
    margin-bottom: 0px;
    display: flex;
}


.changeuserbutton{
    /* background-color: #ddd; */
    float:right;
    color: blue; 
    padding-top:13px;
    padding-left:5px;
    padding-right:5px;
    border-radius: 3px;
}

.lang_ar .changeuserbutton{
    float:left;
}

.profilePopupIcons {
    width: 22px;
    height: 22px;
    margin: 0px 5px;
    -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
    filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
}

.leftTriangle{
    width:0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 13px solid blue;
    border-bottom: 13px solid transparent;
    margin-top: 10px;
    position: absolute;
    left:8px
    
}

.rightTriangle{
    width:0;
    height: 0;
    border-top: 13px solid transparent;
    border-left: 13px solid blue;
    border-bottom: 13px solid transparent;
    margin-top: 10px;
    position: absolute;
    right:-14px
}

.image-gallery-icon,
.image-gallery-icon:hover {
    color: blue;
}

/* 
.image-gallery-slide .image-gallery-image{
    object-fit: cover;
} */

/* organization structure chart*/

.org-chart {
    display: flex;
    justify-content: center;
  }
  .org-chart ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
  }
  .org-chart ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
  }
  .org-chart li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 10px;
    transition: all 0.5s;
  }
  .org-chart li::before, .org-chart li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
  }
  .org-chart li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
  }
  .org-chart li:only-child::after, .org-chart li:only-child::before {
    display: none;
  }
  .org-chart li:only-child {
    padding-top: 0;
  }
  .org-chart li:first-child::before, .org-chart li:last-child::after {
    border: 0 none;
  }
  .org-chart li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
  }
  .org-chart li:first-child::after {
    border-radius: 5px 0 0 0;
  }
  .org-chart li .user {
    max-width: 20%;
    text-decoration: none;
    color: #666;
    display: inline-block;
    padding: 20px 10px;
    transition: all 0.5s;
    background: #fff;
    min-width: 180px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .org-chart li .user:hover, .org-chart li .user:hover + ul li .user {
    background: #b5d5ef;
    color: #002A50;
    transition: all 0.15s;
    transform: translateY(-5px);
    box-shadow: inset 0 0 0 3px #76b1e1, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .org-chart li .user:hover img, .org-chart li .user:hover + ul li .user img {
    box-shadow: 0 0 0 5px #4c99d8;
  }
  .org-chart li .user:hover + ul li::after,
  .org-chart li .user:hover + ul li::before,
  .org-chart li .user:hover + ul::before,
  .org-chart li .user:hover + ul ul::before {
    border-color: #94a0b4;
  }
  .org-chart li .user > div, .org-chart li .user > a {
    font-size: 12px;
  }
  .org-chart li .user img {
    margin: 0 auto;
    max-width: 60px;
    max-width: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #aaa;
  }
  .org-chart li .user .name {
    font-size: 16px;
    margin: 15px 0 0;
    font-weight: 300;
  }
  .org-chart li .user .role {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  .org-chart li .user .manager {
    font-size: 12px;
    color: #b21e04;
  }


  
  
 

  /* Projects */

  /* Reset */
/* @import url(//codepen.io/chrisdothtml/pen/ojLzJK.css); */
.tiles {
  /* width: 1040px; */
  font-size: 0;
  text-align: center;
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
}

.tile {
    /* width: 22%; */
  display: inline-block;
  margin: 10px;
  text-align: left;
  opacity: 0.99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.lang_ar .tile{
    text-align: right;
}

.tile:before {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  transition-property: top, opacity;
  transition-duration: 0.3s;
}
.tile img {
  display: block;
  /* max-width: 100%; */
  /* width: 200px; */
  width: 100%;
  height: 350px;
  object-fit: cover;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.tile .details {
  font-size: 16px;
  padding: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.tile .spec_details {
    font-size: 16px;
    padding: 20px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
  }

  .tile .spec_details span {
    display: block;
    opacity: 0;
    position: relative;
    top: 10px;
    transition-property: top, opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
  }

.tile .details span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  transition-property: top, opacity;
  transition-duration: 0.3s;
  transition-delay: 0s;
}

/* .tile .details .specility {
    top: -270px;
  } */

.tile .details .title {
  line-height: 1;
  font-weight: 600;
  font-size: 18px;
}
.tile .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}


 .tile:focus:before,
 .tile:focus span, .tiles .tile:hover:before,
 .tile:hover span {
  opacity: 1;
}

.tile:hover .project-title{
    opacity: 0;
}

 .tile:focus:before, .tiles .tile:hover:before {
  top: 50%;
}
 .tile:focus span, .tiles .tile:hover span {
  top: 0;
}
.tile:focus .title, .tiles .tile:hover .title {
  transition-delay: 0.15s;
}
.tile:focus .info, .tiles .tile:hover .info {
  transition-delay: 0.25s;
}

.project-title{
    color: white;
    padding: 10px;
    position: absolute;
    transform: translateY(-62px);
    height: 55px;
    overflow: hidden;
}




.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0) invert(1); } /* image color white*/
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }
.original { filter: none; }


.info-card{ 
    box-shadow: rgb(204, 204, 204) 1px 1px 19px 0px;
    border-radius: 5px;
    overflow: hidden 
}

.info-card img{
    width: 100%;
}

.info-card p{
  height: 40px;
  overflow: hidden;
}


.info-title-row{
    display: flex; 
    justify-content: flex-start; 
    margin-top: 10px
}

.info-download-btn{ 
    width: 105px;
    padding: 5px 0px; 
    border: 2px solid #4c51e7; 
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #4c51e7;
    cursor: pointer 
}

.news-image{
    transform:  translate(0.35rem, -5rem);
   border-radius: 9px;
   position: absolute;
   width: 80%;
   height:155px;
   object-fit: cover;
   box-shadow: rgb(204, 204, 204) 1px 1px 19px 0px;
}

.lang_ar .news-image{
    transform: translate(-0.2rem, -5rem);
}

.news-title{
    margin-top: 100px;
    overflow: hidden;
    height: 93px;
    font-weight: bold;
}

.news-card{
    box-shadow:  1px 1px 19px 0px rgb(204, 204, 204);
    margin-top: 80px;
    margin-bottom: 10px;
    cursor: pointer;
}

.news-card:hover .news-image{
    transform: scale(1.1) translate(0.3rem, -5rem);
}

.lang_ar .news-card:hover .news-image{
    transform:scale(1.1) translate(-0.3rem, -5rem)
}





/* specilities*/

.bg-gray {
    background-color: #f9f9f9;
}

.site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: rgb(76, 81, 231);
}

.site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.site-heading h4::before {
  background: rgb(76, 81, 231) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
  background: rgb(76, 81, 231) none repeat scroll 0 0;
  border-color: rgb(76, 81, 231);
}

.we-offer-area .item {
  background: #ffffff none repeat scroll 0 0;
  border-left: 2px solid rgb(76, 81, 231);
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  overflow: hidden;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.we-offer-area.text-center .item {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  /* padding: 67px 40px 64px; */
  height: 400px;
}

.we-offer-area.text-center .item i {
  background: rgb(76, 81, 231) none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 40px;
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  width: 80px;
  z-index: 1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  margin-bottom: 25px;
}

.we-offer-area.text-center .item i::after {
  border: 2px solid rgb(76, 81, 231);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 90px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 90px;
  z-index: -1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area.item-border-less .item {
  border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
  margin-bottom: 30px;
}

.we-offer-area.item-border-less .item .number {
  font-family: "Poppins",sans-serif;
  font-size: 50px;
  font-weight: 900;
  opacity: 0.1;
  position: absolute;
  right: 30px;
  top: 30px;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.we-offer-area.center-active .single-item:nth-child(2n) .item {
  background: rgb(76, 81, 231) none repeat scroll 0 0;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
.we-offer-area.center-active .single-item:nth-child(2n) .item i,
.we-offer-area.center-active .single-item:nth-child(2n) .item h4,
.we-offer-area.center-active .single-item:nth-child(2n) .item p {
  color: #ffffff;
}

.we-offer-area .item i {
  color: rgb(76, 81, 231);
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;
}

.we-offer-area .item h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.we-offer-area .item p {
  margin: 0;
}

.we-offer-area .item i,
.we-offer-area .item h4,
.we-offer-area .item p {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area .item::after {
  background: rgb(76, 81, 231) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 300;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: -1;
}

.we-offer-area .item:hover::after {
  left: 0;
}

.we-offer-area .item:hover i,
.we-offer-area .item:hover h4,
.we-offer-area .item:hover p {
  color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i::after {
  border-color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i {
  background-color: #ffffff !important;
  color: rgb(76, 81, 231) !important;
}

.avatarContainerCircleBlue{
    width: 120px;
    height: 120px;
    border-radius: 60px; 
    background-color: rgb(76, 81, 231);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11), 0 5px 30px 0 rgba(0, 0, 0, 0.08);
  }

  .avatarContainerCircleBlue img{
    filter: brightness(0) invert(1);
  }

  .we-offer-area.text-center .item:hover .avatarContainerCircleBlue {
    background-color: white;
  }

  .we-offer-area.text-center .item:hover .avatarContainerCircleBlue img{
    filter: none;
  }

  

.we-offer-area.text-left .item i {
  background: rgb(76, 81, 231) none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  position: relative;
  width: 100px;
  z-index: 1;
  text-align: center;
}

.we-offer-area.text-left .item i::after {
  border: 2px solid rgb(76, 81, 231);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 120px;
}



/* html,
body {
  margin: 0;
  height: 100%;
  width: 100%;
  font-size: 12px;
  font-family: 'SF UI Text', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  -webkit-font-smoothing: antialiased;
}
#rootContainer,
#react-org-chart {
    margin: 0;
    cursor: move;
    height: 100%;
    width: 100%;
    background-color: #f7f9fa;
  }
  .org-chart-person-name {
    font-weight: 500;
  }
  .org-chart-person-link:hover g {
    fill: #409cf9 !important;
  }
  .org-chart-node:hover .org-chart-person-reports {
    fill: #409cf9 !important;
  }
  .org-chart-person-dept.engineering {
    fill: #4caf50 !important;
  }
  .org-chart-person-dept.communications {
    fill: #3f51b5 !important;
  }
  .org-chart-person-dept.product {
    fill: #d500f9 !important;
  }
  .org-chart-person-dept.hr {
    fill: #2196f3 !important;
  }
  .org-chart-person-dept.marketing {
    fill: #f44336 !important;
  }
  .org-chart-person-dept.design {
    fill: #26c6da !important;
  } */


.announcementCard{ 
    background-color: white;
    box-shadow: rgb(204, 204, 204) 1px 1px 19px 0px ;
}

.announcementCard:hover{
    transform: scale(1.1);
}

	
/* announcement redesign */
.announcement-date{
    /* text-align: left; */
    padding-left: 10px;
    padding-top: 5px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #fff !important;
}
.outer-card{
    background-color: #60a5fa !important;
    background-color: rgb(78, 88, 232)!important;
    /* height: 300px; */
    height:246px;
    margin-bottom: 20px;
}
.inner-card{
    transform:  translate(1rem, -0.2rem);
    height: 300px;
    border-width: medium;
    margin-bottom: 5px;
    padding:10px;
    display: flex;
    justify-content: space-between;
}
.lang_ar .inner-card{
    transform:  translate(-1rem, -0.2rem);
}
.to-blue-500 {
    --tw-gradient-to: #3b82f6;
}
.from-blue-400 {
    --tw-gradient-from: #60a5fa;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgba(96, 165, 250, 0));
}
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
}
.border-2 {
    border-width: 2px;
}
.border-solid {
    border-style: solid;
}
.rounded {
    border-radius: .25rem;
}
.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(59,130,246,var(--tw-border-opacity));
}

.lang_ar .modal-header .close{
    float:left;
    margin:0px
}

.coverflow__figure__3bk_C{
    width: 164px !important;
}

/* div.fade.in.modal {
    display:flex !important;
  }
  
  .modal-dialog {
    margin: auto;
  } */

  .innerRow{
      padding: 10px !important;
      /* filter: brightness(0) invert(1); */
  }

  .innerRow img{
    filter: none; /*brightness(0) invert(1);*/
  }

  .innerRow:hover{
      color: white;
      background-color: rgb(73, 73, 231);
  }

  .innerRow:hover img{
    filter: brightness(0) invert(1);;
   }

  .property-card{
    /* height:50%; */
    width:70%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius:16px;
    overflow:hidden;
    /* -webkit-box-shadow:  15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff; */
    /* box-shadow:  15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff; */
    -webkit-box-shadow:  0px 0px 27px #e1e1e3;
    box-shadow:  0px 0px 27px #e1e1e3;
    padding: 10px;
    background-color: #fff;
}

.property-card img{
    width: 35%;
    align-self: center;
}

.property-card h1{
    font-size: 25px;
    margin: 20px 0px;
    color: rgb(78, 88, 232) ;
    font-weight: bold;
}

.property-card h5{
    color: #777878;
    font-size: 16px;
    margin-bottom: 20px;
    /* color: rgb(78, 88, 232) ; */
}

.sessionContainer{
    height:100vh;
    width: 70%;
}

.notifyContainer { 
    background-color: white;
    border-radius: 6px;
    width: 321px;
    max-height: 321px;
    overflow-y: auto !important;
    align-items: center; 
    position: absolute;
    top: 8%;
    left: 21%; 
    padding-right: 15px;
    overflow: hidden;
    z-index: 9999;
    box-shadow:1px 2px 17px 1px #ccc;
}