body {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a:hover {
  color: #ff5e5e;
  text-decoration: none;
}

.page-contest {
  margin-top: 88px;
}

.main-menu {
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  -webkit-box-shadow: 0px 1px 5px #ccc;
          box-shadow: 0px 1px 5px #ccc;
}

.container {
  max-width: 1110px;
}

.logo {
  max-width: 150px;
}

.navbar {
  width: 100%;
  text-align: center;
  background-color: #fff;
}

.navbar-brand {
  margin-right: 6rem;
}

.nav-item {
  background: url("../../images/contest-covid19/menu-spliter.png") right center no-repeat;
  font-weight: bold;
}

.nav-item:last-child {
  background-image: none;
}

.nav-link {
  padding: 1rem 3rem;
  color: #000 !important;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding: 1rem 2rem;
}

section {
  padding: 50px 0px;
}

.group-logo {
  padding-top: 30px;
  background-color: #71d8ee;
  color: #fff;
}

.item-logo {
  text-align: center;
  width: 100%;
  max-width: 250px;
}
.item-logo a{width: 100%;height: 110px;display: block;text-align: center;margin-bottom: 10px;line-height: 110px;}
.item-logo img{display: inline-block;}
.item-logo span {
  display: block;
}

.item-logo span {
  font-size: 15px;
  font-weight: bold;
  color: #2d3091;
  text-transform: uppercase;
}

.logo-byt img {height: 110px;}
.logo-cdvn img {height: 110px;}
.logo-csat img {height: 71px;}

.contest-title {
  font-weight: bold;
}

.contest-title h1 {
  color: #ff0;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 30px;
}

.contest-title h3 {
  font-size: 40px;
  margin-top: 30px;
  color: #ec1d25;
  text-transform: uppercase;
}

.start-contest .icon {
  display: block;
  width: 160px;
  height: 160px;
  background-color: #5b9869;
  border-radius: 50%;
  margin: 15px auto;
}

.start-contest .text {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #ff5e5e;
}

.icon-rules {
  background: url("../../images/contest-covid19/icon-rules.png") center center no-repeat;
}

.icon-document {
  background: url("../../images/contest-covid19/icon-document.png") center center no-repeat;
}

.icon-hourglass {
  background: url("../../images/contest-covid19/icon-hourglass.png") center center no-repeat;
}

.icon-mail {
  background: url("../../images/contest-covid19/icon-mail.png") center center no-repeat;
}

.btn-start {
  margin-top: 40px;
  display: inline-block;
  width: 280px;
  height: 60px;
  background-color: #ff5e5e;
  font-size: 30px;
  font-weight: bold;
  border-radius: 40px;
  text-transform: uppercase;
  position: relative;
  text-indent: -35px;
  color: #fff;
}

.btn-start:hover {
  color: #fff;
  background-color: #f44;
}

.btn-start::after {
  content: '';
  display: block;
  width: 34px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: -20px;
  background: url("../../images/contest-covid19/icon-quillpen.png") 0px 0px no-repeat;
}

#the-le {
  background-color: #504e6c;
}

.text-white {
  color: #fff;
}

.text-red {
  color: #ff5e5e;
}

.section-title {
  padding-bottom: 20px;
  color: #ff5e5e;
  font-size: 47px;
  font-weight: bold;
  text-align: center;
  background: url("../../images/contest-covid19/decor-underline.png") center bottom no-repeat;
}

#the-le .section-content {
  color: #fff;
  margin-top: 20px;
  padding-top: 20px;
}

#the-le .section-content h3 {
  color: #ff5e5e;
  text-transform: uppercase;
}

#the-le .section-content p {
  margin-left: 20px;
  margin-top: 25px;
  font-size: 20px;
}

.decor-feather::after {
  content: '';
  /* display: inline-block; */
  display: none;
  margin-left: 10px;
  width: 41px;
  height: 41px;
  background: url("../../images/contest-covid19/icon-feather.png") 0px 0px no-repeat;
  vertical-align: -3px;
}

.section-content.decor-quote::before, .section-content.decor-quote::after {
  content: '';
  position: absolute;
  /* display: inline-block; */
  display: none;
  margin-left: 10px;
  width: 37px;
  height: 31px;
  background: url("../../images/contest-covid19/icon-quote.png") 0px 0px no-repeat;
}

