html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ul {
  list-style: none; }

ol li::before {
  display: none !important; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }


/* Loader CSS Start */

.main-loading {
  background: #018bd5;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow:hidden;
  
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}


  .lds-ellipsis div {
      position: absolute;
      top: 27px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #fff;
      animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }

      .lds-ellipsis div:nth-child(1) {
          left: 6px;
          animation: lds-ellipsis1 0.6s infinite;
      }

      .lds-ellipsis div:nth-child(2) {
          left: 6px;
          animation: lds-ellipsis2 0.6s infinite;
      }

      .lds-ellipsis div:nth-child(3) {
          left: 26px;
          animation: lds-ellipsis2 0.6s infinite;
      }

      .lds-ellipsis div:nth-child(4) {
          left: 45px;
          animation: lds-ellipsis3 0.6s infinite;
      }

@keyframes lds-ellipsis1 {
  0% {
      transform: scale(0);
  }

  100% {
      transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
      transform: scale(1);
  }

  100% {
      transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
      transform: translate(0, 0);
  }

  100% {
      transform: translate(19px, 0);
  }
}

/* Loader CSS End */

.row {
  margin: 0; }

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed {
  position: fixed !important; }

.centeralize-nav .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 1px;
  transform: translateY(-50%) translateX(-50%); }
  .centeralize-nav .owl-nav .owl-prev, .centeralize-nav .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .centeralize-nav .owl-nav .owl-prev span, .centeralize-nav .owl-nav .owl-next span {
      font-size: 30px;
      position: absolute;
      top: -20px;
      color: #018bd5;
      font-weight: bold;
      z-index: 5; }
    .centeralize-nav .owl-nav .owl-prev.owl-prev, .centeralize-nav .owl-nav .owl-next.owl-prev {
      left: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-prev span, .centeralize-nav .owl-nav .owl-next.owl-prev span {
        left: -4px; }
    .centeralize-nav .owl-nav .owl-prev.owl-next, .centeralize-nav .owl-nav .owl-next.owl-next {
      right: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-next span, .centeralize-nav .owl-nav .owl-next.owl-next span {
        right: -4px; }

.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-none {
  display: none !important; }

.flex-box, .home-page .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center; }

.backgroundCover, .background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizantal-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.vh-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.inline-block {
  display: inline-block; }

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

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

.align-center {
  text-align: center; }

.f-italic {
  font-style: italic; }

.f-bold {
  font-weight: bold; }

.black-gradiant {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+87&0+0,0.87+67 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .overlay.black {
    background-color: #000; }
  .overlay.white {
    background-color: #FFF; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.rotate {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate2 {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.common-arrows-container {
  margin-top: 20px;
  text-align: center;
  justify-content: center; }
  .common-arrows-container .common-arrow-container {
    width: 40px !important;
    position: relative;
    width: 27px !important;
    height: 24px;
    padding: 16px 0;
    background-color: gray; }
    .common-arrows-container .common-arrow-container .left6, .common-arrows-container .common-arrow-container .right6 {
      position: absolute;
      top: 10px;
      border-color: #fff !important; }
    .common-arrows-container .common-arrow-container .left6 {
      left: 9px; }
    .common-arrows-container .common-arrow-container .right6 {
      right: 9px; }
  .common-arrows-container .right-arrow-color {
    background-color: #018bd5 !important;
    border-radius: 0 5px 5px 0; }
  .common-arrows-container .left-arrow-color {
    background-color: #007d8b !important;
    border-radius: 5px 0 0 5px; }

.explore-more:hover {
  background-color:#636363;
  color: #fff !important; }

.common-arrow {
  border: solid #018bd5;
  display: inline-block;
  padding: 3px;
  z-index: 2;
  cursor: pointer; }
  .common-arrow:hover {
    border-color: #FFF; }
  .common-arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  .common-arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  .common-arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }
  .common-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  .common-arrow.lg {
    height: 50px;
    width: 50px;
    border-width: 0 5px 5px 0; }
    .common-arrow.lg.bold {
      border-width: 0 10px 10px 0; }
  .common-arrow.md {
    height: 40px;
    width: 40px;
    border-width: 0 4px 4px 0; }
    .common-arrow.md.bold {
      border-width: 0 8px 8px 0; }
  .common-arrow.sm {
    height: 30px;
    width: 30px;
    border-width: 0 3px 3px 0; }
    .common-arrow.sm.bold {
      border-width: 0 6px 6px 0; }
  .common-arrow.xs {
    height: 20px;
    width: 20px;
    border-width: 0 3px 3px 0; }
    .common-arrow.xs.bold {
      border-width: 0 6px 6px 0; }
  .common-arrow.xxs {
    height: 13px;
    width: 13px;
    border-width: 0 2px 2px 0; }
    .common-arrow.xxs.bold {
      border-width: 0 4px 4px 0; }
  .common-arrow.xxxs {
    height: 3px;
    width: 3px;
    border-width: 0 2px 2px 0; }
    .common-arrow.xxxs.bold {
      border-width: 0 4px 4px 0; }
  @media (max-width: 1199px) {
    .common-arrow.lg, .common-arrow.md {
      height: 30px;
      width: 30px;
      border-width: 0 3px 3px 0; } }
  @media (max-width: 767px) {
    .common-arrow.lg, .common-arrow.md {
      height: 20px;
      width: 20px;
      border-width: 0 3px 3px 0; } }

.common-btn {
  width: max-content;
  align-items: center;
  padding: 8px 12px;
  margin-top: 8px;
  color: #FFF;
  background-color: #018bd5;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  height: 30px;
  text-decoration: none !important;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  display: inline-flex !important; }
  .common-btn img {
    height: 20px;
    margin-left: 15px; }
  .common-btn.gray {
    background-color: #636363; }
  .common-btn.light-blue {
    background-color: #FFF; }
  .common-btn:hover {
    text-decoration: none; }
  .common-btn:focus {
    color: #FFF; }

.no-job-btn {
  font-size: 15px;
  background-color: red;
  padding: 14px 20px;
  color: #FFF;
  background-color: #464646;
  border-left: 5px solid #4cc1cb;
  line-height: 1.4; }
  .no-job-btn:hover {
    color: #FFF; }

.back-btn {
  display: inline-block;
  text-decoration: none !important;
  z-index: 2;
  text-shadow: 1px 0px 6px black; }
  .back-btn .arrow-container {
    height: 24px;
    width: 20px;
    display: inline-block;
    background-color: #1578b3;
    text-align: center;
    padding: 0 8px;
    line-height: 24px; }
  .back-btn .common-arrow {
    position: relative;
    border-color: #FFF; }
  .back-btn .text {
    font-size: 12px; }

.social-icons .social-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #333333;
  font-size: 7px; }
  .social-icons .social-icon:hover {
    text-decoration: none; }

.social-icons.sm .social-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #333333;
  font-size: 10px; }

.social-icons.md .social-icon {
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #333333;
  font-size: 12px; }

.social-icons.lg .social-icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #333333;
  font-size: 17px; }

.social-icons.xl .social-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  background-color: #333333;
  font-size: 23px; }

.social-icons.colared .social-icon {
  color: #FFF; }

.social-icons.colared .fa-facebook-f {
  background-color: #4267b2 !important; }
  .social-icons.colared .fa-facebook-f:hover {
    background-color: rgba(66, 103, 178, 0.8) !important; }

.social-icons.colared .fa-twitter {
  background-color: #1da1f2 !important; }
  .social-icons.colared .fa-twitter:hover {
    background-color: rgba(29, 161, 242, 0.8) !important; }

.social-icons.colared .fa-youtube {
  background-color: red !important; }
  .social-icons.colared .fa-youtube:hover {
    background-color: rgba(255, 0, 0, 0.8) !important; }

.social-icons.colared .fa-instagram {
  background-color: #6643bb !important; }
  .social-icons.colared .fa-instagram:hover {
    background-color: rgba(102, 67, 187, 0.8) !important; }

@font-face {
  font-family: 'semiBoldFont';
  font-style: normal;
  font-weight: normal;
  src: local("BahijTheSansArabic-SemiBold"), url("fonts/AR/BahijTheSansArabic-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'lightFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandelight"), url("fonts/en/corisandelight.woff") format("woff"); }

@font-face {
  font-family: 'regularFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisanderegular"), url("fonts/en/corisanderegular.woff") format("woff"); }

@font-face {
  font-family: 'boldFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandebold"), url("fonts/en/corisandebold.woff") format("woff"); }

@font-face {
  font-family: 'italicFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandeitalic"), url("fonts/en/corisandeitalic.woff") format("woff"); }

@font-face {
  font-family: 'lightitalicFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandelightitalic"), url("fonts/en/corisandelightitalic.woff") format("woff"); }

@font-face {
  font-family: 'bolditalicFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandebolditalic"), url("fonts/en/corisandebolditalic.woff") format("woff"); }

/*Font Sizes*/
.fs-11 {
  font-size: 11px; }

.fs-12 {
  font-size: 12px; }

.fs-13 {
  font-size: 13px !important; }

.fs-14 {
  font-size: 14px; }

.fs-15 {
  font-size: 15px; }

.fs-16 {
  font-size: 16px; }

.fs-17 {
  font-size: 17px; }

.fs-18 {
  font-size: 18px; }
  @media (max-width: 767px) {
    .fs-18 {
      font-size: 15px; } }
  @media (max-width: 491px) {
    .fs-18 {
      font-size: 13px; } }

.fs-19 {
  font-size: 19px; }

.fs-20 {
  font-size: 20px; }

.fs-21 {
  font-size: 21px; }

.fs-22 {
  font-size: 22px; }

.fs-23 {
  font-size: 23px; }

.fs-24 {
  font-size: 24px; }

.fs-25 {
  font-size: 25px; }

.fs-26 {
  font-size: 26px; }

.fs-27 {
  font-size: 27px; }

.fs-28 {
  font-size: 28px; }

.fs-30 {
  font-size: 30px; }

.fs-32 {
  font-size: 32px; }

.fs-35 {
  font-size: 35px; }

.fs-40 {
  font-size: 40px; }
  @media (max-width: 767px) {
    .fs-40 {
      font-size: 25px; } }
  @media (max-width: 491px) {
    .fs-40 {
      font-size: 20px; } }

.fs-45 {
  font-size: 45px; }

.bold {
  font-weight: bold; }

@media (max-width: 1200px) {
  .fs-40 {
    font-size: 37px; }
  .fs-45 {
    font-size: 40px; } }

@media (max-width: 999px) {
  .fs-40 {
    font-size: 35px; }
  .fs-45 {
    font-size: 35px; } }

@media (max-width: 767px) {
  .fs-40 {
    font-size: 30px; }
  .fs-45 {
    font-size: 30px; } }

@media (max-width: 479px) {
  .fs-15, .fs-16, .fs-17 {
    font-size: 14px; }
  .fs-18, .fs-19, .fs-20, .fs-21, .fs-22, .fs-23 {
    font-size: 15px; }
  .fs-24, .fs-25, .fs-26, .fs-27, .fs-28 {
    font-size: 17px; }
  .fs-30, .fs-32 {
    font-size: 25px; }
  .fs-45 {
    font-size: 25px; } }

.mg-top0 {
  margin-top: 0px !important; }

.mg-top5 {
  margin-top: 5px; }

.mg-top10 {
  margin-top: 10px; }

.mg-top15 {
  margin-top: 15px; }

.mg-bottom0 {
  margin-bottom: 0px !important; }

.mg-bottom5 {
  margin-bottom: 5px; }

.mg-bottom10 {
  margin-bottom: 10px; }

.mg-bottom15 {
  margin-bottom: 15px; }

.pd-top5 {
  padding-top: 5px; }

.pd-top10 {
  padding-top: 10px; }

.pd-top15 {
  padding-top: 15px; }

.pd-bottom5 {
  padding-bottom: 5px; }

.pd-bottom10 {
  padding-bottom: 10px; }

.pd-bottom15 {
  padding-bottom: 15px; }

@font-face {
  font-family: 'semiBoldFont';
  font-style: normal;
  font-weight: normal;
  src: local("BahijTheSansArabic-SemiBold"), url("fonts/AR/BahijTheSansArabic-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'lightFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandelight"), url("fonts/en/corisandelight.woff") format("woff"); }

@font-face {
  font-family: 'regularFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisanderegular"), url("fonts/en/corisanderegular.woff") format("woff"); }

@font-face {
  font-family: 'boldFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandebold"), url("fonts/en/corisandebold.woff") format("woff"); }

@font-face {
  font-family: 'italicFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandeitalic"), url("fonts/en/corisandeitalic.woff") format("woff"); }

@font-face {
  font-family: 'lightitalicFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandelightitalic"), url("fonts/en/corisandelightitalic.woff") format("woff"); }

@font-face {
  font-family: 'bolditalicFont';
  font-style: normal;
  font-weight: normal;
  src: local("corisandebolditalic"), url("fonts/en/corisandebolditalic.woff") format("woff"); }

/*Font Sizes*/
.fs-11 {
  font-size: 11px; }

.fs-12 {
  font-size: 12px; }

.fs-13 {
  font-size: 13px !important; }

.fs-14 {
  font-size: 14px; }

.fs-15 {
  font-size: 15px; }

.fs-16 {
  font-size: 16px; }

.fs-17 {
  font-size: 17px; }

.fs-18 {
  font-size: 18px; }
  @media (max-width: 767px) {
    .fs-18 {
      font-size: 15px; } }
  @media (max-width: 491px) {
    .fs-18 {
      font-size: 13px; } }

.fs-19 {
  font-size: 19px; }

.fs-20 {
  font-size: 20px; }

.fs-21 {
  font-size: 21px; }

.fs-22 {
  font-size: 22px; }

.fs-23 {
  font-size: 23px; }

.fs-24 {
  font-size: 24px; }

.fs-25 {
  font-size: 25px; }

.fs-26 {
  font-size: 26px; }

.fs-27 {
  font-size: 27px; }

.fs-28 {
  font-size: 28px; }

.fs-30 {
  font-size: 30px; }

.fs-32 {
  font-size: 32px; }

.fs-35 {
  font-size: 35px; }

.fs-40 {
  font-size: 40px; }
  @media (max-width: 767px) {
    .fs-40 {
      font-size: 25px; } }
  @media (max-width: 491px) {
    .fs-40 {
      font-size: 20px; } }

.fs-45 {
  font-size: 45px; }

.bold {
  font-weight: bold; }

@media (max-width: 1200px) {
  .fs-40 {
    font-size: 37px; }
  .fs-45 {
    font-size: 40px; } }

@media (max-width: 999px) {
  .fs-40 {
    font-size: 35px; }
  .fs-45 {
    font-size: 35px; } }

@media (max-width: 767px) {
  .fs-40 {
    font-size: 30px; }
  .fs-45 {
    font-size: 30px; } }

@media (max-width: 479px) {
  .fs-15, .fs-16, .fs-17 {
    font-size: 14px; }
  .fs-18, .fs-19, .fs-20, .fs-21, .fs-22, .fs-23 {
    font-size: 15px; }
  .fs-24, .fs-25, .fs-26, .fs-27, .fs-28 {
    font-size: 17px; }
  .fs-30, .fs-32 {
    font-size: 25px; }
  .fs-45 {
    font-size: 25px; } }

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed {
  position: fixed !important; }

.centeralize-nav .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 1px;
  transform: translateY(-50%) translateX(-50%); }
  .centeralize-nav .owl-nav .owl-prev, .centeralize-nav .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .centeralize-nav .owl-nav .owl-prev span, .centeralize-nav .owl-nav .owl-next span {
      font-size: 30px;
      position: absolute;
      top: -20px;
      color: #018bd5;
      font-weight: bold;
      z-index: 5; }
    .centeralize-nav .owl-nav .owl-prev.owl-prev, .centeralize-nav .owl-nav .owl-next.owl-prev {
      left: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-prev span, .centeralize-nav .owl-nav .owl-next.owl-prev span {
        left: -4px; }
    .centeralize-nav .owl-nav .owl-prev.owl-next, .centeralize-nav .owl-nav .owl-next.owl-next {
      right: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-next span, .centeralize-nav .owl-nav .owl-next.owl-next span {
        right: -4px; }

.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-none {
  display: none !important; }

.flex-box, .home-page .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center; }

.backgroundCover, .background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizantal-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.vh-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.inline-block {
  display: inline-block; }

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

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

.align-center {
  text-align: center; }

.f-italic {
  font-style: italic; }

.f-bold {
  font-weight: bold; }

.black-gradiant {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+87&0+0,0.87+67 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .overlay.black {
    background-color: #000; }
  .overlay.white {
    background-color: #FFF; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.rotate {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate2 {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

#subscribeNewsletterModal .modal-header {
  background-color: #ffffff;
  color: #000;
  padding: 10px; }

#subscribeNewsletterModal .modal-body,
.modal .modal-body {
  padding: 0; }

#subscribeNewsletterModal .common-input {
  flex-basis: 65%; }

#subscribeNewsletterModal .common-btn {
  flex-basis: 40%; }

.dr-rtl {
  direction: rtl; }

/* Download app link Start */
.dowload__app {
    position: absolute;
    top: auto;
    bottom: 10px;
    width: 100%;
    margin: 0 auto;
}
.dowload__app h1 {
    margin: 0 0 15px 60px;
    font-size: 18px;
}
.dowload__app .app__images {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dowload__app .app__link:first-child {
  margin-right: 15px;
}
.dowload__app .app__link img {
  width: 150px;
}
@media (max-width: 480px){
  .dowload__app .app__link img {
    width: 130px;
  }
}
/* Download app link End */

.loading-container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1; }
  .loading-container .sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto; }
  .loading-container .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
  .loading-container .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .loading-container .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .loading-container .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  .loading-container .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .loading-container .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
  .loading-container .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .loading-container .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .loading-container .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
  .loading-container .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control {
  z-index: 2; }

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
.margin-left-10 {
  margin-left: 10px !important; }

.general-title {
  padding-top: 20px;
  color: #333;
  text-decoration: none !important; }

.modal-header {
  background-color: #018bd5;
  color: #FFF; }

.contactus-modal textarea {
  resize: none;
  min-height: 200px; }

.contactus-modal .common-input {
  width: 100%; }

.contactus-modal .inp-cont {
  margin-bottom: 10px; }
  .contactus-modal .inp-cont label {
    display: block;
    margin-bottom: 10px; }

body {
  line-height: 1;
  font-family: regularFont;
  overflow-x: hidden; }

.icons {
  clear: both; }

.social-icon {
  color: rgba(0, 0, 0, 0.99);
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer; }
  .social-icon:hover {
    color: #018bd5;
    text-decoration: none; }

html, body {
  height: 100%; }

.dark-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); }

.is-1199px, .is-991px,
.is-767px, .is-479px {
  display: none; }

.floating-abs {
  position: absolute;
  z-index: 1; }

.blog-btn {
  top: calc(50% - 50px); }
.blog-btn.btn__login {
  bottom: calc(50% + 5px);
  right: 35px;
  text-transform: uppercase;
  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;
  top: auto;
  border-radius: 0 0 5px 5px;
}

.blog-btn {
  position: fixed;
    right: 34px;
    padding: 10px 10px;
    height: auto;
    top: calc(50% + 115px);
    background-color: #929292;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.63);
    margin: 0;
    z-index: 99;
    border-radius: 0 0 5px 5px;
    transform: rotate(90deg);
    transform-origin: bottom right; 
  }
  .blog-btn span, .explore-more span {
      color: #fff;
      transform: rotate(180deg);
      padding-bottom: 0;
  }


.lang-button {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  display: none !important; }
  .lang-button .lang {
    background-color: #018bd5;
    color: #ddd;
    font-weight: bold;
    line-height: 18px;
    font-size: 17px;
    padding-top: 2px;
    width: 25px;
    height: 25px; }
    .lang-button .lang:hover {
      background-color: #ddd;
      color: #018bd5; }

.languages-bar {
  z-index: 3;
  right: 40px;
  display: inline-block;
  width: auto;
  background-color: rgba(255, 255, 255, 0.75);
  padding-bottom: 0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.61);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden; }
  .languages-bar .lang-header {
    font-size: 12px;
    text-align: right;
    color: #1b4164;
    font-weight: 500;
    padding: 7px;
    background-color: #0b3758;
    cursor: pointer; }
    .languages-bar .lang-header span:hover, .languages-bar .lang-header span:hover a {
      color: #ad8a37; }
    .languages-bar .lang-header a {
      color: #c7cdd3; }
    .languages-bar .lang-header .close-lang-bar {
      float: left;
      /* padding: 5px; */
      width: 15px;
      height: 15px;
      border: 1px solid;
      line-height: 12px;
      text-align: center;
      color: #c7cdd3;
      border-radius: 50%;
      cursor: pointer; }
  .languages-bar .other-languages .text {
    font-size: 13px;
    color: #1b4164;
    font-weight: 500;
    padding-top: 3px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 7px;
    padding-right: 7px; }
  .languages-bar .other-languages .flags {
    width: 162px;
    height: 70px;
    background-image: url("../images/icons/flags.html");
    overflow: hidden;
    background-position: 9px -33px;
    background-repeat: no-repeat; }
  .languages-bar ul, .languages-bar .close-lang-bar {
    display: none; }
  .languages-bar.active {
    z-index: 4; }
    .languages-bar.active ul, .languages-bar.active .close-lang-bar {
      display: block; }

.explore-more-container {
  justify-content: flex-end; }

.margin-button80 {
  margin-bottom: 80px; }

.margin-button20 {
  margin-bottom: 20px; }

.margin-top80 {
  margin-top: 80px; }

.margin-left20 {
  margin-left: 20px; }

.justify-end {
  justify-content: flex-end; }

.common-input {
  padding: 6px 10px;
  border: none;
  background-color: #f3f3f3; }
  .common-input:hover, .common-input:focus {
    box-shadow: 0px 0 3px rgba(0, 125, 138, 0.51); }

.verify-msg {
  color: red;
  padding-top: 10px;
  font-size: 13px;
  font-weight: bold;
  opacity: 0;
  transition: all 0.5s ease;
  opacity: 0; }

.company-logo {
  left: 35px; }
  .company-logo img {
    width: 86% !important;
    max-width: 150px !important; }

.airport-logo {
  right: 35px; }
  .airport-logo img {
    width: 130px; }

.company-logo, .airport-logo {
  top: 40px; }
  .company-logo:before, .company-logo:after, .airport-logo:before, .airport-logo:after {
    content: "";
    position: absolute;
    width: 595px;
    height: 629px;
    top: -326px;
    left: -261px;
    background: white;
    background: -moz-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(71%, rgba(246, 246, 246, 0)), color-stop(100%, rgba(237, 237, 237, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
    background: radial-gradient(ellipse at center, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    display: block !important; }
  .company-logo img, .airport-logo img {
    position: relative;
    z-index: 1; }

.our-value-image {
  width: 115px !important;
  height: auto !important;
  margin: 0 10px;
  display: block; }

.boxes-margin {
  margin-left: -15px; }
  @media (max-width: 767px) {
    .boxes-margin {
      margin-left: 0px; } }

.search-bar {
  position: absolute;
  top: 10px;
  right: 50px;
  z-index: 5; }
  .search-bar .search-input {
    display: none;
    margin-right: 10px;
    border-radius: 10px;
    border-color: transparent;
    width: 200px;
    padding: 2px 8px; }
    .search-bar .search-input.active {
      display: block; }
  .search-bar .search-icon {
    cursor: pointer; }

#mainSlider .white-shade {
  display: none;
  position: absolute;
  top: 50%;
  left: -150px;
  width: 300px;
  height: 300px;
  background: white;
  background: -moz-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(71%, rgba(246, 246, 246, 0)), color-stop(100%, rgba(237, 237, 237, 0)));
  background: -webkit-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
  background: -o-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
  background: -ms-radial-gradient(center, ellipse cover, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
  background: radial-gradient(ellipse at center, white 0%, rgba(246, 246, 246, 0) 71%, rgba(237, 237, 237, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); }


.search-bar{
  z-index: 9;
}
#mainSlider .left-side, #mainSlider .right-side, #mainSlider .carousel-inner, #mainSlider .item {
  height: 100%; }

#mainSlider .item {
  overflow: hidden; 
}
#mainSlider .left__slider.carousel-inner .item {
  position: relative;
}
#mainSlider .left__slider.carousel-inner .item:before,
#mainSlider .right-side:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
  background: -o-linear-gradient(bottom, #000000, transparent);
  background: linear-gradient(to top, #000000, transparent);
}
#mainSlider .right-side:before {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(transparent));
  background: -o-linear-gradient(to bottom right, transparent, rgba(1, 139, 213, 0.9));
  background: linear-gradient(to bottom right, transparent, rgba(1, 139, 213, 0.9));
}

#mainSlider .left-side, #mainSlider .right-side {
  float: left; }

#mainSlider .right-side {
  position: relative;
  width: 427px;
  min-height: 390px;
  box-shadow: 2px 22px 10px 1px #6f6a6a;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  background-position: center 100%
}

#mainSlider .slider-arrows {
  z-index: 1; }
  #mainSlider .slider-arrows span {
    display: block;
    height: 46px;
    width: 33px;
    text-align: center;
    color: #FFF;
    background-color: #636363;
    line-height: 46px;
    font-size: 30px;
    padding-right: 4px; }
    #mainSlider .slider-arrows span:hover {
      background-color: #018bd5; }
  #mainSlider .slider-arrows a {
    display: block;
    margin-bottom: 1px;
    text-decoration: none; }
    #mainSlider .slider-arrows a:first-child span {
      border-top-right-radius: 7px; }
    #mainSlider .slider-arrows a:last-child span {
      border-bottom-right-radius: 7px; }

#mainSlider .left-side {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important; }

#mainSlider .slogan-texts {
  position: absolute;
  bottom: 15%;
  left: 98px;
  color: #FFF;
  width: 500px;
  line-height: 1.2;
  z-index: 1; }
  #mainSlider .slogan-texts .title-slogan-texts {
    margin-bottom: 10px; }
  #mainSlider .slogan-texts .sub {
    color: #e7e0da;
    font-weight: bold; }
  #mainSlider .slogan-texts div:first-child {
    font-weight: bold; }

#mainSlider .item2 .left-side {
  background: url(../images/Backgrounds/left_side_2.html) no-repeat center center; }

#mainSlider .item2 .right-side {
  background: url(../images/Inner/right_side2.html) no-repeat center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important; }

.rm-blur::before, .rm-blur::after {
  display: none !important; }

#newsSlider {
  height: 250px;
  width: 427px;
  background-color: #018bd5;
  float: right;
  margin-top: -170px;
  color: #FFF; }
  #newsSlider .title {
    font-size: 36px;
    font-weight: 200;
    left: 28px;
    position: absolute;
    top: 20px;
    text-decoration: none;
    color: #fff; }
  #newsSlider .news-title {
    font-size: 16px;
    font-weight: 400;
    min-height: 40px;
    line-height: 1.4; }
  #newsSlider .item {
    margin-top: 40px;
    padding: 30px;
    color: #FFF;
    text-decoration: none;
    color: #FFF;
    text-decoration: none; }
#newsSlider .item .common-btn {
    background-color: #636363;
    float: right;
    margin-bottom: 10px;
}
#newsSlider .item .common-btn:hover{
  background-color: #636363;
}
#newsSlider .item .common-btn img {
    width: 20px;
}
  #newsSlider .news-details {
    opacity: 0.9;
    line-height: 1.3;
    font-size: 13px; }
  #newsSlider .slider-arrows {
    right: 40px;
    top: 30px; }
    #newsSlider .slider-arrows a:first-child span {
      background-color: #636363; }
    #newsSlider .slider-arrows span {
      text-align: center;
      line-height: 30px;
      width: 30px;
      height: 30px;
      color: #FFF;
      background-color: #636363;
      float: left;
      opacity: 0.8; }
      #newsSlider .slider-arrows span:hover {
        background-color: rgba(0, 167, 181, 0.5) !important; }

