@charset "UTF-8";

@font-face {

  font-family: 'bos';

  src: url("../fonts/bos.eot?4073560");

  src: url("../fonts/bos.eot?4073560#iefix") format("embedded-opentype"), url("../fonts/bos.woff2?4073560") format("woff2"), url("../fonts/bos.woff?4073560") format("woff"), url("../fonts/bos.ttf?4073560") format("truetype"), url("../fonts/bos.svg?4073560#bos") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'DubaiW23-Regular';

  src: url('../fonts/DubaiW23-Regular.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/DubaiW23-Regular.woff') format('woff'), 

  url('../fonts/DubaiW23-Regular.ttf')  format('truetype'), 

  url('../fonts/DubaiW23-Regular.svg#DubaiW23-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'DubaiMedium';

  src: url('../fonts/DubaiMedium.eot');

  src: url('../fonts/DubaiMedium.eot') format('embedded-opentype'),

  url('../fonts/DubaiMedium.woff2') format('woff2'),

  url('../fonts/DubaiMedium.woff') format('woff'),

  url('../fonts/DubaiMedium.ttf') format('truetype'),

  url('../fonts/DubaiMedium.svg#DubaiMedium') format('svg');

}





[class^="icon-"]:before, [class*=" icon-"]:before {

  font-family: "bos";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  margin-right: .2em;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  margin-left: .2em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



@font-face {

  font-family: 'montserratblack';

  src: url("../fonts/montserrat-black-webfont.woff2") format("woff2"), url("../fonts/montserrat-black-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'montserratbold';

  src: url("../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-bold-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'montserratlight';

  src: url("../fonts/montserrat-light-webfont.woff2") format("woff2"), url("../fonts/montserrat-light-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'montserratmedium';

  src: url("../fonts/montserrat-medium-webfont.woff2") format("woff2"), url("../fonts/montserrat-medium-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'montserratregular';

  src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'montserratsemibold';

  src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("../fonts/montserrat-semibold-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'montserratthin';

  src: url("../fonts/montserrat-thin-webfont.woff2") format("woff2"), url("../fonts/montserrat-thin-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'CoconNextArabic-Regular';

  src: url("../fonts/CoconNextArabic-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CoconNextArabic-Regular.otf") format("opentype"), url("../fonts/CoconNextArabic-Regular.woff") format("woff"), url("../fonts/CoconNextArabic-Regular.ttf") format("truetype"), url("../fonts/CoconNextArabic-Regular.svg#CoconNextArabic-Regular") format("svg");

  font-weight: normal;

  font-style: normal;

}



.icon-youtube:before {

  content: '\e800';

}



/* '' */

.icon-share:before {

  content: '\e801';

}



/* '' */

.icon-email:before {

  content: '\e805';

}



/* '' */

.icon-print:before {

  content: '\e806';

}



/* '' */

.icon-instagram:before {

  content: '\f16d';

}



/* '' */

.icon-twitter:before {

  content: '\f309';

}



/* '' */

.icon-facebook:before {

  content: '\f30c';

}



/* '' */

.icon-linkedin:before {

  content: '\f318';

}



/* '' */

body {

  font-family: 'DubaiW23-Regular';

  color: #000;

}



body p {

  color: #000;

}



ul {

  margin: 0;

  padding: 0;

}



li {

  margin: 0;

  padding: 0;

  list-style: none;

}



a, li {

  text-decoration: none;

  outline: none;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



a:hover, a:focus, li:hover, li:focus {

  text-decoration: none;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  outline: none;

}



.container {

  max-width: 1350px;

}



.btn {

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

}



.btn.yellow {

  color: #002854;

}



.btn.blue {

  color: #fff;

}





.btn.blue.br {

  background: transparent;

  border: 2px solid #002854;

  color: #002854;

  padding: 5px 25px;

}



.rate-wrapper .btn.blue.br:hover {

  color: #fff;

}

.btn.blue.br:hover {

  background: #002854;

  color: #fff;

}



.btn.blue:hover {

  background: #ffba00;

}



.btn.blue4 {

  color: #fff;

}



.btn.blue4.br {

  background: transparent;

  border: 2px solid #021e3d;

  color: #021e3d;

  padding: 5px 25px;

}



.btn.blue4.br:hover {

  background: #021e3d;

  color: #fff;

}



.white {

  background: #fff;

}



.black {

  background: #000;

}



.blue {

  background: #002854;

}



.blue1 {

  background: #003366;

}



.blue2 {

  background: #021a35;

}



.blue3 {

  background: #021225;

}



.yellow {

  background: #ffba00;

}



.yellow1 {

  background: #ffd200;

}



.grey {

  background: #e7f3ff;

}



.grey1 {

  background: #f1f6fb;

}



.col-white {

  color: #fff;

}



.col-black {

  color: #000;

}



.col-blue {

  color: #002854;

}



.col-blue1 {

  color: #003366;

}



.col-blue4 {

  color: #021e3d;

}



.col-yellow {

  color: #ffba00;

}



.section {

  padding: 30px 0;

}



body.openaccount{

  background-color: transparent;

}

.fancybox-toolbar{

  opacity: 1;

  visibility: visible;

}



.fancybox-slide--iframe .fancybox-content{

  background:transparent;

}

.fancybox-iframe{

  background:transparent;

}



.btn.focus, .btn:focus {

  box-shadow: none;

}







body.retreiveacc{

  background-color: transparent;

}

body.boardmem{

  background-color:transparent;

}



body.boardmem .profile-pop{

  height: auto;

}

body.retreiveacc .wrap-contact-form {

  background: #e7f3ff;

  padding: 30px;

}

body.retreiveacc .wrap-contact-form .form-wrapper {

  padding: 0;

  margin-bottom: 0;

}

body.retreiveacc .wrap-contact-form h2 {

  margin-bottom: 15px;

  color: #002854;

}









.fancybox-slide--iframe .fancybox-content{

  background:transparent;

}

.fancybox-iframe .fancybox-iframe{

  background:transparent;

}





.wrap-account-popup{

  max-width: 500px;

  background-color: #fff;

  padding: 10px;

  text-align: center;

  position: relative;

  margin: 0 auto;

}



.wrap-account-popup .account-mes{

  font-family: 'DubaiMedium';

  font-size: 25px;

  margin-top: 0;

  margin-bottom: 0;

  color: #022a55;

  width: 100%; 

  text-align: center;

}





.wrap-account-popup ul{

  display: table;

  margin: 0;

}

.wrap-account-popup li{

  display: inline-table;

  margin: 0 15px 0px;

}

.wrap-account-popup .poly-bx{

  width: 160px;

  height: 180px;

  text-align: center;

  padding: 38px 0 0px;

  background-image: url(/assets/images/polygon-account-1.png);

  background-repeat: no-repeat;

  background-position: 7px 6px;

}

.wrap-account-popup .poly-bx i{

  width: 92px;

  height: 64px;

  text-align: center;

}

.wrap-account-popup .poly-bx i img{

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);

}



.wrap-account-popup .poly-bx figcaption{

  font-size: 19px;

  color: #fff;

}

.wrap-account-popup li a{

  font-size: 19px;

  color: #fff;

  cursor: default;

}

.wrap-account-popup li .cursorlink a{

  cursor: pointer;

}



.wrap-account-popup li:hover .poly-bx{

  background-position: 7px -170px;



}

.wrap-account-popup li:hover .poly-bx i img{

  -webkit-filter:none;

  filter:none;

}

.wrap-account-popup li:hover a, .wrap-account-popup li:hover .poly-bx figcaption {

  color: #283b69

}







@media (max-width: 500px) {

  .wrap-account-popup{

    max-width: 100%; 

  }

}





















@media (max-width: 767px) {

  .section {

    padding: 30px 0;

  }

}



.section-title h2 {

  font-size: 36px;

  line-height: 38px;

  text-transform: uppercase; 

  font-family: 'DubaiW23-Regular';

}



@media (max-width: 767px) {

  .section-title h2 {

    font-size: 24px;

    line-height: 26px;

  }

}



.section-title.style-2 h2 {

  font-size: 44px;

  line-height: 46px;

  font-family: 'DubaiMedium';

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 15px;

}



@media (max-width: 767px) {

  .section-title.style-2 h2 {

    font-size: 24px;

    line-height: 26px;

  }

}

.disclaimer{font-style:italic;}

.section-title.style-2 h2:before {

  content: '';

  width: 40px;

  height: 6px;

  background: #002854;

  position: absolute;

  left: 0;

  bottom: 0;

}



.section-title.style-3 h2 {

  font-size: 44px;

  line-height: 46px;

  font-family: 'DubaiMedium';

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 15px;

}



@media (max-width: 767px) {

  .section-title.style-3 h2 {

    font-size: 24px;

    line-height: 26px;

  }

}



.section-title.style-3 h2:before {

  content: '';

  width: 40px;

  height: 6px;

  background: #ffba00;

  position: absolute;

  left: 0;

  bottom: 0;

}



.page-title h2 {

  font-size: 40px;

  line-height: 42px;

  text-transform: uppercase;

  font-family: 'DubaiMedium';

  margin-bottom: 5px;

}



@media (max-width: 767px) {

  .page-title h2 {

    font-size: 24px;

    line-height: 26px;

  }

}



h2 {

  font-size: 30px;

  line-height: 32px;

  font-family: 'DubaiMedium';

}



@media (max-width: 767px) {

  h2 {

    font-size: 24px;

    line-height: 26px;

  }

}



.img-full {

  width: 100%;

}



.table p {

  margin-bottom: 0px;

}



.lengthtitle {

  /*  font-size: 16px !important;*/

  line-height: 22px !important;

  font-family: 'DubaiW23-Regular';

  color: #000;

  text-align: justify;

}



.search-wrapper input {

  border: none;

  height: 40px;

  font-size: 25px;

  font-family: 'DubaiW23-Regular';

  color: rgba(0, 0, 0, 0.7);

  background: transparent;

}





.section-announcement .btn.iban-btn.debt-wrap{

    margin: 0 5px;

    height: auto;

    background: none;

    color: #04244b;

    font-size: 13px;

    line-height: 30px;

    padding:0px;

    text-transform: uppercase;

    text-align: center;

    border:none;

	text-decoration:underline;

    font-family: "montserratmedium";

    font-weight: normal;

}

.section-announcement .btn.iban-btn.debt-wrap:hover {

    background: none; 

    color: #04244b;

}



.table-desktop .btn.iban-btn{    



    height: auto;

    background: none; 

	color:#04244b;

	font-size:13px;

	line-height:30px;

	padding:0px;

	text-decoration:underline; 

    border:none

   

}

.table-desktop .btn.iban-btn:hover{

	color:#04244b;

	  }

.table-mobile .btn.iban-btn{   



    height: auto;

    background: none; 

	color:#04244b;

	font-size:13px;

	line-height:30px;

	padding:0px;

	text-decoration:underline; 

    border:none

   

}

.table-mobile .btn.iban-btn:hover{  color:#04244b; }



@media (max-width: 767px) {

  .search-wrapper input {

    font-size: 14px;

    padding-left: 0;

  }

  .search-wrapper .btn {

    font-size: 12px;

    padding: 5px 10px;

  }

}



.search-wrapper input:focus {

  background: transparent;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.search-wrapper input::-webkit-input-placeholder {

  color: rgba(0, 0, 0, 0.7);

}



.search-wrapper input::-moz-placeholder {

  color: rgba(0, 0, 0, 0.7);

}



.search-wrapper input:-ms-input-placeholder {

  color: rgba(0, 0, 0, 0.7);

}



.search-wrapper input:-moz-placeholder {

  color: rgba(0, 0, 0, 0.7);

}



.section-finder .form input {

  background: transparent;

  border: none;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-bottom: 1px solid #041f3e;

  height: 50px;

  font-size: 19px;

}



.section-finder .form input[type=checkbox],

.section-finder .form input[type=radio] {

  height: auto;

}



.section-finder .form ::-webkit-input-placeholder {

  color: #041f3e;

}



.section-finder .form ::-moz-placeholder {

  color: #041f3e;

}



.section-finder .form :-ms-input-placeholder {

  color: #041f3e;

}



.section-finder .form :-moz-placeholder {

  color: #041f3e;

}



.section-finder .form .selectboxit-container {

  display: block;

}



.section-finder .form .selectboxit-container * {

  font-size: 16px;

}



.section-finder .form .selectboxit-container .selectboxit {

  width: 100% !important;

  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: none;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-bottom: 1px solid #041f3e;

  height: 50px;

  line-height: 50px;

  font-size: 19px;

  color: #041f3e;

}



.section-finder .form .selectboxit-container .selectboxit span {

  height: 50px;

  line-height: 50px;

}



.section-finder .form .selectboxit-container .selectboxit-list {

  left: 0;

  right: 0;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

}



.section-finder .form .selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {

  background: #041f3e;

  color: #fff;

}



.section-finder .form .form-check {

  position: relative;

  padding: 0;

  margin-right: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.section-finder .form .form-check label {

  font-size: 12px;

  line-height: 14px;

  margin: 0 0 0 10px;

}



.section-finder .form .form-check .checkmark {

  content: '';

  width: 32px;

  height: 26px;

  background: url("/assets/images/checkbox-1.png") no-repeat 0 0;

  position: relative;

  display: block;

  left: 0;

  top: 0;

  margin-right: 5px;

  cursor: pointer;

}



.section-finder .form .form-check .form-check-input:checked ~ .checkmark {

  background-position: 0px -26px;

}

.section-finder .form .form-check.checked:before {

}



.section-finder .form .form-check input {

  position: absolute;

  left: 0;

  top: 0;

  width: 26px;

  height: 26px;

  margin: 0;

  padding: 0;

  cursor: pointer;

  opacity: 0;

}



.form.style-1 label {

  font-family: 'DubaiMedium';

  color: #002854;

}



.form.style-1 .radio-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  margin-bottom: 60px;

}



@media (max-width: 767px) {

  .form.style-1 .radio-wrapper {

    display: block;

    margin-bottom: 15px;

  }

}



.form.style-1 .radio-wrapper label {

  display: table-cell;

  vertical-align: top;

  margin: 0;

}



.form.style-1 .radio-wrapper label.title {

  margin-right: 60px;

}



@media (max-width: 767px) {

  .form.style-1 .radio-wrapper label.title {

    margin: 0;

    padding-bottom: 10px;

  }

}



.form.style-1 .radio-wrapper ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



@media (max-width: 767px) {

  .form.style-1 .radio-wrapper ul {

    display: block;

  }

}



.form.style-1 .radio-wrapper ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-right: 30px;

}



@media (max-width: 767px) {

  .form.style-1 .radio-wrapper ul li {

    display: inline-block;

    width: 100%;

    padding: 0;

    padding-bottom: 15px;

    float: left;

  }

}



.form.style-1 .radio-wrapper ul li input {

  margin: 0;

  margin-right: 10px;

  width: 20px;

  height: 20px;

  float: left;

}



.form.style-1 .form-group {

  margin-bottom: 30px;

}



.form.style-1 input, .form.style-1 textarea, .form.style-1 select.form-control:not([size]):not([multiple]) {

  height: 40px;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border: none;

  font-family: 'DubaiMedium';

  color: rgba(0, 40, 84, 1);

}



/* .form.style-1 selectbox {

  height: 50px !important;

  } */



  .form.style-1 textarea {

    height: 160px;

  }



  .form.style-1 .selectboxit-container {

    display: block;

  }



  .form.style-1 .selectboxit-container * {

    font-size: 16px;

  }



  .form.style-1 .selectboxit-container .selectboxit {

    width: 100% !important;

    background: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

  }



  .form.style-1 .selectboxit-container .selectboxit .selectboxit-text {

    font-family: 'DubaiMedium';

    color: rgba(0, 40, 84, 0.4);

  }



  .form.style-1 .selectboxit-container .selectboxit span {

    height: 50px;

    line-height: 50px;

  }



  .form.style-1 .selectboxit-container .selectboxit-list {

    left: 0;

    right: 0;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

  }



  .form.style-1 .selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {

    background: #041f3e;

    color: #fff;

  }



  .form.style-1 .form-check {

    position: relative;

    padding: 0;

    margin-right: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .form.style-1 .form-check label {

    font-size: 15px;

    line-height: 14px;

    margin: 0 0 0 10px;

  }

  .captcha-holder{

    margin-top: 15px;



  }

  .submit-wrap{

    text-align: left;

  }

  .submit-wrap .captcha-holders{

    display: inline-block;

  }

  .submit-wrap .btn{

    margin-top: -80px;

    margin-left: 20px;

  }

  .form.style-1 .form-check:before {

    content: '';

    width: 26px;

    height: 26px;

    background: url("/assets/images/checkbox-1.png") no-repeat 0 0;

    position: absolute;

    display: block;

    left: 0;

    top: 0;

  }



  .form.style-1 .form-check.checked:before {

    background-position: 0px -26px;

  }



  .form.style-1 .form-check input {

    position: relative;

    width: 26px;

    height: 26px;

    margin: 0;

    padding: 0;

    cursor: pointer;

    opacity: 0;

  }



  .form.style-1 .btn {

    height: 50px;

    padding-left: 40px;

    padding-right: 40px;

    color: #000;

    font-size: 14px;

    font-family: 'DubaiMedium';

  }



  .form.style-1 a.btn {

    padding-top: 15px;

    margin-left: 5px;

  }



  .content-form .form.style-1 .radio-wrapper {

    display: block;

  }



  .content-form .form.style-1 .radio-wrapper label.title {

    margin: 0;

    margin-bottom: 15px;

    display: inline-block;

  }











  .newselect-wrap select{

   display: block!important;

 }

 .newselect-wrap .selectboxit-container{

   display: none!important;

 }









 /*----------------------new-select-----starts*/





 .select2-container--bootstrap {

  display: block; 

}



.select2-container--bootstrap .select2-selection {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  background-color: #fff;

  border: 1px solid #ccc;

  border-radius: 4px;

  color: #555555;

  font-size: 14px;

  outline: 0;

}



.select2-container--bootstrap .select2-selection.form-control {

  border-radius: 4px;

}



.select2-container--bootstrap .select2-search--dropdown .select2-search__field {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  background-color: #fff;

  border: 1px solid #ccc;

  border-radius: 4px;

  color: #555555;

  font-size: 14px;

}



.select2-container--bootstrap .select2-search__field {

  outline: 0;

  /* Firefox 18- */

  /**

     * Firefox 19+

     *

     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox

     */

   }



   .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {

    color: #999;

  }



  .select2-container--bootstrap .select2-search__field:-moz-placeholder {

    color: #999;

  }



  .select2-container--bootstrap .select2-search__field::-moz-placeholder {

    color: #999;

    opacity: 1;

  }



  .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {

    color: #999;

  }



  .select2-container--bootstrap .select2-results__option {

    padding: 6px 12px;

  /**

     * Disabled results.

     *

     * @see https://select2.github.io/examples.html#disabled-results

     */

  /**

     * Hover state.

     */

  /**

     * Selected state.

     */

   }



   .select2-container--bootstrap .select2-results__option[role=group] {

    padding: 0;

  }



  .select2-container--bootstrap .select2-results__option[aria-disabled=true] {

    color: #777777;

    cursor: not-allowed;

  }



  .select2-container--bootstrap .select2-results__option[aria-selected=true] {

    background-color: #f5f5f5;

    color: #262626;

  }



  .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {

    background-color: #337ab7;

    color: #fff;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option {

    padding: 6px 12px;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {

    padding-left: 0;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {

    margin-left: -12px;

    padding-left: 24px;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

    margin-left: -24px;

    padding-left: 36px;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

    margin-left: -36px;

    padding-left: 48px;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

    margin-left: -48px;

    padding-left: 60px;

  }



  .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

    margin-left: -60px;

    padding-left: 72px;

  }



  .select2-container--bootstrap .select2-results__group {

    color: #777777;

    display: block;

    padding: 6px 12px;

    font-size: 12px;

    line-height: 1.42857143;

    white-space: nowrap;

  }



  .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;

    border-color: #66afe9;

  }



  .select2-container--bootstrap.select2-container--open {

  /**

     * Make the dropdown arrow point up while the dropdown is visible.

     */

  /**

     * Handle border radii of the container when the dropdown is showing.

     */

   }



   .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {

    border-color: transparent transparent #999 transparent;

    border-width: 0 4px 4px 4px;

  }



  .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    border-bottom-color: transparent;

  }



  .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {

    border-top-right-radius: 0;

    border-top-left-radius: 0;

    border-top-color: transparent;

  }



  .select2-container--bootstrap .select2-selection__clear {

    color: #999;

    cursor: pointer;

    float: right;

    font-weight: bold;

    margin-right: 10px;

  }



  .select2-container--bootstrap .select2-selection__clear:hover {

    color: #333;

  }



  .select2-container--bootstrap.select2-container--disabled .select2-selection {

    border-color: #ccc;

    -webkit-box-shadow: none;

    box-shadow: none;

  }



  .select2-container--bootstrap.select2-container--disabled .select2-selection,

  .select2-container--bootstrap.select2-container--disabled .select2-search__field {

    cursor: not-allowed;

  }



  .select2-container--bootstrap.select2-container--disabled .select2-selection,

  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {

    background-color: #eeeeee;

  }



  .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,

  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {

    display: none;

  }



  .select2-container--bootstrap .select2-dropdown {

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    border-color: #66afe9;

    overflow-x: hidden;

    margin-top: -1px;

  }



  .select2-container--bootstrap .select2-dropdown--above {

    -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);

    box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);

    margin-top: 1px;

  }



  .select2-container--bootstrap .select2-results > .select2-results__options {

    max-height: 200px;

    overflow-y: auto;

  }



  .select2-container--bootstrap .select2-selection--single {

    height: 34px;

    line-height: 1.42857143;

    padding: 6px 24px 6px 12px;

  /**

     * Adjust the single Select2's dropdown arrow button appearance.

     */

   }



   .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {

    position: absolute;

    bottom: 0;

    right: 12px;

    top: 0;

    width: 4px;

  }



  .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {

    border-color: #000 transparent transparent transparent;

    border-style: solid;

    border-width: 4px 4px 0 4px;

    height: 0;

    left: 0;

    margin-left: -4px;

    margin-top: -2px;

    position: absolute;

    top: 50%;

    width: 0;

  }



  .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {

    color: #555555;

    padding: 0;

  }



  .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {

    color: #999;

  }



  .select2-container--bootstrap .select2-selection--multiple {

    min-height: 34px;

    padding: 0;

    height: auto;

  /**

     * Make Multi Select2's choices match Bootstrap 3's default button styles.

     */

  /**

     * Minus 2px borders.

     */

  /**

     * Clear the selection.

     */

   }



   .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    line-height: 1.42857143;

    list-style: none;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

  }



  .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {

    color: #999;

    float: left;

    margin-top: 5px;

  }



  .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {

    color: #555555;

    background: #fff;

    border: 1px solid #ccc;

    border-radius: 4px;

    cursor: default;

    float: left;

    margin: 5px 0 0 6px;

    padding: 0 6px;

  }



  .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {

    background: transparent;

    padding: 0 12px;

    height: 32px;

    line-height: 1.42857143;

    margin-top: 0;

    min-width: 5em;

  }



  .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {

    color: #999;

    cursor: pointer;

    display: inline-block;

    font-weight: bold;

    margin-right: 3px;

  }



  .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {

    color: #333;

  }



  .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {

    margin-top: 6px;

  }



  .select2-container--bootstrap .select2-selection--single.input-sm,

  .input-group-sm .select2-container--bootstrap .select2-selection--single,

  .form-group-sm .select2-container--bootstrap .select2-selection--single {

    border-radius: 3px;

    font-size: 12px;

    height: 30px;

    line-height: 1.5;

    padding: 5px 22px 5px 10px;

    /* 2 */

  }



  .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,

  .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,

  .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {

    margin-left: -5px;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-sm,

  .input-group-sm .select2-container--bootstrap .select2-selection--multiple,

  .form-group-sm .select2-container--bootstrap .select2-selection--multiple {

    min-height: 30px;

    border-radius: 3px;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,

  .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,

  .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {

    font-size: 12px;

    line-height: 1.5;

    margin: 4px 0 0 5px;

    padding: 0 5px;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,

  .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,

  .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {

    padding: 0 10px;

    font-size: 12px;

    height: 28px;

    line-height: 1.5;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,

  .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,

  .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {

    margin-top: 5px;

  }



  .select2-container--bootstrap .select2-selection--single.input-lg,

  .input-group-lg .select2-container--bootstrap .select2-selection--single,

  .form-group-lg .select2-container--bootstrap .select2-selection--single {

    border-radius: 6px;

    font-size: 18px;

    height: 46px;

    line-height: 1.3333333;

    padding: 10px 31px 10px 16px;

    /* 1 */

  }



  .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,

  .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,

  .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {

    width: 5px;

  }



  .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,

  .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,

  .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {

    border-width: 5px 5px 0 5px;

    margin-left: -5px;

    margin-left: -10px;

    margin-top: -2.5px;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-lg,

  .input-group-lg .select2-container--bootstrap .select2-selection--multiple,

  .form-group-lg .select2-container--bootstrap .select2-selection--multiple {

    min-height: 46px;

    border-radius: 6px;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,

  .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,

  .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 4px;

    margin: 9px 0 0 8px;

    padding: 0 10px;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,

  .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,

  .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {

    padding: 0 16px;

    font-size: 18px;

    height: 44px;

    line-height: 1.3333333;

  }



  .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,

  .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,

  .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {

    margin-top: 10px;

  }



  .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {

  /**

     * Make the dropdown arrow point up while the dropdown is visible.

     */

   }



   .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {

    border-color: transparent transparent #999 transparent;

    border-width: 0 5px 5px 5px;

  }



  .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {

  /**

     * Make the dropdown arrow point up while the dropdown is visible.

     */

   }



   .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {

    border-color: transparent transparent #999 transparent;

    border-width: 0 5px 5px 5px;

  }



  .select2-container--bootstrap[dir="rtl"] {

  /**

     * Single Select2

     *

     * 1. Makes sure that .select2-selection__placeholder is positioned

     *    correctly.

     */

  /**

     * Multiple Select2

     */

   }



   .select2-container--bootstrap[dir="rtl"] .select2-selection--single {

    padding-left: 24px;

    padding-right: 12px;

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {

    padding-right: 0;

    padding-left: 0;

    text-align: right;

    /* 1 */

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {

    float: left;

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {

    left: 12px;

    right: auto;

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {

    margin-left: 0;

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,

  .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,

  .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {

    float: right;

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

    margin-left: 0;

    margin-right: 6px;

  }



  .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

    margin-left: 2px;

    margin-right: auto;

  }



/*------------------------------------*  #ADDITIONAL GOODIES

\*------------------------------------*/

/**

 * Address Bootstrap's validation states

 *

 * If a Select2 widget parent has one of Bootstrap's validation state modifier

 * classes, adjust Select2's border colors and focus states accordingly.

 * You may apply said classes to the Select2 dropdown (body > .select2-container)

 * via JavaScript match Bootstraps' to make its styles match.

 *

 * @see http://getbootstrap.com/css/#forms-control-validation

 */

 .has-warning .select2-dropdown,

 .has-warning .select2-selection {

  border-color: #8a6d3b;

}



.has-warning .select2-container--focus .select2-selection,

.has-warning .select2-container--open .select2-selection {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;

  border-color: #66512c;

}



.has-warning.select2-drop-active {

  border-color: #66512c;

}



.has-warning.select2-drop-active.select2-drop.select2-drop-above {

  border-top-color: #66512c;

}



.has-error .select2-dropdown,

.has-error .select2-selection {

  border-color: #a94442;

}



.has-error .select2-container--focus .select2-selection,

.has-error .select2-container--open .select2-selection {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;

  border-color: #843534;

}



.has-error.select2-drop-active {

  border-color: #843534;

}



.has-error.select2-drop-active.select2-drop.select2-drop-above {

  border-top-color: #843534;

}



.has-success .select2-dropdown,

.has-success .select2-selection {

  border-color: #3c763d;

}



.has-success .select2-container--focus .select2-selection,

.has-success .select2-container--open .select2-selection {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;

  border-color: #2b542c;

}



.has-success.select2-drop-active {

  border-color: #2b542c;

}



.has-success.select2-drop-active.select2-drop.select2-drop-above {

  border-top-color: #2b542c;

}



/**

 * Select2 widgets in Bootstrap Input Groups

 *

 * @see http://getbootstrap.com/components/#input-groups

 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less

 */

/**

 * Reset rounded corners

 */

 .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,

 .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}



.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {

  border-radius: 0;

}



.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}



.input-group > .select2-container--bootstrap {

  display: table;

  table-layout: fixed;

  position: relative;

  z-index: 2;

  width: 100%;

  margin-bottom: 0;

  /**

   * Adjust z-index like Bootstrap does to show the focus-box-shadow

   * above appended buttons in .input-group and .form-group.

   */

  /**

   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address

   * Multi Select2's height which - depending on how many elements have been selected -

   * may grow taller than its initial size.

   *

   * @see http://getbootstrap.com/components/#input-groups

   */

 }



 .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {

  float: none;

}



.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {

  z-index: 3;

}



.input-group > .select2-container--bootstrap,

.input-group > .select2-container--bootstrap .input-group-btn,

.input-group > .select2-container--bootstrap .input-group-btn .btn {

  vertical-align: top;

}



/**

 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9

 *

 * Provides `!important` for certain properties of the class applied to the

 * original `<select>` element to hide it.

 *

 * @see https://github.com/select2/select2/pull/3301

 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada

 */

 .form-control.select2-hidden-accessible {

  position: absolute !important;

  width: 1px !important;

}



/**

 * Display override for inline forms

 */

 @media (min-width: 768px) {

  .form-inline .select2-container--bootstrap {

    display: inline-block;

  }

}









.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:40px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:50%;right:1px;width:20px;transform: translateY(-50%);}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}



.select2-container .select2-selection--single {

  box-sizing: border-box;

  cursor: pointer;

  display: block;

  line-height: 37px;

  border-radius: 0;

  box-shadow: none!important;

  height: 50px;

  border: none;

  user-select: none;

  -webkit-user-select: none;

}















/*----------------------new-select-----ends*/





.modal.show{

  padding-right: 0 !important;

}

.modal-footer{

  border: 0;

  display: block;

}

.modal-footer a{

  margin: 0 5px;

}

.modal .modal-dialog{

  width: 90%;

  margin: 20px auto;

  max-width: 1000px;

}

.modal-open .modal.fade .modal-dialog {

  padding: 81px 10px 10px 10px;

}

.modal-content.down-content {

  max-width: 740px!important;





}

.modal-header{

  border: 0;

}

.modal-header button.close{

  font-size: 36px;

  line-height: 21px;

  padding: 10px;

  background: #fff;

  margin-top: -37px;

  opacity: 1;

  color: #333;

}

.modal-content .modal-body{

  padding: 0 20px;



}

.modal-body iframe{

  height: 100% !important;

  width: 100% !important;

  min-height: 72vh;

  overflow: auto;

}

#myModalmemo .modal-content {

    max-width:980px ;

    margin: 0 auto;

}

.modal-open .modal.fade .modal-dialog{

	overflow:hidden;

}

@media (max-width: 700px){

  .modal-body iframe{

    min-height:50vh;

    width: 100% !important;

    overflow: auto;

    float: left;

  }

  .modal-body iframe embed {

    width: 100% !important;

    overflow: auto;

  }

}



.mobilepdf{

  display: none;

}

.desktoppdf{

  display: block;

}





@media (max-width: 767px){

  .mobilepdf{

    display: block;

  }

  .desktoppdf{

    display: none;

  }



}





/*12032019---------------*/

ul.fax-wrap{

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; 

}

ul.fax-wrap .faxnumber{

  width: 100%;

}

ul.fax-wrap li .faxnumber{

  margin-bottom: -25px;

}

.form .radio-wrapper ul.fax-wrap .telecode input{

  width: 100%;

  height: 40px;

  float: none;

}

.form-group.telecode .cell{

  width: 20%;

  display: table-cell;

  position: relative;

  margin-right: 5px;

  margin-left: 15px;

  vertical-align: top;

}

.form-group.telecode .cell .select2-container{

  width: 100%;

}

.form-group.telecode .cell:before{

  position: absolute;

  content: "+";

  color: #000;

  font-size: 28px;

  left: 7px;

  top: 3px;

  z-index: 2;



}

.form-group.telecode .cell .select2-container .select2-selection--single .select2-selection__rendered {

  padding-left: 26px;

  padding-right: 16px;



}



.form-group.telecode .cell2{

  width: 75%;

  display: table-cell;

  position: relative; 

}



.content-form .form-title1 {

  font-size: 20px;

  line-height: 30px;

  font-family: 'DubaiMedium';

  color: #002854;

  text-transform: capitalize;

  background: #f3f9ff;

  padding: 30px!important;

}



.form-group.telecode .select2-container--bootstrap .select2-selection--single {

  padding: 6px 6px 6px 10px;

}



.multi-select-demoSelectBoxIt{

  display: none;

}



.multiselect-container.dropdown-menu.show{     

  height: 270px;

  overflow: auto;

}

.multiselect-container>li>a>label>input[type=checkbox]{height:auto}

.multiselect-container.dropdown-menu.show{ width:392px;}

.multiselect-container>li>a>label {

  padding: 3px 20px 3px 15px;

}

.multiselect.dropdown-toggle.btn.btn-default{width:100%}



.multiselect-selected-text{text-align:right}



.multiselect-container>li label:after{display:none;}



.multiselect.dropdown-toggle.btn.btn-default{

  background: #fff!important;

  background-color: #fff!important;

  width: 392px!important;

  text-align: left!important;

}

.multiselect.dropdown-toggle.btn.btn-default .dropdown-toggle::after {

  top: 22px;

  position: absolute;

  right: 17px;

}





.multiselect-native-select  #multi-select-demoSelectBoxItContainer{

  display: none!important;

}



.wrap-grey{

  /*  background-color: #c5e0fb;*/

  border: 1px solid #a6cbf1;

  padding: 20px;

  border-radius: 10px;

  margin: 35px 0 0;

}

.wrap-grey input{

  height: 40px!important;

}



.form.style-1 .required-section .radio-wrapper ul li input {

  width: 17px;

}

.form.style-1 .required-section .radio-wrapper {

  margin-bottom: 20px;

}



#recaptcha4.error{

  border:none!important;

}

#recaptcha4.error>div{

  border:1px solid red!important;

}



table.table thead th, table.table thead td, table.table tbody th, table.table tbody td {

  padding: 5px;

}



@media (max-width:767px){

  .tb-rp{

    text-align: center;

  }



  .tb-rp .table-responsive{

    display: inline-block;

    width: 450px;

    margin: 0 auto;

    overflow: auto;

    float: none;

  }

  .tb-rp .table-responsive table.table {

   width: 1000px;

 }

}





.gecko form#newaccform{

  width: 100%;

}

.gecko .telecode.form-group .cell .select2-container {

  width: 100%!important;

}



.gecko .form.style-1.form-wrapper .row.justify-content-between{

  display: block;

}



.gecko .content-form .gallery-list {

  -webkit-box-flex:0;

  -ms-flex:  0 0 100%;

  flex:  0 0 100%;

  max-width: 100%;

}



.gecko .gallery-list #emailform .wrap-contact-form{

  width: 430px;

  margin: 0 auto;

}

.gecko body.retreiveacc .gallery-list #emailform .wrap-contact-form{

  width: 430px;

  margin: 0 auto;

}

body.retreiveacc .gallery-list #emailform .wrap-contact-form{

  width: 430px;

  margin: 0 auto;

}



@media (max-width: 1099px) {

  .content-form .form.style-1 label {

    font-size: 12px;

  }

}



.form-wrapper input::placeholder{

  color: #adadad !important;

}

.form-wrapper input::-webkit-input-placeholder {

  color: #adadad !important;

}



.form-wrapper input::-moz-placeholder {

  color: #adadad !important;

}



.form-wrapper input::-ms-input-placeholder {

  color: #adadad !important;

}



.form-wrapper input::-moz-placeholder {

  color: #adadad !important;

}



.content-form .form-table td, .content-form .form-table th {

  font-size: 14px;

}



.content-form .form-table thead th,

.content-form .form-table thead td {

  white-space: normal;

}



.filter-wrapper {

  clear: both;

}



.filter {

  text-align: right;

  margin-bottom: 30px;

  display: inline-block;

  float: right;

  background: #ffba00;

  padding: 5px 10px;

  color: #002854;

}



.filter form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.filter label {

  margin-right: 15px;

  display: inline-block;

  margin-bottom: 0;

}



.filter .form-group {

  display: inline-block;

  margin: 0;

}



.filter .selectboxit-container {

  width: 100%;

  display: block;

}



.filter .selectboxit-container .selectboxit {

  width: 100% !important;

  background: transparent;

  border: none;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

}



.filter .selectboxit-container .selectboxit-text {

  font-size: 30px;

  color: #002854;

}



.filter .selectboxit-container .selectboxit-arrow-container {

  position: relative;

  float: right;

}



.filter .selectboxit-container .selectboxit-default-arrow {

  border-top: 6px solid #000000;

  border-right: 6px solid transparent;

  border-left: 6px solid transparent;

  margin-top: -3px;

}



.filter .selectboxit-container .selectboxit-options {

  left: 0;

  right: 0;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

}



.filter .selectboxit-container .selectboxit-options > .selectboxit-focus > .selectboxit-option-anchor {

  background: #002854;

  color: #fff;

}



header {

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  z-index: 3;

  background: #fff;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



header .page-logo {

  margin-bottom: 10px;

  display: inline-block;

}



@media (max-width: 767px) {

  header .page-logo {

    margin-bottom: 0;

  }

}



header .page-logo img.static-logo {

  display: block;

}



header .page-logo img.scroll-logo {

  display: none;

  max-width: 150px;

}



@media (max-width: 767px) {

  header .page-logo img {

    display: block;

    max-width: 150px;

  }

}



header.sticky {

  position: sticky;

  left: 0;

  right: 0;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



header.sticky .page-logo img.static-logo {

  display: none;

}



header.sticky .page-logo img.scroll-logo {

  display: block;

}



@media (max-width: 991px) {

  header.sticky .page-logo {

    padding-bottom: 0;

  }

}



header.sticky .page-nav .navbar-nav .nav-item .nav-link {

  padding-top: 15px;

  padding-bottom: 17px;

}



header.sticky .page-nav .navbar-nav .nav-item .nav-link:before {

  margin-top: -10px;

}



@media (max-width: 991px) {

  header.sticky .page-nav .navbar-nav .nav-item .nav-link {

    padding:13px 0;

  }

}



.header-top {

  background: #002854;

  font-family: 'DubaiMedium';

}



.header-top .top-nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 15px;

  line-height: 22px;

}



@media (max-width: 1199px) {

  .header-top .top-nav {

    font-size: 12px;

  }

}



.header-top .top-nav a {

  color: #fff;

  padding: 10px 15px;

  display: block;

}



@media (max-width: 1249px) {

  .header-top .top-nav a {

    padding: 10px 10px;

  }

}



@media (max-width: 1199px) {

  .header-top .top-nav a {

    padding: 10px 5px;

  }

}



.header-top .top-nav li:hover a, .header-top .top-nav li.active a {

  background: #ffba00;

  color: #003366;

}



.header-top .box-nav {

  background: #003366;

}



.header-top .box-nav li {

  border-left: 1px solid #0e457c;

}



.header-top .box-nav li.switch-ar {

  direction: rtl;

}



.header-top .box-nav li.switch-ar a {

  font-family: "CoconNextArabic-Regular";

  display: block;

  font-size: 17px;

}



.header-top .box-nav a {

  position: relative;

  padding-left: 90px;

  padding-right: 20px;

}



.header-top .box-nav .switch-ar a {

  position: relative;

  padding-left: 20px;

  padding-right: 20px;

}



.header-top .box-nav a i {

  position: absolute;

  left: 15px;

  top: 50%;

  margin-top: -15px;

}



.header-top .box-nav a i.front {

  opacity: 1;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.header-top .box-nav a i.back {

  opacity: 0;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.header-top .box-nav li:hover a i.front {

  opacity: 0;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.header-top .box-nav li:hover a i.back {

  opacity: 1;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}

.header-top .box-nav a i.e-logo {

  left: 48px;

  margin-top: -11px;

}

.header-top .box-nav a i.e-logo.back {

  margin-top: -13px;

}



.btn-search {

  padding: 7px 10px 8px;

  border: none;

  color: #002854;

  background: #ffba00 url('/assets/images/icon-search-1.svg') no-repeat center;

  width: 43px;

  height: 42px;

}

.btn-search:focus,

.btn-search:active {

  background: #ffba00 url('/assets/images/icon-search-1.svg') no-repeat center !important;

}



@media (max-width: 1199px) {

  .btn-search {

    padding: 8px;

  }

}



.btn-search.close-search {

  background: #ffba00 url("/assets/images/search-close-button.png") no-repeat center !important;

}



@media (max-width: 991px) {

  .btn-search.close-search {

    background: url("/assets/images/search-close-button.png") no-repeat center !important;

  }

}



.btn-search.close-search i {

  opacity: 0;

}



.header-bottom {

  padding-top: 10px;

  position: relative;

}



@media (max-width: 767px) {

  .header-bottom {

    padding-bottom: 0px;

  }

}



.header-bottom .container-fluid > .row > div {

  position: static;

}



.col-lg-12.btn-holder {

  padding-left: 0px;

}

.small, small {

  font-size: 64%;

}

.news-list .small, small {

  font-size: 80%;

}

.fcont {

  line-height: 14px;

}

.search-wrapper {

  padding: 22px 80px;

  background: #ffba00;

  position: absolute;

  left: 0;

  top: -42px;

  height: 98px;

  right: 0;

  bottom: 0;

  -webkit-transform: translateY(-100px);

  -ms-transform: translateY(-100px);

  transform: translateY(-100px);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



@media (max-width: 1199px) {

  .search-wrapper {

    padding: 7px 80px;

  }

}



@media (max-width: 991px) {

  .search-wrapper {

    padding: 20px 80px;

    top: 100%;

    bottom: auto;

  }

}



@media (max-width: 767px) {

  .search-wrapper {

    padding: 20px 5px;

    top: 100%;

    bottom: auto;

  }

}



.search-wrapper .close {

  position: absolute;

  right: -67px;

  top: -67px;

  width: 30px;

  height: 30px;

  font-size: 30px;

  text-shadow: none;

  color: #fff;

  z-index: 5;

  background: #ffba00 url("/assets/images/search-close-button.png") no-repeat center;

  overflow: hidden;

  text-indent: 9999px;

  display: none;

}



@media (max-width: 767px) {

  .search-wrapper .close {

    right: -15px;

    top: -20px;

  }

}



.search-on .search-wrapper {

  -webkit-transform: translateY(42px);

  -ms-transform: translateY(42px);

  transform: translateY(42px);

  visibility: visible;

  opacity: 1;

  height: 98px;

  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



.page-nav {

  padding: 0;

  font-size: 17px;

  font-family: 'DubaiW23-Regular';

  position: static;

}



.dropdown-menu h4 {

  font-size: 18px;

  font-family: 'DubaiW23-Regular';

}



@media (max-width: 1366px) {



  .header-top .top-nav a{font-size:13px;}

}





@media (max-width: 1299px) {

  .page-nav {

    font-size: 14px;

  }

  .page-nav .navbar-nav .large-drop .dropdown-menu .icon-fig img{float:right; width:72%;}



}



.page-nav .navbar-nav .nav-item .nav-link {

  position: relative;

  padding: 20px 40px 30px 15px;

  color: #002854; font-family:'DubaiMedium'; 

}



@media (max-width: 1399px) {

  .page-nav .navbar-nav .nav-item .nav-link {

    padding-right: 30px;

  }

  .time-btns{top:170px;}

  .timeline .stand-wrapper{min-height:440px;}

  .timeline .stand-wrapper .bg .caption{bottom:-330px;}

}



@media (max-width: 1199px) {

  .page-nav .navbar-nav .nav-item .nav-link {

    padding: 10px;

    padding-right: 25px;

    margin-left: 2px;

  }

}



.page-nav .navbar-nav .nav-item .nav-link:before {

  content: '';

  width: 18px;

  height: 23px;

  background: url("/assets/images/icon-nav.png") no-repeat 0 0;

  position: absolute;

  right: 5px;

  top: 50%;

  margin-top: -15px;

}



@media (max-width: 1199px) {

  .page-nav .navbar-nav .nav-item .nav-link:before {

    margin-top: -10px;

  }

}



.page-nav .navbar-nav .nav-item .nav-link:after {

  content: '';

  height: 4px;

  background: #002854;

  position: absolute;

  left: 0;

  right: 0;

  top: 100%;

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px);

  opacity: 0;

  z-index: 3;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  display: none;

}



.page-nav .navbar-nav .nav-item:hover .nav-link, .page-nav .navbar-nav .nav-item.active .nav-link, .page-nav .navbar-nav .nav-item.active:hover .nav-link {

  background: #ffba00;

}

.page-nav .navbar-nav .nav-item.active .nav-link {

  background: transparent;

  color:#ffba00;

}

.page-nav .navbar-nav .nav-item.active:hover .nav-link {

  background: #ffba00;

  color:#002854;

}

.page-nav .navbar-nav .nav-item:hover .nav-link:before, .page-nav .navbar-nav .nav-item.active .nav-link:before {

  background-position: 0 -28px;

}



.page-nav .navbar-nav .nav-item:hover .nav-link:after, .page-nav .navbar-nav .nav-item.active .nav-link:after {

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

  opacity: 1;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.page-nav .navbar-nav .large-drop .dropdown-menu {

  left: 0;

  right: 0;

  margin: 0 !important;

  background: #ffba00;

  padding: 40px 0;

  z-index: 2;

  border: none;

  overflow: hidden;

}



@media (max-width: 991px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu .row {

    display: block;

  }

  .page-nav .navbar-nav .large-drop .dropdown-menu {

    padding: 15px 0;

  }

  .page-nav .navbar-nav .nav-item .nav-link {

    margin: 0;

  }

  .page-nav {

    max-height: 80vh;

    overflow: auto;

  }

  .search-on .search-wrapper{

   z-index: 901;

 }

 .search-on .search-wrapper{

  z-index: 901;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}

}



.page-nav .navbar-nav .large-drop .dropdown-menu .icon-fig {

  position: absolute;

  right: 0;

  bottom: 0;

}



@media (max-width: 991px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu .icon-fig {

    display: none;

  }

}



.page-nav .navbar-nav .large-drop .dropdown-menu a {

  color: #002854;

}

/* .btn.blue.br:hover{

  color: #002854 !important;

} */

.btn.blue.br.mx-2:hover {

  background: #002854;

  color: #fff !important;

}

.dropdown-menu .btn.blue.br:hover{

  color: #002854 !important;

} 

.page-nav .navbar-nav .large-drop .dropdown-menu h2 {

  font-size: 30px;

  line-height: 42px;

  font-family: 'DubaiW23-Regular';

  color: #002854;

  margin: 0;

}

li.removeicon:before {

  content: "" !important;

}

a.btn.blue.br.mb-3 {

  margin-top: 20px;

}

@media (max-width: 1199px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu h2 {

    font-size: 22px;

    line-height: 24px;

    display: none;

  }

}



@media (max-width: 991px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu h2 {

    font-size: 20px;

    line-height: 22px;

    margin-bottom: 15px;

  }

}



@media (max-width: 991px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu ul {

    margin-bottom: 15px;

    font-size: 14px;

  }

}



.page-nav .navbar-nav .large-drop .dropdown-menu ul li {

  position: relative;

  padding-left: 20px;

  padding-bottom: 5px;

}



.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover a, .page-nav .navbar-nav .large-drop .dropdown-menu ul li.active a {

  color: #fff;

}



.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover:before, .page-nav .navbar-nav .large-drop .dropdown-menu ul li.active:before {

  color: #fff;

}



.page-nav .navbar-nav .large-drop .dropdown-menu ul li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  color: rgba(0, 0, 0, 0.3);

  font-size: 18px;

}



.page-nav .navbar-nav .large-drop .dropdown-menu ul a {

  font-family: 'DubaiW23-Regular';

}



.page-nav .navbar-nav .large-drop .dropdown-menu .btn-holder .btn {

  padding: 10px;

  padding-right: 60px;

  position: relative;

  text-transform: uppercase;

  font-size: 13px;

  font-family: 'DubaiMedium';

  width: 100%;

  white-space: normal;

  text-align: left;

}



@media (max-width: 1199px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu .btn-holder .btn {

    font-size: 10px;

  }

}



.page-nav .navbar-nav .large-drop .dropdown-menu .btn-holder .btn i {

  position: absolute;

  top: 50%;

  right: 15px;

  margin-top: -12px;

}



.page-nav .navbar-nav .large-drop .dropdown-menu .btn-holder .btn i img {

  height: 23px;

}



.page-nav .navbar-nav .large-drop .dropdown-menu .btn-holder .btn:hover {

  background: #fff;

  border-color: #fff;

}



.header-bottom .btn-search {

  position: absolute;

  right: 60px;

  top: 25px;

  display: none;

}



@media (max-width: 991px) {

  .header-bottom .btn-search {

    background: transparent;

    background: url('/assets/images/icon-search-1.svg') no-repeat center;

    width: 43px;

    height: 42px;

  }

  .header-bottom .btn-search:focus,

  .header-bottom .btn-search:active {

    background: url('/assets/images/icon-search-1.svg') no-repeat center;

  }

  .header-bottom .btn-search {

    display: block;

  }



}



@media (max-width: 480px) {

  .header-bottom .btn-search {

    top: 13px;

  }

}



.navbar-toggler {

  position: absolute;

  right: 0;

  top: 25px;

  border: none;

}



.navbar-toggler:focus {

  outline: none;

}



@media (max-width: 480px) {

  .navbar-toggler {

    top: 13px;

  }

}



.section-spotlight {

  position: relative;

}



.home-slider .container {

  position: relative;

}



.home-slider .item {

  height: 100%;

  /*  height: 640px;*/

}



@media (max-width: 991px) {

  .home-slider .item {

   height: calc(100vh - 140px);

 }

}



.home-slider .item > img {

  -o-object-fit: cover;

  object-fit: cover;

  /*  height: 640px;*/

  width: 100%;

}



@media (max-width: 991px) {

  .home-slider .item > img {

    /*height: auto;*/

    /*    height: calc(85vh); */

    height: calc(100vh - 70px);

  }

}



.home-slider .item.style-2 {

  background: #ba9153;

  padding: 30px 0;

}



@media (max-width: 767px) {

  .home-slider .item.style-2 {

    padding: 0;

    display: flex;

    height: 100%;

    align-items: center;

  }

}



.home-slider .item.style-2 figure {

  position: relative;

}



.home-slider .item.style-2 figure figcaption {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  display: block;

  text-align: center;

  background: #002854;

  color: white;

  padding: 10px 0px;

}



.home-slider .item.style-2 figure:hover figcaption {

  display: block;

}



.home-slider .item.style-2 .caption-holder {

  background: rgba(0,0,0,0.2);

  background-size: contain;

  position: relative;

  top: auto;

  left: auto;

  height: 500px;

  width: 200px;

  margin: -15px auto 0px;

}

.home-slider .item.style-2 .caption-holder .more{

  display: none!important;

}

@media (max-width: 991px) {

  .home-slider .item.style-2 .caption-holder {

    width: 380px;

    margin-bottom: 30px;

  }

}



@media (max-width: 767px) {

  .home-slider .item.style-2 .caption-holder {

    width: 70%;

    height: 258px;

    top: 10px;

    margin-bottom: 30px;

    left: auto;

    right: auto;

  }

}



.home-slider .item.style-2 .caption-holder h1 {

  font-size: 28px;

  line-height: 34px;

  text-transform: uppercase;

}



@media (max-width: 1099px) {

  .home-slider .item.style-2 .caption-holder h1 {

    font-size: 20px;

    line-height: 24px;

  }

}



@media (max-width: 767px) {

  .home-slider .item.style-2 .caption-holder h1 {

    font-size: 14px;

    line-height: 16px;

  }

}



.home-slider .item.style-2 .caption-holder .more {

  right: 80px;

  bottom: 27px;

}



@media (max-width: 1399px) {

  .home-slider .item.style-2 .caption-holder .more {

    right: 40px;

    bottom: 21px;

  }

}



@media (max-width: 767px) {

  .home-slider .item.style-2 .caption-holder .more {

    display: none;

  }

}



.home-slider .item.style-2 figure {

  margin: 0;

}



.home-slider .item.style-2 figure img {

  width: auto;

  display: block;

  margin: 0 auto;

}



@media (max-width: 767px) {

  .home-slider .item.style-2 figure img {

    max-width: 190px;

  }

}



.home-slider .item.style-3 .caption-holder {

  right: -100px;

  left: auto;

}



.home-slider .item.style-3 .caption-holder h3 {

  text-transform: uppercase;

}



@media (max-width: 767px) {

  .home-slider .item.style-3 .caption-holder h3 {

    font-size: 16px;

    line-height: 18px;

  }

}



.home-slider .item.style-3 .caption-holder h1 {

  text-transform: uppercase;

}



@media (max-width: 767px) {

  .home-slider .owl-nav {

    display: none;

  }

}



.home-slider .owl-nav .owl-next,

.home-slider .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  color: #fff;

  font-size: 60px;

  padding: 15px;

  background: rgba(255, 186, 0, 0.7);

  text-align: center;

  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: -50px;

}



.home-slider .owl-nav .owl-next:before,

.home-slider .owl-nav .owl-prev:before {

  content: "\f105";

  font-family: "FontAwesome";

  margin: 0;

}



.home-slider .owl-nav .owl-next {

  right: 0;

}



.home-slider .owl-nav .owl-next:before {

  content: "\f105";

}



.home-slider .owl-nav .owl-prev {

  left: 0;

}



.home-slider .owl-nav .owl-prev:before {

  content: "\f104";

}



.home-slider .caption-holder {

  text-align: center;

  background: url("/assets/images/bg-caption.png") no-repeat center;

  background-size: contain;

  position: absolute;

  top: calc(50vh - 430px);

  left: 15px;

  width: 492px;

  height: 528px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  padding: 30px;

}



@media (max-width: 1399px) {

  .home-slider .caption-holder {

    width: 360px;

    height: 428px;

    top: calc(50vh - 290px);

  }

}



@media (max-width: 991px) {

  .home-slider .caption-holder {

    left: 17%;

    right: 15px;

    top: 30px;

    padding: 15px;

  }

}



@media (max-width: 767px) {

  .home-slider .caption-holder {

    width: 88%;

    height: 360px;

    top: 10px;

  }

}



.home-slider .caption-holder h1 {

  font-size: 44px;

  line-height: 46px;

  font-family: 'DubaiW23-Regular';

  text-transform: uppercase;

}



@media (max-width: 767px) {

  .home-slider .caption-holder h1 {

    font-size: 22px;

    line-height: 24px;

  }



}



.home-slider .caption-holder p {

  font-size: 16px;

  line-height: 22px;

  color: #fff;

}



@media (max-width: 767px) {

  .home-slider .caption-holder p {

    font-size: 14px;

    line-height: 16px;

    margin-bottom: 5px;

  }

}



.home-slider .caption-holder .btn-wrapper {

  width: 100%;

}



.home-slider .caption-holder .btn-wrapper .cell {

  padding-left: 5px;

  padding-right: 5px;

}



.home-slider .caption-holder .btn-wrapper .cell img {

  width: auto;

  margin: 0 auto;

}



.home-slider .caption-holder .more {

  width: 83px;

  height: 95px;

  background: url("/assets/images/btn-more.png") no-repeat center;

  position: absolute;

  right: 80px;

  bottom: 27px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #002854;

  font-size: 14px;

  line-height: 16px;

  text-transform: uppercase;

  font-family: 'DubaiMedium';

}



@media (max-width: 1399px) {

  .home-slider .caption-holder .more {

    right: 40px;

    bottom: 21px;

  }

}



@media (max-width: 767px) {

  .home-slider .caption-holder .more {

    display: none;

  }

}



.home-slider .owl-dots {

  text-align: center;

  position: absolute;

  bottom: 0;

  padding-bottom: 30px;

  left: 0;

  right: 0;

}



.home-slider .owl-dots .owl-dot {

  display: inline-block;

  float: none;

  padding: 0 6px;

}



.home-slider .owl-dots .owl-dot span {

  width: 14px;

  height: 14px;

  border: 2px solid #052b55;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  display: block;

}



.home-slider .owl-dots .owl-dot.active span {

  background: #052b55;

}









.slider-animate{

  position: absolute;

  width: 100%;

  top: 0px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  z-index: 2;

  height: 100%;

}

.slider-animate img{

  max-width: 100!important;

}



.slider-animate h1, .slider-animate h2, .slider-animate h3{

  position: absolute;

  width: auto;

  margin: 0; 

}



.slider-animate h1{

  left: 0px;

  top: 10%;

}

.slider-animate h2{

  right: 0px;

  top: 20%;

}



.slider-animate h3{

  right: 0px;

  top: 60%;

}

.slider-animate .container{

  position: relative;

  display: block;

  height: 100%;

}





.home-slider .item .slider-animate h2 {



  opacity: 0;

  right: -50px;

  top: 20%;

  -webkit-transform: scale(0.2);

  -ms-transform: scale(0.2);

  transform: scale(0.2);

  -webkit-transition: all 3s;

  -o-transition: all 3s;

  transition: all 3s;

}



.home-slider .owl-item.active .item .slider-animate h2 {



  opacity: 1;

  right: 100px;

  top: 20%;

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-transition: all 3s;

  -o-transition: all 3s;

  transition: all 3s;

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

}





.home-slider .item .slider-animate h3 {



  opacity: 0;

  right: 200px;

  top: 60%;

  -webkit-transform: scale(0.2);

  -ms-transform: scale(0.2);

  transform: scale(0.2);

  -webkit-transition: all 3s;

  -o-transition: all 3s;

  transition: all 3s;

}



.home-slider .owl-item.active .item .slider-animate h3 {



  opacity: 1;

  right: 100px;

  top: 60%;

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-transition: all 3s;

  -o-transition: all 3s;

  transition: all 3s;

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

}







.home-slider .item .slider-animate h1 { 

  opacity: 0; 

  width: 600px;

}

.home-slider .item .slider-animate h2, .home-slider .item .slider-animate h3 { 

  opacity: 0; 

  width: 300px;

} 

.home-slider .item .slider-animate h1 img { 

  width: 100%;

}

.home-slider .owl-item.active .item .slider-animate h1 {

 -webkit-animation: animat-h 5s infinite; /* Safari 4+ */

 -moz-animation:    animat-h 5s infinite; /* Fx 5+ */

 -o-animation:      animat-h 5s infinite; /* Opera 12+ */

 animation:         animat-h 5s infinite; /* IE 10+, Fx 29+ */

}





@-webkit-keyframes animat-h {

  0%   {opacity: 0;left: 0;top: 0%;}



  50%  {opacity: 1; left: 0%;top: 10%; }



  100% {opacity: 0; left: 10%; top: 10%;}

}

@-moz-keyframes animat-h {

  0%   {opacity: 0;left: 0;top: 0%;}



  50%  {opacity: 1; left: 0%;top: 10%; }



  100% {opacity: 0; left: 10%; top: 10%;}

}

@-o-keyframes animat-h {

  0%   {opacity: 0;left: 0;top: 0%;}



  50%  {opacity: 1; left: 0%;top: 10%; }



  100% {opacity: 0; left: 10%; top: 10%;}

}

@keyframes animat-h {

  0%   {opacity: 0;left: 0;top: 0%;}



  50%  {opacity: 1; left: 0%;top: 10%; }



  100% {opacity: 0; left: 10%; top: 10%;}

}



@media (max-width: 1399px) {

  .home-slider .item .slider-animate h1 { 

    width: 400px;

  }

  .home-slider .item .slider-animate h2, .home-slider .item .slider-animate h3 {

    width: 200px;

  }

  .home-slider .item {

    height: auto;

  }

}



@media only screen and (max-width: 1299px){

  .home-slider.owl-carousel .owl-item .item .slider-animate img {

    height: auto;

  }

  .home-slider .item .slider-animate h2, .home-slider .item .slider-animate h3 {

    width: 200px;

  }

  .home-slider .item .slider-animate h1 {

    width: 400px;

  }

}



@media only screen and (max-width: 1199px){

  .home-slider .item .slider-animate h2, .home-slider .item .slider-animate h3 {

    width: 170px;

  }

  .home-slider .item .slider-animate h1 {

    width: 380px;

  }

}





.inner-spotlight {

  position: relative;

  height: auto;

}



@media (max-width: 991px) {

  .inner-spotlight {

    height: auto;

  }

}



@media (max-width: 767px) {

  .inner-spotlight {

    height: auto;

  }

}



.inner-spotlight > img {

  /*  height: 450px;*/

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



@media (max-width: 767px) {

  .inner-spotlight > img {

    height: auto;

  }

}















/*---new-mob-nav----start*/

.nav-button{

  display: none;

}

.mob-nav{

  display: none;

}



@media only screen and (max-width: 991px) {

  .nav-button{

    display: block;



  }



  .nav-lock-scroll {

    overflow: hidden;

  }



  .mob-nav {

    display: none;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 900;

    overflow-x: hidden;

    overflow-y: auto;    

    pointer-events: none;



  }



  .mob-nav ul {

    display: block;

    position: relative;

    zoom: 1;

    list-style-type: none;

    margin: 0;

    pointer-events: fill;

    padding: 0;

  }



  .mob-nav a,

  .mob-nav a:hover,

  .mob-nav a:active,

  .mob-nav a:visited {

    display: block;

    position: relative;

  } 

  .nav-button,

  .nav-close {

    position: fixed;

    top: 0;

    width: 2.4rem;

    height: 4.4rem;

    overflow: hidden;

    z-index: 10;

    cursor: pointer;

    text-decoration: none;

    line-height: 4.4rem;

    background: #fff;

    color: #A69A94;

  }



  .nav-button:before,

  .nav-close:before {

    display: block;

    text-align: center;

  }



  .nav-button {

   width: 50px;

   height: 50px;

   top:8px;

   right: 3px;

 }



 .nav-button:before {

  background-image: url(/assets/images/mob-nav.jpg);

  background-repeat: no-repeat;

  background-position: center;

  height: 100%;

  width: 100%;

  content: "";

}



.nav-close {

  display: none;

  right: 4rem;

  font-size: 1.9rem;

}







.mob-nav {

  padding-top: 95px;

  background: transparent;

  color: #002854;

}



.mob-nav ul {

  border-radius: 0px;

  background: #fff;

}

.mob-nav > ul {

  padding: 0 15px;

}

.mob-nav ul li a {

  font-size: 21px;

  font-family: 'DubaiMedium';

}





.mob-nav li {

  border:none;

  cursor: pointer;

}



.mob-nav li:hover > a,

.mob-nav li.nav-active > a {

  color: #002854;

}



.mob-nav .nav-submenu > ul {

  margin-left: 0px;

  padding: 10px 15px;

}



.mob-nav .nav-submenu > a {

  padding-right: 30px !important;

}



.mob-nav a,

.mob-nav a:hover,

.mob-nav a:active,

.mob-nav a:visited {

  border-radius: 0;

  padding: 0 0px 1px;

  color: #002854;

  line-height: 43px;

  text-decoration: none;

  font-size: 21px;

  font-family: 'DubaiMedium';



}



.mob-nav .nav-submenu > a:after {

  position: absolute;

  display: block;

  right: 0px;

  top: 1px;

  content: '';

  width: 32px;

  height: 35px;

  background-image: url(/assets/images/icon-nav-mob.png);

  background-repeat: no-repeat;

  background-position: 0 0;

}

.mob-nav .nav-submenu.nav-active > a:after {

  background-position: 0 -48px;

}

.mob-nav .nav-submenu li a{

  font-size: 18px;

  line-height: 32px;

}



.mob-nav .nav-submenu ul .nav-submenu a:after {

  background-position: 0 -48px;

  transform: rotate(180deg);

  right: -5px;

  top: -1px;

}

.mob-nav .nav-submenu.nav-active ul .nav-submenu.nav-active a:after {

  transform: rotate(0deg);

}





.mob-nav .nav-submenu ul .nav-submenu ul .nav-submenu a:after {

  background-position: 0 -48px;

  transform: rotate(180deg);

  display: none;





}

.mob-nav .nav-submenu.nav-active ul .nav-submenu.nav-active ul .nav-submenu.nav-active a:after {

  transform: rotate(0deg);

  display: none;

}



.mob-nav ul ul {

  background: #ffb900;

}



.mob-nav ul ul ul {

  background: #ffba00;

  padding: 0 20px!important;

}



.mob-nav ul ul ul li {

  position: relative;

}



.mob-nav ul ul ul li a {

 font-size: 16px!important;

 font-size: 'DubaiW23-Regular'!important;

}

.mob-nav ul ul ul li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: -11px;

  top: 2px;

  color: rgba(0, 0, 0, 0.7);

  font-size: 18px;

}



.mob-nav ul ul ul li.nav-submenu:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: -15px;

  top: 2px;

  color: rgba(0, 0, 0, 0.7);

  font-size: 18px;

}

.mob-nav ul ul ul li.nav-submenu.nav-active:before{

  transform: rotate(90deg);

}





.mob-nav ul ul ul ul {

  background: #ffba00;

  padding: 0 20px!important;

}



.mob-nav ul ul ul ul ul {

  background:#ffba00;

}



.mob-nav li.other-link ul{

  background-color: #002854;

}

.mob-nav li.other-link ul li a{

  line-height: 25px;

  color: #fff;

  font-family: 'DubaiMedium';

}

.mob-nav li.other-link a.ebos-online{

  line-height: 25px;    

}

.mob-nav li .btn-holder .btn {

  padding: 0 10px;

  padding-right: 60px;

  position: relative;

  line-height: 35px;

  text-transform: uppercase;

  font-size: 10px;

  font-family: 'DubaiMedium';

  width: 100%;

  white-space: normal;

  text-align: left;

}

.mob-nav li .btn-holder .btn i {

  position: absolute;

  top: 50%;

  right: 10px;

  margin-top: -18px;

}

}



@media only screen and (max-width: 767px) {

  .mob-nav {

    padding-top: 69px;  

  }

  .mob-nav ul li a {

    font-size: 16px;

    font-family: 'DubaiMedium';

  }

  .mob-nav .nav-submenu li a{

    font-size: 16px;

    line-height: 32px;

  }

  .mob-nav ul ul ul li a {

   font-size: 15px!important;

   font-size: 'DubaiW23-Regular'!important;

 }

 .mob-nav a, .mob-nav a:hover, .mob-nav a:active, .mob-nav a:visited{

  font-size: 16px;

}

}

/*---new-mob-nav----end*/



















.spot-nav {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}



@media (max-width: 991px) {

  .spot-nav {

    position: relative;

  }

}



.spot-nav .icon {

  height: 40px;

  position: relative;

  max-width: 100%;

  margin: 0 auto;

}



@media (max-width: 991px) {

  .spot-nav .icon {

    height: 40px;



    /* max-width: 80px; */

  }

}



.spot-nav .icon img {

    height: 35px;

  position: absolute;

  left: 50%;

  top: 0;

  -webkit-transform: translateX(-50%);

-ms-transform: translateX(-50%);

transform: translateX(-50%);

  width: auto;

/*  -o-object-fit: contain;

object-fit: contain;*/

}



@media (max-width: 991px) {

  .spot-nav .icon img {

    /* height: 80px; */

  }

}



.spot-nav .icon img.back {

  opacity: 0;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.spot-nav .icon img.front {

  opacity: 1;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.spot-nav ul {

  display: table;

  width: 100%;

  table-layout: fixed;

}



@media (max-width: 991px) {

  .spot-nav ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 15px 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.spot-nav ul li {

  display: table-cell;

  vertical-align: top;

  text-align: center;

}



@media (max-width: 991px) {

  .spot-nav ul li {

    border: 1px solid rgba(255, 255, 255, 0.2);

    width: 25%;

  }

}



@media (max-width: 575px) {

  .spot-nav ul li {

    width: 50%;

  }

}



.spot-nav ul li a {

  display: block;

  height: 90px;

  padding: 13px 10px 10px;

  color: #fff;

}



@media (max-width: 991px) {

  .spot-nav ul li a {

    height: 90px;

  }

  .switch-ar{

    color: #fff!important;

  }

}



.spot-nav ul li:hover .icon img.back, .spot-nav ul li.active .icon img.back {

  opacity: 1;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.spot-nav ul li:hover .icon img.front, .spot-nav ul li.active .icon img.front {

  opacity: 0;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.spot-nav ul li:hover a, .spot-nav ul li.active a {

  background: #ffba00;

  color: #000;

}



.spot-nav ul li:hover p, .spot-nav ul li.active p {

  color: #000;

}



.spot-nav p {

  margin: 0;

  font-size: 14px;

  line-height: 14px;

  color: #fff;

}



.title-wrapper {

  background: #f4f4f4;

  position: absolute;

  position: relative;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 21px 0;

}



.breadcrumb {

  margin: 0;

  padding: 0;

  background: transparent;

  color: #06264a;

  font-size: 14px;

  line-height: 16px;

  /* font-weight: bold; */

}



.breadcrumb a {

  color: #06264a;

}



.breadcrumb .breadcrumb-item + .breadcrumb-item::before {

  content: "\f105";

  font-family: "FontAwesome";

  color: #06264a;

}



.spot-nav {

  background: rgba(0, 38, 81, 0.75);

}



.section-services {

  background: #f1f6fb;

}



.list-1 .item .inner {

  background: url("/assets/images/bg-item-1.png") no-repeat center;

  background-size: contain;

  height: 384px;

  max-width: 334px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-flow: column;

  flex-flow: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.list-1 .item .btn {

  margin-left: 2px;

  margin-right: 2px;

  padding-left: 20px;

  padding-right: 20px;

  text-transform: uppercase;

  font-size: 12px;

}



.list-1 .item:hover .inner {

  background: url("/assets/images/bg-item-1-hover.png") no-repeat center;

  background-size: contain;

  color: #fff;

}



.list-1 .item:hover a, .list-1 .item:hover p {

  color: #fff;

}









/*---------20072019--------*/

.screen-over{

  background-color: rgba(0,0,0,0.7);

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 20;

  text-align: center;

  display:block;

}

.fig-info{

 width: 550px;

 height: 550px;

 background-color: #333;

 position: absolute;

 overflow: auto;

 padding: 25px;

 top: 50%;

 left: 50%;

 color:white;

 margin-left: -270px;

 margin-top: -274px;

}

.fig-info p{ color:white;}

.fig-info figure{

  width: 100%;

  height: 100%;

  margin: 0 0 20px;



  position: relative;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.close-pop{

  position: absolute;

  right: 15px;

  top: 15px;

  font-size: 35px;

  cursor: pointer;

  z-index: 5;

}





@media (max-width:990px){



  .fig-info{

    width: 100%;

    top: 0%;

    left: 0%;

    margin-left:0px;

    margin-top: 0px;

  }



}

.hide-md{

  display: none;

}

.hide-sm{

  display: block;

}

@media (max-width:767px){

  .hide-md{

    display: block;

  }

  .hide-sm{

    display: none;

  }

}



/*---------20072019--------*/











.list-1 .item:hover .btn {

  border-color: #fff;

}



.list-1 .item:hover .btn:hover {

  border-color: #ffba00;

  background: #ffba00;

  color: #002854;

}



.list-1 .inner {

  padding: 30px;

  color: #002854;

}



.list-1 h4 {

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 15px;

  font-size: 20px;

  line-height: 22px;

  text-align: center;

  text-transform: uppercase;

  font-family: 'DubaiMedium';

}



.list-1 h4:before {

  content: '';

  width: 90px;

  height: 4px;

  background: #ffba00;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -45px;

}



.list-1 h4 a {

  color: #002854;

}



.list-1 .media-content {

  display: table;

  margin-bottom: 5px;

}



.list-1 .media-content > div {

  display: table-cell;

  vertical-align: top;

  float: none;

}



.list-1 .media-content .content {

  color: #36586c;

  text-align: left;

  padding-left: 15px;

}



.list-1 .media-content .content p {

  font-size: 14px;

  line-height: 16px;

}



.list-1 .icon {

  width: 65px;

  position: relative;

}



.list-1 .icon img {

  position: absolute;

  left: 0;

  top: 0;

  max-height: 55px;

  width: auto;

}



.list-1 .icon img.front {

  opacity: 1;

}



.list-1 .icon img.back {

  opacity: 0;

}



.list-1 .item:hover .icon img.front {

  opacity: 0;

}



.list-1 .item:hover .icon img.back {

  opacity: 1;

}



.slider-row {

  margin-left: -15px;

  margin-right: -15px;

}



.services-slider .item {

  padding: 0 15px;

}



.services-slider .owl-dots {

  text-align: center;

  bottom: 0;

  padding-bottom: 0px;

  left: 0;

  right: 0;

}



.services-slider .owl-dots .owl-dot {

  display: inline-block;

  float: none;

  padding: 0 6px;

}



.services-slider .owl-dots .owl-dot span {

  width: 14px;

  height: 14px;

  border: 2px solid #052b55;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  display: block;

}



.services-slider .owl-dots .owl-dot.active span {

  background: #052b55;

}



.section-looking {

  color: #fff;

  position: relative;

  overflow: hidden;

}



.section-looking .bg {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background-color: #002854;

  background-repeat: no-repeat;

  background-size: cover;

  display: none;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 5s;

  -o-transition: all 5s;

  transition: all 5s;

}



.section-looking .bg.d-block {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-transition: all 5s;

  -o-transition: all 5s;

  transition: all 5s;

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: 4s;

  animation-duration: 4s;

}



.section-looking h2 {

  font-size: 58px;

  line-height: 80px;

  font-family: "montserratthin";

  text-transform: uppercase;

  margin-bottom: 80px;

}



@media (max-width: 767px) {

  .section-looking h2 {

    margin-bottom: 15px;

    font-size: 36px;

    line-height: 38px;

  }

  .section-looking h2 br {

    display: none;

  }

}



.section-looking p {

  font-size: 16px;

  color: #fff;

}



.section-looking .section {

  padding: 30px 15px;

}



@media (max-width: 767px) {

  .section-looking .section {

    padding: 30px 15px;

  }

}



@keyframes fadeIn {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

}



@-webkit-keyframes fadeIn {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

}



.offer-1 {

  background-color: #ffba00;

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: contain;

  padding-left: 60px;

  padding-right: 60px;

}



@media (max-width: 991px) {

  .offer-1 {

    background-size: cover;

  }

}



.offer-1 h4 {

  font-size: 27px;

  line-height: 36px;

  margin-bottom: 60px;

  font-family: 'DubaiMedium';

  color: #121212;

}



.offer-1 p {

  font-family: 'DubaiMedium';

  font-size: 14px;

  line-height: 16px;

  color: #121212;

}



.offer-1 .content {

  margin-bottom: 60px;

}



.looking-list .item .cell {

  margin-bottom: 15px;

  text-align: center;

}



.looking-list .item .cell > a {

  display: block;

  padding: 43px 0px;

  background: url("/assets/images/look-item-hover.png") no-repeat center;

  background-size: 0;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



@media (max-width: 767px) {

  .looking-list .item .cell > a {

    padding: 15px 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 130px;

  }

}



.looking-list .item .cell:hover > a, .looking-list .item .cell.active > a {

  background: url("/assets/images/look-item-hover.png") no-repeat center;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



@media (max-width: 767px) {

  .looking-list .item .cell:hover > a, .looking-list .item .cell.active > a {

    /*    background: #ffba00;*/

    /*      background: url("/assets/images/look-item-hover.png") no-repeat contain center;*/

    background-image: url("/assets/images/look-item-hover.png")!important;

    background-repeat: no-repeat!important;

    background-size: contain!important;

    background-position: center!important;

    background-color: transparent!important;

  }

}



.looking-list .item .cell:hover figcaption, .looking-list .item .cell.active figcaption {

  color: #0b335f;

}



.looking-list .item a {

  color: #fff;

  position: relative;

}



.looking-list .item figure {

  position: relative;

  width: 85px;

  height: 85px;

  margin: 0 auto;

  margin-bottom: 15px;

}



@media (max-width: 767px) {

  .looking-list .item figure {

    width: 45px;

  }

}



.looking-list .item figcaption {

  font-family: 'DubaiMedium';

  font-size: 14px;

  line-height: 16px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 40px;

}

.looking-list .item figcaption.howe-wrap{

	bottom:24px;}

	

.looking-list .item figcaption a {

  color: #fff;

}











.looking-list .item .cell div {

  font-family: 'DubaiMedium';

  font-size: 14px;

  line-height: 16px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 40px;

}

.looking-list .item .cell div.howe-wrap{

	bottom:24px;}

	

.looking-list .item .cell div a {

  color: #fff;

}

.looking-list .item .cell a:hover

{

  color: #0b335f;

}



.looking-list .item img {

  margin: 0 auto;

  position: absolute;

  left: 0;

  top: 0;

}



@media (max-width: 767px) {

  .looking-list .item img {

    height: 45px;

    top: 16px;

  }

}



.looking-list .item img.front {

  opacity: 1;

}



.looking-list .item img.back {

  opacity: 0;

}



.looking-list .item .cell:hover img.front {

  opacity: 0;

}



.looking-list .item .cell:hover img.back {

  opacity: 1;

}



.looking-list .item figcaption {

  text-align: center;

}



.looking-slider .owl-nav .owl-next,

.looking-slider .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  font-size: 40px;

  width: 29px;

  height: 57px;

}



.looking-slider .owl-nav .owl-next.disabled,

.looking-slider .owl-nav .owl-prev.disabled {

  opacity: 0;

}



.looking-slider .owl-nav .owl-next {

  right: 0;

  background: url("/assets/images/right-1.png") no-repeat center;

}



.looking-slider .owl-nav .owl-prev {

  left: 0;

  background: url("/assets/images/left-1.png") no-repeat center;

}



.looking-slider .owl-dots {

  text-align: center;

  position: absolute;

  bottom: -20px;

  padding-bottom: 0px;

  left: 0;

  right: 0;

}



.looking-slider .owl-dots .owl-dot {

  display: inline-block;

  float: none;

  padding: 0 6px;

}



.looking-slider .owl-dots .owl-dot span {

  width: 14px;

  height: 14px;

  border: 2px solid #ffba00;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  display: block;

}



.looking-slider .owl-dots .owl-dot.active span {

  background: #ffba00;

}



.section-looking .sub-holder {

  padding: 0;

}



.section-looking .sub-wrapper {

  height: 100%;

}



.section-looking .sub-wrapper .sub {

  padding: 100px 50px;

  height: 100%;

  display: none;

}



@media (max-width: 767px) {

  .section-looking .sub-wrapper .sub {

    padding: 30px 15px;

  }

}



.section-announcement {

  background: #e7f3ff;

}



.section-announcement h2 {

  font-size: 30px;

  line-height: 32px;

  font-family: 'DubaiMedium';

}



.announcement-slider .item {

  padding-left: 2.5px;

  padding-right: 2.5px;

}



.announcement-slider .owl-dots {

  text-align: center;

  position: relative;

  bottom: 0;

  padding-top: 30px;

  left: 0;

  right: 0;

}



.announcement-slider .owl-dots .owl-dot {

  display: inline-block;

  float: none;

  padding: 0 6px;

}



.announcement-slider .owl-dots .owl-dot span {

  width: 14px;

  height: 14px;

  border: 2px solid #052b55;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  display: block;

}



.announcement-slider .owl-dots .owl-dot.active span {

  background: #052b55;

}



.rate-wrapper {

  background: #fff;

  padding: 30px 15px 30px;

}



@media (max-width: 991px) {

  .rate-wrapper {

    margin-bottom: 15px;

  }

  .section-announcement .eqHeight {

    height: auto !important;

  }

}



.loantab-wrapper {

  background: #fff;

  padding: 30px 15px 30px;

}



.loantab-wrapper .nav-tabs {

  border: none;

  font-size: 17px;

  font-family: 'DubaiMedium';

  margin-left: -3px;

  margin-right: -3px;

}



@media (max-width: 767px) {

  .loantab-wrapper .nav-tabs {

    font-size: 10px;

  }

}



@media (max-width: 320px) {

  .loantab-wrapper .nav-tabs {

    font-size: 8px;

  }

}



.loantab-wrapper .nav-tabs .nav-item {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -ms-flex-positive: 1;

  -webkit-box-flex: 1;

  flex-grow: 1;

  max-width: 100%;

  padding: 0 3px;

}



.loantab-wrapper .nav-tabs .nav-link {

  background: #dae6f2;

  color: #000;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  text-align: center;

  text-transform: uppercase;

  padding: 16px 5px;

}



.loantab-wrapper .nav-tabs .nav-link.active {

  border: none;

  background: #fff;

  color: #000;

}



.loantab-wrapper .tab-content {

  background: #fff;

  padding: 30px;

}



.loantab-wrapper .calc {

  position: relative;

  padding-bottom: 18px;

}

.loantab-wrapper .slider {

  width: 97%;

}

.loantab-wrapper .calc .slider {

  /* overflow: hidden; */

  width: 100%;

  margin: 0 !important;

}



.loantab-wrapper .calc .slider > .dragger {

  background: #122d50;

  width: 5px;

  height: 32px;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  position: relative;

  margin-left: 0 !important;

}



/* .loantab-wrapper .calc .slider > .dragger:before {

  content: '';

  height: 7px;

  background: #ffba00;

  position: absolute;

  right: 100%;

  width: 10000px;

  top: 13px;

  } */

  body .slider > .highlight-track {

    height: 7px;

    background: #ffba00;

    border: none;

    border-radius: 0;

  }



  .loantab-wrapper .calc .slider > .track {

    background: #e7f3ff;

    height: 7px;

    border: none;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

  }



  .loantab-wrapper .calc small {

    font-size: 14px;

  }



  .loantab-wrapper .calc .calc-rate {

    font-size: 19px;

    font-family: 'DubaiW23-Regular';

    color: rgba(0, 0, 0, 1);

    position: absolute;

    right: 0;

    font-weight: normal;

    top: 0;

  }



  .loantab-wrapper .calc-out .cell-wrapper {

    width: 100%;

  }



  @media (max-width: 767px) {

    .loantab-wrapper .calc-out .cell-wrapper {

      display: block;

    }

  }



  .loantab-wrapper .calc-out .cell {

    vertical-align: middle;

  }



  @media (max-width: 767px) {

    .loantab-wrapper .calc-out .cell {

      display: block;

    }

  }



  .loantab-wrapper .calc-out .total {

    font-size: 48px;

    font-family: 'DubaiW23-Regular';

  }



  .loantab-wrapper .calc-out a {

    color: #002854;

  }



  .loantab-wrapper .calc-out .btn {

    position: relative;

    top: 8px;

  }



  .loantab-wrapper .calc-out .btn:hover {

    background: #002854;

    color: #ffba00;

  }



  body table.rate-table {

    table-layout: fixed;width: 100%;padding: 0px;border-spacing: 0px;

    margin-bottom: 0;

  }



  body table.rate-table thead {

    background: #002854;

    color: #fff;

  }



  body table.rate-table thead th {

    color: #fff;

    padding: 5px; text-align:center;

  }



  body table.rate-table tbody td {

    padding: 5px;

    vertical-align: middle;

    text-align: center;

    min-height: 45px;

  }



  .section-responsibility {

    background: url("/assets/images/bg-responsibility.png") no-repeat 0 0;

    background-size: cover;

  }



  .section-responsibility h2 {

    font-size: 37px;

    line-height: 39px;

    font-family: 'DubaiMedium';

    color: #002854;

    margin-bottom: 40px;

    text-transform: uppercase;

  }



  @media (max-width: 575px) {

    .section-responsibility h2 {

      font-size: 26px;

      line-height: 28px;

      margin-bottom: 15px;

    }

  }



  .section-responsibility h3 {

    font-size: 30px;

    line-height: 34px;

    font-family: 'DubaiW23-Regular';

    color: #002854;

    margin-bottom: 40px;

  }



  @media (max-width: 575px) {

    .section-responsibility h3 {

      font-size: 20px;

      line-height: 22px;

      margin-bottom: 15px;

    }

  }



  .section-responsibility p {

    font-family: 'DubaiW23-Regular';

    font-size: 16px;

    line-height: 22px;

    color: #002854;

    margin-bottom: 40px;

    text-align: justify;

  }



  @media (max-width: 575px) {

    .section-responsibility p {

      font-size: 14px;

      line-height: 18px;

      margin-bottom: 15px;

    }

  }



  .responsibility-slider .item {

    position: relative;

  }



  @media (max-width: 575px) {

    .responsibility-slider .item {

      padding-bottom: 30px;

    }

  }



  .responsibility-slider .item figure {

    position: relative;

    z-index: 2;

    margin: 0;

  }



  .responsibility-slider .item figcaption {

    position: absolute;

    z-index: 1;

    top: 100px;

    z-index: 2;

    color: #fff;

    left: 0;

    right: 0;

    font-size: 19px;

    font-family: 'DubaiW23-Regular';

    text-align: center;

    padding: 30px 20px;

  }



  @media (max-width: 575px) {

    .responsibility-slider .item figcaption {

      top: 70px;

      font-size: 14px;

    }

  }



  .responsibility-slider .item .more {

    background: url("/assets/images/btn-resp-more.png") no-repeat center;

    width: 131px;

    height: 149px;

    color: #002854;

    font-family: 'DubaiMedium';

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    right: 72px;

    bottom: 0px;

    font-size: 15px;

    text-transform: uppercase;

    z-index: 2;

  }



  .responsibility-slider .item .more:focus, .responsibility-slider .item .more:active {

    background: url("/assets/images/btn-resp-more.png") no-repeat center;

  }



  @media (max-width: 1199px) {

    .responsibility-slider .item .more {

      right: 32px;

      bottom: -5px;

    }

  }



  @media (max-width: 991px) {

    .responsibility-slider .item .more {

      right: 120px;

      bottom: 50px;

    }

  }



  @media (max-width: 768px) {

    .responsibility-slider .item .more {

      right: 90px;

      bottom: 44px;

    }

  }



  @media (max-width: 767px) {

    .responsibility-slider .item .more {

      right: 50px;

      bottom: 12px;

      background-size: contain !important;

      width: 90px;

      height: 90px;

      font-size: 12px;

    }

  }



  @media (max-width: 320px) {

    .responsibility-slider .item .more {

      right: 30px;

      bottom: -8px;

    }

  }



  .responsibility-slider .owl-nav .owl-next,

  .responsibility-slider .owl-nav .owl-prev {

    position: absolute;

    top: 50%;

    font-size: 40px;

    width: 29px;

    height: 57px;

    margin-top: -30px;

  }



  .responsibility-slider .owl-nav .owl-next {

    right: -60px;

    background: url("/assets/images/next-2.png") no-repeat center;

  }



  @media (max-width: 1459px) {

    .responsibility-slider .owl-nav .owl-next {

      right: 30px;

    }

  }



  .responsibility-slider .owl-nav .owl-prev {

    left: -60px;

    background: url("/assets/images/prev-2.png") no-repeat center;

  }



  @media (max-width: 1459px) {

    .responsibility-slider .owl-nav .owl-prev {

      left: 30px;

    }

  }



  .responsibility-slider .owl-dots {

    text-align: center;

    position: relative;

    bottom: 0;

    padding-top: 30px;

    left: 0;

    right: 0;

  }



  .responsibility-slider .owl-dots .owl-dot {

    display: inline-block;

    float: none;

    padding: 0 6px;

  }



  .responsibility-slider .owl-dots .owl-dot span {

    width: 14px;

    height: 14px;

    border: 2px solid #052b55;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    display: block;

  }



  .responsibility-slider .owl-dots .owl-dot.active span {

    background: #052b55;

  }



  .section-news {

    background: #e7f3ff;

  }



  .news-list .item,

  .events-list .item {

    margin-bottom: 30px;

  }



  .news-list .item:hover img,

  .events-list .item:hover img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  }



  .news-list figure,

  .events-list figure {

    overflow: hidden;

    position: relative;

    z-index: 1;

  }



  .news-list img,

  .events-list img {

    width: 100%;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  }



  .news-list figcaption,

  .events-list figcaption {

    background: #e7f3ff;

    padding: 30px;

    position: relative;

    font-size: 24px;

    line-height: 28px;

    z-index: 2;

  }

  .table-responsive .table thead.blue.subsidiary tr td {

    vertical-align: middle;

    text-align: center;

  }

  table.table thead.subsidiary td, table.table thead.subsidiary th {

    background: #002854;

    color: #fff;

    text-align: center;

    vertical-align: middle;

  }

  .table-responsive .table thead.subsidiary tr:first-child td {

    background: #002854!important;

    vertical-align: middle;

  }

  @media (max-width: 767px) {

    .news-list figcaption,

    .events-list figcaption {

      font-size: 18px;

      line-height: 20px;

    }

  }



  .news-list figcaption p,

  .events-list figcaption p {

    color: #002854;

    font-family: 'DubaiMedium';

    margin-bottom: 15px;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 4.7em;

  }



  .news-list figcaption p a,

  .events-list figcaption p a {

    color: #002854;

  }



  .news-list .medialist figcaption p{

    height: auto;

  }

  .news-list .medialist figure{

    position: relative;

    overflow: hidden;



  }



  .news-list .medialist figure:before{

    position: absolute;

    background-color: rgba(0,0,0,0.2);

    width: 100%;

    height: 100%;

    z-index: 1;

    pointer-events: none;

    left: 0;

    top: 0;

    content: "";

  }



  .news-list .medialist figure:after{

    content: "\f16a";

    font-family: "FontAwesome";

    position: absolute;

    font-size: 50px;

    color: #c4302b;

    left: 50%;

    top: 50%;

    margin-top: -20px;

    margin-left: -20px;

    pointer-events: none;

    z-index: 3;



  }





  @media (max-width: 767px) {

    .news-list figcaption p,

    .events-list figcaption p {

      height: auto;

    }

  }



  .news-list figcaption .date,

  .events-list figcaption .date {

    color: #ffba00;

    font-size: 20px;

  }



  .news-list figcaption .more,

  .events-list figcaption .more {

    position: absolute;

    right: 10px;

    bottom: -27px;

    background: url("/assets/images/more-news.png") no-repeat center;

    width: 63px;

    height: 55px;

  }



  .events-list figcaption {

    padding: 12px 30px;

    background: #002854;

  }



  .events-list figcaption p {

    font-size: 18px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 2.5em;

    margin-bottom: 5px;

    color: #fff;

  }



  .events-list figcaption .more {

    bottom: auto;

    top: -27px;

  }



  .news-slider figcaption {

    font-size: 19px;

    line-height: 22px;

    background: #fff;

  }



  .news-slider figcaption .date {

    font-size: 16px;

  }



  .news-slider .item,

  .events-slider .item {

    padding-left: 2.5px;

    padding-right: 2.5px;

  }



  .news-slider .owl-dots,

  .events-slider .owl-dots {

    text-align: center;

    position: relative;

    bottom: 0;

    left: 0;

    right: 0;

  }



  .news-slider .owl-dots .owl-dot,

  .events-slider .owl-dots .owl-dot {

    display: inline-block;

    float: none;

    padding: 0 6px;

  }



  .news-slider .owl-dots .owl-dot span,

  .events-slider .owl-dots .owl-dot span {

    width: 14px;

    height: 14px;

    border: 2px solid #052b55;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    display: block;

  }



  .news-slider .owl-dots .owl-dot.active span,

  .events-slider .owl-dots .owl-dot.active span {

    background: #052b55;

  }



  .events-slider .item {

    padding: 0;

  }



  .csr-list article {

    border-bottom: 1px solid #ccc;

    margin-bottom: 15px;

  }



  .csr-list  p {

    color: #002854;

    font-family: 'DubaiW23-Regular';

    margin-bottom: 15px;

    display: -webkit-box;

    -webkit-line-clamp: initial;

    -webkit-box-orient: vertical;

    overflow: visible;

    height: auto;

    font-size: 16px;

    line-height: 24px;

  }



  .section-finder {

    background: #ffba00;

    padding: 30px 0;

  }



  .section-finder h2 {

    font-size: 48px;

    line-height: 50px;

    font-family: 'DubaiW23-Regular';

    margin: 0;

    text-transform: uppercase;

  }



  @media (max-width: 767px) {

    .section-finder h2 {

      font-size: 24px;

      line-height: 26px;

    }

    .section-finder h2 br {

      display: none;

    }

  }



  @media (max-width: 767px) {

    .section-finder .form .row .col {

      max-width: 100%;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

    }

  }



  @media (max-width: 767px) {

    .section-finder .cell-wrapper .cell {

      display: block;

      margin-bottom: 5px;

    }

  }



  .cell-wrapper {

    display: table;

  }



  .cell-wrapper .cell {

    display: table-cell;

    float: none;

    vertical-align: top;

  }



  .footer-connect .cell-wrapper .cell.title p{

    margin: 0 18px 0 0;

    display: inline-block;

    color: #fff;

    font-size: 15px;

    line-height: 48px;

  }

  .section-map {

    position: relative;

  }



  .section-map .container {

    position: relative;

    z-index: 2;

  }



  @media (max-width: 767px) {

    .section-map .container {

      position: absolute;

      bottom: 0;

    }

  }



  .section-map .map-holder > img {

    height: 668px;

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }



  .section-map #loading-image {

    position: absolute;

    z-index: 2;

    left: 0;

    bottom: 0;

    right: 0;

    top: 0;

  }



  .section-map #loading-image img {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -30px;

    margin-top: -30px;

  }



  .loc-list {

    position: absolute;

    top:90px;

    left: 15px;

  }



  @media (max-width: 767px) {

    .loc-list {

      position: relative;

      top: auto;

      bottom: 30px;

    }

  }



  .loc-list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-bottom: 15px;

    text-transform: uppercase;

  }



  .loc-list span {

    display: block;

    width: 26px;

    height: 26px;

    margin-right: 15px;

  }



  .location-list .item {

    padding-bottom: 30px;

  }



  .location-list .card-body {

    background: #fff;

    position: relative;

    padding-right: 5px;

  }



  .location-list .card-body h4 {

    font-size: 20px;

    line-height: 22px;

  }



  .location-list .loc-list {

    position: absolute;

    right: 15px;

    top: 1.25rem;

    left: auto;

    width: 100px;

    font-size: 10px;

  }



  .location-list .loc-list li {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .location-list .loc-list span {

    display: block;

    width: 16px;

    height: 16px;

    margin-right: 5px;

  }



  .section-rates {

    padding: 100px 0 50px;

  }



  @media (max-width: 767px) {

    .section-rates .title {

      width: 25%;

    }

    .section-rates .content-inner {

      width: 75%;

    }

  }



  .section-rates h2 {

    font-size: 32px;

    line-height: 36px;

    font-family: 'DubaiW23-Regular';

  }



  @media (max-width: 767px) {

    .section-rates h2 {

      font-size: 16px;

      line-height: 18px;

    }

  }



  .section-rates .rates-slider {

    font-size: 16px;

    line-height: 18px;

  }



  @media (max-width: 767px) {

    .section-rates .rates-slider {

      font-size: 10px;

      line-height: 14px;

    }

  }



  .section-rates .rates-slider img {

    width: auto;

  }



  @media (max-width: 575px) {

    .section-rates .rates-slider img {

      width: 32px;

    }

  }



  .section-rates .rates-slider p {

    margin: 0;

  }



  .section-rates ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }



  .section-rates ul li {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }



  .content-cards h2 {

    margin-bottom: 30px;

    font-size: 20px;

    line-height: 36px;

    font-family: 'DubaiW23-Regular'; color:#000;

  }



  .content-cards p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 30px;

  }



  .section-prevention {

    background: #002854;

    color: #fff;

    padding-top: 30px;

  }



  @media (max-width: 767px) {

    .section-prevention {

      padding: 15px 0;

    }

  }



  .section-prevention figure {

    margin: 0;

  }



  @media (max-width: 767px) {

    .section-prevention figure {

      display: none;

    }

  }



  .section-prevention h4 {

    font-size: 30px;

    line-height: 32px;

    margin-bottom: 30px;

  }



  @media (max-width: 991px) {

    .section-prevention h4 {

      font-size: 16px;

      line-height: 20px;

    }

  }



  @media (max-width: 991px) {

    .section-prevention p {

      font-size: 12px;

      line-height: 16px;

    }

  }



  .section-features {

    background: #ffbe0f url("/assets/images/bg-features.png") no-repeat 0 0;

    background-size: cover;

  }



  .features-list {

    color: #2a2a2a;

  }



  .features-list .item {

    padding: 0 40px;

  }



  @media (max-width: 991px) {

    .features-list .item {

      flex: 0 0 33%;

      max-width: 33%;

    }

  }

  @media (max-width: 991px) {

    .features-list .item {

      flex: 0 0 50%;

      max-width: 50%;

    }

  }

  @media (max-width: 575px) {

    .features-list .item {

      flex: 0 0 100%;

      max-width: 100%;

    }

  }



  .features-list figure img {

    height: 93px;

    width: auto;

    -o-object-fit: none;

    object-fit: none;

    margin-bottom: 10px;

  }



  .features-list h6, .features-list a, .features-list p {

    color: #2a2a2a;

  }



  .features-list p {

    font-size: 14px;

    line-height: 16px;

  }



  .section-prchsSteps {

    background: #e7f3ff;

  }



  .section-prchsSteps h5 {

    font-family: 'DubaiMedium';

    font-size: 20px;

    color: #002854;

    margin-bottom: 60px;

  }



  @media (max-width: 767px) {

    .section-prchsSteps .card-deck {

      margin: 0;

    }

  }



  .section-prchsSteps .card {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border: none;

  }



  @media (max-width: 767px) {

    .section-prchsSteps .card {

      max-width: 100%;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      margin: 0;

      margin-bottom: 15px;

    }

  }



  .section-prchsSteps .card .card-body {

    padding: 40px;

  }



  .section-prchsSteps .card figure {

    width: 83px;

    height: 95px;

    background: url("/assets/images/numbr-step.png") no-repeat center;

    font-size: 59px;

    font-family: "montserratthin";

    color: #002854;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .section-prchsSteps .card .title {

    font-family: 'DubaiMedium';

    font-size: 21px;

    color: #002854;

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 20px;

  }



  .section-prchsSteps .card .title:before {

    width: 39px;

    height: 7px;

    background: #ffba00;

    position: absolute;

    left: 0;

    bottom: 0;

    content: '';

  }



  .section-prchsSteps .card p {

    font-size: 16px;

    line-height: 22px;

    color: #36586c;

  }



  .section-faq {

    background: url("/assets/images/bg-faq.png") no-repeat 0 0;

    background-size: cover;

  }



  .accordion-faq .card {

    border: none;

    margin-bottom: 15px;

    background: transparent;

  }



  .accordion-faq .card-header {

    padding: 0;

    background: transparent;

    border: none;

  }



  .accordion-faq .card-header .btn {

    padding: 0;

    padding-left: 60px;

    font-family: 'DubaiMedium';

    font-size: 22px;

    color: #002854;

    text-decoration: none;

    position: relative;

    white-space: normal;

    text-align: left;

  }



  @media (max-width: 767px) {

    .accordion-faq .card-header .btn {

      font-size: 18px;

    }

  }

  .col-lg-12.updatestatus {

    text-align: right;

  }





  .accordion-faq .card-header .btn:before {

    content: '';

    width: 33px;

    height: 38px;

    background: url("/assets/images/aacord-icon.png") no-repeat 0 -42px;

    position: absolute;

    left: 0;

    top: 0;

  }



  .accordion-faq .card-header .btn.collapsed:before {

    background-position: 0 0px;

  }



  .accordion-faq .card-body {

    padding: 30px 0;

    padding-left: 60px;

    color: #496684;

    font-size: 17px;

  }

  .accordion-faq .card-body p {

    color: #496684;  

  }



  .content-account h2 {

    font-size: 20px;

    line-height: 22px;

    font-family: 'DubaiW23-Regular';

    margin-bottom: 30px;

    text-align: justify;

    color: #000;

  }

  @media (max-width: 767px) {

    .content-account h2 {

      font-size: 24px;

      line-height: 26px;

    }

  }



  .content-account p {

    font-size: 16px;

    line-height: 22px;

    font-family: 'DubaiW23-Regular';

  }



  .section-benefits {

    background: #0f355e url("/assets/images/bg-features.png") no-repeat 0 0;

    background-size: cover;

  }



  .section-benefits .section-title.style-2 h2:before {

    background: #ffba00;

  }



  .section-coreValues {

    background: #0f355e url("/assets/images/bg-coreValues.jpg") no-repeat 0 0;

    background-size: cover;

    min-height: 640px;

  }



  .section-coreValues .section-title.style-2 h2:before {

    background: #002854;

  }



  .section-coreValues .section-title {

    margin-bottom: 100px;

  }



  @media (max-width: 991px) {

    .section-coreValues .section-title {

      margin-bottom: 30px;

    }

  }



  .benefits-list {

    color: #fff;

  }



  .benefits-list .item {

    padding: 0 40px;

  }



  .benefits-list figure img {

    /*height: 93px;*/

    width: auto;

    -o-object-fit: none;

    margin: 0 0 10px;

    object-fit: none;

  }



  .benefits-list h6, .benefits-list a, .benefits-list p {

    color: #fff;

    cursor: default;

  }



  .benefits-list p {

    font-size: 14px;

    line-height: 16px;

  }



  .section-doc {

    background: #e7f3ff;

  }



  .section-doc .section-title.style-2 h2:before {

    background: #ffba00;

  }



  .section-doc .item {

    text-align: center;

  }



  @media (max-width: 9919px) {

    .section-doc .item {

      margin-bottom: 15px;

    }

  }



  .section-doc .item .inner {

    background: url("/assets/images/doc-item.png") no-repeat center;

    background-size: contain;

    height: 327px;

    max-width: 286px;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  @media (max-width: 1199px) {

    .section-doc .item .inner {

      height: 300px;

    }

  }



  .section-doc .item .numb {

    font-size: 60px;

    font-family: "montserratthin";

    color: #0a305a;

  }



  .section-doc .item h4 {

    font-size: 22px;

    line-height: 24px;

    font-family: 'DubaiMedium';

    color: #002653;

  }



  @media (max-width: 1199px) {

    .section-doc .item h4 {

      font-size: 16px;

      line-height: 18px;

    }

  }



  .section-doc .item h4 a {

    color: #002653;

    cursor: default;

  }



  .section-getStart {

    background: #ffba00;

    color: #002651;

    padding-top: 30px;

  }





  @media (max-width: 767px) {

    .section-getStart {

      padding: 30px 0;

    }

  }



  .section-getStart figure {

    margin: 0;

  }



  @media (max-width: 767px) {

    .section-getStart figure {

      display: none;

    }

  }



  @media (max-width: 991px) {

    .section-getStart .btn-wrapper .btn {

      font-size: 12px;

    }

  }



  @media (max-width: 575px) {

    .section-getStart .btn-wrapper .btn {

      font-size: 12px;

      padding-left: 15px;

      padding-right: 15px;

    }

  }



  .section-getStart .btn.enquiry{

    display: none;

  }

  .content-BankingProducts h3 {

    font-size: 30px;

    line-height: 32px;

  }



  .content-BankingProducts h2 {

    font-size: 24px;

    line-height: 30px;

  }



  @media (max-width: 1299px) {

    .content-BankingProducts h2 {

      font-size: 24px;

      line-height: 28px;

    }

  }



  .content-BankingProducts h4 {

/*  font-size: 27px;

line-height: 30px;*/

font-size: 16px;

line-height: 22px;

text-align: justify;

}



@media (max-width: 1299px) {

  .content-BankingProducts h4 {

    font-size: 18px;

    line-height: 22px;

  }

}



.content-BankingProducts h5 {

  font-size: 22px;

  line-height: 24px;

}



.content-BankingProducts p {

  font-size: 16px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.content-BankingProducts .btn {

  font-size: 14px;

  padding-left: 30px;

  padding-right: 30px;

}



@media (max-width: 1299px) {

  .content-BankingProducts .section-title.style-2 h2 {

    font-size: 24px;

    line-height: 28px;

  }

}



.content-BankingProducts .article-wrapper {

  padding-top: 60px;

}



@media (max-width: 991px) {

  .content-BankingProducts .article-wrapper {

    padding-top: 30px;

  }

}



.content-BankingProducts .article-wrapper article {

  position: relative;

  margin-top: -230px;

  pointer-events: none;

}



@media (max-width: 1399px) {

  .content-BankingProducts .article-wrapper article {

    margin-top: -300px;

  }

}



@media (max-width: 991px) {

  .content-BankingProducts .article-wrapper article {

    margin: 0;

  }

}



.content-BankingProducts .article-wrapper article .container .row {

  height: 760px;

}



@media (max-width: 991px) {

  .content-BankingProducts .article-wrapper article .container .row {

    height: 400px;

  }

}



.content-BankingProducts .article-wrapper article .container-fluid {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}



.content-BankingProducts .article-wrapper article .container-fluid .row > div {

  height: 810px;

  background-size: 100%;

}



@media (max-width: 991px) {

  .content-BankingProducts .article-wrapper article .container-fluid .row > div {

    height: 400px;

  }

}



.content-BankingProducts .article-wrapper article .container-fluid .row > div {

  background: url("/assets/images/bg-article-2.png") no-repeat left center;

  background-size: 100%;

}



@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article .container-fluid .row > div {

    background: #EBEBEB;

  }

}



.content-BankingProducts .article-wrapper article .article-item {

  padding-right: 250px;

  padding-left: 15px;

  pointer-events: auto;

}





.content-BankingProducts .article-wrapper article:first-child {

  min-height: 200px;

}

@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article .article-item {

    padding: 0 15px;

  }

  .content-BankingProducts .article-wrapper article:first-child {

    min-height: auto;

  }

}



.content-BankingProducts .article-wrapper article:nth-child(1) {

  margin: 0;

}



.content-BankingProducts .article-wrapper article:nth-child(1) .container .row {

  height: auto;

}



.content-BankingProducts .article-wrapper article:nth-child(1) .container .row > div {

  margin: 0;

}



.content-BankingProducts .article-wrapper article:nth-child(2n) .row {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}



.content-BankingProducts .article-wrapper article:nth-child(2n) .row .article-item {

  padding-left: 250px;

  padding-right: 15px;

}



@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article:nth-child(2n) .row .article-item {

    padding: 0 15px;

  }

}



.content-BankingProducts .article-wrapper article:nth-child(2) .container-fluid .row > div {

  background: url("/assets/images/bg-article-2.png") no-repeat left center;

  background-size: 100%;

}



@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article:nth-child(2) .container-fluid .row > div {

    background: #EBEBEB;

  }

}



.content-BankingProducts .article-wrapper article:nth-child(3) .section-title.style-2 h2:before {

  background: #ffba00;

}



.content-BankingProducts .article-wrapper article:nth-child(3) .container-fluid .row > div {

  background: url("/assets/images/bg-article-3.png") no-repeat right center;

  background-size: 100%;

}



@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article:nth-child(3) .container-fluid .row > div {

    background: #002854;

  }

}



.content-BankingProducts .article-wrapper article:nth-child(4) .section-title.style-2 h2:before {

  background: #002854;

}



.content-BankingProducts .article-wrapper article:nth-child(4) .container-fluid .row > div {

  background: url("/assets/images/bg-article-4.png") no-repeat right center;

  background-size: 100%;

}



@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article:nth-child(4) .container-fluid .row > div {

    background: #ffba00;

  }

}



.content-BankingProducts .article-wrapper article:nth-child(5) .section-title.style-2 h2:before {

  background: #ffba00;

}



.content-BankingProducts .article-wrapper article:nth-child(5) .container-fluid .row > div {

  background: url("/assets/images/bg-article-5.png") no-repeat right center;

  background-size: 100%;

}



@media (max-width: 767px) {

  .content-BankingProducts .article-wrapper article:nth-child(5) .container-fluid .row > div {

    background: #002854;

  }

}



.content-BankingProducts .article-wrapper article.last {

  margin-top: -580px;

  margin-bottom: -100px;

}



@media (max-width: 991px) {

  .content-BankingProducts .article-wrapper article.last {

    margin: 0;

  }

}



.content-BankingProducts .article-wrapper article.last .container-fluid .row > div {

  background: none;

}



.content-BankingProducts .article-wrapper article.last .container-fluid .row > div {

  height: auto;

}



@media (max-width: 991px) {

  .content-BankingProducts .article-wrapper article.last .container-fluid .row > div {

    height: auto;

  }

}



.content-BankingProducts .article-wrapper article.last .article-item {

  padding-right: 15px !important;

  padding-left: 15px !important;

}



.quick-contact {

  background: #f1f6fb;

}



.quick-contact .inner {

  background: url("/assets/images/quick-contact.png") no-repeat center;

  background-size: contain;

  /* height: 490px; */

  height: 415px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



@media (max-width: 380px) {

  .quick-contact .inner {

    height: 360px;

  }

}



.quick-contact .inner.address {

  background: url("/assets/images/quick-address.png") no-repeat center;

  background-size: contain;

}



.quick-contact .inner.address h3 {

  color: #fff;

}



.quick-contact .inner.address h4 {

  color: #fff;

}



.quick-contact .inner.address p {

  color: #fff;

}



.quick-contact .inner h3 {

 font-size: 18px;

 line-height: 24px;

 color: #002854;

 /* margin-bottom: 30px; */

 margin-bottom: 5px;

}



@media (max-width: 380px) {

  .quick-contact .inner h3 {

    font-size: 18px;

    line-height: 22px;

  }

}



.quick-contact .inner h4 {

  font-size: 21px;

  line-height: 28px;

  color: #002854;

}



@media (max-width: 380px) {

  .quick-contact .inner h4 {

    font-size: 18px;

    line-height: 22px;

  }

}



.quick-contact .inner p {

  color: #002854;

  font-size: 12px;

}



.figure-office img {

  width: 100%;

}



.contactTab-wrapper .tab-navwrapper {

  margin: 0 -5px;

}



.contactTab-wrapper .nav-tabs {

  display: table;

  width: 100%;

  font-size: 33px;

  color: #002854;

  text-transform: uppercase;

  font-family: 'DubaiMedium';

  border: none;

  text-align: left;

}



@media (max-width: 1099px) {

  .contactTab-wrapper .nav-tabs {

    font-size: 24px;

  }

}



@media (max-width: 991px) {

  .contactTab-wrapper .nav-tabs {

    font-size: 18px;

  }

}



@media (max-width: 767px) {

  .contactTab-wrapper .nav-tabs {

    font-size: 14px;

    display: table;

    padding: 0 5px;

  }

}



.contactTab-wrapper .nav-tabs .nav-item {

  display: table-cell;

  float: none;

  padding: 0 5px;

  width: 50%;

}







.contactTab-wrapper .nav-tabs .nav-link {

  color: #002854;

  background: #f3f9ff;

  border: none;

  font-size: 24px;

  padding: 35px 0 0 55px;

}



.contactTab-wrapper .nav-tabs .nav-link.active {

  background: #e7f3ff;

}



.contactTab-wrapper .tab-content {

  background: #e7f3ff;

}



.contactTab-wrapper .tab-content .tab-pane {

  padding: 50px;

}



@media (max-width: 767px) {

  .contactTab-wrapper .nav-tabs .nav-item {

    display: table-cell;

    padding: 0 0 0px;

    width: 50%;

  }

  .contactTab-wrapper .nav-tabs .nav-link {

    font-size: 15px;

    line-height: 40px;

    height: 55px;

  }

  .edufdet .table.form-table{

    width: 700px;

  }

}





@media (max-width: 767px) {

  .contactTab-wrapper .tab-content .tab-pane {

    padding: 15px;

  }

}

@media (max-width: 502px) {

  .contactTab-wrapper .nav-tabs .nav-link {

    font-size: 15px;

    line-height: 16px;

    height: 55px;

    padding-top: 15px;

  }

}



.board-list {

  text-align: center;

}



.board-list .row {

  display: block;

}



.board-list ul {

  margin-left: -7.5px;

  margin-right: -7.5px;

}

.board-list ul.board12{

position: relative;

padding-top: 50px;

}



.board-list ul.board12:before{

	background-image:url(/assets/images/board-m-star.png);

	background-repeat:no-repeat;

	background-position:center;

position: absolute;

height: 31px;

left: 0;

top: 0px;

width: 100%;

position: absolute;

margin-left:0;

content: "";

pointer-events: none;

z-index: 1;

}

@media (max-width: 1299px) {

.board-list ul.board12:before{

width: 100%;

position: absolute;

left: 0;

margin-left: 0;

}

}

.board-list .item {

  padding: 0 7.5px;

  display: inline-block;

  width: 24.74%;

  vertical-align: top;

}

.board-list ul:nth-last-child(3) .item:nth-child(3){

  /*display: block;*/

  clear: both;

  margin:auto;

}

@media (max-width: 1249px) {

  .board-list .item {

    width: 24.5%;

  }

}



@media (max-width: 1199px) {

  .board-list .item {

    width: 33%;

  }

}



@media (max-width: 992px) {

  .board-list .item {

    width: 49%;

  }

}



@media (max-width: 575px) {

  .board-list .item {

    width: 100%;

  }

}



.board-list .item.large {

  width: 49.5%;

}



@media (max-width: 1199px) {

  .board-list .item.large {

    width: 33%;

  }

}



@media (max-width: 991px) {

  .board-list .item.large {

    width: 50%;

  }

}



@media (max-width: 767px) {

  .board-list .item.large {

    width: 100%;

  }

}



.board-list .item.large figure:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: url("/assets/images/direc-bg-side-1.png") no-repeat right 50px;

}



.board-list .item figure {

  padding-bottom: 0;

  position: relative;

  background-size: cover;

  background-position: center bottom;

  background-repeat: no-repeat;

}



.board-list .item figure img {

  height: 284px;

  -o-object-fit: cover;

  object-fit: cover;

  position: relative;

  z-index: 2;

  margin: 0 auto;

  display: block;

}



.board-list .item figure:before {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: url("/assets/images/direc-bg-side-2.png") no-repeat right 50px;

  z-index: 1;

}



.board-list .item a {

  position: relative;

  z-index: 2;

  display: block;

}



.board-list .item figcaption {

  position: relative;

  top: 0;

  left: 0;

  right: 0;

  padding: 30px;

  padding-bottom: 30px;

  text-align: center;

}



.board-list .item figcaption:before {

  content: '';

  width: 70px;

  height: 6px;

  background: #ffba00;

  position: absolute;

  left: 30px;

  bottom: 0;

  

}



.board-list .item figcaption h4 {

  font-size: 14px;

  line-height: 17px;

  text-transform: uppercase;

  font-family: 'DubaiMedium';

  color: #021e3d;

  text-align: center;

}



.board-list .item figcaption p {

  font-size: 22px;

  line-height: 24px;

  color: #021e3d;

  margin: 0 0 10px;

  /* display: -webkit-box;*/

/*  -webkit-line-clamp: 2;

-webkit-box-orient: vertical;*/

/*height: 3.8em;*/

overflow: hidden;

text-align: center;

}



.gridder {

  margin: 0px;

  padding: 0px;

  list-style-type: none;

}



.gridder-list {

  display: inline-block;

  vertical-align: top;

}



.gridder-show {

  display: block;

  float: left;

  width: 100%;

  position: relative;

  background: #EEE url("/assets/images/loading-spin.svg") no-repeat center;

}



.gridder-show.loading {

  background: #EEE url("/assets/images/loading-spin.svg") no-repeat center;

}



.gridder-content {

  display: none;

}



.box-content {

  text-align: center;

}



.gridder-show {

  padding: 30px 20px;

  background: #EEE;

  margin-bottom: 1%;

}



.gridder-navigation .gridder-nav.disabled {

  opacity: .5;

}



.gridder-list {

  cursor: pointer;

}



.gridder-list:hover {

  opacity: 0.8;

}



.hasSelectedItem .gridder-list {

  opacity: .5;

}



.hasSelectedItem .gridder-list.selectedItem {

  opacity: 1;

}



.gridder-close {

  background: url("/assets/images/grid-close.png");

  width: 25px;

  height: 25px;

  position: absolute;

  right: 5px;

  top: 5px;

}



.content-management h3 {

  font-size: 30px;

  line-height: 36px;

}



.content-management h5 {

  font-size: 21px;

  line-height: 23px;

}



ul.style-1 li {

  position: relative;

  padding-left: 70px;

  padding-bottom: 15px;

  font-size: 26px;

  line-height: 30px;

  font-family: 'DubaiMedium';

  color: #021e3d;

}



ul.style-1 li:before {

  content: '';

  width: 33px;

  height: 38px;

  background: url("/assets/images/list-style-1.png") no-repeat 0 0;

  position: absolute;

  left: 0;

  top: 0;

}



ul.style-2 li {

  padding-left: 30px;

  padding-bottom: 10px;

  position: relative;

}



ul.style-2 li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  color: #808080;

}



ul.style-2.col-black a {

  color: #000;

}



ul.style-3 li {

  padding-left: 30px;

  padding-bottom: 10px;

  position: relative;

}

ul.style-3 li:before {

  content: '';

  position: absolute;

  left: 0;

  top: 7px;

  width: 8px;

  height: 9px;

  background: url('/assets/images/list-style-3.png') no-repeat 0 0;

}



ul.style-4 {

margin-left: 17px;

    margin-top: -12px;

}



ul.style-4 li {

    padding-left: 17px;

    padding-bottom: 5px;

    position: relative;

    line-height: 17px;

}

ul.style-4 li:before {

  content: '';

  position: absolute;

  left: 0;

  top: 7px;

  width: 8px;

  height: 9px;

  background: url('/assets/images/list-style-3.png') no-repeat 0 0;

}

.content-finStatement .item {

  padding: 0;

  padding-left: 15px;

  padding-right: 15px;

  padding-bottom: 30px;

  width: 50%;

}



@media (max-width: 767px) {

  .content-finStatement .item {

    width: 100%;

  }

}



.content-finStatement .inner {

  background: #dbeef8;

}



.content-finStatement .year {

  font-size: 52px;

  line-height: 54px;

  color: #002854;

  border-bottom: 1px solid #fff;

  padding: 20px 30px;

}



@media (max-width: 767px) {

  .content-finStatement .year {

    font-size: 30px;

    line-height: 32px;

    padding: 15px;

  }

}



.content-finStatement .media {

  padding: 20px 30px;

  border-bottom: 1px solid #fff;

}



@media (max-width: 767px) {

  .content-finStatement .media {

    padding: 15px;

  }

}



.content-finStatement .media a {

  color: #002854;

}



.content-finStatement .media p {

  margin: 0;

  color: #002854;

}



.content-finStatement .grid {

  max-width: 100%;

  margin-top: 0;

}



.content-form .form-title {

  font-size: 20px;

  line-height: 30px;

  font-family: 'DubaiMedium';

  color: #002854;

  text-transform: uppercase;

  background: #f3f9ff;

  padding: 30px 60px;

}



@media (max-width: 767px) {

  .content-form .form-title {

    padding: 30px;

  }

}



.form-wrapper {

  background: #e7f3ff;

  padding: 30px 30px 0px;

  margin-bottom: 15px;

}



.wrap-otp {

  width: 368px;

  margin: 0 auto 30px;

}

.wrap-otp .box-otp {

  display: flex;

}

.wrap-otp .box-otp input {

  margin: 0 8px;

  width: 40px;

}

.wrap-otp .box-otp input {

  border-bottom: 2px solid #ccc!important;

  text-align: center;



}

.wrap-otp .box-otp input:focus {

  background-color: #fff;

  outline: 0;

  box-shadow:none;

}



.form-wrapper.white-bg{

  background: #fff;

}

.form-wrapper a{

  color: #00254e;

}

.content-form .gallery-list .page-number h3{

  width: 100%;

  text-align: right;

  font-size: 19px;

  font-weight: bold;

  margin: 0;

}



form#emailform{

  width: 100%;

}



.checkbox-label li{

  position: relative;

}

.checkbox-label li label.error{

  position: absolute;

  top: 100%;

  left: 0px;

}



.form-check{

  position: relative;

}

.form-check label.error{

  position: absolute;

  top:63%;

  left: 0px;

}



.home-slider .item{

  position: relative;

}

/*.home-slider .item video {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: 9px;

    min-width: 101%;

    min-height: 100%;

    width: 100%;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(0%);

    background-size: cover;

    transition: 1s opacity;

    z-index: 1;

    }*/



 .home-slider .item video {

    position: absolute;

    top: 0;

    left: 50%;

    min-width: 100%;

    min-height: 30%;

    width: 0%;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(0%);

    background-size: contain;

    transition: 1s opacity;

    z-index: 1;

}

    .home-slider.owl-carousel .owl-stage{

      background-color: #f5f1e7;

      /* background-image: url('/assets/images/blessed-eid-new1.jpg'); */

      background-position: 0 0;

      background-size:contain;

    }



    .video-content.modal-content {

      max-width: 650px;  

      border-radius: 0px; 

    }

    .video-content.modal-content video {

      width: 100%;

    }

    .video-content.modal-content .modal-header button.close {

      position: absolute;

      right: 16px;

      top: 0;

    }

    .video-content.modal-content .modal-header, .video-content.modal-content .modal-footer, .video-content.modal-content .modal-body  {

      padding: 0;

    }



    @media (max-width: 767px) {

      .home-slider .item video {    

        min-width: 100%;

        min-height: 40%;

      }

    }





    .newselect-wrap .select2-container {

      width: 100%!important;

    }

    .newselect-wrap .select2-container--bootstrap .select2-selection--single .select2-selection__arrow{

      right:4px;

    }



    @media (max-width:767px){

      .form.style-1 .btn {

        padding-left: 10px;

        padding-right: 10px;

        margin-bottom: 15px;

        min-width: 130px; 

      }

      .form.style-1 a.btn {  

        margin-left: 0;

        margin-bottom: 15px;

      }

      .moredatac {

        position: relative;  

        border: 1px solid #a6cbf1;

        border-radius: 10px;

        text-align: left;

        margin: 0 0 15px;

        padding: 10px 10px 72px;

      }

      .moredatac p {

        position: absolute;

        left: 50%;

        bottom: -19px;

        margin-left: -53px;

      }





      .radio-wrapper  [type="radio"]:checked,

      .radio-wrapper [type="radio"]:not(:checked) {

        /* position: absolute; */

        left: -9999px;

      }

      .radio-wrapper [type="radio"]:checked + label,

      .radio-wrapper [type="radio"]:not(:checked) + label

      {

        position: relative;

        padding-left: 0;

        cursor: pointer;

        line-height: 20px;

        display: inline-block;

        color: #666;

      }



      .radio-wrapper [type="radio"] + label:before,

      .radio-wrapper [type="radio"]:not(:checked) + label:before {

        /* content: ''; */

        position: absolute;

        left: 0;

        top: 0;

        width: 18px;

        height: 18px;

        border: 1px solid #ddd;

        border-radius: 50%;

        background: #fff;

      }

      .radio-wrapper [type="radio"] + label:after,

      .radio-wrapper [type="radio"]:not(:checked) + label:after {

        /* content: ''; */

        display: block!important;

        width: 12px;

        height: 12px;

        background: #003e7e;

        position: absolute;

        top: 3px;

        left: 3px;

        border-radius: 50%;

        -webkit-transition: all 0.2s ease;

        transition: all 0.2s ease;

      }

      .radio-wrapper [type="radio"]:not(:checked) + label:after {

        opacity: 0;

        -webkit-transform: scale(0);

        transform: scale(0);

      }

      .radio-wrapper [type="radio"]:checked + label:after {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

      }





    }

    /*15042019---------*/





    .content-form .form-title {

      padding: 30px 30px;

    }

    .form.style-1 input, .form.style-1 textarea, .form.style-1 select.form-control:not([size]):not([multiple]){

      height: 40px;

    }

    .select2-container .select2-selection--single {

      height: 40px; 

    }

    .form.style-1 .selectboxit-container .selectboxit{

      height: 40px; 

    }

    .form.style-1 .radio-wrapper {

      margin-bottom: 30px;

    }

    .form.style-1 .selectboxit-container .selectboxit span {

      height: 40px;

      line-height: 40px;

    }

    .form-group.telecode .cell:before {

      line-height: 30px;

    }

    .select2-container .select2-selection--single {

      line-height: 28px;

    }

    .wrap-grey {

      margin: 0 0 30px;

    }



    .content-form .form.style-1 .radio-wrapper label.title {

      margin: 0 0 5px;

    }

    .form.style-1 .radio-wrapper ul li input#political_details_field{

      width: auto;

      height: 40px;

      margin-bottom: -20px;

    }



    input:-webkit-autofill,

    input:-webkit-autofill:hover, 

    input:-webkit-autofill:focus

    textarea:-webkit-autofill,

    textarea:-webkit-autofill:hover

    textarea:-webkit-autofill:focus,

    select:-webkit-autofill,

    select:-webkit-autofill:hover,

    select:-webkit-autofill:focus {

      border: 1px solid white;

      -webkit-text-fill-color: 000;

      -webkit-box-shadow: 0 0 0px 0px #ffffff inset;

      transition: background-color 5000s ease-in-out 0s;

    }



    .form.style-1 .wrap-grey h5{

      font-family: 'DubaiMedium';

      color: #002854;

    }





    .form.style-1 .form-wrapper.required-section .radio-wrapper ul li:first-child {

      width: 50%;

    }







    /*15042019---------*/









    @media (max-width: 767px) {

      .form-wrapper {

        padding: 30px;

      }

    }



    @media (max-width: 575px) {

      .form-wrapper {

        padding: 15px;

      }

      .form-wrapper .btn {

        margin-top: 5px;

        margin-bottom: 5px;

      }

    }



    .fig-spec {

      position: relative;

    }



    .fig-spec img {

      width: 100%;

    }



    .fig-spec figcaption {

      position: absolute;

      left: 0;

      right: 0;

      top: 0;

      bottom: 0;

      padding: 30px;

      text-align: center;

      color: #fff;

      font-family: 'DubaiW23-Regular';

      font-style: italic;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      height: 80%;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      font-size: 25px;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      align-items: center;

    }



    @media (max-width: 1199px) {

      .fig-spec figcaption {

        font-size: 16px;

        line-height: 18px;

      }

    }



    @media (max-width: 991px) {

      .fig-spec figcaption {

        font-size: 25px;

        line-height: 27px;

      }

    }



    @media (max-width: 575px) {

      .fig-spec figcaption {

        font-size: 14px;

        line-height: 18px;

        padding: 15px 30px;

      }

    }



    .fig-spec i img {

      width: auto;

    }



    .section-missionstatement {

      background: url("/assets/images/bg-missionstatement-2.jpg") no-repeat 0 0;

      background-size: cover;

    }



    .section-missionstatement .inner {

      text-align: center;

      width: 100%;

      height: 733px;

      background-size: contain;

    }



    @media (max-width: 1199px) {

      .section-missionstatement .inner {

        height: 533px;

      }

    }



    @media (max-width: 991px) {

      .section-missionstatement .inner {

        height: 733px;

      }

    }



    @media (max-width: 767px) {

      .section-missionstatement .inner {

        height: 455px;

      }

    }



    @media (max-width: 480px) {

      .section-missionstatement .inner {

        height: 365px;

      }

    }



    .section-missionstatement h2 {

      font-size: 40px;

      line-height: 46px;

      font-family: 'DubaiMedium';

      position: relative;

      padding-bottom: 15px;

      margin-bottom: 15px;

    }



    @media (max-width: 1299px) {

      .section-missionstatement h2 {

        font-size: 30px;

        line-height: 32px;

      }

    }



    @media (max-width: 991px) {

      .section-missionstatement h2 {

        font-size: 18px;

        line-height: 20px;

      }

    }



    .section-missionstatement h2:before {

      content: '';

      width: 40px;

      height: 6px;

      background: #ffba00;

      position: absolute;

      left: 50%;

      margin-left: -20px;

      bottom: 0;

    }



    .section-missionstatement p {

      display: -webkit-box;

      -webkit-line-clamp: 8;

      -webkit-box-orient: vertical;

      overflow: hidden;

      color: #fff;

    }



    @media (max-width: 991px) {

      .section-missionstatement p {

        font-size: 14px;

        line-height: 18px;

      }

    }



    .section-missionstatement .mission,

    .section-missionstatement .partnership {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      padding: 60px;

      color: #fff;

    }



    @media (max-width: 767px) {

      .section-missionstatement .mission,

      .section-missionstatement .partnership {

        padding: 30px 22%;

      }

    }



    @media (max-width: 575px) {

      .section-missionstatement .mission,

      .section-missionstatement .partnership {

        padding: 30px 14%;

      }

    }



    .section-missionstatement .mission {

      background: url("/assets/images/bg-638x733-1.png") no-repeat center;

      background-size: contain;

    }



    .section-missionstatement .partnership {

      background: url("/assets/images/bg-638x733-2.png") no-repeat center;

      background-size: contain;

      color: #002854;

    }



    .section-missionstatement .partnership h2:before {

      background: #002854;

    }



    .section-history {

      background: url("/assets/images/bg-history.jpg") no-repeat 0 0;

      background-size: cover;

      min-height: 400px;

    }



    @media (min-width: 992px) {

      .section-history {

        min-height: 600px;

      }

    }



    .section-content-1 p {

      font-size: 16px;

      line-height: 22px;

    }



    .section-content-1 h4 {

      font-size: 30px;

      line-height: 32px;

    }



    .section-careerDetails h4 {

      font-size: 20px;

      line-height: 24px;

      text-transform: uppercase;

    }



    .section-careerDetails .location h4 {

      display: inline-block;

      float: left;

      padding-right: 15px;

    }



    .accordion-career .item {

      position: relative;

      padding-left: 60px;

      margin-bottom: 30px;

    }



    .accordion-career .item:before {

      content: '';

      width: 40px;

      height: 35px;

      background: url("/assets/images/list-style-2.png") no-repeat 0 0;

      position: absolute;

      left: 0;

      top: 0;

    }



    .accordion-career .card {

      border: none;

    }



    .accordion-career .card-header {

      padding: 0;

    }



    .accordion-career .card-header .btn {

      padding: 15px 30px;

      background: #002854;

      color: #fff;

      width: 100%;

      text-align: left;

      font-size: 28px;

      font-family: 'DubaiMedium';

      position: relative;

    }



    @media (max-width: 767px) {

      .accordion-career .card-header .btn {

        font-size: 16px;

        line-height: 18px;

        white-space: normal;

      }

    }



    .accordion-career .card-header .btn:before {

      content: '';

      width: 0;

      height: 0px;

      border: 10px solid transparent;

      border-left-color: transparent;

      border-top-color: #ffba00;

      position: absolute;

      transform: rotate(0deg);

      right: 30px;

      top: 30px;

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

      -webkit-transition: all 0.3s ease-in-out;

      -moz-transition: all 0.3s ease-in-out;

    }



    @media (max-width: 767px) {

      .accordion-career .card-header .btn:before {

        right: 10px;

      }

    }



    .accordion-career .card-header .btn.collapsed:before {

      content: '';

      width: 0;

      height: 0px;

      border: 10px solid transparent;

      border-left-color: #ffba00;

      position: absolute;

      right: 30px;

      top: 30px;

      transform: rotate(90deg);

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

      -webkit-transition: all 0.3s ease-in-out;

      -moz-transition: all 0.3s ease-in-out;

    }



    .accordion-career .card-header .btn:hover, .accordion-career .card-header .btn:focus {

      text-decoration: none;

    }



    .accordion-career .card-body {

      color: #002854;

      padding: 30px 15px;

    }



    .accordion-career .card-body h3 {

      font-size: 28px;

      line-height: 30px;

    }



    @media (max-width: 767px) {

      .accordion-career .card-body h3 {

        font-size: 22px;

        line-height: 24px;

      }

    }



    .accordion-career .card-body .cell {

      padding-right: 15px;

    }



    .accordion-career .card-body a {

      color: #002854;

    }



    .accordion-career .card-body a:hover {

      color: #ffba00;

    }



    .accordion-career .card-body .btn {

      color: #002854;

    }



    .accordion-career .card-body .btn:hover {

      color: #ffba00;

      background: #002854;

    }



    .section-appForms {

      color: #002854;

    }



    .section-appForms .card {

      border: none;

      width: 100%;

    }



    .section-appForms .card .card-header {

      background: #002854;

      color: #fff;

      text-transform: uppercase;

      font-size: 26px;

      line-height: 28px;

      border-radius: 0;

      -moz-border-radius: 0;

      -webkit-border-radius: 0;

      padding: 25px;

      margin-bottom: 10px;

    }



    .section-appForms .card .card-body {

      padding: 0;

    }



    .section-appForms .card .card-body h4 {

      margin: 0;

      font-size: 20px;

      color: #050b13;

    }

    .section-appForms .card .card-body h4 a {

      color: #050b13;

    }

    @media (max-width: 767px) {

      .section-appForms .card .card-body h4 {

        font-size: 16px;

        line-height: 18px;

      }

    }



    .section-appForms .card li {

      margin-bottom: 10px;

      background: #efefef;

      padding: 25px;

    }



    .section-appForms .card .cell-wrapper {

      width: 100%;

    }

    .fancybox-caption-wrap {

      opacity: 1;

      visibility: visible;

      text-align: center;

    }



    .section-appForms .card .cell-wrapper .cell .btn {

      margin-bottom: 5px;

      margin-left: 10px;

    }



    .content-licences .item {

      margin-bottom: 30px;

    }



    .content-licences figure {

      margin: 0;

      overflow: hidden;

    }



    .content-licences figure img {

      width: 100%;

      -webkit-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

      -webkit-transition: all 0.3s ease-in-out;

      -moz-transition: all 0.3s ease-in-out;

    }



    .content-licences figure:hover img {

      -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

      transform: scale(1.1);

      -o-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

      -webkit-transition: all 0.3s ease-in-out;

      -moz-transition: all 0.3s ease-in-out;

    }



    .content-licences figcaption {

      text-align: center;

      background: #e7f3ff;

      color: #021e3d;

      font-family: 'DubaiMedium';

      padding: 10px 5px;

      font-size: 14px;

      line-height: 16px;

      display: -webkit-box;

      -webkit-line-clamp: 3;

      -webkit-box-orient: vertical;

      overflow: hidden;

      height: 5em;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

    }



    .content-charges h2 {

      color: #36586c;

      font-size: 40px;

      line-height: 42px;

    }



    .content-charges .table-wrapper .title {

      background: #002854;

      color: #fff;

      padding: 20px 15px;

    }



    .content-charges .table-wrapper .title h6 {

      font-size: 18px;

      line-height: 20px;

      margin: 0;

    }



/*.content-charges .table-wrapper .utilities a {

  color: rgba(255, 255, 255, 0.7);

  }*/



  .content-charges .table-wrapper .utilities li:hover a {

    color: white;

  }



  .terms {

    color: rgba(0, 40, 84, 0.7);

  }



  .utilities ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }



  .utilities li {

    padding-right: 15px;

  }



  .utilities a {

    font-size: 20px;

    color: #36586c;

  }



  table.table.style-1 {

    border-color: #fff;

  }



  table.table thead, table.table tbody {

    background: #efefef;

  }



  table.table thead th, table.table thead td, table.table tbody th, table.table tbody td {

    border: 2px solid #fff;

    font-size: 14px;

    color: #36586c;

    font-family: 'DubaiW23-Regular';

    font-weight: normal;

    padding:5px;

    white-space: nowrap;

    width: 100%;

  }

  @media (max-width: 1399px) {

    .form-wrapper table.form-table tbody td, .form-wrapper table.form-table thead th {

      padding: 4px 10px;

      height: auto;

    }



  }

  @media (max-width: 767px) {

    table.table thead th, table.table thead td, table.table tbody th, table.table tbody td {

      font-size: 12px;

      line-height: 14px;

      padding: 10px;

    }

  }



  table.table thead.blue td, table.table thead.blue th {

    background: #002854;

    color: #fff;

  }



  table.table tbody td a {

    color: #36586c;

  }





  .table-responsive.benifit table.table td {

    border: 2px solid #fff;

    font-size: 16px;

    color: #ffffff;

    font-weight: normal;

    font-family: 'DubaiMedium';

    padding: 15px 30px;

    white-space: nowrap;

    vertical-align: middle;

  }

  .table-responsive.benifit table.table tbody {

   background: transparent!important;

 }

 .table-responsive.benifit .gold-wrap, .table-responsive.benifit .silver-wrap {

  color: #fff;



}

.table-responsive.benifit .gold-wrap i, .table-responsive.benifit .silver-wrap i {

  display: block;

  text-align: center;

}

.table-responsive.benifit h3 {

  text-align: center;

}

.table-responsive.benifit{

  padding-top: 20px;

  font-family: 'DubaiMedium';

}



@media (max-width: 1399px) {

  .table-responsive.benifit{

    padding-top: 50px;

  }

}



.gecko .table-responsive.benifit table.table td[rowspan]:nth-child(1){

  position: relative;

  border-bottom: 2px solid #fff;

}

.gecko .table-responsive.benifit table.table td[rowspan]:nth-child(1):after{

  background-color: #fff;

  height: 2px;

  width: 100%;

  position: absolute;

  bottom: -2px;

  content: "";

  left: 0px;

}



.time-btns {

  position: absolute;

  top: 220px;

  left: 0;

  right: 0;

  z-index: 2;

}



@media (max-width: 1399px) {

  .table-responsive.benifit table.table td {

    padding: 4px 8px;

  }

  .table-responsive.benifit .gold-wrap h3, .table-responsive.benifit .silver-wrap h3 {

    font-size: 20px;

  }

}



@media (max-width: 991px) {

  .table-responsive.benifit .gold-wrap img, .table-responsive.benifit .silver-wrap img {

    width: 50px;

  }

  .header-bottom .btn-search{

    top: 16px;

  }



}

@media (max-width: 767px) {

  .time-btns {

    /* bottom: 60px;

    top: auto;

    bottom: 0;

    position: relative;

    background: #002854;

    padding: 15px 0; */

  }



  .table-responsive.benifit table{

    width: 768px;

  }



}











.time-btns li {

  position: relative;

  display: block;

  padding-right: 40px;

  margin-bottom: 15px;

}



@media (max-width: 767px) {

  .time-btns li {

    max-width: 30%;

    margin: 0 auto;

  }

}



.time-btns li + li:after {

  content: '';

  width: 40px;

  height: 1px;

  border-top: 1px solid #fff;

  position: absolute;

  right: 100%;

  top: 50%;

}



@media (max-width: 767px) {

  .time-btns li + li:after {

    width: 35px;

  }

}



.time-btns li:first-child {

  padding-left: 0;

}



.time-btns a {

  color: #fff;

}



.time-btns a span {

  color: #fff;

}



.time-btns .hex {

  position: relative;

  width: 55px;

  height: 31.75px;

  background-color: transparent;

  margin: 15.88px 0;

  border-left: solid 2px #ffffff;

  border-right: solid 2px #ffffff;

}



.time-btns .hex:hover {

  background-color: #ffba00;

}

.time-btns .hex:hover span {

  color: #002854;

}



.time-btns li.selected .hex {

  background-color: #ffba00;

}

.time-btns li.selected .hex span {

  color: #002854;

}



.time-btns span {

  position: relative;

  z-index: 3;

  display: block;

  text-align: center;

  padding-top: 3px;

}



.time-btns .hex:before,

.time-btns .hex:after {

  content: "";

  position: absolute;

  z-index: 1;

  width: 38.89px;

  height: 38.89px;

  -webkit-transform: scaleY(0.5774) rotate(-45deg);

  -ms-transform: scaleY(0.5774) rotate(-45deg);

  transform: scaleY(0.5774) rotate(-45deg);

  background-color: inherit;

  left: 6.0546px;

}



.time-btns .hex:before {

  top: -19.4454px;

  border-top: solid 2.8284px #ffffff;

  border-right: solid 2.8284px #ffffff;

}



.time-btns .hex:after {

  bottom: -19.4454px;

  border-bottom: solid 2.8284px #ffffff;

  border-left: solid 2.8284px #ffffff;

}



@media (max-width: 991px) {

  .time-btns .hex {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

  }

}



.timeline .timeline-wrapper {

  position: relative;

}



.timeline .stand-wrapper {

  position: relative;

  min-height: 670px;

  z-index: 1;

  background: url('/assets/images/timeline-image.jpg') no-repeat 0 0;

  background-size: cover;

}



.timeline .stand-wrapper .bg {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  display: none;

  background-position: center;

}



.timeline .stand-wrapper .bg.active {

  display: block;

  z-index: 5;

}



.timeline .stand-wrapper .bg .container {

  position: relative;

}



.timeline .stand-wrapper .bg h4 {

  color: #fff;

  font-size: 22px;

  line-height: 24px;

}



@media (max-width: 767px) {

  .timeline .stand-wrapper .bg h4 {

    font-size: 20px;

    line-height: 22px;

  }

}



.timeline .stand-wrapper .bg p {

  font-size: 16px;

  line-height: 22px;

  color: #ffba00;

}



@media (max-width: 767px) {

  .timeline .stand-wrapper .bg p {

    font-size: 14px;

    line-height: 16px;

  }

}



.timeline .stand-wrapper .bg .caption {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  height: 100%;

  position: absolute;

  text-align: center;

  left: 0;

  right: 0;

  bottom: -400px;

}



@media (max-width: 767px) {

  .timeline .stand-wrapper .bg .caption {

    position: relative;

    padding-top: 30px;

    /* bottom: 0; */

  }

}



.content-approach {

  overflow: hidden;

}



.content-approach p {

  font-size: 16px;

  line-height: 22px;

  /* color: #fff; */

}



.content-approach .hexagon {

  position: relative;

  width: 213px;

  height: 122.98px;

  background-color: #002854;

  margin: 61.49px 0;

}



.content-approach .hexagon .inner {

  padding: 5px 20px;

  text-align: center;

  color: #fff;

}



.content-approach .hexagon .title {

  font-size: 22px;

  line-height: 24px;

  margin-bottom: 10px;

}



.content-approach .hexagon p {

  font-size: 12px;

  line-height: 17px;

  margin: 0;

  color: #fff;

}



.content-approach .hexagon:before,

.content-approach .hexagon:after {

  content: "";

  position: absolute;

  width: 0;

  border-left: 106.5px solid transparent;

  border-right: 106.5px solid transparent;

}



.content-approach .hexagon:before {

  bottom: 100%;

  border-bottom: 61.49px solid #002854;

}



.content-approach .hexagon:after {

  top: 100%;

  width: 0;

  border-top: 61.49px solid #002854;

}



@media (max-width: 1089px) {

  .approach-diagram ul {

    border-left: 1px solid #1ca48c;

    padding-left: 60px;

    margin-left: 30px;

  }

  .approach-diagram ul li {

    margin-bottom: 120px;

    position: relative;

  }

  .approach-diagram ul li:before {

    content: '';

    width: 100%;

    border-top: 1px solid #1ca48c;

    height: 1px;

    max-width: 60px;

    position: absolute;

    right: 100%;

  }

  .approach-diagram ul li:after {

    display: inline-block;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    background: #1ca48c;

    position: absolute;

    content: '';

    top: -12px;

    left: -72px;

  }

}



@media (min-width: 1090px) {

  .approach-diagram {

    padding-top: 50px;

    padding-bottom: 150px;

  }

  .approach-diagram li {

    position: relative;

    max-width: 213px;

    display: inline-block;

  }

}



@media (min-width: 1090px) and (min-width: 1090px) and (max-width: 1320px) {

  .approach-diagram li {

    max-width: 158px;

  }

}



@media (min-width: 1090px) {

  .approach-diagram li:nth-child(2n) {

    top: 153px;

    margin-left: 48px;

    margin-right: 48px;

  }

  .approach-diagram li:nth-child(2n) .bar:before, .approach-diagram li:nth-child(2n) .bar:after {

    display: none;

  }

  .approach-diagram .bar {

    border-top: 1px solid #1ca48c;

    position: absolute;

    left: 50%;

    margin-left: -88px;

    right: 0;

    top: -20px;

    height: 1px;

    max-width: 176px;

  }

}



@media (min-width: 1090px) and (min-width: 1090px) and (max-width: 1320px) {

  .approach-diagram .bar {

    margin-left: -28px;

    width: 100%;

    max-width: 123px;

  }

}



@media (min-width: 1090px) {

  .approach-diagram .bar:before {

    content: '';

    border-top: 1px solid #1ca48c;

    position: absolute;

    left: 0;

    top: 0;

    height: 1px;

    max-width: 176px;

    width: 100%;

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top;

    -webkit-transform: rotateZ(120deg);

    -ms-transform: rotate(120deg);

    transform: rotateZ(120deg);

  }

}



@media (min-width: 1090px) and (min-width: 1090px) and (max-width: 1320px) {

  .approach-diagram .bar:before {

    width: 177px;

  }

}



@media (min-width: 1090px) {

  .approach-diagram .bar:after {

    content: '';

    border-top: 1px solid #1ca48c;

    position: absolute;

    right: 0;

    top: 0;

    height: 1px;

    max-width: 176px;

    width: 100%;

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top;

    -webkit-transform: rotateZ(-120deg);

    -ms-transform: rotate(-120deg);

    transform: rotateZ(-120deg);

  }

}



@media (min-width: 1090px) and (min-width: 1090px) and (max-width: 1320px) {

  .approach-diagram .bar:after {

    width: 177px;

  }

}



@media (min-width: 1090px) {

  .approach-diagram .bar span {

    display: inline-block;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    background: #1ca48c;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -13px;

    margin-left: -13px;

  }

}



footer {

  background: #002651 url("/assets/images/bg-footer.png");

  padding-top: 60px;

  color: #fff;

}



@media (max-width: 767px) {

  footer {

    padding-top: 30px;

  }

}



.footer-top p {

  color: #fff;

}



.footer-top a {

  color: #fff;

}



.footer-top a:hover {

  color: #ffba00;

}



@media (max-width: 575px) {

  .footer-top .row > div {

    max-width: 50%;

  }

  .footer-top .row > div img {

    max-width: 30px;

  }

}



.footer-top h6 {

  font-size: 20px;

  line-height: 24px;

  font-family: 'DubaiMedium';

}



.footer-top h6 a {

  color: #fff;

}



@media (max-width: 575px) {

  .footer-top h6 {

    font-size: 12px;

    line-height: 14px;

  }

}



.footer-top small {

  font-size: 13px;

  line-height: 17px;

  font-family: 'DubaiW23-Regular';

  display: block;

}



@media (max-width: 575px) {

  .footer-top small {

    display: none;

  }

}



.footer-contact {

  padding-bottom: 10px;

}



@media (max-width: 767px) {

  .footer-contact {

    padding-bottom: 30px;

  }







}



.footer-nav {

  display: table;

  width: 100%;

  font-family: 'DubaiW23-Regular';

  font-size: 13px;

  line-height: 16px;

  table-layout: fixed;

  margin-bottom: 30px;

}



@media (max-width: 767px) {

  .footer-nav {

    display: none;

  }

}



.footer-nav .item {

  display: table-cell;

  float: none;

  padding-left: 30px;

  vertical-align: top;

}



.footer-nav .item:first-child {

  padding-left: 0;

}



.footer-nav .item.aboutsub-wrap {

  padding-top: 60px;

}



.footer-nav .title {

  font-size: 15px;

  line-height: 20px;

  font-family: 'DubaiMedium';

  color: #fff;

  display: -webkit-box;

/*  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  height: 2.5em;*/

  margin-bottom: 20px;

  overflow: hidden;

}



.footer-nav .title a {

  color: #fff;

  cursor: default;

}



.footer-nav li.title {

  font-size: 14px;

  line-height: 15px;

  font-family: 'DubaiW23-Regular';

}



.footer-nav a {

  color: #6d6d6d;

  color: rgba(255, 255, 255, 0.5);

}



.footer-nav li {

  padding-bottom: 5px;

}



.footer-nav li:hover a {

  color: #ffba00;

}



.footer-connect {

  position: relative;

}



.footer-connect .container-fluid {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}



.footer-connect .cell {

  vertical-align: middle;

}



.footer-connect .title {

  font-size: 20px;

  line-height: 22px;

  padding-right: 30px;

}



@media (max-width: 991px) {

  .footer-connect .title {

    font-size: 14px;

    line-height: 16px;

  }

}



@media (max-width: 767px) {

  .footer-connect .title {

    padding-right: 10px;

  }

  .footer-connect .title br {

    display: none;

  }

  .footer-connect .eqHeight:first-child {

    height: auto !important;

    padding: 0 !important;

  }

}



.footer-connect .social ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.footer-connect .social li {

  padding: 0 5px;

}



.footer-connect .social a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 45px;

  height: 45px;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  background: #002651;

  color: #fff;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



@media (max-width: 767px) {

  .footer-connect .social a {

    width: 30px;

    height: 30px;

  }

}



.footer-connect .social a:hover {

  background: #ffba00;

  color: #002854;

}



.footer-connect .appConnect ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.footer-connect .appConnect ul li {

  padding: 0 5px;

}



.footer-bottom {

  padding: 30px 0;

  font-size: 13px;

  font-family: 'DubaiW23-Regular';

}



@media (max-width: 575px) {

  .footer-bottom {

    font-size: 10px;

    line-height: 16px;

  }

}



.footer-bottom p {

  margin: 0;

}



.footer-bottom .copyright a {

  color: #fff;

}



.footer-bottom .copyright p {

  display: inline-block;

  color: #fff;

}



.footer-bottom .copyright ul {

  display: inline-block;

  padding-left: 10px;

}



@media (max-width: 767px) {

  .footer-bottom .copyright ul {

    /*    display: none;*/

  }

}



.footer-bottom .copyright ul li {

  display: inline-block;

  padding-left: 10px;

}



.footer-bottom .developer {

  font-family: 'DubaiW23-Regular';

}



.section-petiqe {

  background: url('/assets/images/bg-faq.png') no-repeat 0 0;

  background-size: cover;

}

.petiqe-wrapper {

  height: 920px;

  position: relative;

}



.petiqe-wrapper .center {

  position: relative;

  width: 220px; 

  height: 127.02px;

  background-color: #fff;

  margin: 0px auto;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -110px;

  margin-top: -63.50px;

}

@media (max-width: 767px) {

  .petiqe-wrapper {

    height: 70vh;

  }

  .petiqe-wrapper .center {

    transform: scale(0.45);

  }

}



.petiqe-wrapper .center:before,

.petiqe-wrapper .center:after {

  content: "";

  position: absolute;

  width: 0;

  border-left: 110px solid transparent;

  border-right: 110px solid transparent;

}



.petiqe-wrapper .center:before {

  bottom: 100%;

  border-bottom: 63.51px solid #fff;

}



.petiqe-wrapper .center:after {

  top: 100%;

  width: 0;

  border-top: 63.51px solid #fff;

}

.petiqe-wrapper .center .content {

  position: relative;

}

.petiqe-wrapper .center .caption {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  display: none;

}

.petiqe-wrapper .center .caption p {

  font-size: 14px;

  line-height: 16px;

  display: none;

}

.petiqe-wrapper .center .caption.active {

  display: block;

}



.petiqe-wrapper .cell {

  position: absolute;

  width: 220px; 

  height: 127.02px;

  background-color: #ffba00;

  margin: 0;

  transition:  none;

}



.petiqe-wrapper .cell:before,

.petiqe-wrapper .cell:after {

  content: "";

  position: absolute;

  width: 0;

  border-left: 110px solid transparent;

  border-right: 110px solid transparent;

}



.petiqe-wrapper .cell:before {

  bottom: 100%;

  border-bottom: 63.51px solid #ffba00;

  transition:  none;

}



.petiqe-wrapper .cell:after {

  top: 100%;

  width: 0;

  border-top: 63.51px solid #ffba00;

  transition:  none;

}



.petiqe-wrapper .cell.active {

  background-color: #002854;

  color: #fff;

  transition:  none;

}

.petiqe-wrapper .cell.active:before {

  border-bottom: 63.51px solid #002854;

  transition:  none;

}



.petiqe-wrapper .cell.active:after {

  border-top: 63.51px solid #002854;

  transition:  none;

}



.petiqe-wrapper .cell .inner {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  align-items:  center;

  justify-content:  center;

  height: 100%;

}



.petiqe-wrapper .cell {

  color: #000;

  font-size: 24px;

}



.petiqe-wrapper .cell.right.top {

  left: 50%;

  bottom: 150%;

  margin-bottom: 20px;

  margin-left: 10px;

}

.petiqe-wrapper .cell.right.bottom {

  left: 50%;

  top: 150%;

  margin-left: 10px;

  margin-top: 20px;

}

.petiqe-wrapper .cell.left.bottom {

  right: 50%;

  top: 150%;

  margin-right: 10px;

  margin-top: 20px;

}

.petiqe-wrapper .cell.left.top {

  right: 50%;

  bottom: 150%;

  margin-bottom: 20px;

  margin-right: 10px;

}

.petiqe-wrapper .cell.middle.left {

  right: 100%;

  bottom: 50%;

  margin-bottom: -63.50px;

  margin-right: 20px;

}

.petiqe-wrapper .cell.middle.right {

  left: 100%;

  bottom: 50%;

  margin-bottom: -63.50px;

  margin-left: 20px;

}



.wrokinghrs {

  padding-top: 15px;

}

.wrokinghrs p {

  color: #002854;

  font-size: 18px;

  line-height: 20px;

}



@media (max-width: 767px) {

  .spot-nav{background: rgba(0, 38, 81, 1);}

  .breadcrumb-wrapper{display:none;}



  .home-slider .owl-item {

    /*height: calc(100vh - 195px);*/

    height: auto;

  }

  .home-slider .item > img {

    /*height: 100vh;*/

    height: auto;

  }

}

.home-slider{

  background-color: #f1f6fb;

}

.anniversary-article {

  background: #e7f3ff;

  padding: 15px 30px;

}

.anniversary-article .hex {

  position: relative;

  width: 124px; 

  height: 71.59px;

  background-color: #ffba00;

  margin: 35.80px 0;

  float: right;

}

@media (max-width: 991px) {

  .anniversary-article .hex {

    margin: 0 auto;

  }

}

.anniversary-article .hex:before,

.anniversary-article .hex:after {

  content: "";

  position: absolute;

  width: 0;

  border-left: 62px solid transparent;

  border-right: 62px solid transparent;

}



.anniversary-article .hex:before {

  bottom: 100%;

  border-bottom: 35.80px solid #ffba00;

}



.anniversary-article .hex:after {

  top: 100%;

  width: 0;

  border-top: 35.80px solid #ffba00;

}

.anniversary-article .cell-wrapper {

  width: 100%;

}

.anniversary-article .cell-wrapper .cell {

  vertical-align: middle;

}

@media (max-width: 991px) {

  .anniversary-article .cell-wrapper,

  .anniversary-article .cell-wrapper .cell {

    display: block;

    /* text-align: center; */

  }

  .anniversary-article .more {

    padding: 40px 0;

  }

}

.anniversary-article .title {

  display: flex;

  align-items: center;

  color: #002854;

}

.anniversary-article .content {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  flex-flow: column;

  font-size: 31px;

  line-height: 29px;

  font-family: 'DubaiMedium';

}

@media (max-width: 767px) {

  .anniversary-article .content {

    font-size: 30px;

    line-height: 30px;

  }

}

.anniversary-article .title .year {

  font-size: 70px;

  font-family: 'DubaiMedium';

}

@media (max-width: 767px) {

  .anniversary-article .title .year {

    font-size: 60px;

    line-height: 60px;

  }

}

.anniversary-article .hex .inner img {

  display: block;

  margin: 0 auto 5px;

}

.anniversary-article .hex .inner span {

  font-size: 12px;

  line-height: 14px;

  display: block;

  text-align: center;

  color: #002854;

}



.timeline-slider .owl-nav .owl-next,

.timeline-slider .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  color: #fff;

  font-size: 30px;

  padding: 15px;

  /* background: rgba(255, 186, 0, 0.7); */

  text-align: center;

  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: -50px;

}



.timeline-slider .owl-nav .owl-next:before,

.timeline-slider .owl-nav .owl-prev:before {

  content: "\f105";

  font-family: "FontAwesome";

  margin: 0;

}

.timeline-slider .owl-nav .owl-next.disabled,

.timeline-slider .owl-nav .owl-prev.disabled {

  opacity: 0.3;

}



.timeline-slider .owl-nav .owl-next {

  right: 0;

}



.timeline-slider .owl-nav .owl-next:before {

  content: "\f105";

}



.timeline-slider .owl-nav .owl-prev {

  left: 0;

}



.timeline-slider .owl-nav .owl-prev:before {

  content: "\f104";

}



.darkyellow {

  background: #a57c00;

}





/*arun-------*/

.gallery-list .item {

  margin-bottom: 30px;

}

.gallery-list .card {

  background: #f8f8f8;

  background: rgba(0, 38, 81, 0.75);

  text-align: center;

  border: none;

}



.gallery-list .card figure {

  overflow: hidden;

  height: 310px;

  margin: 0;

}



.gallery-list .card figure img {

  width: 100%;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  height: 310px;

  object-fit: cover;

  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



.gallery-list .item img {

  -webkit-filter: brightness(0.7);

  filter: brightness(0.7);

  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



.gallery-list .card h6 {



  margin-bottom: 15px;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  height: 3em;

}



.gallery-list .card h6 {

  color: #fff;

  font-family: 'DubaiMedium';

  margin: 0;

  height: 45px;

  display: table;

  width: 100%;

}



.gallery-list .card h6 a {

  color: #fff;

  display: table-cell;

  vertical-align: middle;

}

/*arun-------*/



.btn-search i {

  display: none !important;

}



@media (max-width: 767px) {

  .dropdown-menu h4 {

    font-size: 16px;

    line-height: 18px;

  }

  .list-1 h4 {

    font-size: 16px;

  }

  .quick-contact .inner h3 {

    /* font-size: 26px; */

  }

  .spot-nav ul li a{height:100%;}

  .spot-nav .icon{height:33px;}

}



@media (min-width: 992px) and (max-width: 1280px) {

  .dropdown-menu h4 {

    font-size: 20px;

  }



  .section-looking h2 {

    font-size: 48px;

  }

  .section-finder h2 {

    font-size: 38px;

  }

}









ul.style-2.career-list li {

  position: relative;

  padding-right: 70px;

  padding-bottom: 15px;

  padding-left: 15px;

  font-size: 15px;

  line-height: 16px;

  color: #000000;

}

ul.style-2.career-list li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  color: #808080;

}



header .page-logo {

  margin-bottom: 5px;

}



@media only screen and (max-width: 1366px) and (min-width: 1024px)  {





  .home-slider .caption-holder {

    top: calc(50vh - 280px);

    right: 60px;

  }

  .home-slider .item.style-2 .caption-holder {

    top: calc(50vh - 357px);

  }

  .home-slider .item.style-2 figure img {

    height: 320px;

  }

  .home-slider .item.style-2 {

    padding: 20px 0 66px;

  }

  .home-slider .caption-holder h1 {

    font-size: 30px;

    line-height: 32px;  

  }

  .home-slider .item.style-3 .caption-holder h3 {

    font-size: 20px;

  }

}



@media screen and (ma-width:1024px){

  .quick-contact .inner {

    line-height: 20px;

  }

}



.contactsubmit p{ font-size:20px; line-height:24px;}

.form-title .small{

  font-size: 50%;

}

small p{font-size:10px;}



.sticky .search-wrapper {

  padding: 10px 80px;

}



.col-red {

  color: red;

}

.loantab-wrapper input {

  border: none;

  text-align: right;

  font-size: 19px;

  background: transparent;

}



.rate-wrapper p {

  padding-top: 5px;

  margin-bottom: 0;

}



.utilities a {

  text-align: center;

  font-size: 20px;

  display: block;

  color: #36586c;

}

.utilities li {

  position: relative;

  width: 37px; 

  height: 23.21px;

  background-color: #ffba00;

  margin: 10.10px 0;

  padding: 0;

  margin-left: 5px;

}



.utilities li:before,

.utilities li:after {

  content: "";

  position: absolute;

  width: 0;

  border-left: 18.5px solid transparent;

  border-right: 18.5px solid transparent;

  left: 0;

}



.utilities li:before {

  bottom: 100%;

  border-bottom: 10.10px solid #ffba00;

}



.utilities li:after {

  top: 100%;

  width: 0;

  border-top: 10.10px solid #ffba00;

}

.utilities .icon-print:before {

  font-weight: bold;

}

.page-nav .navbar-nav .large-drop .dropdown-menu .icon-fig img{float:right; width:90%;}





/*arun-----16102018*/



.board-list .item figure {   

  min-height: 500px;

}

.board-list .item.large figure {

  background-size: 85%;

  background-position: center bottom;

}



.board-list .item figcaption:before {

  left: 50%;

  bottom: 15px;

  margin-left: -30px;

}







.utilities li {

  position: relative;

  width: 77px; 

  height: 44.46px;

  background-color: #f3ca3d;

  margin: 22.23px 0;

}



.utilities li:before,

.utilities li:after {

  content: "";

  position: absolute;

  width: 0;

  border-left: 38.5px solid transparent;

  border-right: 38.5px solid transparent;

}



.utilities li:before {

  bottom: 100%;

  border-bottom: 22.23px solid #f3ca3d;

}



.utilities li:after {

  top: 100%;

  width: 0;

  border-top: 22.23px solid #f3ca3d;

}



.utilities a {

  font-size: 35px;

}

.utilities .icon-print:before {

  width: auto;

}



@media (max-width:991px) {

  .page-nav {

    font-size: 21px;

    font-family: 'DubaiW23-Regular';

  }



  .page-nav .navbar-nav .nav-item .nav-link:before {

    content: '';

    width: 32px;

    height: 35px;

    background: url(/assets/images/icon-nav-mob.png) no-repeat 0 0;

    margin-top: -16px;   

  }

/*.page-nav .navbar-nav .nav-item:hover .nav-link:before, .page-nav .navbar-nav .nav-item.active .nav-link:before {

    background-position: 0 -48px!important;

    margin-top: -16px!important;

    }*/

    .utilities {

      position: absolute;

      right: 15px;

      top: -90px;

    }

  }



  .mob-bottom-nav{

    background-color: #002854;

    padding: 25px;

    color: #fff;

  }

  .mob-bottom-nav a {

    color: #fff;

    cursor: pointer;

    font-family: 'DubaiMedium';

  }

  .mob-bottom-nav .ebos-online{

   color: #292929;

   background-color: #fbba1f;

   font-family: 'DubaiMedium';

   padding: 10px;

   display: block;

   margin: 20px 0;

 }

 



 .navbar-nav .dropdown-menu li .dropdown-menu{

  display: none;

}





.mob-bottom-nav .switch-ar {

  font-family: "CoconNextArabic-Regular";

  display: block;

  font-size: 24px;

}



.mob-bottom-nav i.front {

  float: right;

  margin-top: -5px;

}



@media (max-width:991px) {

  .page-nav .navbar-nav .large-drop .dropdown-menu{

   overflow: visible;

   height: auto!important;

   padding: 0 0!important;

   border-radius: 0;

   -o-transition: all 0.3s ease-in-out;

   transition: all 0.3s ease-in-out;

   -webkit-transition: all 0.3s ease-in-out;

   -moz-transition: all 0.3s ease-in-out;

 }

 .navbar-nav .large-drop .large-drop{

  color: #000002;

  font-family: 'DubaiMedium';

  font-size: 18px;

  padding-left: 0px;

  padding-bottom:0px;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li:before {

  content: "\f105";

  opacity: 0;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li li:before {

  content: "\f105";

  opacity: 1;

  color: rgba(0, 0, 0, 1);

  left: 17px;

  top: -3px;

  font-size: 22px;

}

.page-nav .dropdown-menu .navbar-nav .dropdown-menu .nav-item .nav-link:before{

  display: none;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover a, .page-nav .navbar-nav .large-drop .dropdown-menu ul li.active a {

  color: #000002;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover:before, .page-nav .navbar-nav .large-drop .dropdown-menu ul li.active:before {

  color: #000002;

}



.page-nav .navbar-nav .nav-item .nav-link .nav-link {

  background: #ffba00;

}

.page-nav .navbar-nav .nav-item:hover .nav-link, .page-nav .navbar-nav .nav-item.active .nav-link, .page-nav .navbar-nav .nav-item.active:hover .nav-link {

  background: #ffffff;

}

.page-nav .navbar-nav .nav-item:hover .dropdown-menu .nav-link, .page-nav .navbar-nav .nav-item.active .dropdown-menu .nav-link, .page-nav .navbar-nav .nav-item.active:hover .dropdown-menu .nav-link {

  background: #ffba00;

}

.header-bottom .container-fluid > .row > div {

 /* padding: 0px;*/

}

.page-nav .navbar-nav .nav-item .nav-link {

  padding: 10px;

}

.page-nav .navbar-nav .nav-item .nav-link:before {

  right: 15px;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li {

  padding-left: 0;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul {

  margin-bottom: 0;

}

.page-nav .navbar-nav .dropdown-menu .large-drop .dropdown-menu .nav-item .nav-link {

  background: transparent;

  padding: 1px 15px 1px 30px;

}

}





.timeline .stand-wrapper .bg .caption {

  height: auto;

  padding: 25px 15px 5px;  

  background: rgba(0,0,0,0.6);

  bottom: -520px;

}

.timeline .stand-wrapper .bg h4 {

  line-height: 32px;

}

.timeline .stand-wrapper .bg p {

  line-height: 45px;

}



@media (min-width: 992px) and (max-width: 1399px) {

  .time-btns{top:100px;}

  .timeline .stand-wrapper{min-height:440px;}

  .timeline .stand-wrapper .bg .caption{bottom:-375px;}

  .timeline .stand-wrapper .bg h4 {

    line-height: 26px;

    font-size: 17px;

  }



}







.anniversary{

  background-color: #e7f3ff;

}



.profile-pop{

  padding: 25px 10px;

 /* height: 100%;*/

  background-color: #e7f3ff;



}

.profile-pop .box-content {

  text-align: left;

}

.gridder-show{

  display: none!important;

}



.error{

  border: 1px solid red!important;

}

.mandatory label{

  position: relative;

}

.mandatory label:after{

  position: absolute;

  content: "*";

  color: red;

  right: -11px;

  top: 0px;

  font-size: 21px;

}



.mandatory.captcha-wrap{

  position: relative;

}

.mandatory.captcha-wrap:after{

  position: absolute;

  content: "*";

  color: red;

  right: 100px;

  top: -16px;

  font-size: 21px;

}



.mandatory.captcha-wrap > div.error {

  border: 1px solid transparent!important;

}



.mandatory.captcha-wrap > div.error > div {

  border: 1px solid red!important;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li ul li a{

  font-family: 'DubaiW23-Regular';

  font-size: 15px;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li:before {

  color: rgba(0, 0, 0, 0.7);

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li ul li:before {

  left: 8px;

  top: 0;

  color: rgba(0, 0, 0, 0.3);

  font-size: 18px;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover li a {

  color: #002854;

}



.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover li:hover a {

  color: #fff;

}

ul.ftlevel{

  padding-left: 15px;

}

.footer-nav li:hover li a {

  color: rgba(255, 255, 255, 0.5);

}

.footer-nav li:hover li:hover a {

  color: #ffba00;

}

.section-policy{

  padding: 50px 0;

}



.section-policy h4{

  font-family: 'DubaiW23-Regular';

  line-height: 22px;

  font-size: 15px;

  color: #002854;

}





@media (max-width: 1349px) {

  .home-slider.owl-carousel .owl-stage { 

    background-position:top left;

  }

}

@media (max-width: 1299px) {

  .home-slider.owl-carousel .owl-stage { 

    background-position:-108.55% 0px;

  }

}







.contact-form.careers .form.style-1 .form-wrapper .form-group input[type=checkbox] {

  box-sizing: border-box;

  padding: 0;

  width: 23px;

  float: left;

  height: 24px;

  line-height: 25px;

  margin-right: 5px;

}



.contact-form.careers .form.style-1 .form-wrapper .form-group span {

  line-height: 48px;

}

.contact-form.careers .form.style-1 .form-wrapper .form-group.certify-wrap span {

  line-height: 20px;

}



.section-policy .section-title h2 {

  font-size: 25px;

  line-height: 38px;

  text-transform: inherit;

  font-family: 'DubaiW23-Regular';

}

.contact-form.careers {

  margin-top: 20px;

}



.ebos-logo{

  margin-top: -5px;

  margin-right: 5px;

}



.home-slider .item.style-3 .caption-holder .col-yellow img{

  width: auto;

  display: inline-block;

  margin-top: -7px;

}



.footer-nav .item li.title {

  font-size: 16px;

  line-height: 20px;

  font-family: 'DubaiMedium';

}





.home-slider .item.style-2 .caption-holder .caption a {

  font-size: 28px;

  line-height: 34px;

  text-transform: uppercase;

  font-family: 'DubaiW23-Regular';

  color: #fff;

}





section.section-rates .accordion-faq .card-header {

  background: #00254e;

  color: #fff;

}

section.section-rates .accordion-faq .card-header .btn {

  padding: 15px 50px 15px 30px;

  font-family: 'DubaiMedium';

  font-size:20px;

  color: #fff;  

  width: 100%;

}





section.section-rates .accordion-faq .card-header .btn:before {

  content: '';

  width: 21px;

  height: 20px;

  background: url(/assets/images/acc-arrow.png) no-repeat 0 -21px;

  position: absolute;

  right: 30px;

  left: auto;

  top: 50%;

  margin-top: -10px;

}

section.section-rates .accordion-faq .card-header .btn.collapsed:before {

  background-position: 0 -1px;

}



.profile-pop .container{

  width: 900px;

}



@media only screen and (max-width: 1299px) and (min-width: 1199px){

  .home-slider .caption-holder {

    top: calc(50vh - 289px);

  }

}

.section-rates .utilities {

  position:absolute;

  left:0;

  top: 3px;

}

.section-rates .utilities li {

  position: relative;

  width: 47px;

  height: auto;

  background-color: transparent;

  margin: 0 0;

}

.section-rates .utilities a {

  font-size: 28px;

}

.utilities li:before, .utilities li:after{

  display: none;

}

.section-rates .accordion-faq .card-body {

  padding:0;

  color: #36586c;

  font-size: 17px;

}

.section-rates .accordion-faq .card-body .table-responsive .table tr:first-child >td {

  background-color: #ffcc2e!important;

  border:2px solid #828486;

  color: #000;



}

.section-rates .accordion-faq .card-body .table-responsive .table tr:first-child >td p {

  color: #002854!important;



}

.section-rates .accordion-faq .card-body table.table tbody td {

  border: 2px solid #e6e5e5;

  color: #36586c;    

  background: #fff7e8;

}

.section-rates .accordion-faq .col-lg-6{

  position: relative;

  width: 100%;

  max-width: 100%;

}



section.section-appForms .table-responsive table.table.capital td {

  border: 2px solid #fff;    

  font-size: 12px;

  padding: 15px 7px;

  white-space: nowrap;

}



.section-rates table.table tbody td.title-td {

  background: #00254e!important;

  color: #fff;

  border: 2px solid #ffcc2e;

}



.section-rates table.table tbody td.title-td p {

  color: #ffcc2e!important;

}



.section-appForms .card .card-header{

  display: none;

}

.section-appForms .card .card-header.downloadheader{display:block;}

.section-appForms .card-body em{

  font-size: 11px;

  margin-top: 0px;

  display: block;

}



@media only screen and (max-width: 1399px) {

  .home-slider .item.style-3 .caption-holder {

    right: 50px;

    left: auto;

  }



}

@media only screen and (max-width: 1299px) {

  .home-slider.owl-carousel .owl-item img {

    height: auto;

  }

  .home-slider.owl-carousel .item {

    height: auto;

  }

  .home-slider .item.style-3 .caption-holder .col-yellow img {

    height: auto;

  }

  .home-slider .item.style-3 .caption-holder {

    right: 90px;

    left: auto;

  }

}



@media only screen and (max-width: 1279px) {

  .home-slider.owl-carousel .owl-item img {

    height: auto;

  }

  .home-slider.owl-carousel .item {

    height: auto;

  }

}



@media (max-width: 767px){

  .home-slider .item > img {

   /*   height: 100vh!important;*/

 }

}

.section.content-account em{

  font-size: 11px;

  margin-top: -14px;

  display: block;

}

.filter form {

  margin: 0;

}



.section-rates .accordion .card-body em{

  font-size: 11px;

  display: block;

  margin-top: -14px;

}



.align-right{

  text-align: right;

}



.form-group.mandatory.certify-wrap.error {

  margin-bottom: 30px;

  width: auto;

  display: inline-block;

  padding: 10px;

  border: 1px solid red!important;

}

.form-group.mandatory.certify-wrap label:after {

  position: absolute;

  content: "*";

  color: red;

  right: 0px;

  top: -23px;

  font-size: 21px;

}

.form.style-1 .form-check.certify-wrap.mandatory.pb-4 label {

  font-size: 14px;

  line-height: 14px;

  margin: 0 0 0 20px;

}



.form.style-1 .form-check.certify-wrap.mandatory.pb-4 label:after {

  position: relative;

  content: "*";

  color: red;

  right: 0px;

  top: 3px;

  font-size: 21px;

}







.careers .form-group.mandatory.certify-wrap label:after {right:-7px; top: -18px;}

.card-body .row.justify-content-center .col-lg-8, .card-body .row.justify-content-center .col-md-8  {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}







@media only screen and (max-width: 1299px) {

  .home-slider .item.style-3 .caption-holder {

    top: calc(50vh - 328px);

  }



}



@media (max-width:1400px) {





  .container {

    max-width: 1200px;

  }



  .loantab-wrapper .calc-out .total{font-size:26px;}

  .loantab-wrapper .calc-out h4{ font-size:18px;}

  .section-rates .accordion-faq .card-body .deposit table.table tbody td{padding:2px 15px;}

  .content-BankingProducts h2{font-size:16px;}

  .list-1 h4 {

    font-size: 14px;

    line-height: 18px; 

  }

  .section-title.style-2 h2{margin-bottom:0px; padding-bottom:10px;}

  .list-1 .item .btn {

    padding-left: 7px;

    padding-right: 7px;

    font-size: 11px;

  }

  .board-list .item {

    width: 23.74%;

  }



  table.table thead th, table.table thead td, table.table tbody th, table.table tbody td {

    padding: 5px 30px;

  }

  section.section-appForms .table-responsive table.table.capital td {

    padding: 15px 2px;

  }

  section.section-rates .accordion-faq .card-header .btn {

    padding: 10px 50px 10px 30px;

    font-size: 19px;

  }

  .home-slider .caption-holder .btn-wrapper .cell img {

    width: auto;

    margin: 0 auto;

    height: auto;

  }

  .section-doc .item h4 {

    font-size: 17px;

    line-height: 21px;   

  }

  .footer-nav .item {

   padding-left: 15px;

 }

 .spot-nav ul li a {

  padding: 10px 3px 10px;



}

.spot-nav .icon {

  margin: 0 auto 8px;

}

.page-title h2{font-size:30px;}

.section-title.style-2 h2, .section-title.style-3 h2{font-size:30px;}

.footer-top h6{font-size:18px;}

.section-title h2, .section-announcement h2, .section-responsibility h2, h2, .section-finder h2{font-size:26px;}

.section-responsibility h3{font-size:24px;}



.board-list .item figcaption p {

  font-size: 18px;

  line-height: 20px;

  margin: 0 0 10px;

  height: auto;

}

.board-list .item figcaption {

 padding: 15px 8px;

}

.board-list .item figure {

  min-height: 350px;

}

.board-list .item.large figure {

  min-height: 420px;

}

.content-BankingProducts .article-wrapper article .container .row {

  height: 610px;

}

.content-BankingProducts .article-wrapper article .container-fluid .row > div {

  height: 540px;

}

.content-BankingProducts .article-wrapper article.last {

  margin-top: -580px;

  margin-bottom: 0px;

}

.content-BankingProducts .article-wrapper article:nth-child(1) {

  margin: 0;

}

.content-BankingProducts .article-wrapper {

  padding-top: 130px;

}

.home-slider .owl-dots {

  padding-bottom: 15px;

}

}

@media (max-width: 991px){

  .d-md-block {

    display: none!important;

  }

  .home-slider.owl-carousel .owl-item img {

    height: 100%;

    object-fit: cover;

  }

  .d-md-none {

    display: block!important;

  }

}



.section-rates .utilities a.icon-pdf{

  width: 135px;

  height: 55px;

  background-image: url(/assets/images/icon-pdf.png);

  background-repeat: no-repeat;

  background-position: 13px 10px;

  background-color: #ffcc2e;

  padding: 10px 10px 10px 43px;

  position: absolute;

  right: 0px;

  line-height: 42px;

  left: 0;

  top: -70px;

  color: #00254e;

  font-size: 15px;

  margin-top: 0px;

  font-family: 'DubaiMedium';

}



.section-rates .col-lg-6.text-lg-right {

  text-align: right!important;

  position: relative;

  -ms-flex: 0 0 50%;

  flex: 0 0 100%;

  max-width: 100%;

}



.anniversary.book .cell.float {

  margin-top: -30px;

  display: inline-block;

  position: relative;

  bottom: -15px;

  left: -60px;

}

.anniversary.book {

  background-color: #cee1f5;

}

.anniversary.book .anniversary-article {

  background: #cee1f5;

}

.anniversary.book .anniversary-article .title .year {

  margin-right: 10px;

}



.csr-list .owl-carousel .item img{

  display: block;

  height: 400px;

  object-fit: cover;

  width: 100%;

}

.section-appForms li {

  color: #000000;

}





html.gecko .grid li img {

  height: 35px;

}



.quick-contact .inner.address .ebos-logo {

  margin-top: -8px;

  margin-right: 0px;

}



.section-rates .deposit table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #fef6e5;

  padding: 15px;

}

.section-rates .trade table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #eaf4e7;

}

.section-rates .credit table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #e1f4fc;

}

.section-rates .loans table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #e0e1ee;

}

.section-rates .transfers table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #e6e7e9;

}

.section-rates .account table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #fce9f1;

}

.section-rates .escrow table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #fffde9;

}



.section-rates .private table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #d7ece2;

}



.section-rates .other-services table.table tbody td {

  border: 2px solid #828486;

  color: #182850;

  background: #eaf4e7;

}









ul.exp.style-2 li {

  padding-left: 0;

}

ul.exp.style-2 li:before {

  opacity: 0;

}



.col-black{

  color: #000!important;

}











@media (max-width: 991px){

  .content-BankingProducts .article-wrapper {

    padding-top: 0;

  }

  .content-BankingProducts .article-wrapper article.last {

    margin-top: 0;

    margin-bottom: 0px;

  }

  .content-BankingProducts .article-wrapper article.last .container .row {

    height: 200px;

  }

  .content-BankingProducts .article-wrapper article:first-child {

    min-height: 50px;

  }

  .approach-diagram ul li:before {   

    top: 50%;

    margin-top: 44px;

  }

  .approach-diagram ul li:after {

    top: 50%;

    margin-top: 31px;

  }

  .anniversary-article .title .year {

    font-size: 68px;

  }

  .anniversary-article .content {

    font-size: 40px;

    line-height: 30px;    

  }

  .anniversary.book .cell.float {

    margin-top: -30px;

    bottom: -89px;

    left: -60px;

  }

  .board-list .item {

    width: 48%;

  }

  .board-list .item figure {

    min-height: 450px;

  }



}



@media (max-width: 767px){

  .page-nav .navbar-nav .nav-item .nav-link {

    font-size: 14px;

  }

  .page-nav .navbar-nav .large-drop .dropdown-menu {

    padding: 10px 0!important;

  }

  .loantab-wrapper h4{

    font-size: 15px;

  }

  .section-responsibility h3 {

    font-size: 21px;

    line-height: 26px;

  }

  .footer-top h6 {

    font-size: 12px;

    line-height: 14px;

  }

  .timeline .stand-wrapper .bg .caption {

    bottom: -318px;

  }

  .timeline .stand-wrapper .bg h4 {

    font-size: 26px;

    line-height: 22px;

  }

  .anniversary-article .title {

    display: block;

    align-items: center;

    color: #002854;

  }

  .anniversary-article .title .year {

    font-size: 68px;

    display: block;

    text-align: center;

  }

  .anniversary.book .anniversary-article .title .year {

    margin-right: 0;

  }

  .anniversary-article .content {

    font-size: 40px;

    line-height: 43px;

    text-align: center;

  }

  .page-title h2 {

    font-size: 24px;

    line-height: 26px;

  }

  .board-list .item {

    width: 98%;

  }

  .section-appForms .card li {

   padding: 10px;

 }

 .section-appForms .card .card-body h4 {

  font-size: 13px;

  line-height: 18px;

}

.content-account h2 {

  font-size: 22px;

  line-height: 27px;

}

.section-getStart .btn-wrapper .btn {

  margin: 0 0 10px;

}

.content-BankingProducts .article-wrapper article .container .row {

  height: 400px;

}

.content-BankingProducts .article-wrapper article.last {

  margin-top: 160px;

  margin-bottom: 0px;

}

.quick-contact .inner h3 {

  /* font-size: 26px; */

  margin: 0;

}

.quick-contact .inner.address p {

  color: #fff;

  font-size: 13px;

}

.section-doc .item h4 {

  font-size: 14px;

  line-height: 21px;

}

}



.news-list.events-list .item figure{

  margin: 0;

}





@media (max-width: 1399px){

  .section-missionstatement p {

    -webkit-line-clamp: 10;

    overflow: visible;

  }

}



.no-padding{

  padding: 0px!important;

}



.search-list .content{

  background-color: #f4f4f4;

  padding: 25px;

  border: 1px solid #e2e1e1;

  margin-bottom: 25px;

}

.search-list .content img{

  max-width: 100%;

}





.search-list .content a{

  color: #002854;

}



.gallery-list .card figure{

  position: relative;

}

.gallery-list .card figure p{

  position: static;

  width: 100%;

  left: 0px;

  top: 0px;

  color: rgba(255,255,255,0.6);

  font-size: 11px;

  font-style: italic;

  padding: 10px;

  margin: 0;

  z-index: 1;

  text-align: left;

  display: none;

}



.goback-wrap{

  margin: 0;

  position: relative;

  right: 0; padding-bottom:20px;

}

.goback-wrap .btn {

  position: absolute;

  right: 0px;

  padding: 10px 10px 7px 37px;

  font-size: 16px;

  line-height: 27px;

  top: 0px;

  color: #0e3357;

  font-family: 'DubaiMedium';



}



.goback-wrap .btn:before {

  content: "\f137";

  margin-left: 0;

  position: absolute;

  left: 10px;

  font-size: 20px;

  font-family: FontAwesome;



}

@media (max-width: 991px){

  .goback-wrap {

    margin: 20px 0;

  }

  .goback-wrap .btn {

    position: static;    

  }

}

.section.section-rates h3, span.terms-wrap{

  font-size: 14px; font-style:italic;

}



span.terms-wrap {

  margin-top: -16px;

}



section.section-rates .accordion .table-responsive{

 height: 600px;

}





/*.radio-wrapper.mandatory label:after {

    left: 49px;

    right: auto;

    }*/



    .radio-wrapper.mandatory ul label:after {

      display: none;

    }

    .section-rates .accordion-faq .card-body .trade table.table tbody td.bg-dark{

      background-color: #b3e8a3!important;

    }



    .home-slider .item.style-3 .caption-holder h3 a, .home-slider .item.style-3 .caption-holder h1 a,

    .home-slider .item.style-3 .caption-holder p a{

      color:#fff;



    }

    @media (max-width: 991px){

      .home-slider .caption-holder .btn-wrapper {

        width:180px;

        margin: 12px auto 0;

      }

    }





    .fa-file-pdf-o.btn {

      font-family: "DubaiW23-Regular"!important;

    }

    .fa-file-pdf-o:before {

      margin-right: 10px;

      font-size: 25px;

      font-family: FontAwesome;

    }



    .group_q{

      border: 2px solid #0b284b;

      border-radius: 0px 10px 10px 10px;

      width: 93%;

      float: right;

      margin-right: 0;

      position: relative;

      background: #dbeef8;

      margin-top: 10px;

    }



     .group_q.agm{

      width: 100%;

     }

    .content-finStatement .group_q .media:last-child {

      border-bottom: none;

    }

    .group_q span{

      position: absolute;

      border-radius: 10px 0px 10px 10px;

      border: 2px solid #002854;

      left: -44px;

      padding: 6px;

      color: #002854;

      top: -2px;

      font-family: 'DubaiMedium';

    }



section.section-appForms .container-fluid, section.section-appForms .container-fluid .col-lg-12.mb-3{

  padding-left: 0px;

  padding-right: 0px;

}

section.section-appForms .container-fluid .row{

  margin-left: 0px;

  margin-right: 0px;

}









    @media (max-width: 1399px){

      .accordion-career .card-header .btn {

        font-size: 22px;

      }

      .accordion-career .card-body h3 {

        font-size: 20px;

        line-height: 22px;

      }

      .accordion-career .item .cell-wrapper .cell p {

        margin: 0;

      }

      .accordion-career .item .btn-wrapper .btn.yellow{

        margin: 15px 0 0;

      }



    }





    @media (max-width: 991px){

      .section-looking .section {

        padding: 40px 15px;

      }

      .section-looking h2 {

        font-size: 40px;

        margin-bottom: 25px;

      }

      .section-looking h2 br{

        display: none;

      }

      .footer-nav .item {

        display: inline-block;

        width: 25%;

        padding-right: 30px;

        padding-left: 0;

      }





      .footer-connect .col-md-6.blue3 {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

      }

      header.sticky .navbar-toggler {

        top: 16px;

      }

      header.sticky .header-bottom .btn-search {

        top: 16px;

      }

      .navbar-nav .dropdown-menu{

       display: none!important; 

     }



     .navbar-nav .dropdown-menu.view{

       display: block!important; 

     }



     .dropdown-menu.view .col-lg-9{

       padding-top: 5px;

       padding-bottom: 15px;

     }

     .page-nav .navbar-nav .large-drop .dropdown-menu ul li ul li:before{

      left: 10px;

      top: -3px;

      color: rgba(0, 0, 0, 0.3);

      font-size: 18px;

    }

    .page-nav .navbar-nav .large-drop .dropdown-menu ul {

      margin-bottom: 0px;

      font-size: 18px;

      padding-top: 10px;

    }

    .page-nav .navbar-nav .large-drop .dropdown-menu.view .dropdown-menu.view ul.navbar-nav{

      padding-left: 15px;

    }



    .page-nav .navbar-nav .large-drop .dropdown-menu.view .dropdown-menu.view ul.navbar-nav > li{

      padding-left: 25px;

    }



    .page-nav .navbar-nav .large-drop .dropdown-menu.view .dropdown-menu.view ul.navbar-nav .level-3{

      padding-left: 0px;

    }

    .page-nav .navbar-nav .large-drop .dropdown-menu .col-lg-12.btn-holder{

      padding: 0px;

    }

    .page-nav .navbar-nav .nav-item .dropdown-menu .nav-link {

      padding: 0px 15px;

    }

    .page-nav .navbar-nav .nav-item .dropdown-menu.view .nav-link:before {

      background-position: 0 -48px!important;

      margin-top: -16px!important;

      transform: rotate(180deg);

    }



    .page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover li:hover a {

      color: #000002;

    }





    .page-nav .navbar-nav .large-drop .dropdown-menu ul li.on > a:before{

     transform: rotate(0deg)!important;

   }



   header.sticky .page-nav .navbar-nav .nav-item .dropdown-menu .nav-link {

    padding: 0px 15px;

  }

  .mob-bottom-nav {

    font-size: 18px;

  }

  .home-slider .caption-holder {

    width: 88%;

    height: 600px;

  }

  .home-slider .item.style-3 .caption-holder {

    top: calc(50vh - 479px);

  }

  .home-slider .item.style-3 .caption-holder {

    right: 35px;

    left: auto;

  }

  .section-missionstatement .mission {

    width: 428px;

    height: 571px!important;

    margin: 0 auto!important;

  }

  section.section.section-missionstatement .col-md-6 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .anniversary-article {

    position: relative;

  }

  .anniversary-article .hex {

    margin: 0 auto;

    position: absolute;

    right: 15px;

    top: 100px;

  }

  .anniversary.book .cell.float {

    bottom: -15px;

    left: 0px;

  }

  .profile-pop .container {

    width: auto;

  }

  .mob-bottom-nav li {

    border-bottom: 1px solid rgba(255,255,255,0.3);

    display: block;

  }

  .mob-bottom-nav a {  

    padding: 3px 0;

    display: block;

  }

  .responsibility-slider .item {



    padding: 0 18%;

  }

  .footer-connect .col-md-6.blue2.py-3.eqHeight{

    display: block;

    padding: 5px 15px!important;

    -webkit-box-flex:0;

    -ms-flex:0 0 100%;

    flex:0 0 100%;

    max-width:100%;



  }

  .footer-connect .col-md-6.blue3.py-3.eqHeight{



    -webkit-box-flex:0;

    -ms-flex:0 0 100%;

    flex:0 0 100%;

    max-width:100%;

    height:auto!important;  



  }

  .footer-connect .col-md-6.blue3.py-3.eqHeight{

    height:auto!important;  

  }

}



@media (max-width: 767px){

  footer-connect .cell-wrapper .cell.title p{

    font-size:13px;

    line-height:28px;   

  }

  .page-nav .navbar-nav .nav-item .nav-link {

    font-size: 16px;

  }

  .page-nav .navbar-nav .nav-item .nav-link {

    padding: 13px 0px;

    font-family: 'DubaiMedium';

  }

  .page-nav .navbar-nav .large-drop .dropdown-menu {

    padding: 0px 0 10px!important;

  }

  .home-slider .item.style-3 .caption-holder {

    top: calc(50vh - 289px);

  }

  .home-slider .item.style-3 .caption-holder {

    right: 25px;

    left: auto;

  }

  .home-slider .caption-holder {

    width: 88%;

    height: 360px;

  }



  .section-missionstatement .mission {

    width: 340px;

    height: 393px!important;

    margin: 0 auto!important;

    padding: 15px;

    background-size: cover;

  }

  .anniversary-article .content {

    font-size: 28px;

    line-height: 23px;

    text-align: left;

  }

  .anniversary-article .title .year {

    font-size: 50px;

    text-align: left;

  }

  .anniversary-article {

    padding: 15px 0px 40px;

  }

  .anniversary-article .hex {

    margin: 0 auto;

    position: absolute;

    right: 15px;

    top: 45px;

  }

  .anniversary.book .cell.float {

    bottom: -40px;

    left: 0px;

  }

  .page-nav .navbar-nav .large-drop .dropdown-menu ul {

    margin-bottom: 0px;

    font-size: 14px; 

    padding-top: 10px;

  }

}



.board-list .item figcaption:before{

  display: none;

}



.content-account p a{

 color: #000;

}





@media (max-width: 1199px){

  section.section-looking .section.col-lg-6.sub-holder .offer-1 {

    background-size: cover!important;

    display: none!important;

  }

  .section-looking h2 br{

    display: none;

  }

  section.section-looking .section.col-xl-3.col-lg-6{

    -webkit-box-flex: 0!important;

    -ms-flex: 0 0 100%!important;

    flex: 0 0 100%!important;

    max-width: 100%!important;

  }

  .section-looking .section {

    padding: 50px 15px 25px;

  }

  .section-looking h2 {

    margin-bottom: 0;

  }

  .looking-list .item .cell > a {

    display: block;

    padding: 0px 0px 38px;

  }

}



section.location-list .card-body{

  height: 300px!important;

  position: relative;

}

section.location-list .btn-wrapper .btn {

  position: absolute;

  bottom: 20px;

  left: 15px;

}



.req-wrap {

  font-size: 12px;

  font-style: italic;

  padding-left: 15px;

  padding-top: 30px;

  color: red;

  position: relative;

}

.req-wrap:before {

  content: "*";

  color: red;

  font-size: 20px;

  position: absolute;

  left: 0;

}



@media (max-width: 1099px) {

  .section-benefits .benefits-list .item {

    flex: 0 0 33%;

  }

}

@media (max-width: 991px) {

  .section-benefits .benefits-list .item {

    flex: 0 0 50%;

  }

}

@media (max-width: 575px) {

  .section-benefits .benefits-list .item {

    flex: 0 0 100%;

  }

}





.large-view{

  display: block;

}

.tab-wrap{



}

ul.ver-tab{

  width: 100%;

  display: inline-block;

  padding-top: 30px;

}

ul.ver-tab li{

  width: 100%;

  display: inline-block;

  margin: 0 0 10px;

}

ul.ver-tab li a{

  padding: 10px 15px;

  background: #00254e;

  color: #fff;    

  font-size: 18px;

  display: inline-block;

  text-align: left;

  width: 100%;

}

ul.ver-tab li.active a{

  background: #ffcc2e;

  color: #000; 

}



.table-responsive td p strong {

  color: #fff;

}



.table-responsive tr:first-child td p strong {

  color: #000;

}

@media (max-width: 767px){

  .large-view{

    display: none;

  }

}



ul.style-3.sublist {

 margin: 10px 0 0;

}

ul.style-3.sublist li{

  padding-left: 12px;

}



ul.style-3.sublist li:before{

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  color: #808080;

  width: auto;

  height: auto;

  background: none;

}



.content-BankingProducts .article-wrapper article.last .article-item{

  position: absolute;

  bottom: 30%;

  width: 100%;

}





.table-responsive .table tr:first-child td{

  background: transparent!important;

}



.table-responsive .table thead.blue tr:first-child td {

  background: #002854!important;

}



.section-rates .table tbody tr:first-child td {

 background: #ffcc2e!important;

}





.table-responsive .moredata.edu-history .table tr td.blue {

  background-color: #e7f3ff!important;

  color: #002854;

  vertical-align: middle;

  text-align: left;

  padding-left: 15px;

  font-size: 18px;

}

.table-responsive .moredata.edu-history .table  td {

  background: #e7f3ff!important;

}



.table-responsive .moredata.edu-history .table  {

  margin-bottom: 0px;

}



.table-responsive tr.edu-history td{

  padding: 5px 5px;

}

.table-responsive tr.edu-history td.rem-button{

  border: none!important;

}



.form.style-1 .table-responsive .table td .form-group {

  margin-bottom: 0!important;

}

.innter-table {

  margin-top: 35px;

  margin-bottom: 26px;

  border: none;

}

.innter-table td {

  border: none!important;

}



@media (min-width: 1499px){

  .page-nav {

    font-size: 20px;

  }

}



.section-faq .section-title.style-2 h2 {

  text-transform: inherit;

}

.location-list .card-body p{

 margin: 0 0 5px; 

 color: #000;

}

@media (max-width:1400px) {

  .section-rates table.table tbody td, .section-rates table.table tbody td, 

  section.content-account .table-responsive table.table tbody td, .section-rates .deposit table.table tbody td { padding:2px 15px;}

  ul.ver-tab li a {

    font-size: 15px;

  }

}

/*.section-rates .large-view p{text-align:justify;}*/



.gallery-list .col-md-12.p-5 {

  padding:20px 15px!important;

}





.fancybox-slide .profile-pop {

  overflow: scroll!important;

} 





.table-responsive.first-tr .table tr:first-child td {

  background: transparent!important;

}



.spot-nav p{

  padding-top: 5px;

}



.req-wrap:before {

  bottom: -4px;

}





.quick-contact .item.col-lg-4 .inner h3 {

  font-size: 26px;

  line-height: 24px;

}

.quick-contact .item.col-lg-4 .inner p {

  font-size: 17px;

}  



.content-BankingProducts .article-wrapper article.last .article-item h2.col-blue {

  margin: 10px 0 0;

}



	

	/*modal-popup---02-03-2021*/

.iban-pop-wrap .modal-content {

    max-width: 890px;

    margin: 0 auto;

    border-radius: 0;

}

.iban-pop-wrap .modal-body {

     padding: 0;

}

.caption-left{

  background-color: #ffb900;

  background-image: url(/assets/images/iban-icon.png);

    background-repeat: no-repeat;

    background-position: 15% 82%;

    padding: 40px 40px 70px 40px;

    height: 100%;

    min-height: 500px;

    color: #ffffff;

}

.caption-left h3{

    color: #ffffff;

    font-size: 35px;

    line-height: 45px;

    font-family: "montserratthin";

    text-transform: uppercase;

    margin-bottom: 80px;



}

.form-pop{

background-color: #04254e;

    background-image: url(/assets/images/iban-blue-bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center bottom;

    padding: 40px;

    height: 100%;

    color: #ffffff;

}

.iban-pop-wrap button.close {

    position: absolute;

    right: 6px;

    top: 10px;

    z-index: 2;

    font-size: 44px;

    font-size: 1.5rem;

     font-weight:normal; 

    line-height: 1;

    color: #ffffff;

    text-shadow: none;

    opacity: 1;

    outline: none;

}

.iban-pop-wrap button.close:hover {

      color: #ffffff!important;

 }

.iban-pop-wrap button.close span {

    font-size: 44px;

  }



.iban-pop-wrap h2 {

    font-size: 27px;

    line-height: 32px;

    font-family: "montserratmedium";

    text-transform: uppercase;

    margin: 0 0 35px;

}





.form-pop input.form-control {

    display: block;

    width: 100%;

    height: 55px;

    font-size: 1rem;

     color: #495057;

    background-color: #fff;

    border-radius: 0;  

}

.form-pop label{



  font-size: 14px;

  color: #fff;

  margin: 0 0 5px;

}

.form-pop li{

  margin: 0 0 10px;

}

.form-pop .btn-wrap {

    display: flex;

    margin: 0 -5px;

}

.form-pop .btn-wrap button.btn{

      width: 96%;

    margin: 0 5px;

    height: 55px;

    background: none;

    color: #ffffff;

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    border: 2px solid #fff;

    font-family: "montserratmedium";

    font-weight: normal;

}

.form-pop .btn-wrap button.clear-iban.yellow1 {

      background: #ffd200;

    border:2px solid #ffd200;

    color:  #000000;

}



.btn.iban-btn{

     

    margin: 0 5px;

    height: 55px;

    background: none;

    color: #04244b;

    font-size: 16px;

	line-height:42px;

	padding:5px 30px;

    text-transform: uppercase;

    text-align: center;

    border: 2px solid #04244b;

    font-family: "montserratmedium";

    font-weight: normal;

}

.btn.iban-btn:hover {

      background: #04244b;

    border:2px solid #04244b;

    color:  #ffffff;

}





@media (max-width: 991px){

.caption-left h3 {

     font-size: 30px;

    line-height: 35px;  

    margin-bottom: 77px;

}

.caption-left {

    background-position: 15% 90%;

    padding: 30px 30px 58px 30px;

    height: 100%;

    min-height: 385px;

    color: #ffffff;

}

}

@media (max-width: 991px){

.caption-left {

     background-position: 6% 87%;

    padding: 15px 15px 58px 15px;

    height: 100%;

    min-height: 0;

    color: #ffffff;

}

.caption-left h3 {

    font-size: 18px;

    line-height: 26px;

    margin-bottom: 57px;

}

.form-pop {

    padding: 15px;

}



.iban-pop-wrap h2 {

    font-size: 20px;

    line-height: 26px;

    margin: 0 0 10px;

}

.iban-pop-wrap button.close {

    position: absolute;

    right: 0;

    top: 0;

}

}

/*modal-popup---02-03-2021*/





.btn.iban-btn{

     

    margin: 0 5px;

    height: 55px;

    background: none;

    color: #04244b;

    font-size: 16px;

	line-height:42px;

	padding:5px 30px;

    text-transform: uppercase;

    text-align: center;

    border: 2px solid #04244b;

    font-family: "montserratmedium";

    font-weight: normal;

}

.btn.iban-btn:hover {

      background: #04244b;

    border:2px solid #04244b;

    color:  #ffffff;

}



@media (max-width: 1199px){

  .loantab-wrapper .calc-out .total {

    text-align: right;

  }

}

@media (max-width: 767px){

  section.section-rates .accordion .table-responsive {

    height: auto;

  }

}



section.section-career .accordion-career .card-header .btn.collapsed:before{

 transform: rotate(90deg)!important;

}





.section-rates .trade table.table tbody td.bg-dark {

  background: #cfecc6!important;

  color: #000!important;



}

.section-rates .trade.table-responsive td.bg-dark p strong{

  color: #000!important;

}

@media (max-width: 1499px){



  .section-looking h2 {

    font-size: 42px;

    line-height: 60px;

    margin-bottom:44px

  }

  .section-looking .section {

    padding: 35px 15px;

  }

  .section-looking .sub-holder {

    padding: 0;

  }

  .looking-list .item .cell {

    margin-bottom: 0;

  }



}





.section-rates .large-view{ text-align:justify;}



.page-nav .navbar-nav .large-drop .dropdown-menu ul a.slevel{

  cursor: default;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul li:hover a.slevel{

  color: #002854;

}

.page-nav .navbar-nav .large-drop .dropdown-menu ul > li:hover:before {

  color: #002854;

}

.footer-nav li.fslevel > a{

  cursor: default;

  color: #ffffff;

}



.footer-nav li.fslevel:hover > a{

  cursor: default;

  color: #ffffff;

}

section.section-career p.text-justify{

  width: 100%;

}







/*.services-slider .owl-nav{

    position: absolute;

    width: 100%;

    left: 0px;

    pointer-events: none;

    top: 50%;

    margin-top: -60px;



    }*/





    .services-slider .owl-nav .owl-next, .services-slider .owl-nav .owl-prev {

      position: absolute;

      top:50%;

      color: #002854;

      font-size:58px;

      padding: 0px;

      text-align: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin-top: -64px;

      pointer-events: fill;

    }



    .services-slider .owl-nav .owl-next:before, .services-slider .owl-nav .owl-prev:before {

      content: "\f105";

      font-family: "FontAwesome";

      margin: 0;

      text-indent: 0px;

    }



    .services-slider .owl-nav .owl-next {

      right: 0;

    }



    .services-slider .owl-nav .owl-next:before {

      content: "\f105";

    }



    .services-slider .owl-nav .owl-prev {

      left: 0;

    }



    .services-slider .owl-nav .owl-prev:before {

      content: "\f104";

    }





    section.location-list .card-body p a{

      color:#000;

    }



    section.section-news .events-slider .item {

      margin-bottom: 48px;

    }





    @media (max-width: 1399px){

      section.section-news .events-slider .item {

        margin-bottom: 58px;

      }

    }



    section.location-list .card-body li {

      position: relative;

      padding-right: 0px;

      padding-bottom: 15px;

      padding-left: 45px;

      font-size: 16px;

      margin: 0 0 8px;

      line-height: 35px;  

      background-repeat: no-repeat;

      background-position: 0 0;

      height: 38px;

      color: #000000;

    }

    section.location-list .card-body li.atm {

      background-image: url(/assets/images/atm-icon.png);

    }

    section.location-list .card-body li.cdm {

      background-image: url(/assets/images/cdm-icon.png);

    }





    .section-looking p {

      text-align: justify;

    }



    .section-looking .sub-wrapper p {

      text-align: left;

    }



    .section-careerDetails h3 {

      font-size: 20px;

      line-height: 24px;

      text-transform: uppercase;

    }



    @media (max-width: 1199px){

      .header-top .top-nav a {

        border-left: 1px solid #204369;

      }

    }



    section.section-careerDetails h3 p{

     display: inline-block;

     font-size: 16px;

     text-transform: capitalize;

   }



   .table.rate-table td img{

    height: 35px;

  }





  @media (max-width: 991px){

    .page-nav .navbar-nav .nav-item .nav-link:before {

      background-position: 0 0px!important;

      margin-top: -16px!important;

    }



    .page-nav .navbar-nav .nav-item.on .nav-link:before {

      background-position: 0 -48px!important;

    }

    .mob-bottom-nav .switch-ar{

      line-height:  17px;

    }

    .mob-bottom-nav .ebos-online {  

      margin: 20px 0 10px;

    }

  }







  /*---------gridtab--------*/

  .benefits-list .gridtab--0 > dt {

    border-color: transparent!important;

  }

  .benefits-list .gridtab>dt {

    background: transparent!important;

    cursor: pointer;

  }

  .benefits-list .gridtab--0>dd {

    border-color: #17426f;

    padding: 50px;

    background: #17426f;

    text-align: center;

    font-size: 16px;

    line-height: 22px;



  }

  .benefits-list .gridtab--0 >dt.is-active:after {

    background: #17426f!important; 

  }

  .gridtab--0 >dt.is-active {

    background: #17426f!important;

  }

  .gridtab>dd>.gridtab__controls>.gridtab__arrow:before, 

  .gridtab>dd>.gridtab__controls>.gridtab__arrow:after, 

  .gridtab>dd>.gridtab__controls>.gridtab__close:before, 

  .gridtab>dd>.gridtab__controls>.gridtab__close:after {

    width: 1px;

    height: 30px;  

  }

  .gridtab>dd>.gridtab__controls>.gridtab__arrow, .gridtab>dd>.gridtab__controls>.gridtab__close{

    background: transparent!important;

  }

  .gridtab>dd>.gridtab__controls {

   right: 25px;

   top: 22px;

 }





 .benefits-list h6 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 16px;

}

.benefits-list h3 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 30px;

  margin: 0 0 25px;    

}

.benefits-list h4 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 19px;

  margin: 0 0 10px;    

}

.benefits-list p {

  font-size: 14px;

  line-height: 22px;



}



.benefits-list dd ul {

  text-align: left;

  margin:15px 0px;    

}

.benefits-list dd li {

  text-align: left;

  margin: 0 0 15px;

  position: relative;

  padding: 0 0 0 20px;    

}

.benefits-list dd li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  font-size: 25px;

  color: #ffffff;

}



@media (max-width: 1500px){

  .benefits-list h3 {

    font-size: 26px; 

  }

}

/*---------gridtab--------*/





.restrict{

  position: absolute;

  width: auto;

  left: 15px;

  font-size: 12px;

  font-style: italic;

  color: red;

  margin: 0;

  bottom: 8px;  

}

.charrem{

  position: absolute;

  right: 15px;

  font-size: 13px;

  bottom: 8px;

}



@media (max-width: 1500px){

  .board-list .item.large figure:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: auto;

    background-size: contain;

    width: 140px;

  }



}



