/*---- bootstrap-----*/
/*---------------- Start Reset CSS ----------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong, tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*---------------- End Reset CSS ----------------- */
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ce09fde71af3dd1a0c54)
 * Config saved to config.json and https://gist.github.com/ce09fde71af3dd1a0c54
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

@-ms-viewport{ width: auto !important;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
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;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
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;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img,.img-responsive{
  vertical-align: middle;
  display: block;
  width: auto \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 9px;
  padding-right: 9px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1230px) {
  .container {
    width: 1179px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 9px;
  padding-right: 9px;
}
.row {
  margin-left: -9px;
  margin-right: -9px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 9px;
  padding-right: 9px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1230px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media all and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media all and (min-width: 768px) and (max-width: 800px) {
  .hidden-sm {
    display: none !important;
  }
}
@media all and (min-width: 801px) and (max-width: 1020px) {
  .hidden-md {
    display: none !important;
  }
}
@media all and (min-width: 1021px) {
  .hidden-md {
    display: none !important;
  }
}
/*---- main-----*/
#MainWrapper{margin:0 auto; max-width:1188px;}

/*-------------- Main Body CSS Starts --------------*/
body{background-color:#f1f1f1; font-family:'Arial',Helvetica,sans-serif;font-size: 0.813em;line-height: 1.385em; color:#4c4c4c;}
a{color:#002d62; text-decoration:none; transition: all 0.5s ease 0s;}
a[href*="tel:"],a[href*="tel:"]:hover{color:#4c4c4c;text-decoration:none;cursor:default;}
a:hover{color:#002d62;text-decoration:none;transition: all 0.5s ease 0s;}
a:focus, a:active{border:none; outline:0; _noFocusLine:expression(this.hideFocus=true);}
.hide{display:none;}
.invisible{position:absolute; left:-9999999px; top:auto; width:1px; height:1px; overflow:hidden; visibility:visible;}
img{outline-style:none;outline-width:0;border:0 none;}
sup{font-size:smaller;	font-weight:bold;}
sub{margin:2px 0; padding:2px 0;}
ul{list-style-image:none; list-style-position:outside; list-style-type:none;}
ol{list-style-image:none; list-style-position:outside;list-style-type:none; }
.normal-content-page ul{list-style-type:none; margin-bottom:10px;}
.normal-content-page ul li{padding:0 0 2px 20px; position:relative;}
.normal-content-page ul li:before{background-position:-200px -80px; width:6px; height:6px; left:8px; top:6px; display:block; content:""; position:absolute;}
.normal-content-page ul ul{list-style-type:none;margin:2px 0;}
/*#contentwrapper ul li, #contentwrapper ol li{margin-bottom:10px;}*/
.normal-content-page ol ol{margin-top:10px;}
.normal-content-page ol{list-style-type:decimal;padding-left:18px;margin-bottom:10px;}

hr{border-style:none none solid; border-width:0 0 1px; margin:5px 0;}
:active{outline-style:none; outline-width:0;}
*{margin:0; padding:0;}
.uppercase{text-transform:uppercase;}
p{padding:0 0 10px; margin:0;}
h1,h2,.h2,h3{padding:0 0 10px; color:#002d62; margin:0;}
h1{font-size:1.692em; line-height:1.182em; text-transform:uppercase;}
h2,.h2{font-size:1.385em; line-height:1.222em;}
h3{font-size:1.231em; line-height:1.250em; font-weight:normal;}
p#sectionheader{font-size:1.6em; line-height:1.2em;}
.scroll-table-container {width: 100%;float: left;padding: 0 0 5px;overflow-y: hidden;overflow-x: auto;margin-bottom: 14px;}
.scroll-table-container::-webkit-scrollbar {-webkit-appearance: none;width: 10px;height: 7px;}
.scroll-table-container::-webkit-scrollbar-thumb {border-radius: 5px;border: 2px solid #717171;background-color: #6F6F6F;}
.rad-highlight {   color: #ff0000;}
/*-------------- Main Body CSS Ends --------------*/


/*-------------- Header CSS Starts --------------*/
#searchbox{display:none; position:absolute; top:40px; right:0; background:#f1f1f1; padding:8px; width:301px; z-index:25;}
#searchContainerRP{background:#f1f1f1; padding:8px; width:301px; z-index:25;  margin-bottom: 15px;}
#headerlinks{overflow:hidden;}
#headerlinks ul{margin-bottom:0px;}
#headerlinks ul li{border-right:1px solid #0000FF; float:left; padding:0 5px;}
#searchcontainer,#searchcontainerRP{clear:both; float:right; height:25px; margin:10px 0 0; overflow:hidden;}
#searchTextboxContainer,#searchTextBoxContainerRP{float:left;}
#searchTextboxContainer input,#searchTextBoxContainerRP input{background:#fff;border:none;float: left; font-size: 1em; height: 35px;padding: 5px 8px; width: 250px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
#SearchButtonContainer,#searchButtonContainerRP{float:left;}
#SearchButtonContainer input,#searchButtonContainerRP input{background:#666666;border:none; color: #fff;float: left;height: 35px;width: 35px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
#toplinks{position:relative;}
/*-------------- Header CSS Ends --------------*/


/*-------------- Top Navigation CSS Starts --------------*/
#topnavigation{clear:both;}
/*-------------- Top Navigation CSS Ends --------------*/


/*-------------- Left Navigation CSS Starts --------------*/
#leftnavigation ul{margin-bottom:0px;list-style-type:none;padding-left:0px;}
#leftnavigation ul li{margin-bottom:0px;}
#utility{float:left; padding:9px 10px;}
#utility ul{margin-bottom:0px;list-style-type:none;padding-left:0px;}
#utility ul li{margin-bottom:0px; float:left; padding:0 0 0 20px;}
#utility a{color:#82878d; font-size:0.923em; font-weight:bold; text-transform:uppercase; text-decoration:none; position:relative; padding:0 0 0 20px;}
#utility a:before{position:absolute; width:18px; height:13px; left:0; top:0; display:block; content:"";}
#utility a.mail:before{background-position:0 -38px;}
#utility a.print:before{background-position:-37px -40px;}
/*-------------- Left Navigation CSS Ends --------------*/


/*-------------- Breadcrumb CSS Starts --------------*/
/*-------------- Breadcrumb CSS Ends --------------*/


/*-------------- Search page CSS Starts --------------*/
.ip3search_highlight{font-weight:bold;}
.sitesearchpagination{padding-top:10px;}
.sitesearchpagination ul li{float:left; margin:0 10px 0 0; padding:0;}
.sitesearchpagination ul li:before{content:none;}
table.searchTable{width: 100%; word-break:break-all;  clear: both;}
table.searchTable td{ border-right:0; border-top: 1px solid #eaeaea;  padding: 10px 0;}
table.searchTable tbody tr th{ text-align:left; height:22px;}
#tabs.sectionTabs{ position:relative; padding:0 0 10px;}
#tabs.sectionTabs ul{float:left; list-style:none outside none; padding:0; margin:0; width:100%;}
#tabs.sectionTabs li{float:left; padding:0; margin:0; border-left:1px solid #efefef; border-top:1px solid #efefef;}
#tabs.sectionTabs li.lastLI{border-right:1px solid #efefef;}
#tabs.sectionTabs li a span{display:block; text-align:center;}
#tabs.sectionTabs li a{display:block;  color: #002d62;  font-size: 1.385em;  padding: 5px 28px;}
#tabs.sectionTabs li.current a, #tabs.sectionTabs li a:hover{background: #666666;  color: #fff;  padding: 13px 28px 5px;  margin-top: -13px;}
#tabs.sectionTabs li:before{content:none;}
#tabsDD{height:35px; font-size:1em; width:180px;-webkit-appearance: menulist-button;}
#tabs.sectionTabs span.select{position:absolute; font-size:1em; top:0; left:0; height:35px; color:#000; padding:11px 15px 10px 5px; background:url("/~/media/Images/A/Al-Faisal-v2/css/searchTab-dd.png") no-repeat scroll 96% 15px #cccccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/A/Al-Faisal-v2/htc-files/boxsizing.htc");}
#resuleMsg {  margin-bottom: 20px;}
/*-------------- Search page CSS Ends --------------*/


/*-------------- Site Map CSS Starts --------------*/
#sitemapcontainer{width:100%; float:left;}
#sitemapcontainer li{padding:0; font-weight:bold}
#sitemapcontainer li a{display:inline-block; padding:3px;}
#sitemapcontainer li ul li{ font-size:1em; padding:0px 0 5px 20px; font-weight:normal}
#sitemapcontainer li.level1 ul li a{ padding:0 0 0 3px;}
#sitemapcontainer li ul li ul{margin:0; padding:3px 0 0;}
#sitemapcontainer li.level1 a{color:#fff; padding:7px 11px;}
#sitemapcontainer li.level1:before{display:none;}

#sitemapcontainer li.level1 li a{color:#333333; padding:0;}
#sitemapcontainer li ul li ul li{ margin:0 0 0 10px; padding-left:15px;}
#sitemapcontainer li.level1{background:#666; margin:0 0 5px;}
#sitemapcontainer li ul{background:#fff; padding:6px 0;}
#sitemapcontainer li a:hover{text-decoration:none;}
/*-------------- Site Map CSS Ends --------------*/

/*-------------Table----*/
table.rad-financialtable td,table.rad-financialtable th{text-align:right;}
table.rad-financialtable td:first-child,table.rad-financialtable th:first-child{text-align:left;}
td, th {  padding: 25px 15px 15px;vertical-align: middle;}
th{ color: #002d62;    font-size: 1.385em;    font-weight: bold;    padding-bottom: 35px;78}
td{border-right:1px solid #eaeaea;}
table {width: 100%;text-align: left;}



/*-------------- Footer CSS Starts --------------*/
#footerlinks ul li{float:left; padding:0 5px;}
.footer-content{/*background:#ced6e0;*/}


/*-------------- Footer CSS Ends --------------*/


/* --------------- Banner Starts ---------------*/
#bannerwrapper{position:relative;}
#bannerwrapper .sliderbanner{position:relative;}
#bannerwrapperinner>.bx-wrapper{position:relative;}

/* --------------- PJ: 09-06-2015 For IE specific bxslider issue starts ---------------*/
.internetexplorer11 #bannerwrapperinner > .bx-wrapper, .ie10 #bannerwrapperinner > .bx-wrapper{left:1px;}
/* --------------- PJ: 09-06-2015 For IE specific bxslider issue ends ---------------*/

.banneritem{position:relative;display:none;  overflow: hidden;}
.banneritem img{  height: 427px;  max-width: none;}
.banneritem.first{display:block;}
.banneritem .bannertext{position:absolute; top:128px; left:223px; width:360px; padding:20px 20px 20px 10px;}
.banneritem .bannertext .h2, .banneritem .bannertext p{color:#fff;}
.nojs .banneritem{display:none;}
.nojs .banneritem.banner1{display:block;}
#bannerwrapper .bx-controls .bx-pager{position:absolute; right:10px; bottom:10px;}
#bannerwrapper .bx-controls .bx-controls-direction{position:absolute; top:50%; width:100%;}
#bannerwrapper .bx-controls-direction a{float:left; padding:0 10px;}
#bannerwrapper .bx-controls-direction a.disabled{display:none;}
#bannerwrapper .bx-controls-direction .bx-next{float:right;}
#bannerwrapper .bx-controls-direction, #bannerwrapper .bx-pager{float:left; clear:both;}
#bannerwrapper .bx-pager div{margin:0 0 0 10px;}
#bannerwrapper .bx-pager div{float:left;}
#bannerwrapper{position:relative;}
#bx-pager{width:225px; position:absolute; left:8px;  top:0; background:rgba(255, 255, 255, 0.7); padding-right:23px;}
.nojs #bx-pager{display:none;}
#bx-pager a{width:100%; display:block; text-decoration:none; background:#8c8b63; padding:11px 14px 11px 15px; color:#fff; text-decoration:none; margin-bottom:3px; font-size:1.077em; font-weight:bold; position:relative; z-index:0;}
#bx-pager a.active:after, #bx-pager a:hover:after{width:23px; height:23px; background:inherit; content:""; display:block; position:absolute; right:-7px; top:4px; transform: rotate(62deg); -ms-transform:rotate(62deg); -webkit-transform:rotate(62deg); z-index:-1;}
#bx-pager a.active:before, #bx-pager a:hover:before{width:23px; height:23px; background:inherit; content:""; display:block; position:absolute; right:-7px; top:13px; transform: rotate(-62deg); -ms-transform:rotate(-62deg); -webkit-transform:rotate(-62deg); z-index:-1;}
#bannerContainer>img {  bottom: -100%;  left: -100%;  margin: auto;  position: absolute;  right: -100%;  top: -100%;  z-index: 2;max-width:none;}
#bannerContainer{overflow:hidden;  position: relative;  z-index: 1;padding-bottom:200px;}
/* --------------- Banner Ends ---------------*/


/* --------------- Content Wrapper Starts ---------------- */
#contentwrapper{clear: both; margin-bottom:20px;}
/* --------------- Content Wrapper Ends ---------------- */
.top-search, ul.rad-links li a:before, a.read-more:before, .brand-logo-link, .warning-link, #leftnavigation ul li.haschildren>a:after, #leftnavigation ul li.haschildren>span:after, .banner-link:before, .normal-content-page ul li:before, .bod-content li:before, .bod-thumb-links a:after, .snapdown-ques:after, .snapdown .snapdown-ques.snapopen:after, #utility a:before, .mob-menu1 .level2 a.showMore, .menu-bttn1:after,.hospitality-item-title:after,.hospitality-item.selected .hospitality-item-title:before,.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after{background-image:url(~/media/Images/A/Al-Faisal-v2/css/sprite.png); background-repeat:no-repeat;}
.page-container{background:#fff; float:left; width:100%; -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); margin-bottom:50px; overflow:hidden;}
#logo{padding:20px;}
#logo>a{  display: inline-block;}
.header-right{padding:20px 20px 0 0; float:left; width:100%;}
.top-search{width:40px; height:40px; background-position:13px 12px; text-indent:-9999px; display:block; background-color:#f1f1f1;}
#topnavigation{width:100%; float:left; padding:0px 0 0;}
#topnavigation ul{float:right;}
#topnavigation li{float:left; border-left:0px solid #dcdee2; font-size:13px/*1.231em*/; text-align:center;/* max-width:145px;*/overflow:hidden; text-transform: uppercase;}
#topnavigation li a{color:#000/*#333333*/; text-decoration:none;  transition: all 0.5s ease 0s;}
#topnavigation li span{padding:0 20px/*0 28px*/; display:block; height:50px;}
#topnavigation li a, #topnavigation li span{display:table-cell; vertical-align:middle; }
#topnavigation li.current span{/*background:#666666;*/ color:#fff;}
#topnavigation li a:hover,#topnavigation li.current span,#topnavigation li.selected a{/*background:#666666;*/ color:#0f4c85/*#fff*/;}
.homecontentwrapper{padding:30px 0 0;}
.home-content-box1{padding:0 10px 0 20px; float:left; width:100%;}
.home-content-box2, .home-content-box3{padding:0 11px;float:left; width:100%;}

.col-border-right{border-right:1px solid #eaeaea;}
.intro-text{font-weight:bold;}
.video-box{float:left; position:relative; margin:6px 0 28px;}
.video-title{background:rgba(0, 0, 0, 0.8);  font-size:0.769em; color:#c1c1c1; position:absolute; top:0; width:100%; font-weight:bold; padding:5px 8px; line-height:1.3em;}
ul.rad-links li{list-style:none; padding:0 0 7px 0; margin:0; }
ul.rad-links li a, a.read-more{color:#002d62; font-style:italic; text-decoration:none; position:relative; padding-left:22px;}
ul.rad-links li a:before, a.read-more:before{width:13px; height:13px; display:block; content:""; top:1px; position:absolute; left:0; background-position:-40px 0px;}
.inner-box-content, .inner-box-content1{width:100%; float:left;}
.inner-box-content1{margin:6px 0 20px;}
p.date{padding:12px 0 0;}
.box-image{position:relative; float:left; width:39%; padding-right:10px;}
.box-image.aboutus-image{width:50%;}
/*.home-content-box3 .box-image { float: left; padding-right: 10px; position: relative; width: 40%; }*/
.box-image-title{background:#002d62; color:#fff; padding:5px 9px; font-size:0.923em;}
.inner-box-text{font-size:1.538em; float:right; line-height:1.300em; font-weight:bold; width:61%; letter-spacing:-1px;}
/*.home-content-box3 .inner-box-text { float: right; font-size: 1.538em; font-weight: bold; letter-spacing: -1px; line-height: 1.3em; width: 60%; }*/
.warning-wrap{background:#00305b/*#f8f9fa*/;}
.warning{width:100%; float:left; background:#00305b/*#f8f9fa*/;max-height:40px;  margin: 20px 0;overflow:hidden;-webkit-transition: all 0.5s ease 0s;-ms-transition:  all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.nojs .warning{max-height:none;}
.brand-logo{padding:10px 11px 13px; float:left;}
.brand-logo-link{width:101px; height:15px; background-position:0 -80px; text-indent:-9999px; display:block;}

#footerlinks ul{float:right;}
#footerlinks ul li{float:left; list-style:none; padding:0 11px; border:none;}
#footerlinks ul li a{ /*color:#4c4c4c;*/ color: #00305b; font-size:0.923em; text-decoration:none;}
#footerlinks ul li.last{padding-right:0;}
.warning-iner{padding: 0px 0px 7px 11px;  position: relative; overflow: hidden;  padding-right: 60px;}
.warning-iner {color: #fff;}
.warning-iner p a {color: #fff; text-decoration: underline;}
.warning-iner p strong{font-weight:normal; font-size:1.231em;}
.footer-links-iner{padding:10px 11px 8px 0; float:right;}
.warning-link{position:absolute; width:20px; height:20px; display:block; text-indent:-9999px; right:20px; top:5px; background-position:-160px 0; background-image: none; border-bottom: 1px solid #96aabb;  border-right: 1px solid #96aabb; transform: rotate(45deg);  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);}
.warning-link:focus, .warning-link:active { border-bottom: 1px solid #96aabb;  border-right: 1px solid #96aabb;}
.nojs .warning-link{display:none;}
.warning-link.open{transform: rotate(135deg);  -webkit-transform: rotate(135deg);  -ms-transform: rotate(135deg); top: 9px; }
.subpage-banner{ position:relative;}
.bredcrumb-inner{position:absolute; left:0; bottom:0; background:rgba(0, 45, 98, 0.6); color:#fff; font-size:1.231em; line-height:2.250em; padding:3px 20px 1px;   z-index: 10;}
.bredcrumb-inner a{color:#fff; text-decoration:none;}
.bredcrumb-inner span{font-weight:bold;}
.bredcrumb-inner span.separator{font-weight:normal; padding:0 1px;}


/*tow-col content*/
.two-col-content{padding:40px 0 20px 0; width:100%; float:left; overflow:hidden;position:relative;z-index:0;}

/*Same height css starts*/
.boxes-row, .tab-content-data{overflow:hidden;}
.two-col-left, .two-col-right, .three-col-right, .box-height, .tab-content-cols{ margin-bottom: -99999px;    padding-bottom: 99999px;}
/*Same height css ends*/
.boxes-row{margin-bottom:20px;}
.left-navigation{padding:0 0 20px 9px;}
.page-title{padding:0 10px 10px 16px; font-size:1.385em; color:#666666; line-height:1.333em; text-transform:uppercase;}
#leftnavigation ul li a{display:block; color:#333333; text-decoration:none; position:relative;}
#leftnavigation ul li span{padding:6px 25px 7px 8px; display:block;position:relative;}
#leftnavigation ul li {border-bottom:2px solid #eeeded; list-style:none;}
#leftnavigation ul ul{margin:0;}
#leftnavigation ul li.first{border-top:2px solid #eeeded; }
#leftnavigation ul li li.last{border:none;}
#leftnavigation ul li li span{padding-left:19px; padding-right:9px;}
#leftnavigation ul li.haschildren>span:after,#leftnavigation ul li.haschildren>a:after{width:20px; height:20px; display:block; content:""; position:absolute; right:1px; top:8px; background-position:-120px -80px; }
#leftnavigation ul li.selected span,#leftnavigation ul li.current span, #leftnavigation ul li:hover>span ,#leftnavigation ul li:hover>a>span{background:#efefef; color:#002d62;}
#leftnavigation ul li.selected li span, #leftnavigation ul li.selected li a{color:#333333;}
#leftnavigation ul li.selected li span{background:none;}
#leftnavigation ul li.selected a:after,#leftnavigation ul li.current span:after{background-position:-160px -80px;}
#leftnavigation ul li.selected li.current span, #leftnavigation ul li.selected li:hover span,#leftnavigation ul li.selected li.selected span{background:#666666; color:#fff;}
#leftnavigation ul li.selected li a:after{display:none;}
.normal-content-page{width:100%; float:left; padding-right:20px;}
.bod-content-page{width:100%; float:left; }

.banner-link{color:#fff; position:relative; padding:0 0 0 22px; font-style:italic;}
.banner-link:hover{color:#fff; text-decoration:none;}
.banner-link:before{width:15px; height:15px; left:0; top:2px; position:absolute; content:""; display:block; background-position:-80px 0;}
.three-col-right{border-left:1px solid #eaeaea;}
.right-image-box{width:100%;padding: 0 10px 0 0;}
.right-image-title{background:#002d62; color:#fff; padding:15px 10px 10px; }
/*bod*/
.bod-col, .bod-col-last{border-right:1px solid #eaeaea;  margin-bottom:20px;}
.bod-col:nth-child(3n) {  border: 0;}
.bod-col:last-child{border:none;}
.box-link{display:block;}
.box-link:hover{text-decoration:none;}
.box-link:hover .bod-title{background-color:#555154;}
.bod-title{-webkit-transition: all 0.5s ease 0s;-ms-transition:  all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.image-listing .bod-title{font-size: 1.077em;  text-transform: uppercase;  font-weight: bold;}
.bod-box{position:relative; display:block; overflow:hidden;cursor:pointer;}
.image-listing .bod-title {  word-break: break-all;}
.bod-image {  background-color: #000;}
.bod-box1{position:relative; display:block;}
.bod-box1 .bod-title{padding-bottom:10px;}
.bod-image>img{width:100%;height:auto;}
.bod-box:hover{text-decoration:none;}

.bod-box:hover .bod-title{background:#555154; -webkit-transition: all 0.5s ease 0s;-ms-transition:  all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.bod-box:hover .bod-content{top:0;}
.bod-title{position:relative; background:#093568; color:#fff;padding:12px 9px 19px; width:100%; line-height:1.714em; z-index:9;}
.bod-title span{font-weight:bold;}
.bod-box .bod-content{position:absolute; left:0;z-index:8;  top:100%;}
.bod-content{width:100%; height:100%;overflow-y:auto; background:rgba(0, 45, 98, 0.95); color:#fff; font-size:1.077em; text-align:center; text-decoration:none; padding:20px; -webkit-transition: all 0.5s ease 0s;-ms-transition:  all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.bod-content li{position:relative; padding:10px 0;}
.bod-content li:before{display:none;}
.bod-content li + li:before{background-position:-241px -80px;content: ""; display: block; height: 6px; left: 50%; position: absolute; top: -4px; width: 6px;}
.bod-thumb-links{width:100%; float:left; padding:5px 0 0;}
.bod-thumb-links a{font-size:1.077em; color:#fff; font-weight:bold; position:relative; padding:0 36px 0 0; text-decoration:none;}
.bod-thumb-links .download{float:right;}
.bod-thumb-links .download:after{background-position:-35px -120px;width:30px; height:20px; display:block; content:""; position:absolute; right:0; top:0;}
.bod-thumb-links a.view:after{background-position:2px -120px;}
.bod-thumb-links a:after{width:30px; height:20px; display:block; content:""; position:absolute; right:0; top:0;}
.tabs-nav{width:100%; float:left;}
.tabs-nav ul li{float:left; list-style:none; padding:11px 0 0;}

.tabs-nav ul li:before{display:none;}
.tabs-nav li a{border:1px solid #efefef; color:#002d62; font-size:1.385em; padding:5px 28px; text-decoration:none; display:block;transition:none; }
.tabs-nav li a:hover, .tabs-nav li.current a{background:#666666; color:#fff; padding:13px 28px 5px; margin-top:-13px}
.tabs-nav li a:hover span, .tabs-nav li.current a span{padding-bottom:5px; display:block;}
.tabs-nav-inner {
  background: #666666;
  color: #fff;
  padding: 13px 28px 13px;
  font-size: 1.385em;
  width: 100%;
  cursor:pointer;
  position:relative;
}
.tabs-nav-inner:after{content:'';width:0px;height:0px;border-bottom:12px solid #fff;border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;right:10px;top:15px;}
.tabs-nav-inner.opened:after{border-top:12px solid #fff;border-bottom:0px none;}

.tab-content{width:100%; float:left; padding:20px 0;}
.tab-content-headings{font-weight:bold; font-size:1.385em; color:#002d62; padding-bottom:35px;}
.tab-col-border{border-right:1px solid #eaeaea;}
.tab-content-cols>*:last-child {  padding-bottom: 0;}
.tab-content-data h2{font-weight:normal;}
.download-pr-text{font-size:1.385em;color:#002d62;font-weight:bold;margin-bottom:15px;  margin-top: 15px;}
.tab-content-data {margin-bottom:45px;}
.tab-content-cols.cen{text-align:center;}
a.document-link{width:54px; height:54px; display:inline-block; border:2px solid #666666; color:#666666; text-align:center; font-size:1.231em; text-transform:uppercase; font-weight:bold; text-decoration:none; line-height:3.125em; }
a.tab-content-data-title{color:#002d62; font-size:18px; font-size:1.385em;}
.border-left{border-left:1px solid #dcdee2;}
.inner-box-text1{font-size:1.154em; line-height:1.200em; font-weight:bold; letter-spacing:1px;  width: 50%;float:left;}
.content-col {margin:0 0 20px -9px; padding-left:9px;}
.content-col-last{padding:0 9px; margin:0 0 20px -9px; }
.content-col-last p span{color:#002d62;}
.tab-content-cols .p-date{padding-top:4px; padding-bottom:10px;}
/*-------------Snapdown Starts here------------*/
.mobileView{clear:both;}
.cursorpointer{cursor:pointer;}
.snapdown-ques{position:relative; background-color:#f1f1f1;}
.snapdown .snapdown-ques:after{ content:''; background-position:-62px -21px;top:0; right:14px; position:absolute; width:40px; height:50px;}
.snapdown .snapdown-ques.snapopen:after{background-position: -100px -23px; }
.snapdown .snapdown-ques.snapopen{background-color:#696969; color:#fff;}
.mobileView a.snapdown-ques{padding: 10px 0px 18px 10px;width:100%;display:block;text-decoration: none;}

.snap-item{margin-bottom:2px;}


/*mobile-nav*/
.menu-bttn{font-size:1em; color:#ffffff; cursor:pointer; float:left; margin:0; display:none; background:#666666; font-size:1.231em; float:right; padding:13px 17px 9px;}
a.menu-bttn:hover{  color: #ffffff;  text-decoration: none;}

#mob-menu, .mob-menu1{display:none;clear: both;background: #fff; font-size:1em}

   #mob-menu ul{margin:0;padding:0;  font-size: 1.231em;}
   #mob-menu li.level1 {background: #666666;font-weight: 300;font-style: normal;font-stretch: normal;position:relative;  }
   #mob-menu li{border-bottom: 1px solid #a3a3a3;}
   #mob-menu li.mm-opened{border:0px none;}
   #mob-menu li.level1 span{color:#fff}
#mob-menu li.level1 span {padding:6px 33px 7px 10px;display: block; }
   
   
   
   #mob-menu li.level1 ul{ background:#002d62;font-size:1em;}
   #mob-menu li.level1 ul ul li span{color:#333333}
   #mob-menu li.level1 ul ul{ background:#fff;font-size:1em;}
   #mob-menu .level1 a.showMore {position: absolute;text-indent: -9999px;overflow: hidden;display: block; top:0; right:0; height: 47px;   background-position:right -572px ;z-index:999;width:66px;}
   #mob-menu .level1 a.showMore.open{background-position:right -510px;}
   #mob-menu li a:hover{text-decoration:none;}
   #mob-menu li:hover span,#mob-menu li:current span{color:#333;}
   #mob-nav-section-media-gallery-level3,#mob-nav-section-results-reports-and-presentation-level3,#mob-nav-section-consumer-pr-level3{display:none;}
   #mob-menu li.level1 li.level2 li.level3.current>span,#mob-menu li.level1 li.level2 li.level3:hover span,.mob-menu li.level1 li.level2 li.level3.selected span {background: #efefef;color: #002d62;} 
   #mob-menu li.level1 li.level2.selected,#mob-menu li.level1 li.level2.current,#mob-menu li.level1 li.level2:hover{}
   #mob-menu li.level1 li.level2.selected>a>span,#mob-menu li.level1 li.level2:hover>a>span,#mob-menu li.level1 li.level2.current>span{background:#ddcccv;color: #fff;}
   #mob-menu li.level1 ul{border:none;}
   
   
   
     /* .mob-menu1 li.level2 ul{display:none; background:url(/~/media/Images/A/Artic/css/mob-sub-nav-bg.jpg) repeat-x 0 bottom; }
   .mob-menu1 .level2 a.showMore {position: absolute;text-indent: -9999px;overflow: hidden;display: block; top:0; right:0; height: 47px;   background-position:right -572px ;z-index:999;width:66px;}
   .mob-menu1 .level2 a.showMore.open{background-position:right -510px;}
   .mob-menu1 li.level2 li.level2.current ul,.mob-menu1 li.level2 li.level2.selected ul{display:block;}
   .mob-menu1 li:hover span,.mob-menu li:current span{color:#333;}*/
   
         .menu-bttn1{font-size:1em; color:#666666; cursor:pointer; float:left; padding:5px 80px 5px 20px; display:none;position:relative; border-left:1px solid #eaeaea;}
         .menu-bttn1:after{width:40px; height:40px; background-position:-69px -29px; position:absolute; right:0; top:0; display:block; content:"";  }
         .menu-bttn1.open:after{background-position:-149px -45px;}
.menu-bttn1 span{background-position:right -126px; width:31px; height:21px; display:block; float:left; margin:0 0 0 0; cursor:pointer; margin:0 5px 0 20px;}
.mob-menu1 ul li a:hover{text-decoration:none;}
.mob-menu1 ul li a:hover span{color:#fff; font-weight:bold; background:#666666;}
.mob-menu1{display:none;clear: both;color: #fff; font-size:1em}
   .mob-menu1 ul{margin:0;padding:0;}
   .mob-menu1 li.level2 {font-weight: 300;font-style: normal;font-stretch: normal;position:relative;}
   .mob-menu1 li.level2 span {font-size:1em;color: #666666;padding:9px;display: block; border-bottom: 1px solid #dddddd; background:#f1f1f1;}
   .mob-menu1 li.level2 li.level3 {background: #d409a9;}
   .mob-menu1 li.level2 li.level3 span {background:#ffffff;color:666666;text-transform: none;font-family: arial;font-size: 1.em;padding:9px 47px 9px 20px;}
   .mob-menu1 li.level2 li.level3 li.level4 span {background:#0000CC;padding: 14px 72px;}
   .mob-menu1 li.level2 ul{display:none;}
   .mob-menu1 .level2 a.showMore {position: absolute;text-indent: -9999px;overflow: hidden;display: block; top:0; right:0; height:37px; background-position:-106px -71px; z-index:999; width:40px;}
   .mob-menu1 .level2 a.showMore.open {  background-position: -147px -70px;}
   .mob-menu1 li.level2 li.level3.current ul,.mob-menu1 li.level2 li.level3.selected ul{display:block;}
   .mob-menu1 li:hover span,.mob-menu1 li:current span{color:#333;}
   #mob-nav-section-media-gallery-level3,#mob-nav-section-results-reports-and-presentation-level3,#mob-nav-section-consumer-pr-level3{display:none;}
   .mob-menu1 li.level2 li.level3 li.level4.current>span,.mob-menu1 li.level2 li.level3 li.level4:hover span,.mob-menu1 li.level2 li.level3 li.level4.selected span {background: #F3F;color: #eb0bbb;} 
   .mob-menu1 li.level2 li.level3.selected,.mob-menu1 li.level2 li.level3.current,.mob-menu1 li.level2 li.level3:hover{background: #fff;}
   .mob-menu1 li.level2 li.level3.selected>a>span,.mob-menu1 li.level2 li.level3:hover>a>span,.mob-menu1 li.level2 li.level3.current>span{text-decoration:none; background:#666; color:#fff;}
   .mob-menu1 li.level2 ul{border:none;}
   .mob-menu1 li.last span{border:none;}
  .menu-close-button {
  display: inline-block;
  background: #f1f1f1;
  padding-right: 50px;
  float:right;
  cursor:pointer;
} 
.menu-close-button span {
  padding: 16px 15px 12px 15px;
  background: #666666;
  display:block;
  color:#fff;
  font-size:1.231em;
  border:1px solid #a3a3a3;
}
.menu-close-button:before {
  content: '';
  width: 3px;
  height: 30px;
  background: #666666;
  position: absolute;
  right: 24px;
  bottom: 13px;
  transform: rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transition:all 1s;
   -moz-transition:all 0.25s;
  -webkit-transition:all 0.25s;
}
.menu-close-button:after {
  content: '';
  width: 3px;
  height: 30px;
  background: #666666;
  position: absolute;
  right: 24px;
  bottom: 13px;
  transform: rotate(45deg);
    -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transition:all 1s;
   -moz-transition:all 0.25s;
  -webkit-transition:all 0.25s;  
}
.menu-close-button.close:before {
  transform: rotate(90deg);
    -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  bottom:18px;
}
.menu-close-button.close:after {
  transform: rotate(90deg);
    -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  bottom:7px;
}
   
/*---------------- hospitality starts------------*/
.hospitality-slider-item{display:none;}
.hospitality-slider-item:first-child{display:block;}
.nav-content{margin-bottom:17px;}
.hospitality-item-title{font-weight:bold;color:#fff;background-color:#002d62;position:absolute;padding:5px 50px 5px 12px;bottom:0px;left:0px;width:100%;font-size:1.231em;line-height: 1.385em;  min-height: 41px;}
.hos-item-t-w{display: table;height:100%;}
.hospitality-item-title:after{content:'';width:22px;height:22px;background-position:-120px -120px;position:absolute;right:10px;  bottom: 50%;  margin-bottom: -11px;}
.hospitality-item.selected .hospitality-item-title:before{content:'';width:22px;height:22px;background-position:-160px -120px;position:absolute;right:10px;  top: 50%;  margin-top: -11px;}
.hos-title-inner{  display: table-cell;  vertical-align: middle;}
.hospitality-item.selected .hospitality-item-title{position:relative;background-color:#666666;}
.hospitality-item.selected .hospitality-item-title:after{content:'';position:absolute;height:0px;width:0px;border-top:16px solid #666666;border-left:16px solid transparent;border-right:16px solid transparent;right:5px;bottom:-5px;}
.hospitality-item-inner{position:relative;}
.h-image-wrap{overflow: hidden;}
.hospitality-row{margin-bottom:38px;float:left;width:100%;}
.hospitality-link{position:absolute;width:100%;height:100%;top:0px;left:0px;text-indent:-9999px;}
.full-common-details{display:none;padding-top: 17px;  width: 100%;}
.hospitality-data-left{padding-top: 17px;}
.hospitality-slider-outer{padding:50px 0 0 40px;position:relative}
.hospitality-data-right .bx-prev,.hospitality-data-right .bx-next{background-color:#002d62;width:30px;height:30px;  text-indent: -9999px;display: block;float:left;position:relative;  margin-right: 1px;}
.hospitality-data-right .bx-next:after { position: absolute; display: inline-block; width: 12px; height: 12px; border: 9px solid #002d62; border-width: 2px 2px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); content: ''; top: 8px; right: 9px; border-color: #fff; }
.hospitality-data-right .bx-prev:after { position: absolute; display: inline-block; width: 12px; height: 12px; border: 9px solid #002d62; border-width: 2px 2px 0 0; transform: rotate(225deg); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); content: ''; top: 8px; left: 9px; border-color: #fff; }
.hospitality-data-right .bx-controls{position:absolute;top:5px;right:0px;}
.hospitality-data-right .bx-pager{display:none;}
.hospitality-data-right .bx-controls-direction{position:relative;}
.hospitality-item-link{font-size:1.077em;position:relative;top:5px;  padding-bottom: 15px;}
.hospitality-item-link a{color:#002d62;  word-break: break-all;}
.hospitality-item-inner>img{width:100%;height:auto;}
.hospitality-slider-item img{floaT:right;}



/*-----Iframe-------*/

.iframe-wrap{display:table; width:100%;}
.iframe-wrap #iframe {display: table-cell;  vertical-align: middle;width: 100%;}
.external-web{width:100%;overflow:hidden;}
.external-web iframe{border:0; }
.external-web iframe.responsive{ width:100%;}

.google-embed, .video-box{position:relative; float:none; padding-bottom:56.25%; padding-top:25px; height:0;}
.google-embed iframe, .video-box iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


/*---------------- Corporate Responsibility starts------------*/
.corporate-content-page{padding:20px 0;float:left;}

.social a{float:left;width:32px;height:32px;}

/*.social.facebook a{background-image:url('/~/media/Images/A/Al-Faisal-v2/css/facebook-icon.jpg');}
.social.twitter a{background-image:url('/~/media/Images/A/Al-Faisal-v2/css/twitter-icon.jpg');}
.social.linkedin a{background-image:url('/~/media/Images/A/Al-Faisal-v2/css/linked-in-icon.jpg');}

.social.facebook a:hover{background-position:0px -32px;}
.social.twitter a:hover{background-position:0px -32px;}
.social.linkedin a:hover{background-position:0px -32px;}*/

.social{float:right;width:32px;height:32px;margin-right:5px;background-position:0px 0px;background-repeat:no-repeat;}

.social.facebook{background-image:url('/~/media/Images/A/Al-Faisal-v2/css/facebook-icon.jpg');}
.social.twitter{background-image:url('/~/media/Images/A/Al-Faisal-v2/css/twitter-icon.jpg');}
.social.linkedin{background-image:url('/~/media/Images/A/Al-Faisal-v2/css/linked-in-icon.jpg');}

.social.facebook:hover{background-position:0px -32px;}
.social.twitter:hover{background-position:0px -32px;}
.social.linkedin:hover{background-position:0px -32px;}



#headerbannerimage{margin-left: 20px; width:70%; float:left;}
body.chrome #headerbannerimage{margin-left: 16px;}
body.ie8 #headerbannerimage{margin-left: 37px;}


/*body#ip3-Homepage #topnavigation{width:100%; float:left; padding:10px 0 0;}
body#ip3-Homepage .headerbannerimage{ float: left; margin-left: 25px; width: 69%;}*/


@media all and (min-width: 0px) and (max-width: 380px) {
.socialWrapper{position:absolute;top:0px;right:14px;width:120px;}
}

@media all and (min-width: 921px) and (max-width: 1040px) {
#headerbannerimage{margin-left: 38px!important;}
}

.ramadan-logo-wrapper{float:right;min-height:80px;}

/*  New homepage starts here  */

body#ip3-Homepage .social {display: none}
body#ip3-Homepage #contentwrapper {margin-bottom: 0;}
body#ip3-Homepage .homecontentwrapper {padding: 10px 0 0;}
#topnavigation .top-nav #nav-corporate-responsibility-level1 {/*width: 200px;*/}

/*  Home new buttons starts here  */
body#ip3-Homepage ul.rad-link li a:before {background: #0f4c85; display: none;}
body#ip3-Homepage ul.rad-link li a:before{width:13px; height:13px; display:block; content:""; top:1px; position:absolute; left:0; background-position:-40px 0px; display: none;}
body#ip3-Homepage ul.rad-link li {list-style: none; padding: 9px 4px 9px 0; margin: 0; text-align: center;}
body#ip3-Homepage ul.rad-link li a{color:#fff; font-style:normal; text-decoration:none; position:relative; padding:12px 30px; font-size: 16px; background: #0f4c85; border: 1px solid #fff; transition: /*border-color 0.4s ease 0s, background-color 0.4s ease 0s*/ 0.4s ease 0s;}
body#ip3-Homepage ul.rad-link li a:hover {background: #00305b; border: 1px solid #a0a0a0;}
/*  Home new buttons ends here  */

.box-pad {padding: 15px;}
body#ip3-Homepage h2.title-center {text-align: center;}
body#ip3-Homepage h2.title-left {text-align: left;}

body#ip3-Homepage h2 {text-align: right; font-size: 38px;font-weight: 600; color: #00305b; padding-bottom: 5px;}
body#ip3-Homepage h2 span {font-weight: 500;}


.home-box1-bg {background: no-repeat center center; background-size: cover; padding-right: 50px;}
.home-box1-content * {color: #fff;}

.home-box1-content-outer {display: table; width: 100%;}
.home-box1-content {height: 800px; background-color: rgba(0, 48, 91, 0.65); display: table-cell; vertical-align: middle; text-align: right; padding: 20px 50px 10px 50px;}
.home-box1-content h1 {font-size: 42px;font-weight: 600;}
.home-box1-content h1 span {font-weight: 500;}
.home-box1-content .intro-text {font-size: 17px; font-weight: normal; line-height: 20px;}


.home-box2-title, .home-box2-content {padding-right: 39px;}
.home-box2-content {color: #00305b; font-size: 17px; line-height: 26px; letter-spacing: 0.18px; text-align: justify; padding-top: 30px; padding-bottom: 20px;}
.home-box2-content p {padding-bottom: 20px;}

.home-box2-video .video-box{position:relative; float:none; padding-bottom:56.25%; padding-top:1px; height:0;}
.home-box2-video .video-box iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


.home-box3-content-wrap {padding: 40px;}
.home-box3-quote {padding: 30px 0 20px;}
.home-box3-quote h3 { color: #00305b;font-size: 27px; letter-spacing: 0.5px; line-height: 43px; text-align: right; }
.home-box3-quote-bottom { color: #00305b;font-size: 16px; font-weight: normal; line-height: 20px; text-align: right; padding-bottom: 30px;}

.home-box4-title {padding-bottom: 25px;}

.home-box5-content-wrap {padding: 30px;}
.home-box5-content {color: #00305b; font-size: 15px; line-height: 24px; letter-spacing: 0.18px; text-align: justify; padding-top: 40px; padding-bottom: 30px; }

.home-box6-title {padding-bottom: 30px;}
.boxes-row.box-pad.home-box6 {padding-bottom: 0; margin-bottom: 0;}

.home-box7-content-wrap {padding: 20px 50px;}
.home-box7-content {color: #00305b; font-size: 17px; line-height: 24px; letter-spacing: 0.18px; text-align: justify; padding-top: 40px; padding-bottom: 30px; padding-left: 30%;}

.home-box7-rhs-1 {margin-bottom: 10px;}
.home-box7-rhs {background: no-repeat center center; background-size: cover; height: 291px;  position: relative;}
.home-box7-rhs-cont {position: absolute; bottom: 0;}
.hm-rhs-cont {width: 75%; float: left; padding: 5px 30px 5px 30px;}
.hm-rhs-link {width: 25%; float: left; padding: 10px; display: table;}
.hm-rhs-link ul.rad-link-1 {display: table-cell; vertical-align: middle; }
.hm-rhs-link ul.rad-link-1 a {color: #fff; font-size: 15px; padding-right: 20px; position: relative;}
.hm-rhs-link ul.rad-link-1 a:after {position: absolute; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); content: ' '; top: 4px;}

body#ip3-Homepage h2.hm-rhs-title {color: #fff; text-align: left; line-height: 38px;}

.home-box8-image img {width: 100%; height: auto;}
.home-box8-news {color: #00305b; text-align: justify; font-size: 17px; line-height: 24px; letter-spacing: 0.18px;}
.hm-news-intro {padding-bottom: 15px;}

.home-box9-image img {width: 100%; height: auto;}
.home-box9-content {color: #00305b; font-size: 15px; line-height: 24px; letter-spacing: 0.18px; text-align: justify; }
.home-box9-content .rad-link {margin-top: 15px;}
.home-box9-content a {text-decoration: underline;}


.home-box10-bg {background:url('/~/media/Images/A/Al-Faisal-v2/content-images/home-images/home-contact.jpg') no-repeat center center; background-size: cover; }
.home-box10-content { color: #fff; height: 295px;}
.home-box10-content a {color: #fff; text-decoration: underline;}
.hmbox10-left-wrap { background-color: rgba(9, 58, 106, 0.9) /*rgba(0, 48, 91, 0.4)*/; padding-top: 100px; padding-bottom: 100px;}
.hmbox10-right-wrap { background-color: rgba(15, 76, 133, 0.8); padding-top: 100px; padding-bottom: 100px;}
body#ip3-Homepage h2.hm-contact-title {color: #fff;}
.hmbox10-right h3 {color: #fff; padding: 13px 0 30px 0; font-size: 19px;}
.hmbox10-right h3 span {font-weight: bold;}
.hmbox10-right {font-size: 16px; line-height: 21px;}
.rad-list img {float: left; padding-right: 9px;}


.wwd-item {padding-top: 315px; padding-bottom: 30px; background: no-repeat center center; background-size: cover; margin-bottom: 30px; }
.wwd-inner { background-color: rgba(0, 48, 91, 0.65); text-align: center; color: #fff; width: 100%; padding: 12px 5px 20px 5px; }
h4.wwd-title {font-size: 17px; line-height: 24px; font-weight: normal; margin-bottom: 15px;}
body#ip3-Homepage .wwd-inner ul.rad-link li a {border: 1px solid #0f4c85;}
body#ip3-Homepage .wwd-inner ul.rad-link li a:hover {border: 1px solid #a0a0a0;}


body#ip3-Homepage .home-box1-content {
    background: none;
}
body#ip3-Homepage .home-box1-content p, body#ip3-Homepage .home-box1-content h1 {
    display : none;
}
@media (max-width: 766px) {
    body#ip3-Homepage .home-box1-content-outer {
        padding: 0;
    }
    body#ip3-Homepage .home-box1-content {
        display : none;
    }
    body#ip3-Homepage .home-box1-bg {
        min-height: 350px;
    }
}
/*---- media-queries-----*/
/*--------- iPad Landscape and Desktops ---------*/
@media all and (max-width: 1200px) {
#topnavigation li span{padding:0 18px;}
}
@media all and (max-width: 1041px){
#topnavigation li span{padding:0 16px;}
}
@media all and (min-width: 0px) and (max-width: 1024px) {
#topnavigation li span {padding: 0 11px !important;}
.home-box5-content-wrap {padding: 30px 5px;}
.home-box7-content { padding-top: 40px; padding-bottom: 30px; padding-left: 0%;}
.wwd-item {padding-top: 290px;}

}

@media all and (min-width: 992px) {
.mob-menu1{display:none !important;}
	
.home-box8-content-wrap {padding: 20px;}
.home-box8-news { padding: 5px 0px 15px;}
.home-box9-content-wrap {padding: 20px;}
.home-box9-content {padding-left: 20%; padding-top: 40px; padding-bottom: 30px;}
.boxes-row.box-pad.home-box7, 
.boxes-row.box-pad.home-box8, 
.boxes-row.box-pad.home-box9 {margin-bottom: 0;}
.boxes-row.box-pad.home-box9 {padding-bottom: 0;}

}

@media all and (max-width: 991px) {
html {-webkit-text-size-adjust: none;}
#mob-menu.mm-opened{display:block;}
#topnavigation{display:none;}
.inner-box-text{margin-top:7px;}

#logo > a{display:inline;}

.warning{  margin: 10px 0;}
.warning-link{  right: 5px;}
.warning-iner{padding:0px 40px 7px 0px;}
.header{  position: absolute;  bottom: 10px;  right: 0px;}
#headerwrapper{position: relative;}

.home-box1-content h1 {font-size: 34px;}
body#ip3-Homepage h2 {font-size: 30px;}
.home-box2-title, .home-box2-content {padding-right: 0px; }
.home-box2-content {/*font-size: 13px;*/ line-height: 24px; letter-spacing:normal; padding-top: 0px; padding-bottom: 0px;}
	
.home-box3-content-wrap {padding: 5px;}
.home-box3-quote {padding: 9px 0 0px;}
.home-box3-quote h3 {font-size: 24px; letter-spacing: 0.5px; line-height: 30px; }
.home-box3-quote-bottom {font-size: 13px; }

.home-box5-content-wrap {padding: 5px;}
.home-box5-content { padding-top: 5px; padding-bottom: 15px;}


.home-box7-content-wrap {padding: 20px 25px;}
.home-box7-content { padding-top: 40px; padding-bottom: 30px; padding-left: 0%;}
.home-box7-rhs-cont {position: relative; float: left; height: 291px;}
.hm-rhs-cont {width: 100%; padding: 15px 20px 15px 20px;}
.hm-rhs-link {width: 100%; padding: 15px 20px 15px 20px; position: absolute; bottom: 0;}
.hm-rhs-cont.hm-equal {height: auto !important;}

}
/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
#logo{padding:0px 10px 10px 10px;}
.header-right{padding:10px 10px 0 0;}
.menu-bttn, .menu-bttn1{display:block;}
.left-nav-dt{display:none;}
.home-content-box1{padding:0 0 0 9px;}
.home-content-box2, .home-content-box3{padding:0 11px 0 0;}
.two-col-content{padding:0;}
.normal-content-page{padding:0 9px;}
.page-title{float:left; margin:0; padding:5px 0 0;}
.left-navigation{float:right; padding:0;}
.two-col-left{padding:0 19px; margin:0 0 15px;}
.left-col-mob{border-bottom:1px solid #eaeaea; float:left; width:100%; padding:6px 0;}
.content-col{margin-left:0;}
.brand-logo{padding:9px 11px 14px 0;}
.footer-links-iner{padding:10px 0 8px 11px;}
.bod-content-page{padding:0 10px;}
.bredcrumb-inner{padding:3px 10px 1px;}
.box-image,.inner-box-text{ width: 100%;}
.corporate-content-page{padding:9px;}
body#ip3-Homepage #headerbannerimage{width: 55%;}

}
@media all and (min-width: 768px) {
.download-pr-text{display:none;}
.tabs-nav ul li.current{display:block !important;}
.tabs-nav ul{display:block !important;}
.ramadan-logo-wrapper-mobi{display:none;}

}

/*--------- All Small Tablets and Large Phones Global CSS ---------*/

@media all and (max-width: 767px) {
.hospitality-data-right .bx-controls{right:auto; left:0;}
.hospitality-slider-item img{float:left;}
.hospitality-slider-outer{padding:50px 0 0 0;}
.banneritem img {  height: auto;  max-width: 100%;}
.home-content-box2, .home-content-box3{padding-top:20px;}
.page-container{margin-bottom:20px;}
.two-col-content{padding:0 0 20px;}
.page-title{float:left; margin:0; padding:5px 0 0;}
.left-navigation{float:right; padding:0;width:100%;}
.menu-bttn1{border-left: 0;  border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 10px 35px 10px 0;  margin: 10px 0 0;float:none;}
.two-col-left{padding:0 19px 10px; margin:0 0 15px;}
.left-col-mob{float:left; width:100%; padding:6px 0 0;}
.left-nav-dt{display:none;}
#logo{padding:0 10px 10px; max-width:130px;}
#topnavigation{display:none;}
.menu-bttn, .menu-bttn1{display:block;}
.inner-box-text{float:left; padding:0 0 0 15px;}
.desktop-view, .nojs .mobileView{display:none;}
.bod-box:hover{display:none;}
.bod-content{position:static; text-align:left;height:auto;}
.snap-item a{color:#333333;}
.bod-col, .bod-col-last {}
.bod-col:nth-child(3n){  border-right: 1px solid #eaeaea;}
.bod-col:nth-child(2n){  border-right:0;}
.bod-image img{text-align:center;margin: 0 auto;}
.bod-box1{margin-bottom:18px}
.bod-col .bod-box1{margin:0;}
.normal-content-page{padding:0 9px;}
.right-image-box{text-align:center;  padding: 0 9px;}
.right-image-title{text-aligh:right;}
.right-image-box img{display:inline-block;max-height:378px;width:auto;}
.header-right{padding:40px 10px 0 0;}
.two-col-right, .three-col-right, .box-height, .tab-content-cols{margin-bottom:0; padding-bottom:0;}
.boxes-row, .tab-content-data{overflow:inherit;}
.home-content-box1{padding:0 10px;}
.homecontentwrapper{padding:0;}
.brand-logo{padding:21px 0 14px;}
#utility{padding:15px 0 5px;}
#utility ul li{padding:0 20px 0 0;}
#footerlinks ul{width:100%}
#footerlinks ul li{width:100%; padding:3px 0;}
.footer-links-iner{width:100%; padding:0;}
.content-col, .content-col-last{margin:0; padding:10px; border:none;}
.corporate-page{padding:9px;}

/*slider*/
#bx-pager{width:auto; background:none; padding:10px; position:static; float:left;}
#bx-pager a.active:before, #bx-pager a:hover:before, #bx-pager a.active:after, #bx-pager a:hover:after{display:none;}
#bx-pager a{padding:0; width:8px; height:8px; float:left; margin:0 8px 0 0; text-indent:-9999px;opacity:0.4;}
#bx-pager a.active {opacity:1;}
.banneritem .bannertext{width:100%; left:0;}
#bannerwrapper{float:none;}
.bx-viewport{overflow:inherit;}
.banneritem .bannertext{position:static; padding:10px 20px 0 10px;}
.bannertext h2{padding:3px 0 8px;}
.bod-image>img{width:auto;}
.tab-content-headings{display:none;}
.tab-content-data .tab-col-border{border:0 none;}
.tab-content-cols-wrapper{border-bottom:1px solid #eaeaea; padding:22px 0;}
.tab-content-data{margin-bottom:12px;}

.inner-box-content1 .box-image img{width: 100%;height:auto;}
.tabs-nav>ul li{width:100%;}
.tabs-nav>ul li a{padding: 13px 28px 10px}
.tabs-nav li a:hover, .tabs-nav li.current a{;margin-top:0px;padding-bottom:10px;}
.tabs-nav ul li{padding-top:0px;}
.tabs-nav li a:hover span, .tabs-nav li.current a span{padding-bottom:0px;}
.tabs-nav li span{padding-bottom:10px;}
.tabs-nav>ul{display:none;}

.bredcrumb-inner{display:none;}
.mobileView{padding-left:18px;padding-right:18px;}
#headerbannerimage{display:none;}
.ramadan-logo-wrapper{display:none;}
.ramadan-logo-wrapper-mobi{/*margin: auto;*/ width: 30%;}

.home-box1-bg { padding-right: 9px;}
.home-box1-content-outer {padding: 10px; background-color: rgba(0, 48, 91, 0.45);}
.home-box1-content {height: auto; background-color: rgba(0, 48, 91, 0.85); padding: 15px 15px 5px; }
.home-box1-content h1 {font-size: 24px;}
.home-box1-content .intro-text {text-align: left;}
body#ip3-Homepage h2, body#ip3-Homepage h2.title-left {font-size: 22px; text-align: center;}
.home-box2-content { letter-spacing: normal; padding-bottom: 5px;}
.home-box3-quote-bottom {padding-bottom: 15px; }
.home-box6-title {padding-bottom: 0px;}
.home-box7-content-wrap {padding: 0px 0px;}
.home-box7-content { padding-top: 0px; padding-bottom: 0px; padding-left: 0%;}
body#ip3-Homepage h2.hm-rhs-title {line-height: 30px;}
.home-box9-content { padding-top: 12px; }
body#ip3-Homepage h2.hm-contact-title {text-align: center;}
.home-box10-content {height: auto; padding: 20px;}
.hmbox10-left-wrap {padding-top: 20px; padding-bottom: 0;}
.hmbox10-right-wrap {padding-top: 0px; padding-bottom: 100px;}

}

@media all and (min-width: 1170px){
.hidden-md{display:none;}
}

@media all and (min-width: 768px) and (max-width: 990px) {
.hidden-sm{display:none;}
.ramadan-logo-wrapper img{width:80px;}

}
@media all and (max-width: 480px) {
.bod-col{width:100%;}
.box-image,.box-image.aboutus-image{ width: 100%;}
.inner-box-text1{float: left;  width: 100%;  margin-top: 15px;}
.inner-box-text{padding-left:0;width:100%;}
.ramadan-logo-wrapper{float:left;min-height:20px;}
.ramadan-logo-wrapper img{width:50px;}
}

@media all and (max-width: 320px) {
#logo{padding:0 10px 10px;}
#MainWrapper{width:320px} /* Excluding Gutter space from 320 width */
.left-nav-dt{display:none;}
.ramadan-logo-wrapper{float:left;min-height:20px;}
.ramadan-logo-wrapper img{width:50px;}
.ramadan-logo-wrapper-mobi{/*margin: auto;*/ width: 30%;}
}


/*---for retina display--------*/
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),  
        only screen and (   min--moz-device-pixel-ratio: 1.5),  
        only screen and (     -o-min-device-pixel-ratio: 3/2),  
        only screen and (        min-device-pixel-ratio: 1.5)
        {
        .top-search, ul.rad-links li a:before, a.read-more:before, .brand-logo-link, .warning-link, #leftnavigation ul li a:after, .banner-link:before, .normal-content-page ul li:before, .bod-content li:before, .bod-thumb-links a:after, .snapdown-ques:after, .snapdown .snapdown-ques.snapopen:after, #utility a:before, .mob-menu1 .level2 a.showMore, .menu-bttn1:after{background-image:url(~/media/Images/A/Al-Faisal-v2/css/sprite-mob.png); background-repeat:no-repeat; background-size:280px auto;}
        
        }
		
/*@media all and (min-width: 921px) and (max-width: 1040px) {
body#ip3-Homepage #headerbannerimage{margin-left: 40px;}
}*/	


@media screen and (max-device-width: 640px) and (orientation: landscape){
.ramadan-logo-wrapper{display:block;}
.ramadan-logo-wrapper-mobi{display:none;}
}	


/*---- jquery-ui-----*/
/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu-item:hover {
        /*background-color:#999999;*/
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/*margin: -1px;*/
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1em;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	/*font-size: 1.1em;*/
font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #000;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:hover {
	/*border: 1px solid #999999;
	background-color: #aaaaaa !important;
	font-weight: normal;
	color: #212121;*/
	background-color:#cccccc;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:focus {
	/*border: 1px solid #999999;
	background-color: #aaaaaa;
	font-weight: normal;
	color: #212121;*/
}

.ui-state-hover  a,
.ui-state-hover  a:hover,
.ui-state-hover  a:link,
.ui-state-hover  a:visited {
/*	color: #212121;
	text-decoration: none;*/
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
        color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
}
.ui-widget-header .ui-icon {
}
.ui-state-default .ui-icon {
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
}
.ui-state-active .ui-icon {
}
.ui-state-highlight .ui-icon {
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa  50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa  50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.currentDomainCSS
{
    background: #D3D3D3 50% 50% repeat-x;
}

.serachTextBoxMiddle
{
    height: 18px;
    margin-left: 220px;
    right: 44px;
    width: 140px;
}
.serachButtonMiddle
{
    left: 363px;
    position: absolute;
    top: 53px!important;
}
.centerText
{
    margin-left: 195px;
}
.centerText1
{
margin:0 auto;
width: 180px;
}
.ui-menu {min-width: 160px !important; max-width: 300px !important;z-index:99999 !important; width:285px !important;background: #fff;border-radius:0 !important;}
.ui-menu a{background-color:#fff;height:23px;width:285px;position:relative;top:0px;margin-bottom:1px;border-radius:0 !important;}
.ui-menu a:hover{position:relative;top:0px;margin-bottom:1px;}


.ui-menu .ui-menu-item {padding: 0 !important;  width:100% !important;}

.ui-menu .ui-menu-item a{float:left; width:100%; height:auto;}

.ui-menu .ui-menu-item {padding: 0 !important;  width:100% !important;}
.ui-corner-all span{text-align:right; width:28%;}
.ui-corner-all span:first-child{text-align:left; width:71%;}



/*---- mmenu-----*/
    /*
    jQuery.mmenu CSS
    */
    /*
    jQuery.mmenu panels CSS
    */
    .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease; }
    .mm-menu .mm-hidden {
    display: none; }
    .mm-wrapper {
    overflow-x: hidden;
    position: relative; }
    .mm-menu,
    .mm-menu > .mm-panel {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0; }
    .mm-menu {
    background: inherit;
    display: block;
    overflow: auto;
    padding: 0;font-family: 'Arial'; }
    
    #mob-menu > ul {
    height: auto;
    padding-left:5px;
    background:#666;
    }
    
    .mm-menu > .mm-panel {
    background: inherit;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: hidden;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
    
    .mm-menu > .mm-panel::-webkit-scrollbar {-webkit-appearance: none;width: 5px;height: 5px;}
    .mm-menu > .mm-panel::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid #004d91;background-color: #004d91;}
    
    
    .mm-menu > .mm-panel.mm-opened {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    /*display:none;*/
    }
    .mm-menu > .mm-panel.mm-highest {
    z-index: 1; }
    .mm-menu .mm-list {
    padding: 20px 0; }
    .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
    content: '';
    display: block;
    height: 0px; }
    .mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px; }
    .mm-panel > .mm-list:first-child {
    padding-top: 0; }
    .mm-list,
    .mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0; }
   .mm-list li{font-size:inherit;line-height:1.2em;;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}

.mm-list li.level2{font-size:0.938em;}
   
    .mm-list li a{-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;}
     .mm-list li:hover,.mm-list li.current,.mm-list li.selected{color: #fff;}
    .mm-menu .mm-list > li:hover > a.mm-subopen:after, .mm-menu .mm-list > li:hover > a.mm-subclose:before{}
    .mm-list li.mm-subtitle{background:none;}
    .mm-list {
    font: inherit;
    font-size: 1em; }
    .mm-list a,
    .mm-list a:hover {
    text-decoration: none; }
    .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    /*padding: 10px 10px 10px 20px;*/
    margin: 0; }
    .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border:0;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
    .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
    .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%; }
    .mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
    padding-right: 5px;
    padding-top:0px;padding-bottom:0px;padding-left:0px;
    margin-right: 40px; }
    .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
    .mm-list > li.mm-selected > a.mm-fullsubopen + a,
    .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
    .mm-list a.mm-subclose {
    
    margin:0px 20px 0px; 
    background:url(/~/media/Images/A/AL-Faisal-V2/css/menu-bak-arrow-blue.png) no-repeat 10px center ;
    padding: 12px 20px 12px 28px;
    border: 2px solid #8cb9d7;
    }
    .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.714em;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
    .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
    padding-top: 25px; }
    .mm-list a.mm-subopen:after,
    .mm-list a.mm-subclose:before {
    content: '';
    border: 3px solid transparent;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
    .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
    .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }
    .mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px; }
    .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
    .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block; }
    .mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
    height: 33px; }
    .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 9px;
    right:12px;
    bottom: auto;
    background-position:0px -160px;
    }
    .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
      background-position: -40px -160px; }
    .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
    height: 25px; }
    html.mm-opened .mm-page {
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);overflow:hidden;*/height:100%; }
    .mm-menu {
    background: #e5ecf5;
    color: #004d91; }
    .mm-menu .mm-list > li:after {
    border:0;
    border-color: rgba(0, 0, 0, 0.15); }
    .mm-menu .mm-list > li > a.mm-subclose {
    color: #004d91;
   /* background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); */}
    .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    }
    .mm-menu .mm-list > li > a.mm-subclose:before {display:none;}
    .mm-menu .mm-list > li > a.mm-subclose:before {border-color:#fff;}
    .mm-menu .mm-list > li > a.mm-subopen:before {
    border:0;
    border-color: rgba(0, 0, 0, 0.15); }
    .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
    .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
    .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
    .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
    .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
     }
    /*
    jQuery.mmenu offcanvas addon CSS
    */
    .mm-page {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;overflow:hidden; }
    html.mm-opened {
    /*overflow: hidden;*/
    position: relative; }
    html.mm-opened body {
    overflow: hidden; }
    html.mm-opened .mm-page {
    box-sizing: border-box;
    position: relative; }
    html.mm-background .mm-page {
    background: inherit; }
    #mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
    z-index: 999999; }
    html.mm-opened #mm-blocker,
    html.mm-blocking #mm-blocker {
    display: block; }
    .mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
    
    }
    .mm-menu.mm-current {
    display: block; }
    .mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px; }
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0); }
    html.mm-opening #mm-blocker {
      background:rgba(0,0,0,0.5);
    }
    @media all and (max-width: 175px) {
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
    @media all and (min-width: 550px) {
    html.mm-opening .mm-page,
    html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    transform: translate(440px, 0); } }
    /*
    jQuery.mmenu buttonbars addon CSS
    */
    .mm-buttonbar {
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
    position: relative; }
    .mm-buttonbar:after {
    content: '';
    display: block;
    clear: both; }
    .mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .mm-buttonbar > a {
    text-decoration: none; }
    .mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px; }
    .mm-buttonbar > input:checked + label {
    border-color: transparent !important; }
    .mm-buttonbar > *:first-child,
    .mm-buttonbar > input:first-child + * {
    border-left: none; }
    .mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%; }
    .mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%; }
    .mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%; }
    .mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%; }
    .mm-header .mm-buttonbar {
    margin-top: 20px;
    margin-left: -30px;
    margin-right: -30px; }
    .mm-footer .mm-buttonbar {
    border: none;
    border-radius: none;
    line-height: 40px;
    margin: -10px -10px 0 -20px; }
    .mm-footer .mm-buttonbar > * {
    border-left: none; }
    .mm-list > li > .mm-buttonbar {
    margin: 10px 20px; }
    .mm-menu .mm-buttonbar {
    border-color: rgba(255, 255, 255, 0.6);
    background: #333333; }
    .mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
    .mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: #333333; }
    /*
    jQuery.mmenu counters addon CSS
    */
    em.mm-counter {
    font: inherit;
    font-size: 1em;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 40px;
    top: 50%; }
    em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
    margin-right: 80px; }
    em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }
    .mm-vertical em.mm-counter {
    top: 12px;
    margin-top: 0; }
    .mm-nosubresults > em.mm-counter {
    display: none; }
    .mm-menu em.mm-counter {
    color: rgba(255, 255, 255, 0.3); }
    /*
    jQuery.mmenu dragOpen addon CSS
    */
    html.mm-opened.mm-dragging .mm-menu,
    html.mm-opened.mm-dragging .mm-page,
    html.mm-opened.mm-dragging .mm-fixed-top,
    html.mm-opened.mm-dragging .mm-fixed-bottom,
    html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    transition-duration: 0s; }
    /*
    jQuery.mmenu footer addon CSS
    */
    .mm-footer {
    background: inherit;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px 0 20px;
    z-index: 2;
    position:absolute;
    left:0;
    bottom:0;
    padding-bottom:10%;
  }
    .mm-menu.mm-hasfooter > .mm-panel:after {
    }
    .mm-menu .mm-footer {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3); }
    /*
    jQuery.mmenu header addon CSS
    */
    .mm-header {
    background: inherit;
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0; }
    .mm-header .mm-title,
    .mm-header .mm-prev,
    .mm-header .mm-next {
    padding-top: 30px; }
    .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative; }
    .mm-header .mm-prev,
    .mm-header .mm-next {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
    .mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0; }
    .mm-header .mm-next {
    padding-left: 10px;
    padding-right: 20px;
    right: 0; }
    .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    .mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px; }
    .mm-header [href].mm-next:after {
    border-top: none;
    border-left: none;
    margin-left: 5px;
    margin-right: -2px; }
    .mm-menu.mm-hassearch .mm-header {
    height: 50px;
    top: 50px; }
    .mm-menu.mm-hassearch .mm-header .mm-title,
    .mm-menu.mm-hassearch .mm-header .mm-prev,
    .mm-menu.mm-hassearch .mm-header .mm-next {
    padding-top: 20px; }
    .mm-menu.mm-hasheader li.mm-subtitle {
    display: none; }
    .mm-menu.mm-hasheader > .mm-panel {
    padding-top: 80px; }
    .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
    .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
    .mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
    padding-top: 120px; }
    .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }
    .mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.3); 
    padding-top:5px;
    }
    .mm-menu .mm-header .mm-prev:before,
    .mm-menu .mm-header .mm-next:after {
    border-color: rgba(255, 255, 255, 0.3); }
    /*
    jQuery.mmenu labels addon CSS
    */
    .mm-list > li.mm-label > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px; }
    .mm-list > li.mm-label.mm-opened a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 17px; }
    .mm-list > li.mm-collapsed {
    display: none; }
    .mm-menu .mm-list li.mm-label > div > div {
    background: rgba(255, 255, 255, 0.05); }
   
    /*
    jQuery.mmenu toggles addon CSS
    */
    input.mm-toggle,
    input.mm-check {
    position: absolute;
    left: -10000px; }
    label.mm-toggle,
    label.mm-check {
    margin: 0;
    position: absolute;
    bottom: 50%;
    z-index: 1; }
    label.mm-toggle:before,
    label.mm-check:before {
    content: '';
    display: block; }
    label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-bottom: -15px; }
    label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }
    input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right; }
    label.mm-check {
    width: 30px;
    height: 30px;
    margin-bottom: -15px; }
    label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    input.mm-check:checked ~ label.mm-check:before {
    opacity: 1; }
    .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
    bottom: auto;
    margin-bottom: 0; }
    .mm-menu.mm-vertical .mm-list > li label.mm-toggle {
    top: 5px; }
    .mm-menu.mm-vertical .mm-list > li label.mm-check {
    top: 5px; }
    label.mm-toggle, label.mm-check {
    right: 20px; }
    label.mm-toggle + a,
    label.mm-toggle + span {
    margin-right: 70px; }
    label.mm-check + a,
    label.mm-check + span {
    margin-right: 50px; }
    a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
    right: 50px; }
    a.mm-subopen + label.mm-toggle + a,
    a.mm-subopen + label.mm-toggle + span {
    margin-right: 100px; }
    a.mm-subopen + label.mm-check + a,
    a.mm-subopen + label.mm-check + span {
    margin-right: 80px; }
    em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
    right: 90px; }
    em.mm-counter + a.mm-subopen + label.mm-toggle + a,
    em.mm-counter + a.mm-subopen + label.mm-toggle + span {
    margin-right: 140px; }
    em.mm-counter + a.mm-subopen + label.mm-check + a,
    em.mm-counter + a.mm-subopen + label.mm-check + span {
    margin-right: 120px; }
    .mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, 0.15); }
    .mm-menu label.mm-toggle:before {
    background: #333333; }
    .mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963; }
    .mm-menu label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.6); }
    /*
    jQuery.mmenu effects extension CSS
    */
    html.mm-slide .mm-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease; }
    html.mm-slide.mm-opened .mm-menu {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%); }
    html.mm-slide.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
    html.mm-slide.mm-right.mm-opened .mm-menu {
    -webkit-transform: translateX(30%);
    transform: translateX(30%); }
    html.mm-slide.mm-right.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
    html.mm-slide.mm-top.mm-opened .mm-menu {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
    html.mm-slide.mm-top.mm-opening .mm-menu {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
    html.mm-slide.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: translateY(30%);
    transform: translateY(30%); }
    html.mm-slide.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
    html.mm-zoom-menu .mm-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease; }
    html.mm-zoom-menu.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(-30%);
    transform: scale(0.7, 0.7) translateX(-30%);
    -webkit-transform-origin: left center;
    transform-origin: left center; }
    html.mm-zoom-menu.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(30%);
    transform: scale(0.7, 0.7) translateX(30%);
    -webkit-transform-origin: right center;
    transform-origin: right center; }
    html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateY(-30%);
    transform: scale(0.7, 0.7) translateY(-30%);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
    html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0%);
    transform: scale(1, 1) translateY(0%); }
    html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateY(30%);
    transform: scale(0.7, 0.7) translateY(30%);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
    html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
    -webkit-transform: scale(1, 1) translateY(0%);
    transform: scale(1, 1) translateY(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translateX(100%);
    transform: scale(1.5, 1.5) translateX(100%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: -webkit-transform, left;
    transition-property: transform, left; }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(0.7, 0.7) translateX(-30%);
    transform: scale(0.7, 0.7) translateX(-30%); }
   
    /*
    jQuery.mmenu position extension CSS
    */
    .mm-menu.mm-top,
    .mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%; }
    .mm-menu.mm-right {
    left: auto;
    right: 0; }
    .mm-menu.mm-bottom {
    top: auto;
    bottom: 0; }
    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0); }
    @media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
    @media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-page,
    html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
    /*
    jQuery.mmenu z-position extension CSS
    */
    html.mm-front .mm-page,
    html.mm-front #mm-blocker {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    z-index: 0; }
    .mm-menu.mm-front {
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
    html.mm-opened.mm-next .mm-page {
    box-shadow: none; }
    .mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
    .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu.mm-front.mm-top {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); }
    .mm-menu.mm-front.mm-bottom {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%); }
    html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px; }