.testimonials-image {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%); }

.common-text {
  line-height: 1.4;
  color: #908c8c; }

.justify-center {
  justify-content: center; }

.content-container {
  padding: 30px 50px; }
  .content-container .content-header {
    justify-content: space-between;
    margin: 15px 0; }

.wrapper {
  height: 100%;
  min-height: 590px !important; }

.common-select {
  padding: 15px;
  padding: 10px 10px;
  background-color: #EEE;
  min-width: 200px;
  border: none;
  background-image: url("../images/arrow_down.png");
  background-position-x: 90%;
  background-repeat: no-repeat;
  background-position: 93% 50%;
  background-size: 20px;
  -moz-appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none; }
  .common-select:hover {
    background-color: #f3f3f3; }

.wrapper {
  height: 100%;
  min-height: 680px; }

.explore-more {
  display: inline-flex; }

@media (min-width: 1600px) {
  #mainSlider .slogan-texts .sub {
    font-size: 37px; }
  #mainSlider .right-side, #newsSlider {
    width: 550px; } }

@media (min-width: 1199px) {
  .is-1199px {
    display: block; } }

@media (max-width: 991px) {
  .wrapper {
    height: auto; }
  #newsSlider {
    width: auto;
    float: none;
    margin-top: auto; }
    #newsSlider .news-title {
      font-size: 16px;
      line-height: 1.2; }
  #mainSlider {
    min-height: 515px; }
    #mainSlider .right-side {
      width: 280px; }
    #mainSlider .slogan-texts {
      left: 40px; }
  .is-991px {
    display: block; } }