@media (max-width: 599px){

  .restrict {

    width: 41%;

    line-height: 10px;

    font-size: 12px;

    bottom: 8px;

  }

}





.form-control:disabled, .form-control[readonly] {

  background-color: #fff;

  opacity: 1;

}





@media (max-width: 1279px){

  .home-slider .item > img {

    height: auto;

  }

  .home-slider .item {

    height: auto;

  }

}







.ui-datepicker-next.ui-corner-all, .ui-datepicker-prev.ui-corner-all {

  border: none;

  background: #ededed;

  font-weight: normal;

}



.ui-datepicker-next.ui-corner-all .ui-icon.ui-icon-circle-triangle-e{

  background-position: -48px -192px;

  background-image: url(/assets/images/ui-icons_555555_256x240.png);



}



.ui-datepicker-prev.ui-corner-all .ui-icon.ui-icon-circle-triangle-w{

  background-position: -80px -192px;

  background-image: url(/assets/images/ui-icons_555555_256x240.png);



}





@media (max-width: 767px){

  .section-services .section-title h2 br {

   display: none;

 }

}









.section-benefits.new-list .section-title.style-2 h2 {

 margin-top: 0px;

 color: #fff;

}



.accordion.accordion-benifit{

  border-top: 1px solid rgba(255,255,255,0.3);

}



