@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins/Poppins-Regular.eot?") format("eot"), url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Regular.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Poppins/Poppins-Light.eot?") format("eot"), url("../fonts/Poppins/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Light.woff") format("woff"), url("../fonts/Poppins/Poppins-Light.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Light.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Poppins/Poppins-ExtraLight.eot?") format("eot"), url("../fonts/Poppins/Poppins-ExtraLight.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraLight.woff") format("woff"), url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype"), url("../fonts/Poppins/Poppins-ExtraLight.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Poppins/Poppins-Medium.eot?") format("eot"), url("../fonts/Poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Medium.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Poppins/Poppins-SemiBold.eot?") format("eot"), url("../fonts/Poppins/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-SemiBold.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Poppins/Poppins-Bold.eot?") format("eot"), url("../fonts/Poppins/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Bold.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: bolder;
  src: url("../fonts/Poppins/Poppins-ExtraBold.eot?") format("eot"), url("../fonts/Poppins/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraBold.woff") format("woff"), url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-ExtraBold.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Poppins/Poppins-Black.eot?") format("eot"), url("../fonts/Poppins/Poppins-Black.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Black.woff") format("woff"), url("../fonts/Poppins/Poppins-Black.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Black.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Lato/Lato-Regular.eot?") format("eot"), url("../fonts/Lato/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato/Lato-Regular.woff") format("woff"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato/Lato-Regular.svg#Lato") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Lato/Lato-Bold.eot?") format("eot"), url("../fonts/Lato/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato/Lato-Bold.woff") format("woff"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato/Lato-Bold.svg#Lato") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Lato/Lato-Light.eot?") format("eot"), url("../fonts/Lato/Lato-Light.woff2") format("woff2"), url("../fonts/Lato/Lato-Light.woff") format("woff"), url("../fonts/Lato/Lato-Light.ttf") format("truetype"), url("../fonts/Lato/Lato-Light.svg#Lato") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Lato/Lato-Black.eot?") format("eot"), url("../fonts/Lato/Lato-Black.woff2") format("woff2"), url("../fonts/Lato/Lato-Black.woff") format("woff"), url("../fonts/Lato/Lato-Black.ttf") format("truetype"), url("../fonts/Lato/Lato-Black.svg#Lato") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Regular.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Regular.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Montserrat/Montserrat-Light.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Light.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Montserrat/Montserrat-ExtraLight.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraLight.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat/Montserrat-Medium.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Medium.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Montserrat/Montserrat-SemiBold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Montserrat/Montserrat-Bold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Bold.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bolder;
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Montserrat/Montserrat-Black.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Black.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "iranoilshow";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Oil/iranoilshow.eot?") format("eot"), url("../fonts/Oil/iranoilshow.woff2") format("woff2"), url("../fonts/Oil/iranoilshow.woff") format("woff"), url("../fonts/Oil/iranoilshow.ttf") format("truetype"), url("../fonts/Oil/iranoilshow.svg#iranoilshow") format("svg"); }
[data-icon]:before {
  font-family: "iranoilshow" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="oil-"]:before {
  font-family: "iranoilshow" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*=" oil-"]:before {
  font-family: "iranoilshow" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.oil-barrel:before {
  content: "\e000"; }

.oil-calendar:before {
  content: "\e001"; }

.oil-chat:before {
  content: "\e002"; }

.oil-facebook-logo:before {
  content: "\e003"; }

.oil-gas-level:before {
  content: "\e004"; }

.oil-gas-station:before {
  content: "\e005"; }

.oil-google-plus:before {
  content: "\e006"; }

.oil-instagram-logo:before {
  content: "\e007"; }

.oil-interface:before {
  content: "\e008"; }

.oil-left-quotation-marks:before {
  content: "\e009"; }

.oil-link-button:before {
  content: "\e00a"; }

.oil-linkedin-logo:before {
  content: "\e00b"; }

.oil-oil:before {
  content: "\e00c"; }

.oil-placeholder:before {
  content: "\e00d"; }

.oil-telegram-logo:before {
  content: "\e00e"; }

.oil-transport:before {
  content: "\e00f"; }

.oil-twitter-logo-silhouette:before {
  content: "\e010"; }

.oil-water-truck:before {
  content: "\e011"; }

.oil-angle-arrow-pointing-to-right:before {
  content: "\e012"; }

.oil-angle-pointing-to-left:before {
  content: "\e013"; }

.oil-right-chevron:before {
  content: "\e014"; }

.oil-left-chevron:before {
  content: "\e015"; }

.oil-right-quotes-symbol:before {
  content: "\e016"; }

.oil-left-quotes-sign:before {
  content: "\e017"; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 0.8; }

.vertically {
  top: 50%;
  transform: translateY(-50%); }

.mr-60 {
  margin-right: 3.75rem; }

.full-header {
  width: 100%; }
  .full-header .border {
    border-color: #efefef; }
  .full-header .top-bar {
    width: 100%;
    height: 2.8125rem;
    background-color: #FFFFFF; }
    .full-header .top-bar .text-information {
      font-weight: 300;
      font-size: 0.75em;
      color: #666666;
      display: inline-block; }
      .full-header .top-bar .text-information span {
        color: #2856b4;
        font-weight: 500; }
    .full-header .top-bar .social > .nav > .nav-item > .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-top: 0;
      padding-bottom: 0;
      color: #444444;
      font-size: 0.6875rem; }
    .full-header .top-bar .login-register > .nav > .nav-item {
      position: relative; }
      .full-header .top-bar .login-register > .nav > .nav-item > .nav-link {
        padding-right: 0.8125rem;
        padding-left: 0.8125rem;
        padding-top: 0;
        padding-bottom: 0;
        color: #444444;
        font-size: 0.75rem;
        font-family: Poppins;
        font-weight: 500;
        position: relative; }
        .full-header .top-bar .login-register > .nav > .nav-item > .nav-link:before {
          content: '';
          position: absolute;
          width: 0.0625rem;
          height: 0.5625rem;
          background-color: #b5b5b5;
          right: 0; }
      .full-header .top-bar .login-register > .nav > .nav-item:first-child {
        margin-left: 2.375rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child:before {
          content: '';
          position: absolute;
          width: 0.0625rem;
          height: 2.875rem;
          background-color: #efefef;
          left: 0;
          top: -200%; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child > .nav-link {
          padding-left: 1.9375rem; }
      .full-header .top-bar .login-register > .nav > .nav-item:last-child:after {
        content: '';
        position: absolute;
        width: 0.0625rem;
        height: 2.875rem;
        background-color: #efefef;
        right: 0;
        top: -200%; }
      .full-header .top-bar .login-register > .nav > .nav-item:last-child > .nav-link {
        padding-right: 1.9375rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child > .nav-link:before {
          display: none; }
  .full-header .main-header {
    height: 9.6875rem;
    width: 100%;
    position: relative; }
    .full-header .main-header:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: url("../img/logoOilShow.png");
      background-size: 61%;
      background-repeat: no-repeat;
      background-position: center left;
      opacity: 0.03;
      left: -7.3125rem; }
    .full-header .main-header .brand-top {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; }
      .full-header .main-header .brand-top > .brand-logo svg {
        width: auto;
        height: 5.3125rem; }
        .full-header .main-header .brand-top > .brand-logo svg path {
          fill: #2856b4; }
      .full-header .main-header .brand-top > .brand-logo .detail {
        width: 14.875rem;
        font-size: 1rem;
        font-family: "Poppins", serif !important;
        font-weight: bold;
        line-height: 1rem;
        margin-top: 0.3125rem;
        margin-left: 1.25rem;
        color: #2856b4; }
    .full-header .main-header .hosted h3 {
      font-size: 0.75rem;
      font-family: "Poppins", serif;
      font-weight: 600;
      text-transform: uppercase;
      color: #303030;
      margin-top: 0.9375rem; }
    .full-header .main-header .hosted > .nav > .nav-item {
      margin-right: 0.9375rem; }
      .full-header .main-header .hosted > .nav > .nav-item:last-child {
        margin-right: 0; }
    .full-header .main-header .navbar-oil-show {
      background-color: #2856b4;
      z-index: 99; }
      .full-header .main-header .navbar-oil-show .navbar-nav:hover > .nav-item > .nav-link {
        color: #869fd1; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link {
        font-size: 0.75rem;
        font-family: "Poppins", serif !important;
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        position: relative;
        -moz-transition: color 0.7s ease;
        -webkit-transition: color 0.7s ease;
        -o-transition: color 0.7s ease;
        -ms-transition: color 0.7s ease;
        transition: color 0.7s ease; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link:before {
          content: '';
          position: absolute;
          width: 0.0625rem;
          height: 0.5625rem;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          background-color: rgba(255, 255, 255, 0.5); }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link:hover {
          color: #FFFFFF !important; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link.dropdown-toggle:after {
          width: auto;
          height: auto;
          margin: 0;
          border: none !important;
          content: '\e014';
          position: absolute;
          right: 50%;
          font-family: "iranoilshow";
          font-size: 0.5rem;
          transition: right 0.3s ease;
          transform: rotate(90deg) translateY(-50%) translateX(-50%);
          top: 75%; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:last-child > .nav-link:before {
        display: none; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:first-child > .nav-link {
        padding-left: 1.875rem; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item.dropdown:hover .nav-link {
        color: #FFFFFF !important; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item.dropdown .dropdown-menu {
        text-align: left;
        padding: 0;
        border: none;
        top: 103%;
        font-family: "Poppins", serif;
        overflow: hidden; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item.dropdown .dropdown-menu .dropdown-item {
          padding: 1.0625rem 1.5625rem;
          font-size: 0.75rem;
          font-weight: 500; }
      .full-header .main-header .navbar-oil-show .menu-side {
        width: 4.0625rem;
        height: 4.0625rem;
        background-color: #cc1f1f;
        position: relative; }
        .full-header .main-header .navbar-oil-show .menu-side i {
          width: 100%;
          position: absolute;
          right: 0;
          font-size: 1.25rem;
          color: #FFFFFF; }
        .full-header .main-header .navbar-oil-show .menu-side:hover {
          cursor: pointer; }
  .full-header .menu-fix {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -moz-linear-gradient(120deg, #2856b4 0%, #4772ca 100%);
    background-image: -webkit-linear-gradient(120deg, #2856b4 0%, #4772ca 100%);
    background-image: -ms-linear-gradient(120deg, #2856b4 0%, #4772ca 100%);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; }
    .full-header .menu-fix.open {
      visibility: visible;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s; }
    .full-header .menu-fix .close-menu {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      cursor: pointer; }
    .full-header .menu-fix .item-menu {
      padding: 0 3.5rem;
      position: relative; }
      .full-header .menu-fix .item-menu:first-of-type {
        padding-left: 0 !important; }
      .full-header .menu-fix .item-menu:last-of-type {
        padding-right: 0 !important; }
        .full-header .menu-fix .item-menu:last-of-type:after {
          display: none; }
      .full-header .menu-fix .item-menu:after {
        content: '';
        position: absolute;
        width: 0.0625rem;
        height: 6.1875rem;
        background-color: #fff;
        opacity: 0.15;
        top: 50%;
        transform: translateY(-50%);
        right: 0.875rem; }
      .full-header .menu-fix .item-menu .item-menu-head {
        font-family: "Poppins", serif;
        font-weight: bold;
        font-size: 1.25rem;
        color: #FFFFFF;
        margin-bottom: 2.5rem; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item .nav-link {
        padding: 0.875rem 0;
        font-family: "Lato", serif;
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.5);
        -moz-transition: color 0.2 ease;
        -webkit-transition: color 0.2 ease;
        -o-transition: color 0.2 ease;
        -ms-transition: color 0.2 ease;
        transition: color 0.2 ease; }
        .full-header .menu-fix .item-menu .nav-menu-fix .nav-item .nav-link:hover {
          color: #FFFFFF; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item:first-child .nav-link {
        padding-top: 0; }

.slider {
  width: 100%;
  height: 35rem;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative; }
  .slider .slider-top {
    width: 100%;
    height: 35rem;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative; }
    .slider .slider-top:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 99; }
  .slider .text-slider {
    position: relative;
    width: 100%;
    z-index: 1; }
    .slider .text-slider > .title {
      font-weight: bold;
      font-size: 2.3125rem;
      font-family: "Poppins", serif;
      color: #FFFFFF;
      text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.5);
      margin-bottom: 1.25rem; }
    .slider .text-slider > .subtitle {
      font-weight: 300;
      font-size: 2.3125rem;
      font-family: "Poppins", serif;
      color: #FFFFFF;
      text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.5); }
  .slider.single {
    height: 18.125rem;
    background-position: center center !important; }
    .slider.single .breadcrumb-oil-show nav > .breadcrumb {
      font-family: "Lato", serif;
      font-size: 0.9375rem; }
      .slider.single .breadcrumb-oil-show nav > .breadcrumb .breadcrumb-item {
        color: #FFFFFF; }
        .slider.single .breadcrumb-oil-show nav > .breadcrumb .breadcrumb-item a {
          color: #FFFFFF; }
        .slider.single .breadcrumb-oil-show nav > .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
          content: '>';
          color: #2856b4; }

.our-services {
  position: relative;
  margin-top: -2.8125rem; }
  .our-services .heading {
    font-family: "Poppins", serif;
    font-weight: bold;
    font-size: 2.375rem;
    color: #333333;
    text-transform: uppercase;
    width: 13.25rem;
    line-height: 2.438125rem;
    word-spacing: -0.125rem;
    padding-top: 9.1875rem; }
  .our-services .item-services {
    width: 16.9375rem;
    height: 19.625rem;
    background: #FFFFFF;
    position: relative;
    overflow: hidden; }
    .our-services .item-services:before {
      content: '';
      position: absolute;
      background-color: #FFFFFF;
      width: 110%;
      height: 100%;
      top: 62.5%;
      right: -2.0625rem;
      z-index: 99;
      -ms-transform: rotate(-8deg);
      /* IE 9 */
      -webkit-transform: rotate(-8deg);
      /* Chrome, Safari, Opera */
      transform: rotate(-8deg); }
    .our-services .item-services:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      background-color: #2856b4;
      z-index: 98;
      opacity: 0.6;
      transform: translate(0%, 100%);
      transform-origin: top left;
      transition: 0.2s transform ease-out;
      will-change: transform; }
    .our-services .item-services img {
      width: 100%;
      height: 13.5rem;
      object-fit: cover;
      -o-object-fit: cover; }
    .our-services .item-services .title {
      width: 100%;
      font-size: 1.375rem;
      font-weight: bold;
      color: #333333;
      position: absolute;
      bottom: 2.5625rem;
      z-index: 999; }
    .our-services .item-services:hover {
      cursor: pointer;
      background-color: #2856b4; }
      .our-services .item-services:hover:after {
        transform: translate(0, 0); }
      .our-services .item-services:hover img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1); }
      .our-services .item-services:hover .title {
        color: #2856b4; }

#OurServices .owl-nav, #slider-top .owl-nav {
  width: 1.9375rem;
  height: 3.9375rem;
  position: absolute;
  top: 9.1875rem;
  left: -4.0625rem;
  margin: 0; }
  #OurServices .owl-nav .owl-prev, #OurServices .owl-nav .owl-next, #slider-top .owl-nav .owl-prev, #slider-top .owl-nav .owl-next {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background: #efefef;
    padding: 0;
    margin: 0 0 0.1875rem;
    position: relative; }
    #OurServices .owl-nav .owl-prev i, #OurServices .owl-nav .owl-next i, #slider-top .owl-nav .owl-prev i, #slider-top .owl-nav .owl-next i {
      font-size: 0.375rem;
      color: #333333;
      position: absolute;
      top: 50%;
      right: 30%;
      transform: translateY(-50%) translateX(-50%); }
    #OurServices .owl-nav .owl-prev:hover, #OurServices .owl-nav .owl-next:hover, #slider-top .owl-nav .owl-prev:hover, #slider-top .owl-nav .owl-next:hover {
      background: #2856b4; }
      #OurServices .owl-nav .owl-prev:hover i, #OurServices .owl-nav .owl-next:hover i, #slider-top .owl-nav .owl-prev:hover i, #slider-top .owl-nav .owl-next:hover i {
        color: #FFFFFF; }

#slider-top .owl-nav {
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%); }
  #slider-top .owl-nav .owl-prev {
    left: 2%;
    position: absolute; }
  #slider-top .owl-nav .owl-next {
    right: 2%;
    position: absolute; }

.show-description {
  padding-top: 0.625rem;
  padding-right: 15.6875rem;
  padding-left: 15.6875rem;
  font-size: 0.9375rem;
  color: rgba(0, 0, 0, 0.4);
  font-family: 'Lato' ,serif;
  line-height: 1.625rem;
  word-spacing: 0.0625rem;
  min-height: 5.5rem; }

.mt-150 {
  margin-top: 4.5rem; }

.heading-section .subtitle {
  font-family: "Poppins", serif;
  font-size: 0.875rem;
  color: #666666;
  margin-bottom: 0.8125rem;
  font-weight: 500; }
.heading-section .title {
  font-family: "Poppins", serif;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 2.125rem;
  text-transform: uppercase; }
.heading-section .description-title {
  padding-right: 18.625rem;
  padding-left: 18.625rem;
  line-height: 1.625rem;
  font-size: 0.9375rem;
  font-weight: normal;
  font-family: "Lato", serif;
  color: #666666; }
.heading-section .dots {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.4375rem; }
  .heading-section .dots .owl-dot {
    width: 0.6875rem;
    height: 0.6875rem;
    border-radius: 50%;
    background-color: #2856b4;
    margin-right: 0.25rem;
    margin-left: 0.25rem; }
    .heading-section .dots .owl-dot.active {
      width: 1rem;
      height: 1rem; }

.notification .item-notification {
  width: 35.125rem;
  height: 24.8125rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden; }
  .notification .item-notification:before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    width: 110%;
    height: 100%;
    top: 56.5%;
    right: -2.0625rem;
    z-index: 99;
    -ms-transform: rotate(-6deg);
    /* IE 9 */
    -webkit-transform: rotate(-6deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-6deg); }
  .notification .item-notification:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #2856b4;
    z-index: 98;
    opacity: 0.6;
    transform: translate(0%, 100%);
    transform-origin: top left;
    transition: 0.2s transform ease-out;
    will-change: transform; }
  .notification .item-notification img {
    width: 100%;
    height: 16rem;
    object-fit: cover;
    -o-object-fit: cover; }
  .notification .item-notification .detail-box {
    position: relative;
    z-index: 999;
    margin-top: 2.5rem; }
    .notification .item-notification .detail-box .title {
      width: 100%;
      font-family: "Poppins", serif;
      font-size: 1.25rem;
      font-weight: bold;
      color: #333333;
      margin-bottom: 0.9375rem;
      word-spacing: -0.125rem; }
    .notification .item-notification .detail-box .description-item {
      font-size: 0.875rem;
      font-family: "Lato", serif;
      line-height: 1.625rem;
      padding-right: 4.625rem;
      color: #666666;
      word-spacing: 0.0625rem; }
  .notification .item-notification:hover {
    cursor: pointer;
    background-color: #2856b4; }
    .notification .item-notification:hover:after {
      transform: translate(0, 0); }
    .notification .item-notification:hover img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .notification .item-notification:hover .title {
      color: #2856b4; }
.notification #Notification {
  margin-top: 3.0625rem; }

.dynamic .image {
  position: relative; }
  .dynamic .image .separator {
    width: 14.375rem;
    height: 14.375rem;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    align-items: center; }
    .dynamic .image .separator .content-separator {
      width: 100%; }
      .dynamic .image .separator .content-separator .title {
        font-family: "Poppins", serif;
        font-weight: bold;
        word-spacing: 0.0625rem;
        font-size: 1.25rem;
        color: #000000;
        margin-bottom: 0.625rem; }
      .dynamic .image .separator .content-separator .subtitle {
        font-family: "Lato", serif;
        font-weight: normal;
        font-size: 0.6875rem;
        color: #666766;
        word-spacing: 0.125rem; }
.dynamic .detail {
  padding-left: 3.75rem;
  padding-top: 1.25rem;
  padding-right: 2.5625rem; }
  .dynamic .detail .title {
    font-family: "Poppins", serif;
    font-size: 2.375rem;
    color: #333333;
    font-weight: bold;
    line-height: 2.625rem;
    margin-bottom: 0.9375rem; }
    .dynamic .detail .title span {
      font-weight: 300;
      color: #2856b4;
      display: block; }
  .dynamic .detail .comment {
    font-family: "Lato", serif;
    font-weight: normal;
    font-size: 0.9375rem;
    color: #a6a6a6;
    word-spacing: 0.125rem;
    line-height: 1.5rem;
    margin-bottom: 1.4375rem; }
  .dynamic .detail .description {
    font-family: "Lato", serif;
    color: #666666;
    font-size: 0.9375rem;
    line-height: 1.625rem;
    margin-bottom: 2.5rem; }
  .dynamic .detail .btn-dark {
    font-family: "Poppins", serif;
    font-size: 0.8125rem;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    text-transform: uppercase; }
.dynamic .col-xx-4 {
  flex: 0 0 45.5% !important;
  max-width: 45.5% !important; }
.dynamic .col-xx-8 {
  flex: 0 0 54.5% !important;
  max-width: 54.5% !important; }

.recent-news #Recent-News {
  margin-top: 3.0625rem; }
.recent-news .item-news {
  width: 23.1875rem;
  height: 28.125rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden; }
  .recent-news .item-news:before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    width: 110%;
    height: 100%;
    top: 49.5%;
    right: -2.1875rem;
    z-index: 99;
    -ms-transform: rotate(-8deg);
    /* IE 9 */
    -webkit-transform: rotate(-8deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-8deg); }
  .recent-news .item-news:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #2856b4;
    z-index: 98;
    opacity: 0.6;
    transform: translate(0%, 100%);
    transform-origin: top left;
    transition: 0.2s transform ease-out;
    will-change: transform; }
  .recent-news .item-news img {
    width: 100%;
    height: 16rem;
    object-fit: cover;
    -o-object-fit: cover; }
  .recent-news .item-news .detail {
    position: relative;
    z-index: 999;
    margin-top: 2.0625rem; }
    .recent-news .item-news .detail .title {
      font-family: "Poppins", serif;
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 1.3125rem; }
    .recent-news .item-news .detail .realise-date {
      display: flex;
      margin-bottom: 2rem; }
      .recent-news .item-news .detail .realise-date .date {
        margin-right: 2.0625rem; }
      .recent-news .item-news .detail .realise-date > .date, .recent-news .item-news .detail .realise-date .comment {
        display: flex;
        align-items: center; }
        .recent-news .item-news .detail .realise-date > .date i, .recent-news .item-news .detail .realise-date .comment i {
          font-size: 1rem;
          color: #2856b4;
          margin-right: 0.625rem; }
        .recent-news .item-news .detail .realise-date > .date span, .recent-news .item-news .detail .realise-date .comment span {
          font-family: "Poppins", serif;
          font-weight: 500;
          font-size: 0.75rem;
          color: #444444; }
    .recent-news .item-news .detail .description {
      font-family: "Lato", serif;
      font-weight: normal;
      font-size: 0.875rem;
      color: #666666;
      line-height: 1.625rem; }
  .recent-news .item-news .news-link {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: #2856b4;
    border: none;
    border-radius: 50%;
    position: absolute;
    z-index: 888;
    top: 39%;
    right: 30px; }
    .recent-news .item-news .news-link i {
      color: #FFFFFF;
      font-size: 1.5rem;
      display: block;
      -ms-transform: rotate(38deg);
      /* IE 9 */
      -webkit-transform: rotate(38deg);
      /* Chrome, Safari, Opera */
      transform: rotate(38deg); }
  .recent-news .item-news:hover {
    cursor: pointer;
    background-color: #2856b4; }
    .recent-news .item-news:hover:after {
      transform: translate(0, 0); }
    .recent-news .item-news:hover img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .recent-news .item-news:hover .title {
      color: #2856b4; }

.permissions .heading {
  font-family: "Poppins", serif;
  font-weight: bold;
  font-size: 2.375rem;
  color: #333333;
  text-transform: uppercase;
  width: 13.25rem;
  line-height: 2.438125rem;
  word-spacing: -0.125rem;
  margin-top: auto;
  margin-bottom: auto; }
.permissions .item-services {
  width: 16.9375rem;
  height: 18.75rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-right: 1.3125rem; }
  .permissions .item-services:last-of-type {
    margin-right: 0; }
  .permissions .item-services:before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    width: 110%;
    height: 100%;
    top: 62.5%;
    right: -2.0625rem;
    z-index: 99;
    -ms-transform: rotate(-8deg);
    /* IE 9 */
    -webkit-transform: rotate(-8deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-8deg); }
  .permissions .item-services:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #2856b4;
    z-index: 98;
    opacity: 0.6;
    transform: translate(0%, 100%);
    transform-origin: top left;
    transition: 0.2s transform ease-out;
    will-change: transform; }
  .permissions .item-services img {
    width: 100%;
    height: 13.5rem;
    object-fit: cover;
    -o-object-fit: cover; }
  .permissions .item-services .detail {
    position: relative;
    z-index: 999;
    margin-top: 2.3125rem; }
    .permissions .item-services .detail .title {
      width: 100%;
      font-size: 1.375rem;
      font-weight: bold;
      color: #333333;
      margin-bottom: 0.875rem; }
    .permissions .item-services .detail .download {
      font-family: "Lato", serif;
      font-size: 0.875rem;
      color: #666666;
      opacity: 0; }
  .permissions .item-services:hover {
    cursor: pointer;
    background-color: #2856b4; }
    .permissions .item-services:hover img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .permissions .item-services:hover .title {
      color: #2856b4; }
    .permissions .item-services:hover .download {
      animation-name: fadeInDown;
      animation-duration: 1s;
      animation-fill-mode: both; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }
.our-offices {
  padding-top: 6.1875rem;
  padding-bottom: 6.1875rem;
  width: 100%;
  position: relative;
  background: #555555; }
  .our-offices:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    opacity: 0.97;
    top: 0;
    right: 0; }
  .our-offices .owl-carousel {
    margin-top: 4.625rem; }
    .our-offices .owl-carousel .owl-item img {
      display: block;
      width: inherit !important;
      opacity: 0.2;
      margin: 0 auto;
      -moz-transition: opacity 1s ease;
      -webkit-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      transition: opacity 1s ease; }
      .our-offices .owl-carousel .owl-item img:hover {
        opacity: 1; }

.contact-us {
  width: 100%;
  height: 22.875rem;
  background-color: #f2f2f2;
  padding: 1.25rem;
  border-radius: 0.1875rem; }
  .contact-us .contact-info {
    border-radius: 0.1875rem;
    background-color: white;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.09);
    width: 100%;
    height: 100%;
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
    padding-left: 5.6875rem;
    padding-right: 6.4375rem; }
    .contact-us .contact-info .flex-column-small {
      width: 17.375rem; }
    .contact-us .contact-info .flex-column-standard {
      width: 20.5625rem; }
    .contact-us .contact-info .item-contact {
      position: relative; }
      .contact-us .contact-info .item-contact:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 0.0625rem;
        height: 6.25rem;
        background-color: #e8e8e8; }
      .contact-us .contact-info .item-contact:last-of-type:after {
        display: none; }
      .contact-us .contact-info .item-contact > .item-icon {
        width: 5.1875rem;
        height: 5.1875rem;
        border-radius: 50%;
        background-color: #fbfcfc; }
        .contact-us .contact-info .item-contact > .item-icon img {
          width: 2.1875rem;
          height: 2.1875rem; }
        .contact-us .contact-info .item-contact > .item-icon.maps img {
          width: 2.6875rem;
          height: 2.6875rem; }
      .contact-us .contact-info .item-contact .title {
        font-family: "Poppins", serif;
        font-size: 1rem;
        text-transform: uppercase;
        color: #444444;
        margin-top: 1.625rem;
        margin-bottom: 1.25rem; }
      .contact-us .contact-info .item-contact .detail {
        font-family: "Poppins", serif;
        font-weight: 500;
        font-size: 0.9375rem;
        color: #666666;
        word-spacing: 0.125rem;
        line-height: 1.75rem; }

.contact-wrap {
  padding-right: 2.40625rem; }
  .contact-wrap h3 {
    font-family: "Poppins", serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #444444;
    margin-bottom: 2.4375rem; }
  .contact-wrap p {
    font-family: "Lato", serif;
    font-size: 0.9375rem;
    word-spacing: 0.125rem;
    line-height: 1.625rem;
    color: rgba(85, 85, 85, 0.6);
    margin-bottom: 2.4375rem; }

.contact-form-submit {
  padding-left: 2.40625rem; }

.google-maps {
  width: 100%;
  height: 32.9375rem;
  position: relative; }
  .google-maps:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */
    width: 100%;
    height: 100%;
    z-index: 99; }

.mt-99 {
  margin-top: 6.1875rem; }

.container-relative {
  position: relative;
  z-index: 999; }

.mb-8 {
  margin-bottom: 3.75rem; }

.pl-52 {
  padding-left: 5.8rem; }

.about-us .about-one {
  text-align: justify;
  text-align-last: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center; }
  .about-us .about-one p {
    margin: 0rem;
    font-family: "Lato", serif;
    font-size: 0.9375rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
    word-spacing: 0.0625rem;
    line-height: 1.625rem; }
.about-us .our-service {
  width: 100%;
  height: 30.0625rem;
  position: relative;
  padding-top: 7.125rem;
  padding-bottom: 7.125rem; }
  .about-us .our-service .info-section .title {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-size: 2.5rem;
    color: #333333;
    line-height: 2.5rem;
    margin-bottom: 1rem; }
  .about-us .our-service .info-section .description {
    font-family: "Lato", serif;
    font-size: 0.9375rem;
    line-height: 1.625rem;
    word-spacing: 0.25rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 2.3125rem; }
  .about-us .our-service .info-section .btn-black {
    width: 8.25rem;
    padding-top: 1.3125rem;
    padding-bottom: 1.3125rem;
    text-transform: uppercase;
    font-family: "Poppins", serif;
    font-size: 0.8125rem;
    font-weight: 600; }
  .about-us .our-service:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #555555;
    top: 0;
    left: 0; }
  .about-us .our-service:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
    opacity: 0.97;
    top: 0;
    left: 0; }
  .about-us .our-service .item-service {
    max-width: 20.6875rem;
    position: relative;
    margin-left: auto; }
    .about-us .our-service .item-service .icon {
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.06);
      background-color: #FFFFFF;
      position: absolute;
      left: 0; }
      .about-us .our-service .item-service .icon:before {
        content: " ";
        position: absolute;
        top: 50%;
        right: -0.625rem;
        display: inline-block;
        border-top: 1.4375rem solid transparent;
        border-left: 1.4375rem solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 1.4375rem solid transparent;
        transform: translateY(-50%); }
      .about-us .our-service .item-service .icon:after {
        content: " ";
        position: absolute;
        top: 50%;
        right: -0.5625rem;
        display: inline-block;
        border-top: 1.4375rem solid transparent;
        border-left: 1.4375rem solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 1.4375rem solid transparent;
        transform: translateY(-50%); }
      .about-us .our-service .item-service .icon i {
        font-size: 2.125rem;
        color: #2856b4; }
    .about-us .our-service .item-service .detail-service {
      padding-left: 6.8125rem; }
      .about-us .our-service .item-service .detail-service .title {
        font-family: "Poppins", serif;
        font-size: 1.125rem;
        margin-bottom: 0.9375rem;
        color: #444444;
        text-transform: uppercase; }
      .about-us .our-service .item-service .detail-service .description {
        font-family: "Lato", serif;
        font-size: 0.9375rem;
        color: rgba(85, 85, 85, 0.6);
        line-height: 1.625rem; }
    .about-us .our-service .item-service.reverse .icon {
      position: absolute;
      left: auto;
      right: 0; }
      .about-us .our-service .item-service.reverse .icon:before {
        left: -0.625rem;
        right: auto;
        border-top: 1.4375rem solid transparent;
        border-right: 1.4375rem solid #fff;
        border-left: 0 solid #fff;
        border-bottom: 1.4375rem solid transparent; }
      .about-us .our-service .item-service.reverse .icon:after {
        left: -0.5625rem;
        right: auto;
        border-top: 1.4375rem solid transparent;
        border-right: 1.4375rem solid #fff;
        border-left: 0 solid #fff;
        border-bottom: 1.4375rem solid transparent; }
    .about-us .our-service .item-service.reverse .detail-service {
      padding-left: 0;
      padding-right: 6.8125rem; }
.about-us .logo-customer .plr-94 {
  padding-right: 5.875rem;
  padding-left: 5.875rem; }
.about-us .logo-customer .owl-carousel .owl-item img {
  display: block;
  width: inherit !important;
  opacity: 0.2;
  margin: 0 auto;
  -moz-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .about-us .logo-customer .owl-carousel .owl-item img:hover {
    opacity: 1; }
.about-us .logo-customer .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1.8125rem;
  text-align: inherit;
  margin: 0; }
  .about-us .logo-customer .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -5.875rem; }
  .about-us .logo-customer .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -5.875rem; }
  .about-us .logo-customer .owl-carousel .owl-nav .owl-prev, .about-us .logo-customer .owl-carousel .owl-nav .owl-next {
    background-color: transparent;
    color: #858685;
    font-size: 21px;
    padding: 0;
    margin: 0; }
    .about-us .logo-customer .owl-carousel .owl-nav .owl-prev:hover, .about-us .logo-customer .owl-carousel .owl-nav .owl-next:hover {
      color: #3f3f3f; }

.blog-archive .margin-archive {
  margin-bottom: 3.6875rem; }
  .blog-archive .margin-archive:nth-last-of-type(2) {
    margin-bottom: 0px !important; }
.blog-archive .item-archive {
  width: 23.1875rem;
  height: 28.125rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden; }
  .blog-archive .item-archive:before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    width: 110%;
    height: 100%;
    top: 49.5%;
    right: -2.1875rem;
    z-index: 99;
    -ms-transform: rotate(-8deg);
    /* IE 9 */
    -webkit-transform: rotate(-8deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-8deg); }
  .blog-archive .item-archive:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #2856b4;
    z-index: 98;
    opacity: 0.6;
    transform: translate(0%, 100%);
    transform-origin: top left;
    transition: 0.2s transform ease-out;
    will-change: transform; }
  .blog-archive .item-archive .image-block {
    width: 100%;
    height: 56%;
    background-size: cover !important;
    background-position: center !important; }
  .blog-archive .item-archive .detail {
    position: relative;
    z-index: 999;
    margin-top: 2.0625rem; }
    .blog-archive .item-archive .detail .title {
      font-family: "Poppins", serif;
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 1.3125rem; }
    .blog-archive .item-archive .detail .realise-date {
      display: flex;
      margin-bottom: 2rem; }
      .blog-archive .item-archive .detail .realise-date .date {
        margin-right: 2.0625rem; }
      .blog-archive .item-archive .detail .realise-date > .date, .blog-archive .item-archive .detail .realise-date .comment {
        display: flex;
        align-items: center; }
        .blog-archive .item-archive .detail .realise-date > .date i, .blog-archive .item-archive .detail .realise-date .comment i {
          font-size: 1rem;
          color: #2856b4;
          margin-right: 0.625rem; }
        .blog-archive .item-archive .detail .realise-date > .date span, .blog-archive .item-archive .detail .realise-date .comment span {
          font-family: "Poppins", serif;
          font-weight: 500;
          font-size: 0.75rem;
          color: #444444; }
    .blog-archive .item-archive .detail .description {
      font-family: "Lato", serif;
      font-weight: normal;
      font-size: 0.875rem;
      color: #666666;
      line-height: 1.625rem; }
  .blog-archive .item-archive .news-link {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: #2856b4;
    border: none;
    border-radius: 50%;
    position: absolute;
    z-index: 888;
    top: 39%;
    right: 30px; }
    .blog-archive .item-archive .news-link i {
      color: #FFFFFF;
      font-size: 1.5rem;
      display: block;
      -ms-transform: rotate(38deg);
      /* IE 9 */
      -webkit-transform: rotate(38deg);
      /* Chrome, Safari, Opera */
      transform: rotate(38deg); }
  .blog-archive .item-archive:hover {
    cursor: pointer;
    background-color: #2856b4; }
    .blog-archive .item-archive:hover:after {
      transform: translate(0, 0); }
    .blog-archive .item-archive:hover img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .blog-archive .item-archive:hover .title {
      color: #2856b4; }
.blog-archive .pagination-content > .pagination-container {
  border-radius: 0.1875rem;
  background-color: #f2f2f2;
  width: 37.9375rem;
  height: 6.875rem;
  padding: 0.625rem; }
  .blog-archive .pagination-content > .pagination-container .pagination-bg {
    border-radius: 0.1875rem;
    background-color: white;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.09);
    width: 100%;
    height: 100%; }
    .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination {
      margin: 0; }
      .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item {
        font-family: "Poppins", serif;
        font-size: 0.75rem;
        margin-right: 0.3125rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item .page-link {
          border: none !important;
          padding: 1.25rem 1.375rem;
          background-color: #fafafa;
          text-transform: uppercase;
          color: #444444; }
        .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:last-child {
          margin: 0; }
          .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:last-child .page-link {
            background-color: transparent;
            padding-left: 1.875rem;
            padding-right: 0; }
        .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:first-child {
          margin: 0; }
          .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:first-child .page-link {
            background-color: transparent;
            padding-right: 1.875rem;
            padding-left: 0; }

.blog-single .post-image {
  width: 100%;
  height: 35rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden; }
  .blog-single .post-image:before {
    content: '';
    position: absolute;
    background-color: #FFFFFF;
    width: 110%;
    height: 100%;
    top: 70%;
    right: -3.1875rem;
    z-index: 99;
    -ms-transform: rotate(-6deg);
    /* IE 9 */
    -webkit-transform: rotate(-6deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-6deg); }
  .blog-single .post-image .image-block {
    width: 100%;
    height: 79%;
    background-size: cover !important;
    background-position: center !important; }
  .blog-single .post-image .detail {
    position: relative;
    z-index: 999;
    margin-top: 3.125rem; }
    .blog-single .post-image .detail .title {
      font-family: "Poppins", serif;
      font-size: 1.625rem;
      font-weight: bold;
      margin-bottom: 1.3125rem; }
    .blog-single .post-image .detail .realise-date {
      display: flex;
      margin-bottom: 2rem; }
      .blog-single .post-image .detail .realise-date .date {
        margin-right: 2.0625rem; }
      .blog-single .post-image .detail .realise-date > .date, .blog-single .post-image .detail .realise-date .comment {
        display: flex;
        align-items: center; }
        .blog-single .post-image .detail .realise-date > .date i, .blog-single .post-image .detail .realise-date .comment i {
          font-size: 1rem;
          color: #2856b4;
          margin-right: 0.625rem; }
        .blog-single .post-image .detail .realise-date > .date span, .blog-single .post-image .detail .realise-date .comment span {
          font-family: "Poppins", serif;
          font-weight: 500;
          font-size: 0.75rem;
          color: #444444; }
  .blog-single .post-image .social-link {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: #2856b4;
    border: none;
    border-radius: 50%;
    position: absolute;
    z-index: 888;
    top: 58%;
    right: 30px; }
    .blog-single .post-image .social-link i {
      color: #FFFFFF;
      font-size: 1.5rem;
      display: block;
      -ms-transform: rotate(38deg);
      /* IE 9 */
      -webkit-transform: rotate(38deg);
      /* Chrome, Safari, Opera */
      transform: rotate(38deg); }
  .blog-single .post-image:hover {
    cursor: pointer;
    background-color: #2856b4; }
    .blog-single .post-image:hover img {
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .blog-single .post-image:hover .title {
      color: #2856b4; }
.blog-single .post-content {
  margin-top: 3.125rem; }
  .blog-single .post-content p {
    color: rgba(102, 102, 102, 0.8);
    font-family: "Lato", serif;
    font-size: 0.9375rem;
    line-height: 1.75rem;
    margin-bottom: 1.625rem; }
  .blog-single .post-content .featured {
    margin-bottom: 3.125rem; }
    .blog-single .post-content .featured img {
      width: 100%;
      height: auto;
      border-radius: 0.3125rem; }
  .blog-single .post-content .pl-30 {
    padding-left: 1.875rem !important; }
  .blog-single .post-content .quote {
    border-radius: 3px;
    background-color: #2856b4;
    padding-right: 6.8125rem;
    padding-left: 6.8125rem;
    padding-top: 3.625rem;
    padding-bottom: 3.625rem; }
    .blog-single .post-content .quote p {
      color: #FFFFFF;
      font-family: "Lato", serif;
      font-style: italic;
      position: relative;
      font-size: 1.125rem; }
      .blog-single .post-content .quote p:before {
        content: "\e017";
        position: absolute;
        font-family: "iranoilshow" !important;
        width: 25px;
        height: 25px;
        font-style: normal;
        font-size: 1.5625rem;
        margin-left: -2.4375rem;
        margin-top: -0.875rem; }
      .blog-single .post-content .quote p:after {
        content: "\e016";
        position: absolute;
        font-family: "iranoilshow" !important;
        width: 25px;
        height: 25px;
        font-style: normal;
        font-size: 1.5625rem;
        margin-left: 0.6875rem;
        margin-top: 0.625rem; }
  .blog-single .post-content .text-image {
    margin-top: 4.375rem;
    margin-bottom: 3.75rem; }
    .blog-single .post-content .text-image p:last-child {
      margin: 0; }
    .blog-single .post-content .text-image img {
      width: 100%;
      height: auto;
      border-radius: 0.3125rem; }
    .blog-single .post-content .text-image .pr-11 {
      padding-right: 0.6875rem; }
    .blog-single .post-content .text-image .pl-29 {
      padding-left: 1.8125rem; }
    .blog-single .post-content .text-image .row .col-5 {
      flex: 0 0 43.666667%;
      max-width: 44.666667%; }
    .blog-single .post-content .text-image .row .col-7 {
      flex: 0 0 55.333333%;
      max-width: 55.333333%; }
.blog-single .post-meta {
  margin-top: 3.6875rem;
  margin-bottom: 6.25rem; }
  .blog-single .post-meta .post-category {
    font-size: 0.9375rem; }
    .blog-single .post-meta .post-category .title {
      font-family: "Poppins", serif;
      font-weight: 500;
      color: #2856b4;
      margin-right: 0.625rem; }
    .blog-single .post-meta .post-category .nav-category {
      color: #8c8c8c; }
      .blog-single .post-meta .post-category .nav-category > .nav-link {
        font-family: "Lato", serif;
        color: #8c8c8c;
        padding: 0;
        font-style: italic; }
  .blog-single .post-meta .author {
    width: 13.375rem;
    height: 3.25rem;
    background-color: #fafafa;
    border-radius: 1.625rem;
    position: relative; }
    .blog-single .post-meta .author .author-avatar {
      width: 1.875rem;
      height: 1.875rem;
      border-radius: 50%;
      background-color: #555555;
      overflow: hidden;
      position: absolute;
      left: 0.8125rem;
      top: 0.6875rem; }
      .blog-single .post-meta .author .author-avatar img {
        width: 100%;
        height: 100%; }
    .blog-single .post-meta .author .author-name {
      font-family: "Poppins", serif;
      font-size: 0.75rem;
      font-weight: 500;
      color: #666666;
      margin-left: 19px; }
.blog-single .comments .title-comments {
  font-family: "Poppins", serif;
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 3.875rem; }
.blog-single .comments .comment .comment-container {
  padding: 0 3.0625rem 3.5rem;
  background-color: #fafafa;
  margin-bottom: 4.5rem; }
  .blog-single .comments .comment .comment-container .comment-head {
    width: 100%;
    height: 3.9375rem;
    margin-bottom: 1.875rem; }
    .blog-single .comments .comment .comment-container .comment-head .comment-avatar {
      width: 5.625rem;
      height: 5.625rem;
      background: #000000;
      margin-top: -1.6875rem;
      overflow: hidden;
      border-radius: 2px; }
      .blog-single .comments .comment .comment-container .comment-head .comment-avatar img {
        width: 100%;
        height: 100%; }
    .blog-single .comments .comment .comment-container .comment-head .comment-meta {
      padding-left: 3.5625rem; }
      .blog-single .comments .comment .comment-container .comment-head .comment-meta .author-comment {
        font-family: "Poppins", serif;
        font-size: 1.125rem;
        font-weight: 400;
        color: #444444;
        text-transform: uppercase;
        margin-right: 1.875rem; }
      .blog-single .comments .comment .comment-container .comment-head .comment-meta .date-comment {
        font-family: "Lato", serif;
        font-size: 0.75rem;
        font-style: italic;
        color: #2856b4;
        font-weight: 600;
        margin-right: 3.8125rem; }
      .blog-single .comments .comment .comment-container .comment-head .comment-meta .btn-comment {
        font-size: 0.6875rem;
        padding: 0.5625rem 1.375rem;
        background-color: #2856b4;
        font-weight: 500;
        color: #FFFFFF; }
  .blog-single .comments .comment .comment-container .comment-content .comment-body {
    font-family: "Lato", serif;
    color: rgba(85, 85, 85, 0.8);
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.5rem;
    font-style: italic; }

.list-featured > .list-group-item {
  border: none;
  padding: 0.78125rem 1.5625rem;
  font-family: "Poppins", serif;
  font-weight: 500;
  font-size: 0.9375rem;
  color: #444444;
  text-transform: uppercase; }
  .list-featured > .list-group-item:before {
    content: '';
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    background-color: #2856b4;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .list-featured > .list-group-item.disabled {
    color: #999999; }

.mb-35 {
  margin-bottom: 2.1875rem !important; }

input:focus, button:focus, textarea:focus {
  outline: none !important;
  box-shadow: none !important; }

.form-row {
  margin-bottom: 0.625rem; }
  .form-row:last-of-type {
    margin-bottom: 1.875rem; }

.form-control {
  font-family: "Lato", serif;
  font-size: 0.6875rem;
  color: #888888;
  padding: 1.25rem 2rem;
  border: none;
  border-radius: inherit;
  background-color: #fbfbfb; }
  .form-control:focus {
    background-color: #f6f6f6; }

.btn-primary {
  background-color: #2856b4;
  font-family: "Poppins", serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding: 1.375rem 3.125rem; }

.sidebar-widget {
  margin-bottom: 4.875rem; }
  .sidebar-widget > .sidebar-head {
    margin-bottom: 2.1875rem; }
    .sidebar-widget > .sidebar-head h3 {
      font-family: "Poppins", serif;
      font-weight: normal;
      font-size: 1.125rem; }
  .sidebar-widget > .sidebar-body .post-wrap-items {
    list-style: none;
    padding: 0; }
    .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item {
      margin-bottom: 1.25rem; }
      .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-image {
        float: left;
        position: relative; }
        .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-image img {
          width: 4.8125rem;
          height: 4.375rem;
          object-fit: cover;
          -o-object-fit: cover; }
        .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-image:before {
          content: "";
          position: absolute;
          background: #2856b4;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: opacity 0.3s ease; }
      .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-detail {
        padding-left: 6.0625rem; }
        .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-detail .post-wrap-date {
          font-family: "Poppins", serif;
          font-size: 0.75rem;
          font-weight: 500;
          margin-bottom: 0.3125rem; }
          .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-detail .post-wrap-date i {
            font-size: 1rem;
            color: #2856b4;
            margin-right: 0.625rem; }
        .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-detail .post-wrap-title {
          line-height: 1.125rem;
          margin: 0; }
          .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-detail .post-wrap-title a {
            font-family: "Poppins", serif;
            font-weight: 500;
            font-size: 0.875rem;
            color: #444444; }
            .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item .post-wrap-detail .post-wrap-title a:hover {
              text-decoration: none !important; }
      .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item:hover .post-wrap-image:before {
        opacity: 0.4; }
      .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item:hover .post-wrap-detail .post-wrap-title a {
        color: #2856b4; }
      .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item:last-child {
        margin: 0; }
  .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery {
    position: relative;
    float: left;
    margin-right: 0.375rem;
    margin-bottom: 0.375rem; }
    .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery:nth-child(2n) {
      margin-right: 0; }
    .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery:before {
      content: "";
      position: absolute;
      background: #2856b4;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.3s ease; }
    .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery img {
      width: 8.25rem;
      height: 6.5625rem;
      object-fit: cover;
      -o-object-fit: cover; }
    .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery:hover {
      cursor: pointer; }
      .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery:hover:before {
        opacity: 0.5; }
  .sidebar-widget > .sidebar-body .nav-categories > .nav-item {
    font-family: "Poppins", serif;
    font-size: 0.8125rem;
    font-weight: 600; }
    .sidebar-widget > .sidebar-body .nav-categories > .nav-item > .nav-link {
      padding: 0.875rem 0;
      color: #444444;
      -moz-transition: padding 0.2s ease;
      -webkit-transition: padding 0.2s ease;
      -o-transition: padding 0.2s ease;
      -ms-transition: padding 0.2s ease;
      transition: padding 0.2s ease; }
      .sidebar-widget > .sidebar-body .nav-categories > .nav-item > .nav-link:hover {
        padding-left: 0.625rem; }
    .sidebar-widget > .sidebar-body .nav-categories > .nav-item:first-child .nav-link {
      padding-top: 0rem; }

.w-217 {
  width: 13.5625rem; }

.w-286 {
  width: 17.875rem; }

.mr-57 {
  margin-right: 3.125rem; }

footer {
  padding-top: 2.5rem;
  background: #2856b4; }
  footer .item-footer {
    display: inline-grid; }
    footer .item-footer .title {
      font-family: "Poppins", serif;
      font-weight: bold;
      font-size: 1.125rem;
      margin-bottom: 1.875rem;
      color: #FFFFFF; }
    footer .item-footer .description {
      font-family: "Lato", serif;
      font-size: 0.875rem;
      color: #bfbfbf;
      line-height: 1.25rem;
      margin-top: 2.8125rem; }
    footer .item-footer .address-tel {
      font-family: "Poppins", serif;
      font-size: 0.86875rem;
      font-weight: 500;
      color: #bfbfbf;
      line-height: 2.125rem;
      margin-bottom: 0.625rem; }
      footer .item-footer .address-tel span {
        color: #FFFFFF; }
    footer .item-footer .btn-ccontact-us {
      font-family: "Poppins", serif;
      font-size: 0.625rem;
      word-spacing: 0.125rem;
      text-transform: uppercase;
      background-color: #244d9f;
      color: #FFFFFF;
      padding: 1.0625rem 1.8125rem; }
  footer .copyright {
    width: 100%;
    height: 5.625rem;
    background-color: #244d9f;
    margin-top: 5rem;
    font-family: "Poppins", serif;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center; }
    footer .copyright .copyright-color {
      opacity: 0.3; }

/*# sourceMappingURL=style.css.map */