@media (max-width: 767px) {
  .at-share-btn-elements {
    margin-top: 10px; }
  .content-container {
    padding: 20px 30px; }
    .content-container .content-header {
      display: block; }
      .content-container .content-header .sub-categories {
        flex-wrap: wrap; }
      .content-container .content-header .addthis_inline_share_toolbox {
        margin-top: 10px; }
  .company-logo {
    left: 10px; }
    .company-logo img {
      width: 100% !important;
      top: 0; }
  .airport-logo {
    right: 15px; }
    .airport-logo img {
      width: 90px; }
  #mainSlider .right-side {
    width: 180px; }
  #newsSlider .slider-arrows {
    right: 20px; }
  .is-767px {
    display: block; }
  .slogan-texts {
    bottom: 10px !important; }
    .slogan-texts .title-slogan-texts {
      font-size: 18px; } }

@media (max-width: 479px) {
  .general-title {
    padding-top: 0; }
  .company-logo {
    top: 15px;
    width: 70px; }
  .airport-logo {
    top: 85px; }
  .company-logo:before, .company-logo:after,
  .airport-logo:before, .airport-logo:after {
    display: none; }
  #mainSlider .right-side {
    width: 160px; }
  #mainSlider .slogan-texts {
    left: 20px; }
  #mainSlider .slogan-texts div:last-child {
    width: auto; }
  #newsSlider .item {
    padding-right: 20px;
    text-align: justify;
    word-spacing: -1px; }
  .is-479px {
    display: block; }
  .content-container {
    padding: 15px; } }

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed {
  position: fixed !important; }