.benifit-wrap .accordion-benifit .card {



  margin-bottom: 0px;

  background: transparent;

  margin-top: -2px;

  border-left: 1px solid rgba(255,255,255,0.3);

  border-right: 1px solid rgba(255,255,255,0.3);

  border-bottom: 1px solid rgba(255,255,255,0.3);

}





.benifit-wrap .accordion-benifit .card-header {

  padding: 0;

  background: transparent;

  border: none;

}



.benifit-wrap .accordion-benifit .card-header .btn {

  padding: 0px 0;

  padding-right: 0px;

  font-family: "DubaiMedium";

  font-size: 18px;

  color: #fff;

  text-decoration: none;

  position: relative;

  white-space: normal;

  text-align: left;

  width: 100%;

}

.benifit-wrap .accordion-benifit .card-header .btn i {

  width: auto;

  margin-right:0px; 

}



.benifit-wrap h3{

  padding: 23px 80px 23px 20px;

  color: #fff;

  font-family: "DubaiMedium";

  font-size: 18px;

  position: relative;

  text-transform: uppercase;

  display: block;

  margin-top: -66px;

  margin-bottom: 0px;

  background-color: #0f345e;



}

.benifit-wrap h3 i{

  position: absolute;

  right: 10px;

  top: 10px;

}