.section-content.decor-quote::before {
  left: 0;
  top: 0;
}

.section-content.decor-quote::after {
  top: 100%;
  right: 15px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn-viewmore {
  margin-top: 30px;
  display: inline-block;
  width: 200px;
  height: 54px;
  line-height: 54px;
  border-radius: 27px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #ff5e5e;
}

.btn-viewmore:hover {
  color: #fff;
  background-color: #ff2626;
}

#tai-lieu .icon-word {
  background: url("../../images/contest-covid19/icon-word.png") center center no-repeat;
}

#tai-lieu .icon-exel {
  background: url("../../images/contest-covid19/icon-exel.png") center center no-repeat;
}

#tai-lieu .icon-ppt {
  background: url("../../images/contest-covid19/icon-ppt.png") center center no-repeat;
}

#tai-lieu .icon {
  display: inline-block;
  width: 170px;
  height: 170px;
  background-color: #f7f8f9;
  border-radius: 50%;
}

#tai-lieu .group-icon {
  margin-top: 40px;
}

#thoi-gian {
  background-color: #f5f5f5;
}

#thoi-gian .section-content {
  color: #5b9869;
  font-size: 28px;
  font-weight: bold;
}

.no-background {
  background-image: none;
}

#giai-thuong .section-content {
  margin-top: 35px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#giai-thuong .section-content .col-content {
  font-size: 24px;
  color: #666;
  background-color: #f8f4f4;
  border-radius: 30px;
  border: 3px dashed #e3e3e3;
  height: 100%;
}

#giai-thuong .section-content .col-content h3 {
  color: #ff5e5e;
  text-transform: uppercase;
  font-weight: bold;
}

#giai-thuong .decor-feather::after {
  background: url("../../images/contest-covid19/icon-feather-red.png") 0px 0px no-repeat;
}

#lien-he {
  background-color: #f5f5f5;
}

.icon-phone {
  display: inline-block;
  width: 111px;
  height: 111px;
  background: url("../../images/contest-covid19/icon-phone.png") 0px 0px no-repeat;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

#lien-he {
  color: #181818;
}

#lien-he h3 {
  font-size: 20px;
  margin-bottom: 1rem;
  letter-spacing: -1.2px;
}

#lien-he p {
  font-size: 18px;
}

.footer {
  background-color: #504e6c;
  font-size: 14px;
}

.col-left p:first-child {
  text-transform: uppercase;
}