.centeralize-nav .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 1px;
  transform: translateY(-50%) translateX(-50%); }
  .centeralize-nav .owl-nav .owl-prev, .centeralize-nav .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .centeralize-nav .owl-nav .owl-prev span, .centeralize-nav .owl-nav .owl-next span {
      font-size: 30px;
      position: absolute;
      top: -20px;
      color: #018bd5;
      font-weight: bold;
      z-index: 5; }
    .centeralize-nav .owl-nav .owl-prev.owl-prev, .centeralize-nav .owl-nav .owl-next.owl-prev {
      left: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-prev span, .centeralize-nav .owl-nav .owl-next.owl-prev span {
        left: -4px; }
    .centeralize-nav .owl-nav .owl-prev.owl-next, .centeralize-nav .owl-nav .owl-next.owl-next {
      right: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-next span, .centeralize-nav .owl-nav .owl-next.owl-next span {
        right: -4px; }

.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-none {
  display: none !important; }

.flex-box, .home-page .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center; }

.backgroundCover, .background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizantal-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.vh-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.inline-block {
  display: inline-block; }

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

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

.align-center {
  text-align: center; }

.f-italic {
  font-style: italic; }

.f-bold {
  font-weight: bold; }

.black-gradiant {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+87&0+0,0.87+67 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .overlay.black {
    background-color: #000; }
  .overlay.white {
    background-color: #FFF; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.rotate {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate2 {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.footer .footer-items {
  flex-wrap: wrap;
  background-color: #222222;
  padding: 15px 20px;
  width: 100%;
  flex-direction: column;
  height: 200px; }
  @media (max-width: 991px) {
    .footer .footer-items {
      height: 300px; } }
  @media (max-width: 767px) {
    .footer .footer-items {
      height: 450px; } }
  @media (max-width: 448px) {
    .footer .footer-items {
      height: 800px; } }

.footer .icons {
  padding-top: 10px; }

.footer .footer-item {
  color: #FFF;
  margin: 10px 15px; }
  .footer .footer-item .title {
    text-transform: uppercase; }
  .footer .footer-item li {
    margin: 4px 0; }
  .footer .footer-item a {
    color: #FFF;
    cursor: pointer;
    font-family: lightFont; }
    .footer .footer-item a:hover {
      text-decoration: none; }

.footer .btm-part {
  background-color: #636363;
  color: #FFF;
  padding: 15px 25px;
  justify-content: space-between;
  flex-wrap: wrap; }
  .footer .btm-part .crafted-by {
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    cursor: pointer; }
  .footer .btm-part .social-icon {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
    .footer .btm-part .social-icon:hover {
      transform: rotate(360deg); }
  .footer .btm-part .lf-part {
    flex-grow: 1;
    align-items: center;
    flex-grow: 0;
    flex-wrap: wrap; }
  .footer .btm-part .ft-logo {
    margin-right: 5px; }
    .footer .btm-part .ft-logo img {
      max-width: 75px; }
  .footer .btm-part .rg-part {
    color: #6e6c6c;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end; }
  .footer .btm-part .copy-right {
    max-width: 410px;
    line-height: 1.4; }
  .footer .btm-part .itmam-logo {
    padding: 0px 5px;
    display: block;
    width: 60px; }
    .footer .btm-part .itmam-logo img {
      max-width: 50px; }
  .footer .btm-part .follow-us {
    flex-grow: 1;
    text-align: left;
    justify-content: center;
    padding: 10px; }
  .footer .btm-part .follow-us-contant {
    width: auto;
    margin-bottom: 15px; }
  .footer .btm-part .follow-form {
    align-items: center;
    flex-wrap: wrap; }
  .footer .btm-part .follow-text {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    padding-left: 0;
    padding-bottom: 0px;
    color: #eaeaea; }
  .footer .btm-part .follow-email {
    border-radius: 5px;
    color: #333;
    width: 75%; }

.footer .social-icon {
  margin-bottom: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 16px; }

@media (max-width: 991px) {
  .footer .btm-part {
    justify-content: center; }
    .footer .btm-part > div {
      flex-basis: 100% !important; }
  .footer .btm-part .rg-part {
    padding-top: 15px; }
  .footer .btm-part .rg-part,
  .footer .btm-part .lf-part {
    justify-content: center;
    align-items: center; } }

@media (max-width: 767px) {
  .footer .rg-part {
    text-align: center; }
  .footer .lf-part {
    flex-direction: column; }
    .footer .lf-part .crafted-by {
      padding-top: 10px; } }

@media (max-width: 467px) {
  .footer .btm-part {
    flex-wrap: wrap; }
    .footer .btm-part > div {
      flex-basis: 100%;
      justify-content: center;
      text-align: center;
      margin-top: 10px; }
    .footer .btm-part .lf-part {
      flex-direction: column; }
    .footer .btm-part .ft-logo {
      margin-bottom: 10px; } }

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed {
  position: fixed !important; }

.centeralize-nav .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 1px;
  transform: translateY(-50%) translateX(-50%); }
  .centeralize-nav .owl-nav .owl-prev, .centeralize-nav .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .centeralize-nav .owl-nav .owl-prev span, .centeralize-nav .owl-nav .owl-next span {
      font-size: 30px;
      position: absolute;
      top: -20px;
      color: #018bd5;
      font-weight: bold;
      z-index: 5; }
    .centeralize-nav .owl-nav .owl-prev.owl-prev, .centeralize-nav .owl-nav .owl-next.owl-prev {
      left: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-prev span, .centeralize-nav .owl-nav .owl-next.owl-prev span {
        left: -4px; }
    .centeralize-nav .owl-nav .owl-prev.owl-next, .centeralize-nav .owl-nav .owl-next.owl-next {
      right: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-next span, .centeralize-nav .owl-nav .owl-next.owl-next span {
        right: -4px; }

.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-none {
  display: none !important; }

.flex-box, .home-page .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center; }

.backgroundCover, .background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizantal-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.vh-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.inline-block {
  display: inline-block; }

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

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

.align-center {
  text-align: center; }

.f-italic {
  font-style: italic; }

.f-bold {
  font-weight: bold; }

.black-gradiant {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+87&0+0,0.87+67 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .overlay.black {
    background-color: #000; }
  .overlay.white {
    background-color: #FFF; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.rotate {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate2 {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.general-menu {
  background-color: #313131;
  width: 800px;
  float: left;
  min-height: 80px; }
.general-menu .has__child .dropdown-menu {
    background-color: rgba(17, 17, 17, 0.66);
    margin: 0;
    width: 100%;
    min-width: 200px;
    padding: 0;
}
.general-menu .has__child .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid rgba(238, 238, 238, 0.12);
}
.general-menu .has__child .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.69);
    font-size: 16px;
    text-decoration: none;
}
.general-menu .has__child .dropdown-menu .dropdown-item:hover {
    background-color: #018bd5;
}
.general-menu li a:hover,
.general-menu li a{
  text-decoration: none;
}
  .general-menu .left-part, .general-menu .right-part {
    float: left; }
  .general-menu .left-part {
    flex-basis: 290px; }
  .general-menu .right-part {
    flex-grow: 1; }
  .general-menu .social-icons {
    background-color: #018bd5;
    text-align: right;
    padding: 14px 20px 13px 20px; }
    .general-menu .social-icons .text {
      color: #e8e8e8;
      font-size: 13px;
      border-bottom: 1px solid #e8e8e8;
      margin-bottom: 9px;
      padding-bottom: 10px;
      text-align: center; }
    .general-menu .social-icons .icons {
      clear: both;
      text-align: center; }
    .general-menu .social-icons .social-icon {
      color: rgba(0, 125, 138, 0.99);
      background-color: #fff;
      border-radius: 50%;
      display: inline-block;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 12px;
      margin-left: 10px;
      cursor: pointer;
      -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      -ms-transition: 0.5s ease-in-out;
      -o-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out; }
      .general-menu .social-icons .social-icon:hover {
        transform: rotate(360deg);
        color: #636363; }
  .general-menu .items {
    flex-wrap: wrap; }
  .general-menu li {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center; }
    .general-menu li:not(.active):hover > a {
      color: #018bd5; }
    .general-menu li a {
      display: block;
      padding: 20px 10px;
      color: #FFF;
      padding-left: 24px;
      padding-right: 24px;
      font-size: 18px;
      width: 100%;
      text-align: center; }
    .general-menu li.active {
      background-color: #018bd5; }

.general-menu .items .sub__menu .menu-pane-header {
    background-color: rgba(0, 0, 0, 0.28);
    color: #FFF;
    font-size: 17px;
    padding: 12px 10px;
}
.general-menu .items .sub__menu .menu-pane-header a {
    text-decoration: none;
}
.general-menu .items .sub__menu .menu-pane-items li {
    overflow: hidden;
    list-style: none;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer;
}
.general-menu .items .sub__menu .menu-pane-items li a {
    color: rgba(255, 255, 255, 0.69);
    font-size: 15px;
    text-transform: uppercase;
    transform-origin: 0;
    width: 459px;
    top: 26px;
    text-decoration: none;
    font-weight: 200;
    letter-spacing: 2px;
    display: block;
    padding: 13px 16px;
    float: right;
    font-family: lightFont;
}
.general-menu .items .sub__menu .menu-pane-items li:not(:last-child) {
    border-bottom: 1px solid rgba(238, 238, 238, 0.12);
}

@media (max-width: 1400px) {
  .general-menu li {
    height: auto; }
    .general-menu li a {
      padding: 12px; } }

@media (max-width: 991px) {
  .general-menu {
    width: 100% !important;
    height: auto;
    float: none;
    flex-wrap: wrap; }
    .general-menu .items {
      line-height: 1.5; }
    .general-menu .left-part {
      flex-basis: 100%;
      order: 1;
      text-align: center; }
    .general-menu .social-icons .text {
      float: none;
      margin-left: auto;
      margin-right: auto; } }

@media (max-width: 479px) {
  .general-menu .items {
    text-align: center; }
  .general-menu li a {
    padding-left: 10px;
    padding-right: 10px; }
  .general-menu li:not(:last-child) {
    border: none; }
  .general-menu .social-icons i {
    margin-left: 5px;
    margin-right: 5px; } }

.midde-menu {
  position: absolute;
  z-index: 2;
  width: auto;
  height: 410px; }
  .midde-menu .menu-pane-header {
    background-color: rgba(0, 0, 0, 0.28);
    color: #FFF;
    font-size: 17px;
    padding: 12px 10px; }
    .midde-menu .menu-pane-header a {
      text-decoration: none;
      color: #FFF; }
  .midde-menu > div {
    float: left; }
  .midde-menu .menu-box {
    width: auto;
    height: 100%;
    display: none; }
  .midde-menu .menu-panes, .midde-menu .menu-landing {
    float: left;
    height: 100%; }
  .midde-menu .menu-landing {
    overflow: auto;
    position: relative;
    min-width: 400px; }
  .midde-menu .menu-panes {
    width: 235px;
    background-color: #018bd5;
    color: #FFF;
    overflow: auto; }
    .midde-menu .menu-panes .menu-pane-header {
      height: 70px;
      text-align: right;
      padding-top: 40px;
      padding-right: 20px;
      padding-left: 20px;
      text-align: left; }
    .midde-menu .menu-panes li {
      list-style: none;
      text-align: right; }
      .midde-menu .menu-panes li:not(:last-child) a {
        border-bottom: 1px solid rgba(238, 238, 238, 0.15); }
      .midde-menu .menu-panes li a {
        color: white;
        font-size: 20px;
        padding: 10px 15px;
        display: block;
        text-decoration: none;
        text-align: left; }
        .midde-menu .menu-panes li a:hover {
          background-color: #636363; }
  .midde-menu .menu-pane {
    display: none;
    position: relative; }
  .midde-menu .menu-pane.active {
    display: block; }
  .midde-menu .menu-landing li {
    overflow: hidden;
    list-style: none;
    position: relative;
    transition: all 0.5s ease;
    cursor: pointer; }
    .midde-menu .menu-landing li:not(:last-child) {
      border-bottom: 1px solid rgba(238, 238, 238, 0.12); }
    .midde-menu .menu-landing li a {
      color: rgba(255, 255, 255, 0.69);
      font-size: 15px;
      text-transform: uppercase;
      transform-origin: 0;
      width: 459px;
      top: 26px;
      text-decoration: none;
      font-weight: 200;
      letter-spacing: 2px;
      display: block;
      padding: 13px 16px;
      float: right;
      font-family: lightFont; }
      .midde-menu .menu-landing li a:hover, .midde-menu .menu-landing li a.active {
        color: #ffffff;
        background-color: #018bd5; 
      }
  .midde-menu .menu-landing:before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 459px;
    background-color: rgba(17, 17, 17, 0.66); }
  .midde-menu .dots {
    width: 50px;
    right: -50px;
    height: 100px;
    background-color: #636363;
    text-align: center;
    position: relative;
    z-index: 1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
    .midde-menu .dots .dots-container {
      display: inline-block; }
      .midde-menu .dots .dots-container div {
        margin-bottom: 1px;
        height: 7px; }
        .midde-menu .dots .dots-container div span {
          display: block;
          height: 4px;
          width: 4px;
          background-color: #FFF;
          margin-right: 4px;
          float: left; }
  .midde-menu .menu-text {
    width: 35px;
    left: -35px;
    background-color: #018bd5;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
    .midde-menu .menu-text span {
      top: 40%;
      left: 2px; }
  .midde-menu .menu-text, .midde-menu .dots {
    height: 94px;
    position: absolute;
    cursor: pointer; }
  .midde-menu .dots-container {
    display: block; }
  .midde-menu .x-container {
    display: none;
    font-size: 21px;
    color: #FFF; }
  .midde-menu.active {
    right: 90px !important; }
    .midde-menu.active .menu-box {
      display: block; }
    .midde-menu.active .dots-container {
      display: none; }
    .midde-menu.active .x-container {
      display: block; }
  .midde-menu #closeMiddleMenuSm {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    color: #FFF;
    width: 50px;
    height: 60px;
    text-align: center;
    background-color: #018bd5;
    line-height: 60px;
    font-size: 24px;
    display: none;
    cursor: pointer; }
    .midde-menu #closeMiddleMenuSm:hover {
      color: #296ba7;
      background-color: rgba(0, 125, 138, 0.8); }
    .midde-menu #closeMiddleMenuSm i {
      font-style: normal; }

@media (max-width: 991px) {
  .midde-menu .menu-landing:before {
    display: none; }
  .midde-menu .menu-pane .menu-pane-header {
    background: rgba(0, 0, 0, 0.45);
    color: #FFF;
    padding: 11px 10px;
    text-align: left; }
  .midde-menu .menu-landing {
    min-width: auto;
    background-color: rgba(17, 17, 17, 0.66); }
    .midde-menu .menu-landing li {
      float: none;
      width: auto;
      height: auto;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
      .midde-menu .menu-landing li a {
        transform: none;
        position: static;
        display: block;
        padding: 12.5px 15px;
        width: auto;
        font-size: 13px;
        float: none; }
  .midde-menu .menu-box {
    width: 100%; }
    .midde-menu .menu-box .menu-panes {
      background-color: #018bd5; }
      .midde-menu .menu-box .menu-panes .menu-pane-header {
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 30px;
        font-weight: 200;
        height: auto; }
      .midde-menu .menu-box .menu-panes a {
        font-size: 18px; }
  .midde-menu.active {
    right: auto !important;
    bottom: 0;
    width: 100%;
    height: 80% !important; }
    .midde-menu.active .menu-text, .midde-menu.active .dots {
      display: none; }
    .midde-menu.active .menu-box {
      display: flex; }
      .midde-menu.active .menu-box .menu-panes {
        flex-grow: 1; }
      .midde-menu.active .menu-box .menu-landing {
        flex-basis: 280px; }
    .midde-menu.active #closeMiddleMenuSm {
      display: block; }
  .default-page .midde-menu .menu-text, .default-page .midde-menu .dots {
    top: 30%; } }

@media (max-width: 767px) {
  .midde-menu #closeMiddleMenuSm {
    width: 40px;
    height: 45px;
    line-height: 50px; } }

@media (max-width: 479px) {
  .midde-menu.active .menu-box .menu-landing {
    flex-basis: 160px; }
    .midde-menu.active .menu-box .menu-landing a {
      text-align: left; }
  .midde-menu .menu-box .menu-panes .menu-pane-header {
    font-size: 24px; }
  .midde-menu .menu-panes a {
    padding: 10px 20px 10px 20px; } }

.breadcrumbs .common-arrow {
  border-color: #acacac; }

.breadcrumbs li {
  display: inline-block; }
  .breadcrumbs li:first-child, .breadcrumbs li:first-child a {
    padding-left: 0; }

.breadcrumbs li, .breadcrumbs a {
  font-size: 18px;
  color: #656565;
  font-family: lightFont;
  padding: 5px; }

.breadcrumbs img {
  vertical-align: bottom;
  padding-right: 5px; }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  margin: 30px 0;
  border-radius: 4px; }
  .pagination li {
    padding: 5px;
    justify-content: center;
    display: inline-block; }
    .pagination li.active {
      font-weight: bold;
      color: #000; }
      .pagination li.active a {
        color: #018bd5; }
    .pagination li a {
      text-decoration: none;
      color: #636363; }

.general-info {
  right: 400px;
  width: 190px;
  height: 82px;
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none !important; }
  .general-info > div {
    height: 100%;
    color: #ced3d8;
    padding: 10px;
    float: left; }
  .general-info .left-part {
    width: 65%;
    border-right: 1px solid rgba(238, 238, 238, 0.13);
    background-color: #018bd5; }
    .general-info .left-part .bottom-part {
      font-size: 11px;
      text-align: left;
      padding-left: 7px; }
      .general-info .left-part .bottom-part > div {
        margin-bottom: 4px;
        margin-top: 4px; }
      .general-info .left-part .bottom-part div:first-child {
        font-size: 13px; }
    .general-info .left-part .hours-minutes {
      font-size: 27px;
      letter-spacing: 2px;
      font-weight: 500; }
    .general-info .left-part .aa {
      font-size: 13px; }
  .general-info .right-part {
    width: 35%;
    font-size: 11px;
    background-color: #018bd5; }
    .general-info .right-part .weather-icon {
      height: 40px;
      margin-top: -9px;
      background-image: url(../media/yz1jenpv/icons.png);
      background-position-y: 100%;
      margin-top: -2px;
      margin: auto;
      margin-bottom: -4px; }
    .general-info .right-part .temp {
      color: #FFF;
      text-align: center; }

@media (max-width: 767px) {
  .general-info {
    width: 135px; }
    .general-info .weather-icon {
      background-repeat: no-repeat;
      background-size: 40px; }
    .general-info .left-part .hours-minutes {
      font-size: 18px; }
    .general-info .left-part .bottom-part {
      padding-left: 1px; }
    .general-info .left-part .bottom-part div:first-child {
      font-size: 11px; }
    .general-info .right-part {
      padding: 5px; } }

.product-box {
  width: 320px;
  padding: 10px;
  position: relative;
  padding-bottom: 20px;
  margin-right: 5px;
  margin-bottom: 5px; }
  .product-box .cloud-box-content {
    position: relative;
    z-index: 5;
    margin-bottom: 30px; }
    .product-box .cloud-box-content .cloud-title {
      color: #fff;
      margin: 10px 10px;
      padding: 5px 0;
      border-bottom: 2px solid #ddd; }
    .product-box .cloud-box-content .cloud-details {
      color: #fff;
      padding: 10px;
      line-height: 1.4; }
  .product-box .common-btn {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2; }

.story-box {
  padding: 0;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.42);
  margin-left: 15px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  flex-basis: 300px;
  position: relative;
  text-decoration: none !important;
  flex-shrink: 0;
  cursor: pointer; }
  .story-box .box-content {
    padding: 15px; }
    .story-box .box-content:before {
      content: "";
      height: 35px;
      width: 6px;
      background-color: #018bd5;
      top: 16px;
      left: 0;
      position: absolute; }
  .story-box .title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #636363; }
  .story-box .brief {
    color: #5a5a5a;
    line-height: 1.3;
    font-size: 14px; }
  .story-box .image {
    background-size: cover;
    height: 150px; }
  .story-box .date-div {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px; }
    .story-box .date-div:before {
      position: absolute;
      content: "";
      height: 100px;
      width: 100%;
      background: transparent;
      background: -moz-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(0%, rgba(255, 0, 255, 0)), color-stop(26%, rgba(114, 0, 114, 0)), color-stop(47%, rgba(0, 0, 0, 0.28)), color-stop(100%, black));
      background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: -o-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: -ms-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: linear-gradient(to bottom, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
    .story-box .date-div div {
      color: #FFF;
      position: absolute;
      bottom: 13px;
      width: 100%;
      justify-content: space-between;
      padding: 0 14px;
      font-size: 14px; }
  .story-box .plus {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -14px; }
    .story-box .plus span {
      background-color: #018bd5;
      display: inline-block;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 29px;
      font-size: 22px;
      text-align: center;
      color: #FFF; }
  .story-box:hover {
    opacity: 0.8; }
    .story-box:hover .title {
      color: #018bd5; }
  .story-box.album .image {
    height: 175px; }
  .story-box.album .view-div {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 125, 138, 0.7);
    z-index: 1;
    color: #FFF;
    text-align: center;
    transition: all 0.5s ease;
    overflow: hidden;
    height: 0; }
    .story-box.album .view-div p {
      padding-top: 5px;
      font-size: 14px; }
    .story-box.album .view-div img {
      max-width: 40px; }
  .story-box.album:hover .view-div {
    height: 100%; }

.common-box {
  justify-content: center;
  padding: 15px;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  flex-basis: 250px;
  margin: 15px;
  position: relative;
  text-decoration: none !important; }
.release-boxes .release-box .common-box {
    margin-left: 0;
}
.release-boxes .release-box .common-box .title {
    text-align: left;
    font-weight: bold;
}
.release-boxes .release-box .common-box .image {
    width: 100%;
    height: 105px;
    background-position: top center;
}
.release-boxes .release-box .right-box {
    padding: 15px;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 15px;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    flex-basis: 100%;
}
.release-boxes .release-box .right-box .date {
    color: #018bd5;
}
.release-boxes .release-box .right-box .date,
.release-boxes .release-box .right-box .title, 
.release-boxes .release-box .right-box .details {
    line-height: 1.3;
    padding: 15px 5px;
}
.release-boxes .release-box .right-box .more-btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
  .common-box:hover {
    opacity: 0.8;
    box-shadow: 1px 1px 10px 0px rgba(4, 74, 80, 0.45); }
  .common-box:after {
    content: "";
    height: 35px;
    width: 6px;
    background-color: #018bd5;
    top: 25px;
    left: 0;
    position: absolute; }
  .common-box .title {
    text-align: center;
    line-height: 1.3; }
  .common-box .image {
    width: 75px;
    height: 75px;
    margin: 15px auto; }
  .common-box .has-img {
    width: auto;
    height: auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    max-height: 150px;
    text-align: center; }
    .common-box .has-img img {
      max-height: 100px; }
  .common-box .text {
    line-height: 1.4;
    border-top: 1px solid rgba(128, 128, 128, 0.5);
    padding: 15px 5px;
    color: #8a8585;
    text-align: center; }
  .common-box .location {
    line-height: 1.4;
    padding: 10px 5px;
    padding-top: 0;
    color: #8a8585; }
  .common-box .border-radius-50 {
    border-radius: 50%; }
  .common-box.bw-style img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.2s ease; }
  .common-box.bw-style:hover img {
    -webkit-filter: grayscale(0);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0); }
  .common-box.big {
    flex-basis: 270px; }

#applyModal .modal-title {
  float: left; }

#workable .req-star {
  color: #bb2c2c;
  padding-left: 6px;
  font-size: 13px; }

#workable .btn {
  padding: 4px 12px; }

#workable .common-btn {
  background-color: #636363;
  transition: .5s;
  margin: auto;
  display: block !important;
  min-width: 50%;
  height: 38px;
  text-align: center; }
  #workable .common-btn:hover {
    background-color: #018bd5; }

#workable .common-input {
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  color: #8c8a8a;
  font-size: 14px; }
  #workable .common-input.with-image {
    background-position-x: 8px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: 50%;
    padding-left: 35px; }
    #workable .common-input.with-image.user {
      background-image: url("../media/1xsbalnu/user.png"); }
    #workable .common-input.with-image.email {
      background-image: url("../media/gpfgbmgp/mail.png"); }

#workable textarea {
  min-height: 120px;
  resize: none; }

#workable .complex-section .common-input {
  width: 100%; }

#workable .appended {
  flex-basis: 100%; }

#workable .remove-icon {
  flex-basis: 100%;
  color: red;
  font-size: 14px;
  margin: 5px;
  cursor: pointer; }

#workable input[type='radio'], #workable input[type='checkbox'] {
  vertical-align: middle; }

#workable label {
  display: block;
  margin-bottom: 10px;
  font-weight: 200;
  color: #444444;
  font-size: 15px; }

#workable .complex-div {
  flex-wrap: wrap;
  flex-basis: 100%; }