.benifit-wrap .gold-wrap h3{

  color: #fff;

}

.benifit-wrap .silver-wrap h3{

  background-color: #e1e1e1;

  color: #333;

}

.benifit-wrap .card-header .btn img {

  width: 55px;

  height: 30px;

  /*  object-fit: cover;*/

}

.benifit-wrap .compare-list {

  display: inline-block;

  text-align: center;

  width: 50%;

}



.benifit-wrap .compare-list li{

  padding: 10px 0;

  display: inline-block;

  position: relative;

  width: 48%;

}

.benifit-wrap .compare-list li i{

  margin: 0 auto;

  display: inline-block;

  color: rgba(255,255,255,0.7);

  font-size: 25px;

}

.benifit-wrap .compare-list li:first-child:after{

  width: 1px;

  height: 100%;

  position: absolute;

  background-color: rgba(255,255,255,0.3);

  content: "";

  right: -20px;

  top: 0px;



}



@media (max-width: 767px) {

  .benifit-wrap .accordion-benifit .card-header .btn {

    font-size: 18px;

  }

}

.benifit-wrap .accordion-benifit .card-header .btn span{

  position: relative;

  width: 44%;

  display: inline-block;

  padding: 10px 0;



}

.benifit-wrap .accordion-benifit .card-header .btn span:before {

  content: '';

  width: 33px;

  height: 38px;

  background: url(/assets/images/aacord-icon.png) no-repeat 0 -42px;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -19px;

}