.footer-logo {
  width: 150px;
  height: 63px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.col-center {
  color: #ff5e5e;
  padding-top: 35px;
}

.col-right {
  padding-top: 35px;
  padding-bottom: 30px;
  color: #fff;
}

.col-right p {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.col-right .icon-facebook {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../images/contest-covid19/icon-social.png") 0px 0px no-repeat;
  margin-right: 5px;
}

.col-right .icon-rss {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../images/contest-covid19/icon-social.png") -45px 0px no-repeat;
}

.mastercms {
  height: 50px;
  background-color: #fff;
}

.mastercms a {
  font-size: 14px;
  color: #666;
  line-height: 50px;
}

@media (min-width: 992px) {
  .footer .col-center {
    padding-left: 25px;
  }
}

@media (max-width: 992px) {
  .group-logo,section{padding: 30px 0;}
  .contest-title h1{font-size: 20px;}
  .item-logo a{height: 90px;line-height: 90px;}
  .logo-byt img,.logo-cdvn img{height: 90px;}
  /* .logo-csat img{} */
  .contest-title h3{font-size: 30px;}
  .start-contest .icon{width: 140px;height: 140px;}
  .start-contest .text,#giai-thuong .section-content .col-content{font-size: 20px;}
  .btn-start {font-size: 24px;width: auto;height: auto;line-height: 50px;padding: 0 60px;}
  .section-title{font-size: 36px;line-height: 1.4;}
  #the-le .section-content h3,#giai-thuong .section-content .col-content h3{font-size: 24px;}
  .btn-viewmore {font-size: 20px;text-transform: uppercase;width: auto;height: auto;line-height: 50px;padding: 0 30px;}
  #tai-lieu .icon {width: 140px;height: 140px;background-size: 60px;}
  #tai-lieu .group-icon{margin-top: 30px;}
  #thoi-gian .section-content{font-size: 24px;}
}

@media (max-width: 767.98px) {
  .page-contest {
    margin-top: 65px;
  }
  .logo {
    max-width: 100px;
  }
  .navbar {
    position: fixed;
    top: 0;
    z-index: 1;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 1px 5px #ccc;
            box-shadow: 0px 1px 5px #ccc;
  }
  .nav-item {
    background-image: none;
  }
  .navbar-nav {
    background: #f0f0f0;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 1rem;
  }
  .item-logo {
    max-width: 100%;
  }
  .logo-cdvn,.logo-csat{margin-top: 15px;}
  .logo-csat img{height: 60px;}
  .contest-title h3{font-size: 24px;}
  .section-title {
    background: url("../../images/contest-covid19/decor-underline-m.png") center bottom no-repeat;
  }
  .start-contest .icon{width: 120px;height: 120px;}
  #tai-lieu .icon{width: 120px;height: 120px;background-size: 50px;}
  #giai-thuong .section-content,#giai-thuong .section-content > div:not(:first-child) {margin-top: 30px;}
}

@media (max-width: 640px) {
  .group-logo, section{padding: 20px 0;}
  .contest-title h1{font-size: 16px;}
  .contest-title h3{font-size: 20px;text-transform: none;}
  .start-contest .icon{width: 90px;height: 90px;background-size: 40px;}
  .start-contest .text, #giai-thuong .section-content .col-content,#the-le .section-content p,#thoi-gian .section-content,#the-le .section-content h3, #giai-thuong .section-content .col-content h3{font-size: 18px;}
  .btn-start {font-size: 18px;line-height: 40px;padding: 0 50px;}
  .btn-start::after {background-size: 27px;width: 28px;height: 46px;top: -16px;right: 15px;}
  .section-title {font-size: 24px;
    background: url("../../images/contest-covid19/decor-underline-s.png") center bottom no-repeat;
  }
  #the-le .section-content{padding-top: 0;}
  #the-le .section-content h3, #giai-thuong .section-content .col-content h3{font-size: 20px;}
  #the-le .section-content p{margin-left: 0;}
  .decor-feather.mt-5{margin-top: 30px !important;}
  .btn-viewmore{font-size: 18px;line-height: 40px;margin-top: 20px;}
  #tai-lieu .group-icon{margin-top: 20px;}
  #tai-lieu .group-icon .col-md-3{width: 33.33%;}
  #tai-lieu .icon{width: 90px;height: 90px;background-size: 36px;}
  #thoi-gian .section-content{padding-top: 10px;}
  #thoi-gian .section-content p:last-child{margin-bottom: 0;}
  #giai-thuong .section-content, #giai-thuong .section-content > div:not(:first-child){margin-top: 20px;}
}

/**/
.heading-red {color: #ff5e5e;font-size: 24px;font-weight: 500;}
.heading-green {color: #5b9869;font-size: 24px;font-weight: 500;}
.label-bold label {
  font-weight: bold;
}
#ud_group_item + div {line-height: 34px;border: 1px solid #ccc;border-radius: 4px;padding: 0px 10px;margin-top: 10px;background-color: #f0f0f0;display: none !important;}
#ud_group_item + div:empty {
  display: none;
}
.cms-caution {
  margin-top: 1rem;
  border: 1px dashed red;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  color: red;
}
.cms-caution p:first-child{margin-bottom: 5px;}
.cms-caution p:last-child{margin-bottom: 0;}
select#ud_group_name, select#ud_group_item {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

p.contest-notify:empty {
  display: none;
}

form#__RUN_DEMO_FORM {
  max-width: 768px;
  margin: 0px auto;
}

.__MB_PRINT {
  max-width: 768px;
  margin: auto;
}

.__MB_BUTTON_ITEM_SAVE_DONE {
  font-size: 30px;
}

@media (max-width: 576px) {
  .success-page-title h4 {
    font-size: 20px;
  }

  .success-page-title .heading-green {
    font-size: 20px;
  }
  .heading-red {
    font-size: 18px;
  }
}

.download {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.icon-pdf::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right:5px ;
  vertical-align: middle;
  background: url("https://cuocsongantoan.vn/modules/frontend/themes/csat/images/contest-covid19/icon-pdf.svg") center center no-repeat;
}

.download a {
  color: #666;
  line-height: 36px;
}