:root {
  --primary-color: #0081c3;
  --primary-color1: #0c4da2;
  --primary-color2: #4c4c4e;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular.woff') format('woff'), 
  url('../fonts/MyriadPro-Regular.ttf') format('truetype'), 
  url('../fonts/MyriadPro-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Light';
  src: url('../fonts/MyriadPro-Light.eot');
  src: url('../fonts/MyriadPro-Light.woff') format('woff'), 
  url('../fonts/MyriadPro-Light.ttf') format('truetype'), 
  url('../fonts/MyriadPro-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UVNBachDang-Bold';
  src: url('../fonts/UVNBachDang_B.eot');
  src: url('../fonts/UVNBachDang_B.woff') format('woff'), 
  url('../fonts/UVNBachDang_B.ttf') format('truetype'), 
  url('../fonts/UVNBachDang_B.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold.eot');
  src: url('../fonts/MyriadPro-Bold.woff') format('woff'), 
  url('../fonts/MyriadPro-Bold.ttf') format('truetype'), 
  url('../fonts/MyriadPro-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Italic';
  src: url('../fonts/MyriadPro-Italic.eot');
  src: url('../fonts/MyriadPro-Italic.woff') format('woff'), 
  url('../fonts/MyriadPro-Italic.ttf') format('truetype'), 
  url('../fonts/MyriadPro-Italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UTM-Bienvenue';
  src: url('../fonts/UTM Bienvenue.eot');
  src: url('../fonts/UTM Bienvenue.woff') format('woff'), 
  url('../fonts/UTM Bienvenue.ttf') format('truetype'), 
  url('../fonts/UTM Bienvenue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'MyriadPro-Regular', sans-serif;
  width: 100%;
  font-size: 15px;
  line-height: 1.7;
  color: #000;
  overflow-x: hidden;
}
h2{
  font-size: 30px;
}
h3{
  font-size: 24px;
}
h4{
  font-size: 18px;
}
h5{
  font-size: 18px;
  line-height: 1.7;
}
h1,h2,h3,h4{
  font-weight: bold;
  font-family: 'MyriadPro-Bold';
}
p{
  margin-bottom: 0.5em;
}
* {
  padding: 0;
  margin: 0;
}
a:hover, a:focus {
  color:var(--primary-color1);
  text-decoration: none;
  outline: none !important;
}
nav{
  /* font-family: 'Roboto Condensed', sans-serif; */ 
}
figure {
  margin: 0;
}
a {
  color: var(--primary-color);
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li{
  margin: 0px;
  padding: 0px;
}
ul.text li {
    background-image: url(../img/feature/bullet.png);
    background-repeat: no-repeat;
    background-position: left top 7px;
    line-height: 30px;
    padding-left: 25px;
}

.text-primary{
  color: #0081c3 !important;
}
.btn-primary{
  background: #ed1c24 !important;
  border-color: #ed1c24 !important;
}
/* .btn{
    padding: 10px 30px;
    border-radius: 30px;
    } */
    .bg-gray{
      background-color: #eeeeee;
    }
    .hide {
      display: none;
    }
    .counter{
      font-size: 50px;
      line-height: 50px;
      height: 50px;
      margin-bottom: 20px;
      color: #24408e;
      font-family: 'UTM-Bienvenue';
      text-transform: uppercase;
    }

    .page-section{
      padding: 40px 0px;
    }
    @media (max-width: 767px){
      .page-section
      {
        padding: 25px 0px;
      }
    }
/* ==========================
Parallax
============================= */
.parallax{
  position: relative;
  height: 600px;
}
.parallax .container{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.feature-phai{
  position: absolute;
  top: 0px;
  right: 0px;
}
.feature-duoi{
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 900px){
  .parallax{
    height: 400px;
  }
  .feature-phai{
    width: 100px;
  }
  .feature-duoi{
    width: 180px;
  }
}
@media (max-width: 500px){
  .parallax{
    height: 250px;
  }
  .feature-phai{
    width: 70px;
  }
  .feature-duoi{
    width: 150px;
  }
}
.bg-image{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.bg-image.overlay{
  position: relative;
  z-index: 0;
}
.bg-image.overlay:before{
  position: absolute;
  content: '';
  background: rgba(0,0,0,0.1);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-img.overlay {
  position: relative;
}

.bg-img.overlay:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-heading{
  font-size: 35px;
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
  padding: 20px 10px;
  background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px){
  .section-heading{
    font-size: 30px;
  }
}
.heading{
  display: flex;
  margin-bottom: 1em;
}
.heading img{
  width: 74px;
  height: 74px;
  margin-right: 10px;
  margin-top: -10px;
  margin-left: -15px;
}
.heading h3{
  margin-bottom: 0;
  font-size: 25px;
  color: var(--primary-color);
  font-family:'UVNBachDang-Bold'; 
  text-transform: uppercase;
}
.heading1{
  font-size: 30px;
  text-transform: uppercase;
}
.text-heading h4{
  font-family: 'MyriadPro-Light';
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color:#0081c3;
  margin-bottom: 5px;
}
.subheading{
  color: var(--primary-color);
  font-size: 20px;
  text-transform: uppercase;
}
.lead{
  background-image: url(../img/feature/quote.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 15px;
  padding-top: 10px;
}
.lead h4{
  line-height: 30px;
/*   color: var(--primary-color); */
  font-style: italic;
  font-family: 'MyriadPro-Italic';
}
.lead p{
  line-height: 30px;
/*   color: var(--primary-color); */
  font-style: italic;
  font-family: 'MyriadPro-Italic';
}
@media (max-width: 500px){
  .heading h3{
    font-size: 25px;
  }
  .subheading{
    font-size: 18px;
  }
  .lead h4{
    font-size: 16px;
  }
}
*.desktop {
  display: block !important;
}

*.desktop.flex {
  display: flex !important;
}

*.mobile {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  *.desktop {
    display: none !important;
  }
  *.desktop.flex {
    display: none !important;
  }
  *.mobile {
    display: block !important;
  }
}

.ftco-animate {
  opacity: 0;
  visibility: hidden; }