.benifit-wrap .accordion-benifit .card-header .btn span:after{

  width: 1px;

  height: 100%;

  position: absolute;

  background-color: rgba(255,255,255,0.3);

  content: "";

  right: -20px;

  top: 0px;



}



.benifit-wrap .accordion-benifit .card-header .btn.collapsed span:before {

  background-position: 0 0;

}



.benifit-wrap .accordion-benifit .card-body {

  padding: 15px;

  color: #fff;

  text-align: left;

  font-size: 16px;

  line-height: 22px;

}

.benifit-wrap .accordion-benifit .card-header .btn .compare-list{

 position: relative;

}

.benifit-wrap .accordion-benifit .card-header .btn .compare-list:after{

 position: relative;

 width: 100%;

 height: 1px;

 position: absolute;

 background-color: rgba(255,255,255,0.3);

 content: "";

 left: 15px;

 bottom: -2px;

}



.benifit-wrap .accordion-benifit .card-body h3 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 30px;

  margin: 0 0 25px;    

}

.benifit-wrap .accordion-benifit .card-body h4 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 19px;

  margin: 0 0 10px;    

}

.benifit-wrap .accordion-benifit .card-body p {

  font-size: 14px;

  line-height: 22px;

  color: #fff;



}



.benifit-wrap .accordion-benifit .card-body ul {

  text-align: left;

  margin:15px 0px;    

}

