/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700&subset=arabic');
html,
button,
input,
select,
textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
audio,
canvas,
video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; height: 0 }
[hidden] {
 display: none
}
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html,
button,
input,
select,
textarea { font-family: 'Cairo', sans-serif; }
body { margin: 0; margin: 0px; direction: rtl; }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h6 { font-size: .67em; margin: 2.33em 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
code,
kbd,
pre,
samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before,
q:after { content: ''; content: none }
small { font-size: 80% }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl,
menu,
ol,
ul { margin: 0 0 }
dd { margin: 0 0 0 0px }
menu,
ol,
ul { padding: 0 0 0 0px }
nav ul,
nav ol,
li { list-style: none; list-style-image: none }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal; *margin-left:-7px
}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle
}
button,
input { line-height: normal; border: none; }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor : pointer; *overflow:visible
}
button[disabled],
html input[disabled] { cursor : default }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; *height:13px;
*width:13px
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] { -moz-appearance: textfield; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
html,
button,
input,
select,
textarea { color: #222; -webkit-appearance: none; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
html,
body,
form { width: 100%; height: 100%; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html,
button,
input,
select,
textarea { }
html,
body,
form { width: 100%; height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; font-size: 14px; color: #828282; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/








* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { text-decoration: none; }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

:focus::-webkit-input-placeholder {
color:transparent;
}
:focus::-moz-placeholder {
color:transparent;
}
:-moz-placeholder {
color:transparent;
}
/* ==========================================================================
   Authأو 's custom styles
   ========================================================================== */
   
#wrapper { width: 100%; height: auto; float: right; min-height: 100%; height: 100%; }
.main-warp { width: 100%; height: auto; float: right; min-height: 100%; overflow: hidden; }
.page { width: 100%; height: auto; float: right; }
a { outline: none !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
h1,
h2,
h3,
h4 { margin: 0px; padding: 0px; }
ul,
li { margin: 0px; padding: 0px; list-style: none; }
*:focus { outline: 0; }
header { float: right; height: 90px; max-width: 100%; position: fixed; width: 100%; z-index: 999; background: #FFF; }
/* video section */


video { width: 100%; height: auto; max-height: 100%; image-fit: fill; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); }
.logo { position: absolute; z-index: 200; left: -5px; top: 28px; }
.banner { width: 100%; float: right; overflow: hidden; left: 0px; top: 0px; height: 100vh; }
.banner-video { width: 100%; background: #000; overflow: hidden; object-fit: fill; }
.video-outer-layer { width: 100%; height: 100vh; height: 100%; min-height: 800px; position: absolute; z-index: 500; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.v-btn-out { position: absolute; z-index: 500; top: 80%; left: 22%; }
.cap { width: 57%; float: right; }
.btn-blue { display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 53px; line-height: 53px; text-align: center; text-transform: uppercase; font-size: 20px; text-decoration: none; color: #fff; background: #007faf; padding: 0px 4%; }
.btn-blue:hover { background: #149dd0; }
.v-btn-out>button { display: block; width: 40px; height: 40px; border: 2px solid #fff; font-size: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: none; opacity: 0.5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
#play { background: url(../images/pp.png) no-repeat center 0px; display: none; }
#pause { background: url(../images/pp.png) no-repeat center -35px; }
#play:hover { opacity: 1; }
#pause:hover { opacity: 1; }
.overlay { background-color: rgba(0, 0, 0, 0.2); }
/* end video*/
.container { float: right; margin: 0; /*max-width: 1640px;*/ padding: 0 4%; width: 100%; }
.home-content-wrap { max-width: 580px; width: 38%; float: right; margin: 0px; padding: 160px 0 0 0; height: 100%; position: absolute; top: 0px; background: #fff; z-index: 2; }
.sub-content-wrap { float: right; height: auto; margin: 0; padding: 0; position: fixed; top: 0; width: 26%; z-index: 2; }
.banner-hold { float: right; position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
.banner-hold ul { top: 0; left: 0; height: 100%; width: 100%; }
.hide { display: none; }
.logo-hold img { width:96px }
.logo-hold { width: 100%; float: right; margin: 0px; padding: 0px; background: #fff; height: auto; }
.banner-hold-sub { float: right; /*position: fixed;*/ top: 0; left: 0; height: auto; width: 100%; z-index: 1; }
.banner-hold-sub ul { height: auto; width: 100%; }
.logo-hold { width: auto; float: right; margin: 0px; padding: 0px; background: #fff; height: auto; position: absolute; top: 0px; position: fixed; }
.logo-hold a { width: 100%; height: auto; float: right; padding: 7px 5px 0 34px; }
.home-para { width: 100%; float: right; margin: 0px; padding: 6% 34px 4%; }
.home-para h1 { color: #696969; float: right; font-size: 19px; font-weight: normal; line-height: normal; margin: 0 0 0px; width: 100%; padding: 0 0 0 25px; text-align: justify; }
.home-para p { width: 100%; float: right; color: #696969; font-size: 16px; font-weight: noral; margin: 0 0 4px; }
.read-more { width: auto; margin: 9px 0 0 0; padding: 0px; float: right; }
.read-more a { color: #696969; background: #fff; float: right; font-size: 14px; padding: 4px 7px; text-transform: uppercase; }
.read-more a:hover { background: #339933; color: #fff; }
.service-quick-link { float: right; margin: 0 6%; padding: 0 3px; width: 93%; }
.quicklink-hold { width: 100%; float: right; margin: 0px; padding: 0px; }
.quicklink-hold ul { width: 100%; float: right; margin: 0px; padding: 0px; }
.quicklink-hold li { width: auto; float: right; margin: 0px; padding: 0px; }
.serlink { float: right; margin: 0; padding: 0 12%; /*min-width:234px;*/ }
.ser-image img { width: auto!important; }
.serlink h2 { color: #66CC00; float: right; font-size: 15px; padding: 0; text-align: center; text-transform: uppercase; width: 100%; }
.serlink p { color: #696969; float: right; font-size: 12px; line-height: normal; padding: 4px 0 10px; text-align: center; width: 100%; min-height: 82px; }
.service-readmore { border-top: solid 1px #696969; border-bottom: solid 1px #696969; width: 100%; float: right; margin: 0px; padding: 0px; }
.service-readmore a { color: #66CC00; float: right; font-size: 14px; padding: 6px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; }
.service-readmore:hover { border-top: solid 1px #66CC00; border-bottom: solid 1px #66CC00; }
.service-readmore a:hover { color: #696969; }
.quicklinks .slick-prev { width: 25px; height: 25px; background: url(../images/ser_arrow_left.png) no-repeat; float: right; margin: 0 0 0 -4px; padding: 0px; }
.quicklinks .slick-next { width: 25px; height: 25px; background: url(../images/ser_arrow_right.png) no-repeat; float: right; margin: 0 -11px 0 0; padding: 0px; }
.news-hold { border-top: 1px solid #696969; float: right; margin: 8% 0 0; padding: 5% 43px 0 59px; position: relative; width: 100%; }
.news-hold .slick-prev { width: 25px; height: 25px; background: url(../images/ser_arrow_left.png) no-repeat; float: right; margin: -24px 0 0 -38px; padding: 0px; }
.news-hold .slick-next { background: rgba(0, 0, 0, 0) url("../images/ser_arrow_right.png") no-repeat scroll 0 0; float: right; height: 25px; margin: -30px -19px 0 0; padding: 0; width: 25px; }
.news-hold h1 { color: #696969; font-size: 18px; font-weight: 500; padding: 0 107px 9px 0; }
.news-part { width: 100%; float: right; margin: 0px; padding: 0px; height: auto; display: flex; }
.date-hold { width: 12%; float: right; margin: 0px; padding: 0px; }
.date-round { border: 1px solid #696969; border-radius: 50%; height: 77px; width: 77px; }
.news-text-hold { width: 88%; float: right; margin: 0px; padding: 0px 52px 0 0; }
.news-text-hold p { color: #696969; font-size: 16px; font-weight: 300; padding: 0px; }
.date-round .day-style { color: #696969; font-size: 28px; font-weight: 300; text-align: center; width: 100%; float: right; padding: 4px 0 0; }
.date-round .month-style { color: #696969; font-size: 19px; font-weight: 300; text-align: center; width: 100%; float: right; padding: 4px 0 0; text-transform: uppercase; margin: -14px 0 0; }
.list-all { float: left; margin: 0 26px 30px 0; padding: 0; right: 0; width: auto; bottom: -33px; }
.list-all a { background: #fff; color: #696969; text-transform: uppercase; font-size: 12px; padding: 3px 5px; }
.list-all a:hover { background: #339933; color: #fff; }
.footer-hold { background: #696969; width: 100%; float: right; margin: 0px; padding: 0px; position: absolute; bottom: 0%; z-index: 999; }
.footer-content { float: right; margin: 0; padding: 10px 23px 10px 0; width: 100%; }
.footer-content ul { width: 100%; float: right; margin: 0px; list-style: none; }
.footer-content ul li { width: 100%; float: right; margin: 2px 0 0; list-style: none; color: #fff; font-size: 11px; padding: 0 0 0 9px; }
.footer-content ul li a { background: rgba(0, 0, 0, 0) url("../images/footer_arrow-ar.png") no-repeat scroll 0 center; color: #fff; font-size: 11px; padding: 0 0 0 9px; margin-left: 9px}
.footer-content ul li a:hover { color: #339933; }
.copy-border-top { border-top: solid 1px #fff; padding: 6px 2px 2px 9px!important; margin: 7px 0 0 0; }
.top-banner-shade { /*background: rgba(0, 0, 0, 0) url("../images/top_banner_shade.png") repeat-x scroll 0 0;*/ height: 166px; position: absolute; top: 0; width: 100%; z-index: 9; }
.top-banner-shade-sub { background: #FFF url("../images/top_banner_shade-sub.png") repeat-x scroll 0 0; height: 87px; position: fixed; top: -34px; width: 100%; z-index: 9; }
.menu-hold { /*width: 100%;
	float: right;
	height: 39px;
	background: #66CC00;
	margin: 48px 0 0;
	position: fixed;
	z-index: 999;
	*/ width: 100%; float: right; height: 44px; background: #fff; margin: 48px 0 0; position: fixed; z-index: 999; border-bottom: 5px solid #66CC00; }
.menu-content { margin: -1px 0 0 0; padding: 0 0 0 00; }
.menu-content-sub { margin: -1px 0 0 0; padding: 0 0 0; width: 100%; text-align: center;}
.menu-content-sub nav { display: inline-block; }
.slicknav_menu { display: none; }
.menu-space-hold { display: inline-block; float: right; font-size: 1px; margin: 0; visibility: hidden; height: 100px; background: #FFF; width:10% }
.menu-space-hold-sub { background: #000 none repeat scroll 0 0; display: inline-block; float: right; font-size: 1px; margin: 0; visibility: hidden; width: 34.5%; }
.menu-inner-wrap { float: right; margin: 0px; padding: 0px; width: 100%; }
/*menu*/

nav > ul > li { font-size: 17px; font-weight: 500; float: none; display: inline-block; margin-right: 0px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; position: relative; }
nav li:last-child { padding-right: 0px; }
nav li a { color: #848782; display: block; font-size: 16px; font-weight: 600; letter-spacing: 0; padding: 11px 20px; text-align: right; text-transform: uppercase; min-width: 10px; white-space: nowrap; }
.home { width: auto; padding: 4.7px 5px; display:inline-block }
nav li:hover a { background: #848782!important; color: #fff; }
nav li .active { /*background: #66CC00!important;*/ background: inherit; }
nav #menu ul li { position: relative; }
.menudiv ul li { position: relative; }
nav ul li .subMenu a:before { background-image: url("../images/menuarrow.png"); background-repeat: no-repeat; content: ""; height: 16px; margin: 7px 0 0 -16px; padding: 0; position: absolute; width: 7px; }
nav ul li .subMenu { background: #869803 none repeat scroll 0 0; color: #166486; float: none; font-size: 14px; height: auto; left: 258px; margin-top: -26px; min-width: 207px; opacity: 0; padding: 0 0 0px; position: absolute; right: 0; top: -10px; transform: translateY(24px); transition: all 0.25s ease-out 0s; visibility: hidden; width: 100%; z-index: 999; -webkit-transform: translateY(24px); -moz-transform: translateX(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
/*nav ul li ul { background: #207e85 none repeat scroll 0 0; }*/
nav ul li:hover .subMenu { display: block; top: 2px; visibility: visible; opacity: 1; border: none; z-index: 99999; -webkit-transform: translateX(-1px); z-index: 99 !important; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateX(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
nav ul li .subMenu li { width: 100%!important; float: right; padding: 0 0 0 0px; margin: 0px; font-family: 'proxima_nova_rgregular', sans-serif; font-weight: normal; font-size: 12px; text-transform: none; background: url(../images/menu_arrow.png) no-repeat 0 8px; background-image: url(../images/menudivider.jpg); background-position: right; background-repeat: no-repeat; }
nav ul li .subMenu li a { color: #fff; font-size: 14px; font-weight: normal; margin: 0; padding: 10px 0 10px 23px !important; text-transform: uppercase; width: 100%; }
nav ul li .subMenu li a:hover { background: #758407; }
nav > ul { position: relative !important; width: 100%; }
.drop-menu { width: 200px !important; height: auto; float: none; background: rgba(93,188,40,0.9) !important; position: absolute; left: 0px; z-index: 1000000 !important; top: 45px; opacity: 0; visibility: hidden; padding: 0 0 15px 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding: 0px 0px; }
nav ul > li:hover .drop-menu { visibility: visible; opacity: 1; top: 15px; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; text-align: right; }
nav ul .drop-menu li { width: 100%; height: auto; float: right; padding: 0px; }
nav ul .drop-menu li a { width: 100%; height: auto; float: right; color: #FFF; font-size: 14px; background: none; float: right; padding: 8px 10px; background: none !important; border-bottom: #d7fcc2 solid 1px; text-transform: capitalize; }
nav ul .drop-menu li a:hover { background: #b16352; color: #FFF; }
nav ul .drop-menu li .sub-menu { width: 220px; height: auto; float: none; background: rgba(132,135,130,0.9); position: absolute; right: -220px; z-index: 10000; top: 0; opacity: 0; visibility: hidden; padding: 0 0 15px 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(24px); transform: translateY(0); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding: 10px 10px; }
nav ul > li .drop-menu li:hover .sub-menu { visibility: visible; opacity: 1; top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(24px); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; text-align: right; }
nav ul .drop-menu li .sub-menu a { font-size: 12px; text-transform: capitalize; }
nav ul > li .drop-menu li .sub-menu li a { border-bottom: #6f6f6f solid 1px; }
nav ul > li .drop-menu li .sub-menu li a:hover { color: #333; }
.color-menu { background: rgba(93,188,40,0.8); }
.sub-color { background: rgba(50,136,3,0.8) !important; }
nav ul > li .drop-menu li .sub-colorli a { border-bottom: #FFF solid 1px; }
/*menu*/
.social-media-hold { border-left: 1px solid rgba(225, 225, 225, 0.5); float: right; margin: 0 0 0 3px; padding: 0 0 0 4px; right: 0; top: 0; width: auto; }
.social-media-hold ul { list-style: none; margin: 0px; padding: 0px; float: right; width: auto; }
.social-media-hold ul li { float: right; list-style: outside none none; margin: 0; min-width: auto; padding: 0; position: relative; width: auto; }
.social-media-hold ul li a { float: right; margin: 0px; padding: 0px; }
.social-media-hold ul li a:hover img { opacity: 1; }
.social-media-hold ul li a img { opacity: 0.5; }
.search-hold { float: right; margin: 0; position: relative; }
.lan-sel { float: right; margin: 4px 0 0; padding: 0 0 0 7px; width: auto; }
.lan-sel a { color: #fff; font-family: Tahoma; font-size: 13px; font-weight: bold; text-decoration: none; opacity: 1; }
.lan-sel a:hover { opacity: 1; color: #66CC00; }
.upper-menu-part { float: left; margin: -38px 0.5% 3px; padding: 0; width: auto; }
.home-head .lan-sel a { color: #848782; }
.sub-content-hold { width: 100%; float: right; margin: 0px; padding: 0px; }
.image-part { background: #fff none repeat scroll 0 0; float: right; height: 100vh; margin: 0; padding: 0px 0 0px 0; position: fixed; width: 25%; z-index: 1; }
.image-part span { width: 30%; float: right; }
.image-part .subbanner img { width: 100%; height: 100vh; padding: 90px 0 37px 0; }
.content-part { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: right; margin: 0; padding: 126px 28% 56px 4%; width: 100%; /*	min-height: 764px;*/ position: relative; }
.page-texts { width: 100%; float: right; margin: 0px; padding: 0px;/*min-width: 712px;*/ }
.page-texts h1 { color: #479a19; font-size: 25px; font-weight: normal; margin: 0 0 8px; padding: 0; text-align: right; text-transform: uppercase; }
.page-texts h2 { color: #479a19; font-size: 22px; font-weight: normal; margin: 0 0 10px; padding: 0; text-align: justify; }
.page-texts p, .page-texts .ullist, .page-texts  .ollist{ color: #848782; font-size: 14px; font-weight: normal; line-height: 23px; margin: 0 0 16px; padding: 0; text-align: justify; }
.page-texts  .ollist{padding-right:25px}
.page-texts  .ollist li {list-style:decimal}
.sub-header { height: auto!important; }
.tagline-styles { width: 100%; float: right; margin: 0px; padding: 0px; }
.tagline-styles h1 { width: 100%; float: right; margin: 0px; padding: 0px; color: #66CC00; font-size: 22px; font-weight: normal; text-align: right; text-transform: none; }
.tagline-styles h2 { width: 100%; float: right; margin: 0px; padding: 0px; color: #32730e; font-size: 22px; font-weight: bold; text-align: right; }
.page-btm-line { width: 389px; height: 7px; background: #66CC00; float: right; margin-top: 15px; }
.position-fixed { position: fixed!important; float: right; }
.sub-quick-links-holds { background: #e9ebe8; bottom: 0; float: right; padding: 20px 37% 50px 0; width: 100%; z-index: 0; clear: both; overflow: hidden; }
.sub-quicklinks { width: 100%!important; float: right; margin: 0px; padding: 0px; }
.sub-quicklinks .slick-track { width: 100%!important; }
.sub-quicklinks a { width: 100% !important; float: right; }
.sub-qlink-image { float: right; margin: 0 0 0 3%; padding: 0; width: 23%; }
.sub-quicklinks span { float: right; margin: 0px; padding: 0px; width: 60%; }
.sub-quicklinks h1 { color: #21a349; float: right; font-size: 18px; margin: 0; padding: 0; text-transform: uppercase; width: 100%; ; }
.sub-quicklinks p { float: right; margin: 0px; padding: 0px; color: #83a575; font-size: 12px; width: 100%; line-height: 20px; }
.sub-hold-qlink { float: right; margin-top: 52px; width: 80%; }
.sub-quicklinks-slide > .slick-prev { background: rgba(0, 0, 0, 0) url("../images/sub-qlink-left.png") no-repeat scroll 0 0; height: 15px; margin-left: 49% !important; margin-top: 55px; position: absolute; left: 0; width: 17px; }
.sub-quicklinks-slide > .slick-next { background: rgba(0, 0, 0, 0) url("../images/sub-qlink-right.png") no-repeat scroll 0 0; width: 17px; height: 15px; margin-right: 43% !important; margin-top: 55px; position: absolute; }
.mv-hold { width: 100%; float: right; margin: 44px 0 0; padding: 0px; }
.mv-hold .mv-box { background: #fff none repeat scroll 0 0; border: 1px solid #479a19; float: right; margin: 0 0 0 5%; padding: 2%; width: 45%; }
.mv-innerbox { background: #f0f2ee none repeat scroll 0 0; float: right; margin: 0; padding: 10%; width: 100%; min-height: 412px; }
.mv-innerbox h1 { color: #479a19; float: right; font-size: 24px; font-weight: normal; margin: 0 0 7px; position: relative; }
.mv-innerbox h1:after { background: #479a19 none repeat scroll 0 0; content: ""; height: 2px; margin: 0 0 0 8px; padding: 0; position: absolute; top: 17px; width: 71px; left: -90px; display: none; }
.mv-innerbox p { color: #778d6e; font-size: 16px; font-weight: normal; float: right; margin: 14px 0 0; text-align: justify; }
.station-maps { width: 100%; float: right; margin: 0px; padding: 24px 0 60px; border-top: solid 1px #66CC00; }
.filter-area { width: 100%; float: right; margin: 0px; padding: 0px; }
.sortby-name { width: 231px; float: right; margin: 0px 0 15px 0; padding: 0px; }
.sortby-service { float: right; margin: 0 3%; padding: 0 100px 15px 0; width: 310px; position: relative; }
.sortby-service:before { content: "الترتيب حسب"; position: absolute; right: -6px; top: 7px; color: #2d312b; font-size: 16px; }
.sortby-a-z { float: right; margin: 0px; padding: 0px; width: 105px; }
.sortby-service .chzn-search { display: none; }
.sortby-a-z .chzn-search { display: none; }
.map-part { width: 100%; float: right; margin: 37px 0 0; padding: 0px; }
.map-links-container { width: 50%; float: right; margin: 0px; padding: 0px; border: solid 8px #66CC00; min-height: 584px; position: relative; }
.map-container { float: right; margin: 0 3% 0 0; padding: 0; width: 47%; }
.map-links-container ul { float: right; list-style: outside none none; margin: 0; padding: 0px; width: 100% }
.map-links-container ul li { float: right; list-style: outside none none; margin: 0 3% 0 0; width: 30%; }
.map-links-container ul li a { width: 100%; height: auto; }
.map-links-container ul li a:hover .station-name-hold { background: #f8f1f1; }
.station-name-hold { border-bottom: 2px solid #67c035; float: right; margin: 3px 0; min-height: 108px; padding: 13px 7px 5px 0px; width: 100%; }
.station-name-hold h2 { color: #479a19; font-size: 14px; margin: 0; padding: 0; width: 100%; }
.station-name-hold h3 { color: #919191; font-size: 11px; line-height: 13px; margin: 0; padding: 0; width: 100%; }
.card-texts { width: 100%; float: right; margin: 0px; padding: 0px; margin: 20px 0; }
.repay-extra { width: 45%; float: right; margin: 0px; padding: 0px; }
.card-image-hold { width: 50%; float: left; margin: 0px; padding: 0px; position: relative; }
/*
.card-image-hold:after { background: #fff none repeat scroll 0 0; content: ""; float: right; height: 5px; left: 0; margin: 44px 0 0; padding: 0; position: absolute; top: 34%; width: 100%; z-index: 2147483647; }
.card-image-hold:before { background: #fff none repeat scroll 0 0; content: ""; float: right; height: 100%; left: 50%; margin: 0; padding: 0; position: absolute; width: 5px; z-index: 2147483647; }

*/
.repay-secton { width: 100%; float: right; margin: 0 0 25px; padding: 0px; }
.repay-secton span a { width: auto; float: right; color: #23510a; font-size: 18px; font-weight: normal; }
.repay-secton span a:hover { text-decoration: underline; }
.repay-secton h1 { width: 100%; float: right; margin: 0 0 10px; padding: 0px; font-weight: normal; font-size: 16px; color: #2d6b0a; text-transform: uppercase; font-weight: 700; }
.payment-options h1 { width: 100%; float: left; margin: 0 0 10px; padding: 0px; font-weight: normal; font-size: 16px; color: #2d6b0a; text-transform: uppercase; font-weight: 700; }
.repay-secton p { width: 100%; float: right; padding: 0px; font-weight: normal; font-size: 14px; color: #479a19; margin: 0 0 10px; }
.repay-btm-line { width: 100%; height: 7px; background: #66CC00; float: right; margin-top: 10px; }
.payment-options { float: right; margin: 0 0 20px; padding: 0 0 25px; width: 100%; }
.select-mage-pay { width: auto; float: right; }
.payment-method { float: right; margin: 29px 29px 0 0; width: auto; }
.payment-method a { width: auto; float: right; }
.payment-method a:hover img { width: auto; float: right; border: 1px solid #3b7818; }
.payment-method a img { border: 1px solid #71bf44; border-radius: 50%; float: right; width: auto; }
.page-btm-line1 { background: #66CC00 none repeat scroll 0 0; float: right; height: 7px; margin-top: 15px; width: 305px; }
.b-members-hold { float: right; margin: 0px; padding: 0px; width: 100%; }
.b-members-hold ul { width: 100%; float: right; margin: 0px; padding: 0px; }
.b-members-hold ul li { float: right; margin: 0 0 0 3%; padding: 0; width: 30%; }
.b-members-hold ul li:nth-child(3n+1) { clear: both; }
.b-member { float: right; margin: 0; min-height: 295px; padding: 0; width: 62%; }
.b-member span { width: 100%; float: right; margin: 0px; padding: 0px; }
.b-member h1 { border-top: 1px solid #66CC00; color: #000; float: right; font-size: 15px; font-weight: normal; margin: 10px 0 2px; padding: 7px 0 0; text-transform: none; width: 100%; min-height: 51px; }
.b-member h2 { border-bottom: 5px solid #66CC00; color: #357d0d; float: right; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 6px; text-transform: none; width: 100%; }
.btm-border { border-bottom: 1px solid #66CC00; font-size: 21px; font-weight: bold; padding: 0 0 4px !important; }
.sub-news-hold { width: 100%; float: right; margin: 0px; padding: 0px; }
.sub-news-hold ul { width: 100%; float: right; margin: 0px; padding: 0px; list-style: none; }
.sub-news-hold ul li { width: 30%; float: right; margin: 0 3% 2% 0; padding: 0px; }
.sub-news-hold ul li a { width: 100%; float: right; margin: 0px; padding: 0px; }
.sub-news-hold ul li a:hover .sub-news { background: #f8f1f1; }
.sub-news { border: 4px solid #66CC00; float: right; height: auto; margin: 0; overflow: hidden; padding: 8%; width: 100%; }
.sub-news:nth-child(3n+1) { clear: both; }
.sub-news h3 { font-size: 16px; font-weight: bold; color: #265b09; float: right; width: 100%; }
.sub-news p { font-size: 16px; font-weight: normal; color: #479a19; float: right; width: 100%; }
.sub-contact-hold { width: 100%; float: right; margin: 0px; padding: 0px; }
.sub-contact-hold ul { width: 100%; float: right; margin: 0px; padding: 0px; list-style: none; }
.sub-contact-hold ul li { width: 30%; float: right; margin: 0 0 0 3%; padding: 0px; }
.sub-contact-hold ul li:nth-child(3n+1) { clear: both; }
.sub-contact-hold ul li a { width: 100%; float: right; margin: 0px; padding: 0px; word-break: break-all; }
.sub-contact-hold ul li a:hover .sub-news { background: #f8f1f1; }
.sub-contact { float: right; min-height: 178px; margin: 0; overflow: hidden; padding: 5% 0 5% 5%; width: 100%; }
.sub-contact h3 { font-size: 15px; font-weight: bold; color: #265b09; float: right; width: 100%; margin-bottom: 5px; }
.sub-contact p { color: #479a19; float: right; font-size: 14px; font-weight: normal; width: 100%; padding: 0 0 2px; margin: 0; }
.sub-contact p a { text-decoration: none; color: #479a19; }
.sub-contact p a:hover { color: #306f0d; }
.home-menu { width: 100%; height: auto; position: relative; text-align: right;}
.ftr-rgt { float: left; margin: -18px 12px 0 0; }
.ftr-rgt p a { background: none!important; }
.video-box { width: 58%; height: auto; float: none; position: absolute; top: 55%; transform: translateY(-50%); left: 0%; }
.video-box img { width: 100%; }
/* ==========================================================================
   css  from ajesh
   ========================================================================== */
.sub-menuul ul { display: none; }
.sub-menuul:hover ul { display: block; background: #fff; }
.report h3 { font-size: 22px; color: #479a19; padding: 6px 0px; }
.click a { color: #479a19; }
.click a:hover { color: #67ea1d; }
.members { width: 100%; float: right; height: auto; margin: 20px 0px; }
.members th { text-align: right; }
.members tr th { background: #66CC00; padding: 10px 15px; color: #fff; text-transform: uppercase; font-size: 16px; }
.name { padding: 10px 20px; color: #666; }
.designation { padding: 10px 20px; color: #666; }
.table-first { background: #f7f7f7; }
.table-second { background: #e4e4e4; }
.report-file { width: 100%; float: right; height: auto; }
.report-file img { padding: 10px 20px; }
.report-file p { margin: 0; padding: 0; font-size: 16px; width: 100%; color: #848782; padding: 8px 15px; }
.report-file a { color: #FFF !important; }
.report-file ul li { float: right; text-align: center; margin: 10px; }
.news-list { width: 100%; float: right; height: auto; }
.news { width: 65%; float: right; height: auto; border-bottom: 2px solid #66CC00; padding-bottom: 10px; }
.news h2 { width: 100%; float: right; padding-top: 20px; }
.edit { float: right; margin-left: 10px }
.date { float: right; }
.time { float: right; margin-left: 10px }
.news-listing { width: 100%; height: auto; float: right; margin: 20px 0 0 0; }
.news-listing li { width: 100%; height: auto; float: right; border-bottom: 2px solid #66CC00; padding-bottom: 20px; margin-top: 20px; }
.news-listing li p { width: 100%; height: auto; float: right; color: #479a19; font-size: 22px; text-align: justify; margin-bottom: 10px; }
.news-listing li .date-hold { max-width: 120px; }
.edit:after { content: ""; background: url(../images/edit.png) no-repeat; width: 25px; height: 25px; float: right }
.date:after { content: ""; background: url(../images/date.png) no-repeat; width: 25px; height: 25px; float: right }
.time:after { content: ""; background: url(../images/time.png) no-repeat; width: 25px; height: 25px; float: right }
.news-photo { width: 30%; float: right; height: auto; }
.news-photo img { width: 100%; }
.news-details { width: 60%; float: right; height: auto; padding: 0 15px; }
.news-details p { width: 100%; }
.date-time { width: 100%; float: right; padding-bottom: 5px; }
.video-mob { display: none; }
.footer-home { position: inherit; }
.footer-mob { display: none; }
.banner-mob { display: none; }



.stn { float: right; font-size: 16px; }
.stn span { padding-right: 5px; font-size: 16px; font-weight: 700; color: #66CC00 }
.hrs { float: right; padding-right: 20px; font-size: 16px; }
.hrs span { padding-right: 5px; font-size: 16px; font-weight: 700; color: #66CC00 }
.self-ser { float: right; padding-right: 20px; font-size: 16px; }
.self-ser span { padding-right: 5px; font-size: 16px; font-weight: 700; color: #66CC00 }
.products { width: 100%; float: right; }
.products li { float: right; padding-left: 7px; font-size: 12px; border-left: 2px solid #66CC00; margin-left: 7px }
.store-map h3 { width: 100%; float: right; color: #333; padding: 4px 0; }
.secice-cont { width: 100%; float: right; }
.phone { width: 100%; float: right; color: #333; padding-top: 10px; }
.phone span { font-size: 16px; font-weight: 700; color: #66CC00; direction: ltr; display: inline-block; }
.oula-serv { width: 100%; float: right; padding-top: 5px; }
.oula-serv li { float: right; border-left: 2px solid #66CC00; margin-right: 7px; padding-left: 7px; }
.serv-detail { width: 100%; float: right; margin-top: 20px; border-bottom: 2px solid #66CC00; padding-bottom: 15px; }
.login { width: 100%; float: right; margin: 20px 0; }
.log { color: #FFF; background: #66CC00; padding: 8px 30px; border-radius: 2px; text-transform: uppercase; }
.log:hover { background: #21a349; }
.repay-secton a { color: #0e77d2; }
.repay-secton a:hover { color: #2c9dff; }
.accordion-content a { color: #0e77d2 !important; }
.repay-secton a:hover { color: #2c9dff; }
.accordion-content a:hover { color: #2c9dff; }
.accordion { width: 100%; margin: 0 0 80px 0; float: left; }
.accordion-toggle { cursor: pointer; margin: 0; padding: 20px 0; color: #000; position: relative; font-size: 13px; font-weight: 700 }
.accord { border-bottom: 1px solid #66CC00; }
.accordion-toggle.active:after { content: ""; position: absolute; left: 0; top: 0px; width: 30px; height: 30px; background: url(../images/icon-up.png) no-repeat; }
.accordion-toggle:before { content: ""; position: absolute; left: 0; top: 10px; width: 30px; height: 30px; background: url(../images/icon-dowm.png) no-repeat; }
.accordion-toggle.active:before { display: none; }
.accordion-content { display: none; }
.accordion-toggle.active { color: #2f7906; }
.accord h1 { padding: 10px 0; width: 100%; }
/* ==========================================================================
   Media Queries
   ========================================================================== */


@media all and (max-width: 1600px) {
.home-content-wrap { }
.serlink { padding: 0 8%; }
.container { padding: 0 30px; }
.news-hold { margin-top: 20px; }
.video-box { margin-top: 4%; }
}
 @media all and (max-width: 1750px) {
.home-menu li a { color: #848782; display: block; padding: 11px 10px; }
}
 @media all and (max-width: 1650px) {
nav li a { color: #848782; display: block; text-transform: uppercase; }
.home-menu li a { color: #848782; display: block; padding: 11px 10px; }
}
 @media all and (max-width: 1500px) {
nav li a { color: #848782; display: block; font-size: 13px; font-weight: normal; letter-spacing: 0; padding: 10px 12px; text-align: right; text-transform: uppercase; }
.home-menu li a { padding: 10px 8px; }
.home-content-wrap { width: 35%; }
.container { padding: 0 10px; }
.home-para h1 { font-size: 18px; }
.ser-image img { width: 55px !important; height: 55px; }
.home-para { padding-top: 3%; padding-bottom: 3%; }
.video-box { margin-top: 4%; }
}
 @media all and (max-width: 1400px) {
nav li a { color: #848782; display: block; padding: 11px 15px; }
.video-box { margin-top: 20px; }
}
 @media all and (max-width: 1800px) {
.video-box { width: 56%; }
}
 @media all and (max-width: 1759px) and (max-height: 815px) {
}
 @media (max-width: 1307px ) {
.home {display: inline-block; margin: 0 0px 0 0px; padding-top: 3.9px; }
}
 @media only screen and (max-height: 800px) {
.home-content-wrap { width: 38%; }
.ser-image img { width: 45px !important; }
.serlink p { font-size: 13px; }
.home-para h1 { font-size: 16px; font-weight: 600; }
.news-text-hold p { font-size: 13px; }
.date-round { width: 65px; height: 65px; }
.date-round .day-style { font-size: 20px; }
.date-round .month-style { font-size: 16px; padding: 13px 0 0 0; }
.news-hold h1 { padding-left: 84px; }
.service-readmore a { font-size: 13px; }
}
 @media only screen and (max-height: 840px) {
.relative-position { position: relative; }
}
 @media only screen and (max-height:450px) {
.video-box { transform: translateY(-30%); }
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */



.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a,
a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after { content: ""; }
pre,
blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr,
img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page {
 margin: 0.5cm;
}
p,
h2,
h3 { orphans: 3; widows: 3; }
h2,
h3 { page-break-after: avoid; }
}


/* ==========================================================================
   Responsive css
   ========================================================================== */
@media only screen and (max-width:1622px) {
nav li a { padding: 11px 8px; }
}
 @media only screen and (max-width:1300px) {
nav li a { padding: 11px 6px; }
}
 @media (min-width:1216px) and (max-width: 1307px) {
.slicknav_nav ul { width: 18%; }
.mv-hold .mv-box { width: 45%; }
.sub-quick-links-holds { padding: 20px 0 50px 30%; }
.sub-hold-qlink { width: 100%; }
.video-box { width: 48%; margin-top: 30px; left: 0%; }
.sub-contact { min-height: inherit; height: auto; }
}
@media (min-width:1024px) and (max-width:1215px) {
.slicknav_nav ul { width: 22%; }
.home-content-wrap { /*min-height:845px;*/ }
.mv-hold .mv-box { width: 45%; }
.video-box { width: 46%; margin-top: 30px; left: 0%; }
.sub-contact { min-height: inherit; height: auto; }
.home-menu li a { padding: 10px 4px; }
}
 @media (min-width:800px) and (max-width: 1024px) {
.sub-quicklinks span { width: 69%; }
.sub-qlink-image { width: 28%; }
.content-part { padding: 126px 0px 56px 30%; }
.slicknav_nav ul { width: 30%; }
.footer-hold { bottom: 0%; }
.mv-hold .mv-box { width: 28%; }
.home-content-wrap { width: 45%; }
.video-box { width: 43%; top: 50%; left: 0%; }
.home-para { padding: 6% 1%; }
.sub-contact { min-height: inherit; height: auto; }
.news-text-hold { padding: 0px 10px 0 1px; }
.map-links-container ul li { width: 47%; }
}
 @media only screen and (max-width:1025px) {
#menu { display: none; }
.slicknav_menu { display: block; }
.drop-menu { position: inherit; top: 0px; right: 0px; opacity: 1; visibility: visible; width: 100%; float: right; background: none; border: none; transform: none; top: 0px; padding: 0px; }
.drop-menu > li a { padding: 7px 12px; width: 100%; height: auto; float: right; color: #FFF !important; background-position: left 0px top 11px; }
nav ul li:hover .drop-menu { top: 0px; transform: none; }
nav ul .drop-menu li a { float: left; text-align: left; background: #fabeab; }
.drop-menu > li { padding: 0px; }
nav ul li .subMenu .levalmenu li { background: #666 !important; }
.mb-lng { display: block; }
nav li.lng { display: none; }
nav ul li .subMenu:after { display: none; }
nav ul .drop-menu li .sub-menu { position: inherit; top: 0px; right: 0px; opacity: 1; visibility: visible; width: 100%; float: left; background: none; border: none; transform: none; top: 0px; padding: 0px; }
nav ul .drop-menu li:hover .sub-menu { top: 0px; transform: none; }
nav ul .drop-menu li a { border: none; margin: 0px !important; }
.drop-menu { width: 100% !important; }
nav ul > li .drop-menu li .sub-menu li a { border-bottom: rgba(255,255,255,0.5) solid 1px; }
}
 @media only screen and (min-width : 768px) {
.home-content-wrap { width: 55%; }
.map-links-container ul li { width: 47%; }
}
@media (min-width:768px) and (max-width:1024px) {
.content-part { padding: 126px 27% 56px 15px; }
.sub-hold-qlink { width: 90%; }
.sub-quicklinks span { width: 74%; }
.sub-qlink-image { width: 20%; }
.ftr-rgt { float: right; margin: 0px 0 0 12px; }
.footer-content { padding: 21px 20px 35px 0px; }
.slicknav_nav ul { width: 30%; }
.mv-hold { min-width: inherit !important; }
.mv-hold .mv-box { width: 100%; margin-top: 30px; }
.mv-innerbox { min-height: inherit; }
.page-texts h2 { text-align: justify; font-size: 18px; }
nav ul .drop-menu li .sub-menu { right: 0; }
.news-text-hold { padding: 0px 40px 0 1px; }
}
 @media (min-width:600px) and (max-width: 767px) {
.sub-contact-hold ul li { width: 100%; }
.sub-contact { min-height: auto; padding: 0% 5% 5% 0; }
.content-part { padding: 110px 27% 30px 15px; }
.sub-quicklinks span { width: 73%; }
.sub-qlink-image { width: 24%; margin: 0 6% 0 0; }
.sub-hold-qlink { width: 95%; }
.ftr-rgt { float: right; margin: 0px 0 0 12px; }
.footer-content { padding: 15px 10px 15px 0px; }
.sub-quicklinks-slide > .slick-next { margin-top: 13%; }
.sub-quicklinks-slide > .slick-prev { margin-top: 13%; }
.sub-hold-qlink { margin-top: 0; }
.slick-prev:before,
.slick-next:before { line-height: 0px !important; }
.b-member { width: 100%; }
.b-members-hold ul li { width: 47%; }
.mv-hold .mv-box { width: 43%; }
.fakeScroll { width: 100% !important; }
.map-links-container ul li { width: 47%; }
.map-container { width: 100% !important; margin: 40px 0; }
.station-maps { padding: 25px 0 25px }
.sortby-name { width: 100%; }
.sortby-service { width: 100%; margin: 0; }
.slicknav_nav ul { width: 37%; }
.video-box { width: 46%; top: 44%; left: 0%; }
.home-content-wrap { width: 50%; top: 34%; }
.news-hold ul li { width: 20%; }
.news-text-hold { width: 100%; }
.news-hold { width: 100%; padding: 5% 12px 0 22px; padding-left: 0; }
.news-hold .slick-prev { margin: -24px 0 0 -18px; }
.service-quick-link { width: 100%; margin: 15px 0 }
.page-texts h2 { text-align: justify; font-size: 17px; }
.mv-hold .mv-box { width: 100%; margin-top: 20px; }
.page-btm-line { width: 100%; }
.mv-innerbox h1::after { width: 40%; right: -66px; }
nav ul .drop-menu li .sub-menu { right: 0; }
.home-para { padding: 20px 0; }
.members tr th { font-size: 14px; }
.name { font-size: 12px; }
.designation { font-size: 12px; }
.page-texts h1 { font-size: 18px; }
.report h3 { font-size: 16px; }
.sub-quick-links-holds { height: auto; padding: 20px 37% 50px 0px; }
.news-text-hold { padding: 0px 45px 0 1px; }
.news-listing li p { font-size: 16px; }
.relative-position { position: relative; }
}
 @media (min-width:600px) and (max-width:639px) {
.video-mob { visibility: visible; margin-top: 5px; display: block; }
.video-mob img { width: 100%; }
.video-box { visibility: hidden; }
.home-content-wrap { width: 100%; }
.news-text-hold { padding-left: 16px; }
.footer-mob { display: block; background: #696969; position: relative; width: 100%; float: right; margin: 0px; padding: 0px; bottom: 0%; z-index: 999; }
.footer-hold { display: none; }
.content-part { padding: 126px 27% 56px 15px; }
.sub-quick-links-holds { height: auto; padding: 20px 37% 50px 0px; }
.banner-mob { display: block; }
.banner-mob img { width: 100%; }
.news-details { width: 100%; }
.news-photo { width: 100%; }
.news-photo img { width: 100%; }
.footer-home { display: block; }
}
 @media only screen and (max-width:670px) {
.sub-quicklinks-slide > .slick-next { top: -55px; margin-top: 0px; left: 35px; right: inherit; margin-right: 0px !important; }
.sub-quicklinks-slide > .slick-prev { top: -55px; margin-top: 0px; left: 10px; margin-left: 0px !important; }
.footer-mob { display: block; background: #696969; position: fixed; width: 100%; float: left; margin: 0px; padding: 0px; bottom: 0%; z-index: 999; }
.footer-content { padding: 10px 20px 10px 0px; }
.sub-quick-links-holds { height: auto; padding-bottom: 120px; }
.footer-content ul li.deign-by { width: 40% !important; width: auto; border-top: solid 1px #fff; padding: 6px 2px 2px 9px !important; }
.footer-content ul li.deign-by .ftr-rgt { float: left; }
.footer-content ul li.copy-border-top { width: 60%; }
.logo-hold img { width: 80px; }
.list-all { margin-right: 0px; }
.home-content-wrap { padding-top: 145px; }
.news-hold { width: 100%; padding: 5% 20px 0 20px; }
.news-hold .slick-prev { margin: -24px 0 0 -30px; }
.news-hold .slick-next { margin-top: -24px; margin-right: -30px; }
.home-content-wrap { max-width: inherit; }
.relative-position { position: relative; }
.news-hold h1 { padding-right: 0px; padding-bottom: 20px; }
.news-text-hold p { font-size: 14px; }
.footer-hold { display: none; }
.image-part .subbanner img { padding-bottom: 40px; }
}
 @media (min-width:480px) and (max-width:599px) {
.sub-contact-hold ul li { width: 100%; }
.sub-contact { min-height: auto; }
.content-part { padding: 100px 30% 15px 15px; }
.sub-quicklinks span { width: 74%; }
.sub-qlink-image { width: 24%; margin: 0 3% 0 0; }
.sub-hold-qlink { width: 100%; }
.ftr-rgt { float: right; margin: 0px 12px 0 0; }
.footer-content { padding: 21px 20px 35px 0px; }
.sub-quicklinks-slide > .slick-next { margin-top: 20%; }
.sub-quicklinks-slide > .slick-prev { margin-top: 20%; }
.sub-hold-qlink { margin-top: 0; }
.sub-quick-links-holds { height: auto; padding: 20px 37% 50px 0px; }
.slick-prev:before,
.slick-next:before { line-height: 0px !important; }
.slicknav_nav ul { width: 48% }
.home { margin: 0 50px 0 0; }
.home-content-wrap { width: 100%;/*height: 177vh;*/ }
.news-hold ul li { width: 20%; }
.news-listing li p { font-size: 13px; }
.service-quick-link { width: 100%; margin: 50px 0; }
.video-box { visibility: hidden; }
.video-mob { visibility: visible; margin-top: 5px; display: block; }
.video-mob img { width: 100%; }
.b-members-hold ul li { width: 47%; }
.page-texts h2 { text-align: justify; font-size: 16px; margin-top: 25px; }
.tagline-styles h2 { font-size: 18px; }
.mv-hold .mv-box { width: 100%; margin-top: 20px; }
.page-btm-line { width: 100%; }
.mv-innerbox h1::after { width: 40%; right: -66px; }
.fakeScroll { width: 100% !important; }
.map-links-container ul li { width: 47%; }
.map-container { width: 100% !important; margin: 40px 0; }
.station-maps { padding: 25px 0 25px }
.sortby-name { width: 100%; }
.sortby-service { width: 100%; margin: 0; }
.repay-secton p { text-align: left; }
.repay-extra { width: 100%; }
.card-image-hold { width: 100%; }
nav ul .drop-menu li .sub-menu { right: 0; }
.page-texts h1 { font-size: 18px; margin-top: 25px; }
.report h3 { font-size: 16px; }
.members tr th { font-size: 13px; }
.name { font-size: 12px; }
.designation { font-size: 12px; }
.page-texts p,.page-texts .ullist, .page-texts  .ollist { font-size: 13px; }
.footer-mob { display: block; background: #696969; position: relative; width: 100%; float: right; margin: 0px; padding: 0px; bottom: 0%; z-index: 999; }
.footer-hold { display: none; }
.banner-mob { display: block; }
.banner-mob img { width: 100%; }
.news-details { width: 100%; }
.news-photo { width: 100%; }
.news-photo img { width: 100%; }
.footer-home { display: block; }
.b-member { width: 100%; min-height: 0; height: auto; }
.b-member img { width: 100%; }
.slicknav_btn { margin: 11px 20px 0px; }
}
 @media only screen and (max-width:480px) {
.sub-contact-hold ul li { width: 100%; }
.sub-contact { min-height: auto; }
.mv-hold { margin: 10px 0; }
.sub-quicklinks span { width: 80%; }
.sub-qlink-image { width: 22%; }
.sub-hold-qlink { width: 100%; }
.ftr-rgt { float: right; margin: 0px 0 0 0px; }
.footer-content { padding: 12px 20px 12px 0px; }
.sub-quicklinks-slide > .slick-next { margin-top: 20%; }
.sub-quicklinks-slide > .slick-prev { margin-top: 20%; }
.sub-hold-qlink { margin-top: 0; }
.sub-quick-links-holds { height: auto; padding: 20px 37% 50px 0; }
.slick-prev:before,
.slick-next:before { line-height: 0px !important; }
.home { margin: 0 0 0 0px; padding: 4.7px 5px; }
.home-content-wrap { width: 100%; }
.video-box { visibility: hidden; }
.video-mob { visibility: visible; margin-top: 5px; display: block; }
.video-mob img { width: 100%; }
.page-texts h1 { font-size: 15px; margin-top: 10px; }
.report h3 { font-size: 15px; }
.page-texts h2 { text-align: left; font-size: 15px; }
.home-content-wrap { width: 100%; }
.news-hold ul li { width: 20%; }
.news-text-hold { width: 100%; }
.service-quick-link { width: 100%; margin: 0px; }
.fakeScroll { width: 100% !important; }
.map-links-container ul li { width: 47%; }
.map-container { width: 100% !important; margin: 40px 0; }
.station-maps { padding: 25px 0 25px }
.sortby-name { width: 100%; }
.sortby-service { width: 100%; margin: 0; }
.repay-extra { width: 100%; }
.card-image-hold { width: 100%; }
.b-member { width: 100%; }
.b-members-hold ul li { width: 100%; }
.page-texts p,.page-texts .ullist, .page-texts  .ollist { text-align: justify; font-size: 12px; }
.home-para h1 { text-align: left; padding: 0; }
.home-para { padding: 10px 0; }
.container { padding: 0 10px; }
.logo-hold a { padding: 7px 0 5px 10px; }
nav ul .drop-menu li .sub-menu { right: 0; }
.mv-innerbox h1 { font-size: 22px; }
.mv-innerbox p { text-align: justify; font-size: 14px; }
.mv-innerbox { padding: 10px 5px; min-height: 320px; }
.content-part { padding: 110px 38% 15px 10px; }
.btm-border { font-size: 16px; height: auto !important; }
.b-member h1 { font-size: 16px; text-align: center; }
.map-links-container ul li { width: 100%; margin: 0; }
.station-name-hold { min-height: inherit; height:!important;
padding: 13px 7px; }
.members tr th { font-size: 13px; }
.table-first { font-size: 12px; }
.table-second { font-size: 12px; }
.footer-hold { display: none; }
.sub-quicklinks h1 { font-size: 13px; }
.banner-mob { display: block; }
.banner-mob img { width: 100%; }
.news-details { width: 100%; }
.news-photo { width: 100%; }
.news-photo img { width: 100%; }
.sb-search.sb-search-open,
.no-js .sb-search { width: 160px !important; }
.sb-search-input { padding: 4px 31px 0 0 !important; font-size: 8px; }
.social-media-hold { margin: 0 16px 0 0; }
.news-listing li p { font-size: 13px; padding: 0 5px; }
.b-member h2 { text-align: center !important; }
.footer-home { display: block; }
.image-part { width: 35%; }
.news-listing li p { font-size: 11px; }
.news-text-hold { padding: 0px 55px 0 0; }
.self-ser { padding-left: 0 !important; }
.products li { padding-bottom: 8px; }
.secice-cont { margin-top: -35px !important }
}
 @media (min-width:400px) and (max-width: 480px) {
.slicknav_nav ul { width: 54%; }
.b-members-hold ul li { width: 100%; }
.page-texts h2 { text-align: justify; font-size: 18px; }
.mv-hold .mv-box { width: 100%; margin-top: 20px; }
.page-btm-line { width: 100%; }
.mv-innerbox h1::after { width: 40%; right: -66px; }
.repay-secton p { text-align: left; }
.news-hold h1 { margin-top: 20px; }
}
 @media (min-width:360px) and (max-width: 400px) {
.slicknav_nav ul { width: 47%; }
.page-texts h2 { text-align: justify; font-size: 16px; }
.mv-hold .mv-box { width: 100%; margin-top: 20px; }
.page-btm-line { width: 100%; }
.mv-innerbox h1::after { width: 40%; right: -66px; }
.repay-secton p { text-align: left; }
.service-quick-link { margin: 30px 0; }
.news-hold { margin-top: 0; }
.news-hold h1 { margin-top: 15px; }
}
 @media (min-width: 320px) and (max-width: 360px) {
.slicknav_nav ul { width: 72%; }
.home-content-wrap { width: 100%;/*height: 170vh;*/ }
.news-hold ul li { width: 20%; }
.news-text-hold { width: 100%; }
.service-quick-link { width: 100%; margin: 20px 0; }
.b-members-hold ul li { width: 100%; }
.b-member { width: 100%; }
nav ul .drop-menu li .sub-menu { right: 0; }
.page-texts h2 { text-align: justify; font-size: 15px; }
.mv-hold .mv-box { width: 100%; margin-top: 20px; }
.page-btm-line { width: 100%; }
.mv-innerbox h1::after { width: 40%; right: -66px; }
.repay-secton p { text-align: left; }
}

.page-texts .ullist>li{
	list-style: disc;
    margin: 15px;
}



/*menu custom*/
/* to move mobile menu to the light */
.slicknav_nav ul{
	float:left;
}

/* main menu links in main and mobile view */
nav>ul>li>a, nav>ul>li>a>a{
	font-size:14px;
	font-weight:bold;
}
.oula_green_Color{
	color:#66ff00;
}
.oulaE_color{
	color:#520000;
}