#workable .form-container {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px; }

#workable .inp-cont {
  flex-basis: 100%;
  margin-bottom: 25px; }

#workable .add-icon {
  cursor: pointer;
  background-color: #018bd5;
  color: #fff;
  padding: 8px 10px;
  margin: 10px 0; }

#workable .complex-section {
  flex-wrap: wrap;
  padding: 0 10px;
  margin: 10px 0;
  border-left: 3px solid rgba(0, 167, 181, 0.48); }
  #workable .complex-section .inp-cont {
    flex-basis: 48%;
    margin: 5px; }

#workable h1, #workable .head {
  font-size: 18px;
  padding-bottom: 15px;
  color: #007882;
  font-size: 18px;
  padding-bottom: 5px;
  flex-basis: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f1f1f1;
  color: #535c5d;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 20px;
  margin-bottom: 22px; }

#workable .datepick {
  background-image: url(../media/o3sd4cdv/calendar.png);
  background-position-x: 99%;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: 50%; }

#workable input[type=checkbox], #workable input[type=radio] {
  width: 15px;
  height: 15px;
  margin: 4px 6px 0px 0px; }

.product-box {
  width: 320px;
  padding: 10px;
  position: relative;
  padding-bottom: 20px;
  margin-right: 5px;
  margin-bottom: 5px; }
  .product-box .cloud-box-content {
    position: relative;
    z-index: 5;
    margin-bottom: 30px; }
    .product-box .cloud-box-content .cloud-title {
      color: #fff;
      margin: 10px 10px;
      padding: 5px 0;
      border-bottom: 2px solid #ddd; }
    .product-box .cloud-box-content .cloud-details {
      color: #fff;
      padding: 10px;
      line-height: 1.4; }
  .product-box .common-btn {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2; }

.dropdown-menus {
  flex-wrap: wrap; }
  .dropdown-menus .dropdownmenu {
    margin-right: 10px;
    border-radius: 10px;
    width: 200px;
    flex-basis: 200px;
    position: relative;
    margin-left: 0; }
    .dropdown-menus .dropdownmenu label {
      color: #847f7f;
      font-size: 23px;
      font-family: lightFont;
      font-weight: 200; }
    @media (max-width: 767px) {
      .dropdown-menus .dropdownmenu .dropdownmenu {
        margin-bottom: 10px; }
      .dropdown-menus .dropdownmenu label {
        display: block; } }

.cookie-bar {
  padding: 15px 30px;
  justify-content: space-between;
  align-items: center;
  box-shadow: -1px -1px 10px 0px rgba(0, 0, 0, 0.54);
  position: fixed;
  transition: .5s;
  bottom: -100%;
  left: 0;
  right: 0;
  top: auto;
  width: 100%;
  z-index: 15;
  background-color: #efefef; }
  .cookie-bar.active {
    bottom: 0; }
  .cookie-bar .common-btn {
    min-width: 70px;
    text-align: center; }
  .cookie-bar .cookie-bar-text a {
    color: #018bd5;
    cursor: pointer; }

@media (max-width: 479px) {
  .cookie-bar {
    flex-direction: column; } }

.story-box {
  padding: 0;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.42);
  margin-left: 15px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  flex-basis: 300px;
  position: relative;
  text-decoration: none !important;
  flex-shrink: 0;
  cursor: pointer; }
  .story-box .box-content {
    padding: 15px; }
    .story-box .box-content:before {
      content: "";
      height: 35px;
      width: 6px;
      background-color: #018bd5;
      top: 16px;
      left: 0;
      position: absolute; }
  .story-box .title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #636363; }
  .story-box .brief {
    color: #5a5a5a;
    line-height: 1.3;
    font-size: 14px; }
  .story-box .image {
    background-size: cover;
    height: 150px; }
  .story-box .date-div {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px; }
    .story-box .date-div:before {
      position: absolute;
      content: "";
      height: 100px;
      width: 100%;
      background: transparent;
      background: -moz-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(0%, rgba(255, 0, 255, 0)), color-stop(26%, rgba(114, 0, 114, 0)), color-stop(47%, rgba(0, 0, 0, 0.28)), color-stop(100%, black));
      background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: -o-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: -ms-linear-gradient(top, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      background: linear-gradient(to bottom, transparent 0%, rgba(255, 0, 255, 0) 0%, rgba(114, 0, 114, 0) 26%, rgba(0, 0, 0, 0.28) 47%, black 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
    .story-box .date-div div {
      color: #FFF;
      position: absolute;
      bottom: 13px;
      width: 100%;
      justify-content: space-between;
      padding: 0 14px;
      font-size: 14px; }
  .story-box .plus {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -14px; }
    .story-box .plus span {
      background-color: #018bd5;
      display: inline-block;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 29px;
      font-size: 22px;
      text-align: center;
      color: #FFF; }
  .story-box:hover {
    opacity: 0.8; }
    .story-box:hover .title {
      color: #018bd5; }
  .story-box.album .image {
    height: 175px; }
  .story-box.album .view-div {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 125, 138, 0.7);
    z-index: 1;
    color: #FFF;
    text-align: center;
    transition: all 0.5s ease;
    overflow: hidden;
    height: 0; }
    .story-box.album .view-div p {
      padding-top: 5px;
      font-size: 14px; }
    .story-box.album .view-div img {
      max-width: 40px; }
  .story-box.album:hover .view-div {
    height: 100%; }

.home-page .owl-nav {
  text-align: center; }

.home-page .owl-stage .common-box {
  height: 90%; }

#subscribeNewsletterModal .modal-dialog,
#LoginModal .modal-dialog,
#forgotpasswordModal .modal-dialog,
#registrationModal .modal-dialog {
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%); 
}

.news-letter-container {
  background-color: #018bd5;
  padding: 20px;
  text-align: center;
  justify-content: center;
  color: #fff; }
  .news-letter-container .close {
    color: #fff; }
  .news-letter-container form {
    justify-content: center;
    padding: 10px 0;
    flex-wrap: wrap; }
  .news-letter-container .news-title {
    font-size: 22px;
    padding-bottom: 10px;
    font-weight: bold; }
  .news-letter-container .news-text {
    padding-bottom: 10px; }
  .news-letter-container .common-input {
    margin: 10px;
    padding: 10px;
    color: #444; }
  .news-letter-container .respect-text {
    padding-top: 10px;
    font-size: 13px; }
  .news-letter-container .common-btn {
    margin-top: 0;
    height: 38px;
    margin: 10px;
    background-color: #636363;
    justify-content: center;
    webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
    .news-letter-container .common-btn:hover {
      background-color: #018bd5; }
  @media (max-width: 767px) {
    .news-letter-container .common-input {
      flex-basis: 100%; }
    .news-letter-container .common-btn {
      flex-basis: 50%; } }

.lower-section {
  position: relative;
  padding: 50px; }
  .lower-section .discover {
    position: relative; }
    .lower-section .discover .left, .lower-section .discover .right {
      min-height: inherit;
      padding: 0; }
    .lower-section .discover .right {
      color: #FFF;
      margin-bottom: 30px;
      text-align: right;
      text-shadow: -4px -2px 6px rgba(0, 0, 0, 0.2);
      border-right: 5px solid #018bd5;
      padding-right: 5px; }
      .lower-section .discover .right .title {
        color: #FFF;
        text-align: right; }
        .lower-section .discover .right .title a {
          color: #FFF;
          cursor: pointer; }
          .lower-section .discover .right .title a:hover {
            text-decoration: none; }
    .lower-section .discover .texts {
      overflow: hidden;
      text-align: left;
      max-width: 500px;
      background-color: rgba(0, 0, 0, 0.3);
      margin-left: auto;
      padding: 15px;
      line-height: 1.4;
      margin-top: 5px; }
      .lower-section .discover .texts .lg-text, .lower-section .discover .texts .md-text {
        text-transform: uppercase; }
      .lower-section .discover .texts .lg-text {
        font-size: 50px;
        font-weight: bold;
        color: #FFF; }
      .lower-section .discover .texts .md-text {
        font-size: 20px;
        color: rgba(255, 255, 255, 0.74); }
      .lower-section .discover .texts .sm-text {
        font-size: 13px;
        width: 50%;
        float: right;
        margin-top: 20px;
        color: #eaeaea;
        font-style: italic;
        line-height: 1.4; }
  .lower-section .discover-boxes {
    z-index: 1;
    flex-wrap: wrap;
    justify-content: center; }
  .lower-section .discover-box {
    width: 203px;
    height: 230px;
    margin-right: 20px;
    background-color: #018bd5;
    padding: 15px;
    position: relative;
    box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.32);
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: none; }
    .lower-section .discover-box:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 70%;
      left: 0;
      top: 0;
      background: -moz-linear-gradient(top, #018bd5 0%, rgba(125, 185, 232, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #018bd5 0%, rgba(125, 185, 232, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #018bd5 0%, rgba(125, 185, 232, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296ba7', endColorstr='#007db9e8',GradientType=0 );
      /* IE6-9 */ }
    .lower-section .discover-box:not(:last-of-type) {
      margin-bottom: 10px; }
    .lower-section .discover-box.lg {
      width: 350px; }
    .lower-section .discover-box .box-title, .lower-section .discover-box .box-details {
      position: relative; }
    .lower-section .discover-box .box-title {
      color: rgba(255, 255, 255, 0.9);
      font-weight: 400;
      font-weight: bold; }
    .lower-section .discover-box .box-details {
      color: rgba(255, 255, 255, 0.95);
      font-style: italic;
      margin-top: 10px; }
    .lower-section .discover-box:hover .box-title {
      color: #406588; }
    .lower-section .discover-box:hover .box-details {
      color: #406588; }
    .lower-section .discover-box:hover:before {
      background: -moz-linear-gradient(top, white 0%, rgba(125, 185, 232, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 0%, rgba(125, 185, 232, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 0%, rgba(125, 185, 232, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 );
      /* IE6-9 */ }

@media (min-width: 1199px) {
  .lower-section .discover .left {
    height: 300px;
    order: 2; }
  .lower-section .discover .right {
    order: 1; }
  .lower-section .discover .left, .lower-section .discover .right {
    flex-basis: 100%; }
  .lower-section .discover .texts .sm-text {
    width: auto; }
  .lower-section .logos-collection {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 0;
    width: 100%;
    clear: both;
    text-align: center; }
  .is-1199px {
    display: block; }
  .slogan-texts {
    width: 600px !important; } }

@media (max-width: 991px) {
  .lower-section .discover-boxes {
    width: 100%;
    left: auto;
    justify-content: center;
    top: 270px;
    bottom: auto; }
  .lower-section .discover-box {
    line-height: 1.4; }
    .lower-section .discover-box:nth-child(3) {
      order: 1;
      margin-bottom: 10px; }
    .lower-section .discover-box:nth-child(2) {
      order: 2; }
    .lower-section .discover-box:nth-child(1) {
      order: 3; }
  .lower-section .break {
    flex-basis: 100%;
    display: block;
    order: 1; }
  .slogan-texts {
    width: 300px !important; } }

@media (max-width: 767px) {
  .lower-section .discover .texts {
    padding: 20px; }
  .lower-section .discover .left {
    height: 220px; }
  .lower-section .discover-boxes {
    top: 200px; }
  .lower-section .discover-box {
    width: 46%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%; }
  .lower-section .discover-box.lg {
    width: 100%;
    margin-left: 3%;
    margin-right: 3%; } }

@media (max-width: 479px) {
  .lower-section {
    padding: 20px; }
    .lower-section .discover-box {
      padding: 15px 10px;
      line-height: 1.4; }
      .lower-section .discover-box:nth-child(3) {
        width: 65%; } }

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed {
  position: fixed !important; }

.centeralize-nav .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 1px;
  transform: translateY(-50%) translateX(-50%); }
  .centeralize-nav .owl-nav .owl-prev, .centeralize-nav .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .centeralize-nav .owl-nav .owl-prev span, .centeralize-nav .owl-nav .owl-next span {
      font-size: 30px;
      position: absolute;
      top: -20px;
      color: #018bd5;
      font-weight: bold;
      z-index: 5; }
    .centeralize-nav .owl-nav .owl-prev.owl-prev, .centeralize-nav .owl-nav .owl-next.owl-prev {
      left: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-prev span, .centeralize-nav .owl-nav .owl-next.owl-prev span {
        left: -4px; }
    .centeralize-nav .owl-nav .owl-prev.owl-next, .centeralize-nav .owl-nav .owl-next.owl-next {
      right: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-next span, .centeralize-nav .owl-nav .owl-next.owl-next span {
        right: -4px; }

.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-none {
  display: none !important; }

.flex-box, .home-page .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center; }

.backgroundCover, .background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizantal-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.vh-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.inline-block {
  display: inline-block; }

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

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

.align-center {
  text-align: center; }

.f-italic {
  font-style: italic; }

.f-bold {
  font-weight: bold; }

.black-gradiant {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+87&0+0,0.87+67 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .overlay.black {
    background-color: #000; }
  .overlay.white {
    background-color: #FFF; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.rotate {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate2 {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.default-page #mainSlider .left-side {
  background-image: url("../images/Backgrounds/about_background.html"); }

.default-page #mainSlider .right-side {
  background-image: url("../images/Inner/right_side_about.html"); }

.default-page .common-text li {
  position: relative;
  margin-left: 20px; }
  .default-page .common-text li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #018bd5;
    top: 10px;
    transform: translateY(-50%);
    left: -14px; }

.default-page .midde-menu {
  bottom: 0; }

.default-page .wrapper {
  height: auto;
  min-height: auto !important; }

.default-page #mainSlider {
  height: 510px !important; }

.default-page .lr-section {
  clear: both; }
  .default-page .lr-section .left-part {
    flex-grow: 1; }
  .default-page .lr-section .right-part {
    background-color: #018bd5;
    flex-basis: 427px;
    max-width: 427px;
    flex-shrink: 0;
    margin-top: -160px;
    position: relative;
    padding: 30px 30px 30px 40px;
    flex-direction: column; }
  .default-page .lr-section .text-group {
    padding-right: 20px; }
    .default-page .lr-section .text-group:not(:last-child) {
      margin-bottom: 40px; }
    .default-page .lr-section .text-group .title {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 5px;
      color: black; }
    .default-page .lr-section .text-group .details {
      color: #948e8e;
      line-height: 1.4;
      font-size: 13px; }
  .default-page .lr-section .page-title, .default-page .lr-section .page-items {
    color: #FFF;
    font-weight: 200;
    margin-bottom: 25px; }
    .default-page .lr-section .page-title a, .default-page .lr-section .page-items a {
      color: #FFF;
      text-decoration: none; }
  .default-page .lr-section .page-title {
    font-family: lightFont;
    font-size: 40px; }
  .default-page .lr-section .page-items {
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase; }
  .default-page .lr-section .inner-image {
    height: 350px;
    background: url(../images/Inner/about_inner.html) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .default-page .lr-section .short-details {
    color: #acacac;
    font-size: 13px;
    font-style: italic;
    margin-top: 20px;
    line-height: 1.3;
    padding: 0 12px; }

.default-page.without-right .general-menu .social-icons {
  display: none; }

.default-page.without-right .lr-section {
  position: relative; }
  .default-page.without-right .lr-section .page-title {
    margin: 0;
    font-weight: normal;
    font-size: 20px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 0; }
  .default-page.without-right .lr-section .right-part {
    height: auto;
    position: absolute;
    z-index: 1;
    right: 0;
    top: auto;
    bottom: 100%;
    width: 550px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    padding-right: 0; }
  .default-page.without-right .lr-section .left-part {
    width: 100%; }

.default-page.without-right .our-values {
  flex-wrap: wrap;
  margin-left: -10px;
  justify-content: center; }

@media (min-width: 1600px) {
  .lr-section .right-part {
    flex-basis: 550px !important;
    max-width: unset !important; } }

@media (min-width: 991px) {
  .default-page.without-right .lr-section {
    display: block !important; } }

@media (max-width: 991px) {
  .default-page.without-right .lr-section .right-part {
    flex-grow: 1;
    max-width: unset;
    position: static;
    margin: 0;
    height: auto;
    padding: 20px;
    min-height: auto !important; }
  .default-page.without-right .lr-section .page-title {
    font-size: 30px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 35px; }
  .default-page .lr-section {
    flex-wrap: wrap; }
    .default-page .lr-section .left-part, .default-page .lr-section .right-part {
      flex-basis: 100%; }
    .default-page .lr-section .right-part {
      margin-top: auto;
      order: 1;
      padding: 40px;
      max-width: 100%; }
    .default-page .lr-section .left-part {
      order: 2; }
  .default-page .midde-menu .menu-text, .default-page .midde-menu .dots {
    top: 30%; } }

@media (max-width: 767px) {
  .default-page.without-right .lr-section .right-part {
    padding: 15px; }
  .default-page.without-right .lr-section .page-title {
    font-size: 20px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 25px; }
  .our-values {
    margin-left: 0px; } }

@media (max-width: 479px) {
  .default-page .lr-section .right-part {
    padding: 20px; }
  .default-page .lr-section .left-part {
    max-width: 100%; }
  .default-page.without-right .lr-section .page-title {
    font-size: 15px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 20px; } }

.search-page .pagination ul {
  flex-wrap: wrap; }

.search-page .search-container {
  position: relative;
  width: 333px; }
  .search-page .search-container .search-input {
    background-color: #f4f4f4;
    border-color: transparent;
    padding: 13px;
    width: 400px; }
  .search-page .search-container .search-image {
    position: absolute;
    right: 10px;
    top: 10px; }

.search-page .result-container {
  margin: 20px 0;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.15); }
  .search-page .result-container .result-box {
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    text-decoration: none;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out; }
    .search-page .result-container .result-box:hover {
      background-color: #018bd5;
      color: #fff; }
    .search-page .result-container .result-box h2, .search-page .result-container .result-box .result-details {
      -webkit-transition: 0.7s ease-in-out;
      -moz-transition: 0.7s ease-in-out;
      -ms-transition: 0.7s ease-in-out;
      -o-transition: 0.7s ease-in-out;
      transition: 0.7s ease-in-out; }
    .search-page .result-container .result-box:hover h2, .search-page .result-container .result-box .result-details {
      color: #fff; }
    .search-page .result-container .result-box:hover .result-details {
      color: #fff; }
  .search-page .result-container .result-text .result-date {
    color: #018bd5; }
  .search-page .result-container .result-text .result-details {
    padding: 10px 0;
    color: #636363; }

@media (max-width: 767px) {
  .search-page .search-container {
    width: 100%; }
  .search-page .lr-section .search-input {
    width: 100%; }
  .search-page .lr-section .title {
    padding-left: 10px; }
  .search-page .lr-section .content-header {
    display: block; }
  .search-page .lr-section .social-icons {
    margin-top: 10px; }
  .search-page .lr-section .result-container .result-box {
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: center; }
    .search-page .lr-section .result-container .result-box .result-text {
      flex-basis: 100%; }
    .search-page .lr-section .result-container .result-box .explore-more {
      margin-top: 15px; } }

.ss-page .client-box-container .common-box .title {
  min-height: 40px; }

.ss-page .client-box-container .common-box .image {
  min-height: 120px; }

.ss-page .story-boxes {
  flex-wrap: wrap;
  justify-content: center; }
  .ss-page .story-boxes .owl-nav {
    text-align: center; }
  .ss-page .story-boxes .story-box {
    display: block; }

.ss-page .results-container {
  padding-top: 20px; }

.ss-page .testimonials-boxes {
  margin-top: 50px;
  margin-bottom: 20px; }
  .ss-page .testimonials-boxes .owl-stage-outer {
    overflow: inherit; }
  .ss-page .testimonials-boxes .testimonials-box {
    display: block;
    min-height: 200px; }
  .ss-page .testimonials-boxes .title {
    margin-top: 25px;
    padding-bottom: 10px; }
  .ss-page .testimonials-boxes .image {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }

.ss-page .client-box {
  display: block; }

.ss-page .owl-nav {
  text-align: center; }

@media (max-width: 767px) {
  .ss-page .story-boxes {
    justify-content: center; }
  .ss-page .explore-more-container {
    justify-content: center; } }

.job-page .left-part .text1:before, .job-page .left-part .text2:before {
  height: 60% !important;
  max-height: 60px !important; }

.job-page .left-part .title {
  color: #000; }

.job-page .left-part ul li:before {
  content: "";
  background-color: #018bd5;
  top: 10px;
  left: -14px;
  position: absolute;
  max-height: 35px;
  height: 8px !important;
  width: 8px !important; }

.job-page .step-thin {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 15px; }
  .job-page .step-thin .step-col {
    background-color: #018bd5;
    padding: 5px;
    text-align: center;
    flex-basis: 224px;
    min-width: 150px;
    /*margin: 5px;
            box-shadow: 0px 1px 3px 1px #666;*/ }
    .job-page .step-thin .step-col:nth-of-type(even) {
      background-color: #018bd5; }
  .job-page .step-thin .step-title {
    padding: 15px 0;
    margin: 0 10px;
    color: #FFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase; }
  .job-page .step-thin .step-img {
    height: 35px;
    margin-right: 10px; }
  .job-page .step-thin .step-content {
    color: #FFF;
    padding: 7px; }

@media (max-width: 767px) {
  .job-page .common-input {
    width: 100%; }
  .job-page .step-thin .step-col {
    flex-basis: 100%; } }

.careers-page .story-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px; }
  .careers-page .story-boxes .story-box {
    margin: 0; }

.careers-page .results-container {
  position: relative; }

.careers-page .box-content {
  padding: 15px 25px; }
  .careers-page .box-content .title {
    padding-top: 10px; }

.careers-page .section-title {
  text-align: center;
  color: #000;
  padding-bottom: 10px; }

.careers-page .brief {
  color: #555;
  padding-bottom: 10px; }

.careers-page .department {
  padding: 10px;
  text-align: center;
  background-color: #ddd;
  color: #000;
  margin: 1px; }

.careers-page .sub-title {
  color: #333; }

.careers-page .details .career-details {
  padding: 10px;
  background-color: #ddd;
  color: #000;
  text-align: center;
  margin: 1px;
  flex-basis: 50%; }

.careers-page .social-content {
  justify-content: space-between;
  padding-top: 10px; }

.careers-page .dropdownmenu {
  width: auto !important; }

.careers-page #departmentSelect {
  min-width: 400px; }

@media (max-width: 991px) {
  .careers-page .story-boxes {
    display: block; }
    .careers-page .story-boxes .story-box {
      margin: 30px 0; }
  .careers-page .dropdownmenu {
    padding-bottom: 15px; } }

@media (max-width: 479px) {
  .careers-page #departmentSelect {
    min-width: 340px; } }

.our-team-page .common-box .image {
  width: 160px;
  height: 160px; }

.our-team-page .sub-categories {
  justify-content: center; }
  .our-team-page .sub-categories .sub-category {
    color: #fff;
    background-color: gray;
    padding: 5px 30px;
    text-decoration: none;
    border-right: 1px solid #fff;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
    .our-team-page .sub-categories .sub-category.active {
      background-color: #018bd5; }
    .our-team-page .sub-categories .sub-category:hover {
      background-color: #018bd5; }

.our-team-page .team-boxes {
  margin-top: 40px;
  flex-wrap: wrap;
  justify-content: center; }

@media (max-width: 491px) {
  .our-team-page .sub-categories {
    display: block; }
    .our-team-page .sub-categories .sub-category {
      display: block;
      text-align: center; }
  .our-team-page .team-boxes {
    margin: 0;
    margin: 15px 0; }
  .our-team-page .common-box {
    flex-basis: 100%;
    width: auto; } }

.press-release-page .content-header {
  align-items: center; }

.press-release-page .content-container .common-box {
  margin-left: 0; }
  .press-release-page .content-container .common-box .title {
    text-align: left;
    font-weight: bold; }
  .press-release-page .content-container .common-box .image {
    width: 100%;
    height: 105px;
    background-position: top; }

.press-release-page .content-container .right-box {
  padding: 15px;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin: 15px;
  margin-right: 0;
  margin-left: 0;
  position: relative;
  flex-basis: 100%; }
  .press-release-page .content-container .right-box .date, .press-release-page .content-container .right-box .title, .press-release-page .content-container .right-box .details {
    line-height: 1.3;
    padding: 15px 5px; }
  .press-release-page .content-container .right-box .date {
    color: #018bd5; }
  .press-release-page .content-container .right-box .more-btn {
    justify-content: flex-end; }

@media (max-width: 767px) {
  .press-release-page .common-box {
    margin: 0; }
  .press-release-page .content-header {
    display: block; }
  .press-release-page .social-icons {
    margin-top: 10px; }
  .press-release-page .release-box {
    display: block; }
  .press-release-page .right-box {
    margin-top: 0px !important;
    box-shadow: 9px 9px 8px -5px rgba(0, 0, 0, 0.2) !important;
    border-radius: 0px 0px 5px 5px !important; }
  .press-release-page .left-box {
    margin-top: 15px;
    box-shadow: 4px -3px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 0px 0px; } }

.gallery-page .list {
    margin: 20px -15px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gallery-page .list .gallery-item {
    min-width: calc(100% / 4 - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4 - 30px);
    flex: 0 0 calc(100% / 4 - 30px);
    margin: 0 15px 30px;
}
.gallery-item .image {
    height: 200px;
    width: 100%;
}

.text-page .details p {
  margin: 15px 0;
  position: relative; }

.text-page .details .text1, .text-page .details .text2 {
  position: relative;
  padding-left: 10px; }
  .text-page .details .text1:before, .text-page .details .text2:before {
    content: "";
    height: 30%;
    width: 4px;
    background-color: #018bd5;
    top: 5px;
    left: 0;
    position: absolute;
    max-height: 35px; }

.press-release-page .content-header {
  align-items: center; }

.press-release-page .content-container .common-box {
  margin-left: 0; }
  .press-release-page .content-container .common-box .title {
    text-align: left;
    font-weight: bold; }
  .press-release-page .content-container .common-box .image {
    width: 100%;
    height: 105px;
    background-position: top; }

.press-release-page .content-container .right-box {
  padding: 15px;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin: 15px;
  margin-right: 0;
  margin-left: 0;
  position: relative;
  flex-basis: 100%; }
  .press-release-page .content-container .right-box .date, .press-release-page .content-container .right-box .title, .press-release-page .content-container .right-box .details {
    line-height: 1.3;
    padding: 15px 5px; }
  .press-release-page .content-container .right-box .date {
    color: #018bd5; }
  .press-release-page .content-container .right-box .more-btn {
    justify-content: flex-end; }

@media (max-width: 767px) {
  .press-release-page .common-box {
    margin: 0; }
  .press-release-page .content-header {
    display: block; }
  .press-release-page .social-icons {
    margin-top: 10px; }
  .press-release-page .release-box {
    display: block; }
  .press-release-page .right-box {
    margin-top: 0px !important;
    box-shadow: 9px 9px 8px -5px rgba(0, 0, 0, 0.2) !important;
    border-radius: 0px 0px 5px 5px !important; }
  .press-release-page .left-box {
    margin-top: 15px;
    box-shadow: 4px -3px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 0px 0px; } }

.events-page .content-header {
  align-items: center; }

.events-page .release-box {
  flex-wrap: wrap; }

.events-page .content-container .common-box {
  margin-left: 0; }
  .events-page .content-container .common-box .title {
    text-align: left;
    font-weight: bold; }
  .events-page .content-container .common-box .image {
    width: 100%;
    height: 105px; }
  .events-page .content-container .common-box .more-btn {
    justify-content: center; }

@media (max-width: 767px) {
  .events-page .common-box {
    margin: 15px 0; }
  .events-page .content-header {
    display: block; }
  .events-page .social-icons {
    margin-top: 10px; }
  .events-page .release-box {
    display: block; }
  .events-page .release-boxes {
    display: block; } }

.clients-page .results-container {
  margin-top: 20px; }

.clients-page .client-boxes {
  flex-wrap: wrap;
  margin-left: -15px;
  justify-content: center; }

.clients-page .common-box {
  text-decoration: none; }
  .clients-page .common-box .image {
    width: auto;
    height: auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    max-height: 150px; }
  .clients-page .common-box .title {
    color: #636363; }

@media (max-width: 767px) {
  .clients-page .content-header {
    display: block; }
  .clients-page .social-icons {
    margin-top: 10px; }
  .clients-page .release-boxes {
    display: block; }
  .clients-page .client-boxes {
    justify-content: center;
    margin-left: 0px; } }

.text-page .details p {
  margin: 15px 0;
  position: relative; }

.text-page .details .text1, .text-page .details .text2 {
  position: relative;
  padding-left: 10px; }
  .text-page .details .text1:before, .text-page .details .text2:before {
    content: "";
    height: 30%;
    width: 4px;
    background-color: #018bd5;
    top: 5px;
    left: 0;
    position: absolute;
    max-height: 35px; }

.listing-page .boxes {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px; }
  @media (max-width: 767px) {
    .listing-page .boxes {
      justify-content: center;
      margin-left: 0px; } }

.album-page .img-title, .album-page .video-title {
  margin: 30px 0; }

.album-page .images-boxes {
  flex-wrap: wrap; }
  .album-page .images-boxes .img-title {
    margin-bottom: 15px; }
  .album-page .images-boxes .album-img {
    border-radius: 8px;
    border: 1px solid #fdfdfd;
    width: 300px;
    height: 230px;
    margin: 10px;
    position: relative; }

.album-page .videos-boxes {
  flex-wrap: wrap; }
  .album-page .videos-boxes > a {
    height: 230px;
    flex-basis: 300px;
    display: block;
    position: relative;
    margin: 10px;
    border: 1px solid #fdfdfd; }
  .album-page .videos-boxes .thumbnail-image {
    background-size: cover;
    height: 100%;
    background-position: center;
    border-radius: 8px; }
    .album-page .videos-boxes .thumbnail-image:before {
      content: "";
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      border-radius: 8px;
      background-color: rgba(0, 0, 0, 0.36);
      transition: all 0.5s ease; }
    .album-page .videos-boxes .thumbnail-image:hover:before {
      background-color: transparent; }
    .album-page .videos-boxes .thumbnail-image .play-icon {
      font-size: 40px;
      color: #FFF;
      opacity: 0.7; }

@media (max-width: 767px) {
  .album-page .content-header {
    display: block; }
  .album-page .social-icons {
    margin-top: 10px; }
  .album-page .release-boxes {
    display: block; }
  .album-page .client-boxes {
    justify-content: center;
    margin-left: 0px; } }

.contactus-page .modal-header {
  background-color: #018bd5; }
  .contactus-page .modal-header .modal-title {
    color: #fff; }

.contactus-page .branches-boxes {
  flex-wrap: wrap;
  justify-content: center; }

.contactus-page .branch-box {
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 14px;
  margin: 10px;
  box-shadow: 0px 1px 7px rgba(138, 130, 130, 0.27);
  flex-basis: 300px; }
  .contactus-page .branch-box .title {
    text-align: center;
    color: #018bd5;
    padding: 10px;
    border-bottom: 1px solid #018bd5;
    border-bottom: 1px solid rgba(144, 155, 156, 0.17);
    text-transform: uppercase;
    font-weight: bold; }
  .contactus-page .branch-box .details {
    padding: 10px;
    color: #464646;
    line-height: 1.6; }

.contactus-page .form-container {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 50px; }

.contactus-page .lf-part, .contactus-page .rg-part {
  flex-basis: 48%; }

.contactus-page .rg-part textarea {
  height: 250px; }

.contactus-page .inp-cont {
  margin-bottom: 20px; }
  .contactus-page .inp-cont .common-input {
    width: 100%; }
  .contactus-page .inp-cont label {
    display: block;
    margin-bottom: 10px; }

@media (max-width: 991px) {
  .contactus-page .contactus-page .lf-part,
  .contactus-page .contactus-page .rg-part {
    flex-basis: 100%; }
  .contactus-page .contactus-page .form-container {
    flex-wrap: wrap; } }

@media (max-width: 479px) {
  .contactus-page .form-container {
    margin: 0 10px;
    padding-top: 20px; }
  .contactus-page .align-left {
    margin: 0 10px; } }

.page-not-found .notFoundMessage {
  left: calc(50% -120px);
  top: 500px;
  color: #fff; }

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed {
  position: fixed !important; }

.centeralize-nav .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: 1px;
  transform: translateY(-50%) translateX(-50%); }
  .centeralize-nav .owl-nav .owl-prev, .centeralize-nav .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .centeralize-nav .owl-nav .owl-prev span, .centeralize-nav .owl-nav .owl-next span {
      font-size: 30px;
      position: absolute;
      top: -20px;
      color: #018bd5;
      font-weight: bold;
      z-index: 5; }
    .centeralize-nav .owl-nav .owl-prev.owl-prev, .centeralize-nav .owl-nav .owl-next.owl-prev {
      left: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-prev span, .centeralize-nav .owl-nav .owl-next.owl-prev span {
        left: -4px; }
    .centeralize-nav .owl-nav .owl-prev.owl-next, .centeralize-nav .owl-nav .owl-next.owl-next {
      right: 0; }
      .centeralize-nav .owl-nav .owl-prev.owl-next span, .centeralize-nav .owl-nav .owl-next.owl-next span {
        right: -4px; }

.flexBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-none {
  display: none !important; }

.flex-box, .home-page .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  background-position: center; }

.backgroundCover, .background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.vertical-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizantal-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.vh-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.inline-block {
  display: inline-block; }

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

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

.align-center {
  text-align: center; }

.f-italic {
  font-style: italic; }

.f-bold {
  font-weight: bold; }

.black-gradiant {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+87&0+0,0.87+67 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.87) 67%, rgba(0, 0, 0, 0.87) 87%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .overlay.black {
    background-color: #000; }
  .overlay.white {
    background-color: #FFF; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.rotate {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate2 {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.default-page #mainSlider .left-side {
  background-image: url("../images/Backgrounds/about_background.html"); }

.default-page #mainSlider .right-side {
  background-image: url("../images/Inner/right_side_about.html"); }

.default-page .common-text li {
  position: relative;
  margin-left: 20px; }
  .default-page .common-text li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #018bd5;
    top: 10px;
    transform: translateY(-50%);
    left: -14px; }

.default-page .midde-menu {
  bottom: 0; }

.default-page .wrapper {
  height: auto;
  min-height: auto !important; }

.default-page #mainSlider {
  height: 510px !important; }

.default-page .lr-section {
  clear: both; }
  .default-page .lr-section .left-part {
    flex-grow: 1; }
  .default-page .lr-section .right-part {
    background-color: #018bd5;
    flex-basis: 427px;
    max-width: 427px;
    flex-shrink: 0;
    margin-top: -160px;
    position: relative;
    padding: 30px 30px 30px 40px;
    flex-direction: column; }
  .default-page .lr-section .text-group {
    padding-right: 20px; }
    .default-page .lr-section .text-group:not(:last-child) {
      margin-bottom: 40px; }
    .default-page .lr-section .text-group .title {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 5px;
      color: black; }
    .default-page .lr-section .text-group .details {
      color: #948e8e;
      line-height: 1.4;
      font-size: 13px; }
  .default-page .lr-section .page-title, .default-page .lr-section .page-items {
    color: #FFF;
    font-weight: 200;
    margin-bottom: 25px; }
    .default-page .lr-section .page-title a, .default-page .lr-section .page-items a {
      color: #FFF;
      text-decoration: none; }
  .default-page .lr-section .page-title {
    font-family: lightFont;
    font-size: 40px; }
  .default-page .lr-section .page-items {
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase; }
  .default-page .lr-section .inner-image {
    height: 350px;
    background: url(../images/Inner/about_inner.html) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .default-page .lr-section .short-details {
    color: #acacac;
    font-size: 13px;
    font-style: italic;
    margin-top: 20px;
    line-height: 1.3;
    padding: 0 12px; }

.default-page.without-right .general-menu .social-icons {
  display: none; }

.default-page.without-right .lr-section {
  position: relative; }
  .default-page.without-right .lr-section .page-title {
    margin: 0;
    font-weight: normal;
    font-size: 20px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 0; }
  .default-page.without-right .lr-section .right-part {
    height: auto;
    position: absolute;
    z-index: 1;
    right: 0;
    top: auto;
    bottom: 100%;
    width: 550px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    padding-right: 0; }
  .default-page.without-right .lr-section .left-part {
    width: 100%; }

.default-page.without-right .our-values {
  flex-wrap: wrap;
  margin-left: -10px;
  justify-content: center; }

@media (min-width: 1600px) {
  .lr-section .right-part {
    flex-basis: 550px !important;
    max-width: unset !important; } }

@media (min-width: 991px) {
  .default-page.without-right .lr-section {
    display: block !important; } }

@media (max-width: 991px) {
  .default-page.without-right .lr-section .right-part {
    flex-grow: 1;
    max-width: unset;
    position: static;
    margin: 0;
    height: auto;
    padding: 20px;
    min-height: auto !important; }
  .default-page.without-right .lr-section .page-title {
    font-size: 30px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 35px; }
  .default-page .lr-section {
    flex-wrap: wrap; }
    .default-page .lr-section .left-part, .default-page .lr-section .right-part {
      flex-basis: 100%; }
    .default-page .lr-section .right-part {
      margin-top: auto;
      order: 1;
      padding: 40px;
      max-width: 100%; }
    .default-page .lr-section .left-part {
      order: 2; }
  .default-page .midde-menu .menu-text, .default-page .midde-menu .dots {
    top: 30%; } }

@media (max-width: 767px) {
  .default-page.without-right .lr-section .right-part {
    padding: 15px; }
  .default-page.without-right .lr-section .page-title {
    font-size: 20px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 25px; }
  .our-values {
    margin-left: 0px; } }

@media (max-width: 479px) {
  .default-page .lr-section .right-part {
    padding: 20px; }
  .default-page .lr-section .left-part {
    max-width: 100%; }
  .default-page.without-right .lr-section .page-title {
    font-size: 15px; }
  .default-page.without-right .lr-section .page-items {
    font-size: 20px; } }

.solution-page.default-page .lr-section .left-part {
  padding: 0; }

.solution-page .solution-brief {
  position: relative;
  padding: 0 15px; }
  .solution-page .solution-brief:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 50px;
    background-color: #018bd5; }

.solution-page .product-boxes-container {
  padding: 30px;
  margin-top: 25px;
  background-color: #f8f8f8; }
  .solution-page .product-boxes-container .main-title {
    color: #018bd5;
    margin-bottom: 25px; }

.solution-page .product-boxes {
  flex-wrap: wrap; }
  .solution-page .product-boxes .product-box {
    flex-grow: 1; }

.solution-page .contactus-container {
  justify-content: flex-end; }
  .solution-page .contactus-container .contactus-btn {
    padding: 20px;
    background-color: #018bd5;
    color: #fff;
    margin: 10px;
    margin-right: 50px;
    border-radius: 5px; }

.sitemap {
  line-height: 1.4; }
  .sitemap .layer1-list,
  .sitemap .layer2-list,
  .sitemap .layer3-list {
    list-style-type: initial;
    padding-left: 20px; }
  .sitemap .sitemap-data li {
    list-style: none;
    padding: 7px; }
  .sitemap .sitemap-data a {
    position: relative; }
  .sitemap .lvl1-link {
    text-decoration: none;
    position: relative;
    color: #018bd5;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 10px; }
  .sitemap .lvl2-link {
    text-decoration: none;
    color: #464646;
    display: block;
    padding: 0 10px;
    font-weight: bold; }
  .sitemap .lvl3-link {
    text-decoration: none;
    color: #777;
    display: block;
    padding: 0 10px;
    font-weight: bold; }
  .sitemap .lvl3-link:before,
  .sitemap .lvl2-link:before,
  .sitemap .lvl1-link:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 2px;
    background-color: #018bd5; }
  .sitemap .lvl1-link:before {
    content: "";
    height: 10px;
    width: 10px;
    top: 2px; }
  .sitemap .lvl2-link:before {
    height: 3px;
    width: 10px;
    top: 6px; }
  .sitemap .lvl3-link:before {
    height: 5px;
    width: 5px;
    border-radius: 5px;
    top: 6px; }

/* News Share Start */
.wrapper.inner__page__wrapper {
    height: auto;
    min-height: auto !important;
}
.wrapper.inner__page__wrapper #mainSlider.inner__page {
    height: 510px !important;
}
.lr-section .right-part {
    height: auto;
    position: absolute;
    z-index: 1;
    right: 0;
    top: auto;
    bottom: 100%;
    width: 550px;
    background-color: #018bd5;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    flex-basis: 427px;
    max-width: 427px;
    flex-shrink: 0;
    margin-top: -160px;
    padding: 20px;
    padding-right: 0;
}
.lr-section .right-part .page-title {
    margin: 0;
    font-weight: normal;
    font-size: 20px;
}
.lr-section .right-part .page-items {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 0;
    color: #ffffff;
    text-transform: uppercase;
}
.lr-section .right-part .page-title a{
  color: #ffffff;
  text-decoration: none;
}
.lr-section {
    width: 100%;
    float: left;
    position: relative;
}
.addthis-animated {
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  animation-duration: .3s;
}
.at4-show {
  display: block!important;
  opacity: 1!important;
}
.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
  padding: 0;
  margin: 0;
}
.at-resp-share-element {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}
.at-resp-share-element:after, .at-resp-share-element:before {
  content: " ";
  display: table;
}
.at4-visually-hidden {
  position: absolute;
  clip: rect(1px,1px,1px,1px);
  padding: 0;
  border: 0;
  overflow: hidden;
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn{
  padding: 5px;
  display: inline-block;
  margin: 0 2px 5px;
  overflow: hidden;
  line-height: 0;
  border-radius: 0;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  cursor: pointer;
  transition: all .2s ease-in-out;
  border: 0;
  font-family: helvetica neue,helvetica,arial,sans-serif;
  background-color: transparent;
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn:focus, 
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn:hover {
    transform: translateY(-4px);
    color: #fff;
    text-decoration: none;
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn.at-svc-facebook {
  background-color: rgb(59, 89, 152);
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn.at-svc-twitter {
  background-color: rgb(29, 161, 242);
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn.at-svc-linkedin {
  background-color: rgb(0, 119, 181);
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn .at-icon-wrapper {
    line-height: 32px;
    height: 32px;
    width: 32px;
    float: left;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn .at-icon-wrapper svg {
    fill: #ffffff;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn .at-label {
    font-size: 11.4px;
    line-height: 32px;
    height: 32px;
    color: rgb(255, 255, 255);
    font-family: helvetica neue,helvetica,arial,sans-serif;
    padding: 0 15px 0 0;
    margin: 0 0 0 5px;
    background: none;
}
.content-container .content-header .title {
    width: 70%;
}
.left-part .details .text1, 
.left-part .details .text2 {
    position: relative;
    padding-left: 10px;
}
.left-part .details .text1:before, 
.left-part .details .text2:before {
    content: "";
    height: 30%;
    width: 4px;
    background-color: #007d8a;
    top: 5px;
    left: 0;
    position: absolute;
    max-height: 35px;
}
.left-part .details p {
    margin: 15px 0;
    position: relative;
}
/* News Share End */

/* Popup CSS Start */
#subscribeNewsletterModal .modal-content,
.modal .modal-content {
    border: none;
    border-radius: 20px;
    overflow: hidden;
}
.popup__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.popup__main .close {
    position: absolute;
    top: 5px;
    width: 30px;
    height: 30px;
    right: 5px;
    background-color: #028BD5;
    opacity: 1;
    border-radius: 30px;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.popup__main .close:hover {
    background-color: #636363;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.popup__main .close span {
    color: #ffffff;
    font-size: 18px;
    position: relative;
    top: -2px;
}
.popup__main .popup__field, 
.popup__main .popup__image {
    min-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.popup__main .popup__field {
    padding: 25px;
    background-color: #F1F1F1;
}
.popup__main .popup__field .title h3 {
    font-size: 28px;
    color: #028bd5;
    margin-bottom: 30px;
    font-weight: 700;
}
.popup__form .form-group:last-child {
    margin-bottom: 0;
}
.popup__form .form-group label {
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 14px;
}
.popup__form .form-group .form-control {
    height: auto;
    padding: 10px 15px;
    line-height: normal;
    box-shadow: none;
    border: none;
    border-radius: 20px;
}
.popup__form .form-group.auth__link a {
    display: inline-block;
    font-size: 15px;
}
.popup__form .form-group.auth__link a:first-child {
    margin: 0 20px 0 10px;
}
.popup__form .form-group .popup__btn {
    background-color: #018bd5;
    color: #ffffff;
    font-size: 14px;
    box-shadow: 0 10px 10px 0 rgba(1, 139, 213, 0.3);
    -webkit-box-shadow: 0 10px 10px 0 rgba(1, 139, 213, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    padding: 7px 25px;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.popup__form .form-group .popup__btn img {
    width: 15px;
    margin-left: 10px;
}
.popup__form .form-group .popup__btn:hover,
.popup__form .form-group .popup__btn:focus,
.popup__form .form-group .popup__btn:active {
    background-color: #636363;
    outline: none;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.popup__main .popup__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 100%;
}
/* Popup CSS End */

.inner__banner {
    background-color: rgba(99, 99, 99, 0.3);
    position: relative;
}
.inner__banner h1 {
    color: #018bd5;
    font-size: 55px;
    letter-spacing: 0.8px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40%;
    bottom: auto;
    right: auto;
    font-family: regularFont;
}
.inner__banner span {
    background-color: #018bd5;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    top: 38%;
    left: 41%;
}
.inner__banner span:before, 
.inner__banner span:after {
    content: "";
    background-color: #018bd5;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 30px;
}
.inner__banner span:after{
  left: 60px;
}

@media (max-width: 991px){
  .addthis_inline_share_toolbox .at-share-btn-elements .at-share-btn .at-label{
    display: none;
  }
  #mainSlider.inner__page {
    height: 510px !important;
  }
  .lr-section .right-part{
    flex-grow: 1;
    max-width: unset;
    position: static;
    margin: 0;
    height: auto;
    padding: 20px;
    min-height: auto !important;
  }
  .gallery-page .list .gallery-item {
    min-width: calc(100% / 3 - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 30px);
    flex: 0 0 calc(100% / 3 - 30px);
  }
  .inner__banner h1,
  .inner__banner span{
    left: 25%;
  }
  .inner__banner h1{ font-size: 45px; }
}
@media (max-width: 767px){
  .release-boxes .release-box{
    display: block;
  }
  .content-container .content-header .title {
    width: 100%;
  }
  .release-boxes .release-box .common-box {
      margin: 15px 0 0;
      box-shadow: 4px -3px 5px 0px rgba(0, 0, 0, 0.2);
      border-radius: 5px 5px 0px 0px;
  }
  .release-boxes .release-box .right-box {
    margin-top: 0px;
    box-shadow: 9px 9px 8px -5px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 5px 5px;  
  }
  .release-boxes .release-box .common-box .image{
    height: 300px;
  }
  .gallery-page .list .gallery-item {
    min-width: calc(100% / 2 - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2 - 30px);
    flex: 0 0 calc(100% / 2 - 30px);
  }
}
@media (max-width: 480px){
  .popup__main{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .popup__main .popup__field, 
  .popup__main .popup__image,
  .gallery-page .list .gallery-item {
    min-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .popup__main .popup__image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    height: 200px;
  }
  .popup__main .popup__field {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gallery-page .list{
    margin: 20px 0 0;
  }
  .inner__banner span{ 
    left: 20px; 
    top: 43%;
    width: 15px;
    height: 15px;
  }
  .inner__banner span:before, 
  .inner__banner span:after{
    width: 15px;
    height: 15px;
    left: 25px;
  }
  .inner__banner span:after{
    left: 50px;
  }
  .inner__banner h1{ 
    font-size: 22px; 
    left: 20px;
  }
}

/* 12-10-2020 */
.general-menu li a {
  font-size: 16px !important;
  }
/* .hcm_app {
    top: calc(20% + 5px);
} */
.blog-btn.btn1{
  top: calc(35% + -127px);
  text-transform: uppercase;
  right: 33px;
}
.blog-btn.btn2 {
  bottom: unset;
  top: calc(35% + 22px);
  right: 33px;
}
.blog-btn.btn3 {
  top: calc(35% + 154px);
  right: 32px;
}
.hcm_dialog {
  width: 260px;
}
.hcm_img_cls{
  text-align: center;
  width: 100%;
}
.hcm_img{
  height: 150px;
  width: 150px;
  padding: 15px;
}
.breadcrumbs li a p {
    display: inline-block;
}
#newsSlider .title {
    position: static;
    padding: 10px 30px 10px;
    display: inline-block;
}
#newsSlider .item{
  margin-top: 0;
  padding: 0 30px;
}
@media (max-width: 1800px){
  #mainSlider .right-side {
    background-position: center 70%
  }
}
@media (max-width: 1600px){
  .blog-btn.btn1{
    top: calc(40% + -127px);
  }
  .blog-btn.btn2 {
    top: calc(40% + 22px);
  }
  .blog-btn.btn3 {
    top: calc(40% + 153px);
  }
  #mainSlider .right-side {
    background-position: center 100%
  }
}
@media (max-width: 1400px){
  .blog-btn.btn1{
    top: calc(45% + -127px);
  }
  .blog-btn.btn2 {
    top: calc(45% + 22px);
  }
  .blog-btn.btn3 {
    top: calc(45% + 153px);
  }
}

.home-page .wrapper {
  overflow: hidden;
}


.release-boxes .release-box .details {
  max-height: 180px;
  overflow: hidden;
  position: relative;
}

.release-boxes .release-box .details:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  height: 70px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}