.benifit-wrap .accordion-benifit .card-body li {

  text-align: left;

  margin: 0 0 15px;

  position: relative;

  padding: 0 0 0 20px;    

}

.benifit-wrap .accordion-benifit .card-body li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  font-size: 25px;

  color: #ffffff;

}





.wrap-benifit-tab{

  display: block;

}

.ben-tab{

  display:block;

}

.ben-tab li{

 display:inline-block;

 width: 49%;

}

.ben-tab li a{

  padding: 23px 80px 23px 20px;

  color: #333;

  font-family: "DubaiMedium";

  font-size: 16px;

  position: relative;

  text-transform: uppercase;

  display: block;

  background-color: #e1e1e1;

}

.ben-tab li.active a{

  background-color: #0f345e;

  color: #fff;

}



.ben-tab li a i{

  position: absolute;

  right: 10px;

  top: 10px;

}

.benifit-container{

  display: block;

}

.benifit-container .ben-content{

  display: none;

}











.benifit-container .accordion.accordion-benifit{

  border-top: 1px solid rgba(255,255,255,0.3);

}



.benifit-container .accordion-benifit .card {



  margin-bottom: 0px;

  background: transparent;

  margin-top: -2px;

  border-left: 1px solid rgba(255,255,255,0.3);

  border-right: 1px solid rgba(255,255,255,0.3);

  border-bottom: 1px solid rgba(255,255,255,0.3);

}





.benifit-container .accordion-benifit .card-header {

  padding: 0;

  background: transparent;

  border: none;

}



.benifit-container .accordion-benifit .card-header .btn {

  padding: 8px 0;

  padding-right: 0px;

  font-family: "DubaiMedium";

  font-size: 16px;

  color: #fff;

  text-decoration: none;

  position: relative;

  white-space: normal;

  text-align: left;

  width: 100%;

}

.benifit-container .accordion-benifit .card-header .btn i {

  width: auto;

  margin-right:0px; 

}



.benifit-container h3{

  padding: 23px 80px 23px 20px;

  color: #fff;

  font-family: "DubaiMedium";

  font-size: 18px;

  position: relative;

  text-transform: uppercase;

  display: block;

  margin-top: -96px;

  margin-bottom: 0px;

  background-color: #0f345e;



}

.benifit-container h3 i{

  position: absolute;

  right: 10px;

  top: 10px;

}



.benifit-container .gold-wrap h3{

  color: #fff;

}

.benifit-container .silver-wrap h3{

  background-color: #e1e1e1;

  color: #333;

}

.benifit-container .card-header .btn img {

  width: 55px;

  height: 30px;

}



.benifit-container .accordion-benifit .card-header .btn span{

  position: relative;

  width:84%;

  display: inline-block;

  padding: 10px 0;



}

.benifit-container .accordion-benifit .card-header .btn span:before {

  content: '';

  width: 33px;

  height: 38px;

  background: url(/assets/images/aacord-icon.png) no-repeat 0 -42px;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -19px;

}



.benifit-container .accordion-benifit .card-header .btn.collapsed span:before {

  background-position: 0 0;

}



.benifit-container .accordion-benifit .card-body {

  padding: 15px;

  color: #fff;

  text-align: left;

  font-size: 16px;

  line-height: 22px;

}





.benifit-container .accordion-benifit .card-body h3 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 30px;

  margin: 0 0 25px;    

}

.benifit-container .accordion-benifit .card-body h4 {

  color: #fff;

  font-family: 'DubaiMedium';

  font-size: 19px;

  margin: 0 0 10px;    

}

.benifit-container .accordion-benifit .card-body p {

  font-size: 14px;

  line-height: 22px;

  color: #fff;



}



.benifit-container .accordion-benifit .card-body ul {

  text-align: left;

  margin:15px 0px;    

}

.benifit-container .accordion-benifit .card-body li {

  text-align: left;

  margin: 0 0 15px;

  position: relative;

  padding: 0 0 0 20px;    

}

.benifit-container .accordion-benifit .card-body li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 0;

  top: 0;

  font-size: 25px;

  color: #ffffff;

}



.content-account.credit-content {

  padding: 30px 0 170px;

}





.view-mob{

  display: none;

}

.view-larg{

  display: block;

}





@media (max-width: 1360px) {

  .form.style-1 .form-group, .style-2 .form-group {

    margin-bottom: 10px;

  }



}



.en-video-desktop{ display:block;}

.en-video-mob{ display:none;}

video.video-wrap {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

}

@media (max-width: 991px){

.home-slider .item video.desk-video{display:none;}

.home-slider .item video.mob-video{display:block;}

.en-video-desktop{ display:none;}

.en-video-mob{ display:block;}

}





@media (max-width: 767px) {

  .view-mob{

    display: block;

  }

  .view-larg{

    display: none;

  }

  .table-responsive.benifit.view-mob table {

    width: 350px;

  }

  .table-responsive.benifit .gold-wrap, .table-responsive.benifit .silver-wrap {

    color: #fff;

    padding: 10px 0 0;

  }

  .fig-info{ 

top:15%; 

height:360px;

padding: 0px;

}

}









.table-responsive.benifit.view-mob .gold-wrap h3, .table-responsive.benifit.view-mob .silver-wrap h3 {

  text-align: center!important;

}



.table-responsive.benifit.view-mob table.table td.title-td{

  font-size: 24px;

  background: #002854;

  padding: 14px;

}

.table-responsive.benifit.view-mob table.table td{

  padding: 0px;

}

.table-responsive.benifit.view-mob table.table td td{

  padding: 10px;

  border: none;

}

.table-responsive.benifit table.table td.sub-title-td{

  background: #4c79a9!important;

}







@media (max-width: 575px){

  .d-sm-none {

    display: none!important;

  }

}



table.table tbody tr.whitetxt td, table.table tbody tr.whitetxt td strong{

  color: #fff!important

}





@media (max-width: 1399px){

  .benifit-wrap h3 {

    margin-top: -46px;

  }

  .benifit-wrap .accordion-benifit .card-header .btn span {

    width: 43.45%;

  }

  .benifit-wrap .accordion-benifit .card-header .btn span:before {

    width: 22px;

    height: 26px;

    background: url(/assets/images/aacord-icon.png) no-repeat 0 -27px;

    margin-top: -14px;

    background-size: cover;

  }

  .benifit-wrap .compare-list li i {

    font-size: 17px;

  }

}



@media (max-width: 1199px){

  .benifit-wrap .accordion-benifit .card-header .btn {

    font-size: 17px;   

  }

}

@media (max-width: 991px){

  .section-benefits.new-list .section-title.style-2 h2 {

    margin-top: 0px;

    color: #fff;

  }

}



@media (max-width: 767px){

  .section-benefits.new-list .section-title.style-2 h2 {

    margin-top:0px;

  }

  .board-list .item figure {

    min-height: 450px;

    background-size: cover;

    background-position: 27%;

  }

}

@media (max-width: 570px){

  .section-benefits.new-list .section-title.style-2 h2 {

    margin-top: 0px;

  }

  .ben-tab li {

   width: 100%;

 }

 .benifit-container .accordion-benifit .card-header .btn span {

  width: 87%;

}

.benifit-container .accordion-benifit .card-header .btn span:before {

  right: 10px;

  margin-top: -20px;

}

}





@media only screen and (min-width : 575px) and (max-width : 742px)  {

  .home-slider .owl-item {

    height: auto;

  }

  .petiqe-wrapper {

    height: 107vh;

  }

}



label.error{border:0!important;color:red !important;font-size:12px;}

label.error:after{display:none;}



@media (max-width:767px){

  .desktop-view{

    display: none;

  }

  .mobile-view{

    display: block;

  }

}



@media (min-width: 768px){

  .desktop-view{

    display: block;

  }

  .mobile-view{

    display: none;

  }

}



@media (max-width: 767px){

  .timeline .stand-wrapper .bg h4 {

    font-size: 19px;

    line-height: 22px;

  }

  .time-btns li {

    padding-right: 55px;

  }

  .timeline .stand-wrapper {

    background: url(/assets/images/timeline-image-mob.jpg) no-repeat center bottom;

    background-size: cover;



  }

}



.moredatac{

  position: relative;

}

.moredatac .form-group.col-lg-5 {

  padding-right: 65px;

}

.moredatac p {

  position: absolute;

  right: 0;

  bottom: 13px;

}

.home-slider .item video.mob-video{display:none;}

@media (max-width: 767px){

  .moredatac {

    position: relative;  

    border: 1px solid #a6cbf1;

    border-radius: 10px;

    text-align: left;

    margin: 0 0 15px;

    padding: 10px 10px 72px;

  }

  .moredatac p {

    position: absolute;

    left: 50%;

    bottom: -19px;

    margin-left: -64px;

  }

  .home-slider .item video.desk-video{display:none;}

.home-slider .item video.mob-video{display:block;}

}





@media only screen and (min-width : 575px) and (max-width : 767px)  {

  .board-list .item figure{min-height:600px;}

  .board-list .item.large figure{min-height:520px;}



  .rem-button{

    display: none!important;

  }



}



.tool-wrap{

  position: relative;

  display: inline-block;           

  width: auto;

}

.tool-tip-bx{

  width: 420px;

  background-color: rgba(0,0,0,1);

  padding: 20px;

  color: #fff;

  font-size: 15px;

  text-transform: initial;

  opacity: 0;

  position: absolute;

  pointer-events:none;

  bottom: 180%;

  left: 50%;

  line-height: 20px;

  margin-left: -107px;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



.tool-tip-bx:after {

  top: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(0, 0, 0, 0);

  border-top-color: #000000;

  border-width: 15px;

  margin-left: -15px;

}

.tool-tip-bx p{

  color: #fff!important;

  font-size: 15px!important;     

  text-transform: initial;      

  line-height: 20px;

}

.hvr-tool .tool-tip-bx{ 

  opacity: 1;

  bottom: 140%;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}

.tool-tip-bx ul{

  display:block;

  margin:8px 0;



}

.tool-tip-bx li{

  display:block;

  margin:0 0 5px;



}

.click-tool{

  color: #000;

  font-size: 18px;

  text-decoration: none;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

}



span#mail_address4SelectBoxItContainer{

  display: none!important;

}



ul.swiftcode{margin-bottom:35px;}

ul.swiftcode li{float:left; margin:0px 20px 15px 0px; font-size:16px;}

.tip-menu{position: relative;}

.tip-menu ul{position: absolute;top:0;left: 0;height: 100%;

  display:-webkit-box;display:-ms-flexbox;display:flex;

  -ms-flex-wrap:wrap;

    flex-wrap:wrap;

}

.tip-menu li{

  height: 50%;

  width: 50%;

  text-align: center;

  text-transform: uppercase;

  position: relative;

  border: 0px solid #fff;

}

.tip-menu li a{

  color: #fff!important;

  display: block;

  height: 100%;

  padding: 20px;

  position: relative;

  z-index: 2;

  display:-webkit-box;display:-ms-flexbox;display:flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack:center;

  -ms-flex-pack:center;

  justify-content:center;

  cursor:pointer

}

.tip-menu li:before{

  background: url('/assets/images/tipmenu.svg') no-repeat;

  background-size: 100%;

  content: '';

  position: absolute;

  left: 0;

  width: 100%;

  top: 0;

  height: 100%;

  opacity: 0;

  -webkit-transition: all ease .3s;

-o-transition: all ease .3s;

transition: all ease .3s;

}



.tip-menu li:nth-child(1){

  border-width: 0 1px 1px 0;  

}

.tip-menu li:nth-child(2){

  border-width: 0 0 1px 0;

}

.tip-menu li:nth-child(1) a, .tip-menu li:nth-child(2) a{

  padding-top: 45%;

}

.tip-menu li:nth-child(3) a, .tip-menu li:nth-child(4) a{

  padding-bottom: 45%;

}

.tip-menu li:nth-child(3){

  border-width: 0 1px 0 0;

}

.tip-menu li:nth-child(2):before{

  -webkit-transform: scaleX(-1);

-ms-transform: scaleX(-1);

  transform: scaleX(-1);

}

.tip-menu li:nth-child(3):before{

  -webkit-transform: scaleY(-1);

-ms-transform: scaleY(-1);

  transform: scaleY(-1);

}

.tip-menu li:nth-child(4):before{

  -webkit-transform: scale(-1, -1);

-ms-transform: scale(-1, -1);

  transform: scale(-1, -1);

}

.tip-menu li:hover:before{

  opacity: .8;

}

.tip-menu li.active:before{

  opacity: 1;

}

.tip-menu li.active a{

  color: #002854;

}

.tip-menu p{

  color: #002854;

  position: absolute;

  left: -100px;

  top: 45%;

  margin: 0;

}

.tip-open .tip-menu p{

  display: none;

}

.tabs-tip {

  position: relative;

}

.tabs-tip .tabcontent{

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  -webkit-transition: all ease .3s;

  -o-transition: all ease .3s;

  transition: all ease .3s;

  pointer-events: none;

}



.gbc-content{

    max-width:900px!important;

}

.tabs-tip .tabcontent.active{

  position: static;

  opacity: 1;

  pointer-events: fill;

}

.section-tips{

  background: url('/assets/images/tips-bg.jpeg') no-repeat right center;

  background-size: cover;

}

.section-tips figure img{

  width: 100%;

}

.section-tips.tip-open{

  background: none;

}



@media (max-width: 767px){

  .tip-menu p{

    display: none;

  }

}

.gbc-content{

    max-width:900px!important;

}



#agendamodel .modal-content,#agendamodel1 .modal-content,#agendamodel2 .modal-content,#agendamodel3 .modal-content,#agendamodel4 .modal-content,#agendamodel5 .modal-content {max-width:100% !important}

.team-management-wrap

{

	margin:0;



}

.team-management-wrap .team-inner {

  background: url("/assets/images/bg-item-1.png") no-repeat center;

  background-size: contain;

  height: 200px;

  max-width: 220px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-flow: column;

  flex-flow: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 10px 26px 0px 26px;

}

@media only screen and (min-width : 991px) and (max-width : 1366px)  {

	

.team-management-wrap .team-inner {

  height: 200px;

}

}

@media only screen and (min-width : 991px) and (max-width : 1300px)  {

.team-management-wrap .team-inner {

  background: url("/assets/images/bg-item-1.png") no-repeat center;

  background-size: contain;

  height: 200px;

  max-width: 220px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-flow: column;

  flex-flow: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 10px 12px 0px 12px;

}

.team-management-wrap .team-inner p {

font-size: 14px;

line-height: 13px;

text-align: center;

font-family: 'DubaiW23-Regular';

}

}



.team-management-wrap .team-inner h2 {

position: relative;

padding-bottom: 9px;

margin-bottom: 7px;

font-size: 12px;

line-height: 16px;

text-align: center;

text-transform: uppercase;

font-family: 'DubaiMedium';

height:70px;

}.team-management-wrap .team-inner p {

font-size: 12px;

line-height: 7px;

text-align: center;

font-family: 'DubaiW23-Regular';

}



.team-management-wrap .team-inner h2:before {

  content: '';

  width: 90px;

  height: 2px;

  background: #ffba00;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -45px;

}

section.bl-team

{

	background-color:#f1f6fb;

	padding:8px;

}

.shape-center

{

	max-width:335px;

	margin:0px auto;

}

.marg

{

  margin-bottom: -5px;

}

.marg2

{

  margin-left: 8.3%;

}

.marg3

{

  margin-left: 31.2%;

}

.team-manage-group {

    margin-top: -60px;

}

.team-management-top {

    padding: 10px 0;

}

.team-management-top .col-lg-3

{

	margin:0px;

	padding:5px;}

@media (max-width: 767px){

  .team-manage-group 

{

    margin-top: 0px;

}

.team-management-wrap .team-inner h2 {height:auto;}

}

.sub-list{

  display: block;

  margin: 0;

  padding: 0;

}

.sub-list li{

  display: block;

  margin: 0 0 11px;

  position: relative;

  padding:0 0 0 25px;

  counter-increment: li;



}

.sub-list li:before{

     content: counter(li);

    display: inline-block;

    font-weight: bold;

    width: 1em;

    margin-left: -1em;

    color: #002854;

}



.section.section-appForms .card-body .col-lg-6 .img-full {

    border: 1px solid #ccc;

}



/*----------10-03-2021----  */

.wrp-list {

    border: 1px solid #ccc;

    margin: 0 0 12px;

    padding: 5px 15px;

}



ul.job-detail li {

    display:inline-block;

    padding: 0 15px;

}

ul.job-detail li strong {

    padding: 0 20px 0px 0;

    margin: 0;

    white-space: nowrap;

    float: left;

}

ul.job-detail li p {

    padding: 0;

    margin: 0;

    display: inline;

}



.job-vacancies-accordian .accordion-career .item {

    position: relative;

    padding-left: 15px;



}

.job-vacancies-accordian .accordion-career .item:before{

  display: none;

}



.job-vacancies-accordian .accordion-career .card-body {

    background: #f5f5f5;

    padding: 30px;

}

/*----------10-03-2021----  */



/*----------06-03-2021----  */

.row.table-desktop .col-md-12{

	padding:0;

	}

.table-desktop table.table td {

    padding: 5px 0;

    text-align: center;

        font-family: 'DubaiW23-Regular';

        white-space: nowrap;

}

.table-desktop table.table thead td {

 color: #fff;

}

  .table-desktop{

display: block;

  }

  .table-mobile{

display: none;

  }



@media (max-width: 991px){

  .table-desktop{

display: none;

  }

  .table-mobile{

display: block;

  }

body .table-mobile table.rate-table.exchnage-wrap tr td{

padding: 12px ​10px;

}

body .table-mobile table.rate-table.exchnage-wrap tr td:first-child {

    background: #002854;

    text-align: left;    

    color: #fff;

    width: 150px;

}



}



/*----------06-03-2021----  */





/* --------------------1-12-21------------------- */





.section-market-review .newsletter {

  position: relative;

  margin-bottom: 25px;

}



.section-market-review .newsletter input[type="text"] {

  max-width: 230px;

  width: 100%;

  padding: 8px 10px;

  border: 1px solid #CCC;

  margin-right: 4px;

  box-sizing: border-box;

}



.section-market-review .newsletter input[type="submit"] {

  background: #fbbb00;

  padding: 8px 10px;

  box-sizing: border-box;

}



.section-market-review .market-review-wrap .side-left {

  background-color: #fff;

  padding: 0;

  position: sticky;

  top: 8rem;

  align-self: start;

}



.section-market-review .market-review-wrap ul.side-left li {

  margin: 0;

  border-bottom: 1px solid #fff;

  background-color: #022853;

  width: 100%;

  display: block;

  border-radius: 0;

}



.section-market-review .market-review-wrap .nav-tabs .nav-link {

  color: #fff;

  font-size: 18px;

  position: relative;

  padding: 13px 15px;

}



.section-market-review .market-review-wrap .nav-tabs .nav-link.active {

  color: #000;

  background-color: #fbbb00;

  border-radius: 0;

  border: none;

  padding: 13px 15px;

}



.drop select {

  width: 100%;

  height: 40px;

  padding: 5px 10px;

  border: 1px solid #ccc;

}



.section-market-review .market-review-wrap .card-header {

  padding: 0.75rem 1.25rem;

  margin-bottom: 10px;

  background-color: #2b2974;

  color: #fff;

  border: none;

  display: none;

}



.section-market-review .market-review-wrap h3 {

  color: #000;

  font-size: 27px;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 30px;

}



ul.review-list {

  display: block;

  padding-left: 0px;

  text-align: justify;

}



ul.review-list li {

  display: block;

  position: relative;

  padding-left: 25px;

}



ul.review-list li:before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  left: 2px;

  top: -2px;

  color: #6c757d;

  font-size: 20px;

  font-weight: bolder;

}



.section-market-review .market-review-wrap ul.side-left li.bg-white-wrap {

  background-color: #FFF;

}



.d-brochure {

  float: right;

  text-align: center;

  margin-left: -120px;

  position: relative;

  width: 100%;

  z-index: 2;

}



.d-brochure a {

  border: 1px solid #fbbb00;

  background-color: #fbbb00;

  color: #022853;

  padding: 5px 15px 5px 50px;

  position: absolute;

  right: 0;

  width: auto;

}



.section-market-review table .topbg {

  background-color: #223e66;

  color: #fff;

}



.section-market-review table.table thead th, table.table tbody th {

  border: 2px solid #fff;

  font-size: 17px;

  color: #fff;

  font-family: 'DubaiW23-Regular';

  font-weight: normal;

  padding: 5px;

  white-space: nowrap;

}



.section-market-review table .green {

  color: #009900;

}



.section-market-review table .red {

  color: #CC0000;

}



.section-market-review .date {

  width: 130px;

  background-color: #f3f3f3;

  color: #000;

  text-align: center;

  padding: 15px 8px;

  margin-right: 18px;

  margin-bottom: 15px;

  float: left;

}



.section-market-review .date h4 {

  font-size: 28px;

}



.section-market-review .date h4 span {

  display: block;

  font-size: 19px;

}



.d-brochure a img {

  width: 25px;

  position: absolute;

  left: 13px;

  top: 8px;

  opacity: 1;

}



.d-brochure a img.back {

  display: none;

}



.d-brochure a img {

  width: 25px;

  position: absolute;

  left: 13px;

  top: 8px;

  opacity: 1;

}



.d-brochure a:hover {

  background-color: #dba403;

}



.d-brochure .content {

  margin-top: 8px;

  margin-left: 0px;

}



.section-market-review .market-review-wrap h3 {

  color: #000;

  font-size: 27px;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  line-height: 30px;

  margin-top: 20px;

  margin-bottom: 30px;

}



section.market-review {

  background: #e7f3ff;

  padding: 0px 0 15px;

}



.table-responsive {

  width: 102%!important;

}



.desk-view {

  display: block;

}



.mob-view {

  display: none;

}



.section-market-review table .topbg-light {

  background-color: #2a649a;

  color: #fff;

  font-weight: bold;

}



.market-review-wrap .card-body {

	padding: 0;

}



@media (max-width: 767px){

  .desk-view {

    display: none;

  }

  

  .mob-view {

    display: block;

  }



  .d-brochure {

    float: none;

    margin: 0;

    position: relative;

    padding: 70px 0 0 0;

  } 



  .d-brochure a {

    text-align: left;

    width: 100%;

    right: auto;

    left: 0;

    top: 0;

  }

}





.news-letter-wrap

{

	padding:50px 15px;

	background-color:#022853;

	text-align:center;

	color:#fff;

	margin-top: 25px;

}

.news-letter-wrap i

{

	margin-bottom:30px;

}

.section-market-review .market-review-wrap .news-letter-wrap h3 {

  font-size: 27px !important;

  margin-top:15px !important;

  color:#fff !important;

}

.news-letter-wrap input[type="text"] {

  width: 100%;

  padding: 8px 10px;

  border: 1px solid #FFFFFF5E;

  margin-right: 4px;

  box-sizing: border-box;

  background-color:transparent;

  width:100%;

  margin-bottom:10px;

  color:#fff;

}

.news-letter-wrap input[type="submit"] {

  background: #fbbb00;

  padding: 8px 10px;

  box-sizing: border-box;

  width:100%;

  border:none;

  font-size:20px;

  letter-spacing:1px;

  cursor: pointer;

}

#myModal_111 .modal-content.down-content {     max-width: 1150px!important;}

.table{

  padding: 0px;

  border-spacing:0px ; width: 100%;

}

.media-title{

  padding-top:15px;

}











.management-wrap .team-management-wrap {

    margin: 0;

    display: flex;

    justify-content: center;

	padding-bottom:30px;

}

.management-wrap .team-management-wrap-col {

    margin: 0;

    display: flex;

    justify-content:space-between;

	padding-bottom:30px;

}

.management-wrap .team-management-wrap-col-2 {

    margin: 0;

    display: flex;

    justify-content:space-evenly;

	padding: 0px 50px 30px;

}

.management-wrap .team-management-wrap .team-inner, .management-wrap .team-management-wrap-col .team-inner, .management-wrap .team-management-wrap-col-2 .team-inner {

    background: url("../images/bg-item-1.png") no-repeat center;

/*    background: url(/assets/images/bg-item-1.png) no-repeat center;

*/    background-size: contain;

    height: 200px;

    max-width: 220px;

	width:100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 10px 26px 0px 26px;

}

.management-wrap .team-management-wrap .team-inner h2, .management-wrap .team-management-wrap-col .team-inner h2, .management-wrap .team-management-wrap-col-2 .team-inner h2 {

    position: relative;

    padding-bottom: 9px;

    margin-bottom: 7px;

    font-size: 12px;

    line-height: 16px;

    text-align: center;

    text-transform: uppercase;

    font-family: 'DubaiMedium';

    height: 70px;

}

.team-management-wrap .team-inner p, .management-wrap .team-management-wrap-col .team-inner p, .management-wrap .team-management-wrap-col-2 .team-inner p {

    font-size: 12px;

    line-height: 7px;

    text-align: center;

    font-family: 'DubaiW23-Regular';

}

.team-management-wrap .team-inner h2:before, .team-management-wrap-col .team-inner h2:before, .team-management-wrap-col-2 .team-inner h2:before {

    content: '';

    width: 90px;

    height: 2px;

    background: #ffba00;

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -45px;

}

@media (max-width: 1200px) { 

.management-wrap .team-management-wrap-col-3 .team-inner {

    background-size: contain;

    height: 200px;

    max-width: 150px;

	width:100%;

}

}

@media (max-width: 991px) {



.management-wrap .team-management-wrap {

    display: block;

	padding-bottom:0px;

}

.management-wrap .team-management-wrap-col {

    display: block;

	padding-bottom:0px;

}

.management-wrap .team-management-wrap-col-2 {

    display: block;

	padding: 0px 50px 0px;

}

.management-wrap .team-management-wrap .team-inner, .management-wrap .team-management-wrap-col .team-inner, .management-wrap .team-management-wrap-col-2 .team-inner {

	margin:0 auto;

	margin-bottom:20px;

}

}