@import url("../../public/fonts/AvenirNext-Regular/styles.css");
@import url("../../public/fonts/AvenirNext-Medium/styles.css");
@import url("../../public/fonts/AvenirNext-Bold/styles.css");
.highlight {
  color: #fff; }

.highlight-soft {
  background: #78a3bf;
  color: #fff; }

#organization .content-template {
  background-color: #055b80;
  color: #fff; }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 80px;
  /* Margin bottom by footer height */ }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5; }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container {
  width: auto;
  padding: 0 15px; }

/* Header Here */
#header {
  background: #055b80; }

.nav-menu {
  font-family: "AvenirNext-Medium"; }

.footer {
  background: #055b80;
  color: #fff; }
  .footer p {
    font-size: 0.70rem; }

.bannercontainer {
  width: 100%;
  position: relative;
  padding: 0; }
  .bannercontainer .wrap-border-bottom .line {
    background: #055b80;
    height: 5px; }

.banner {
  width: 100%;
  position: relative; }
  .banner ul {
    display: inline; }

.bg-slide {
  background-image: url("../img/aboutus/bg.png"); }
  .bg-slide .text-slide {
    color: #71CCDD; }

.slide hr {
  position: absolute;
  top: 45%;
  width: 100%;
  background: #71CCDD; }

.slide p {
  font-size: 13px;
  width: 70%; }

.slide .fiveside {
  position: absolute;
  top: 45%;
  left: 2%; }

.slide .time {
  position: absolute;
  left: 2%;
  color: #71CCDD;
  font-weight: bold;
  font-size: 15px; }

.slide .block-text {
  position: absolute;
  color: white;
  left: 40px; }

.slide .block-border {
  height: 120px;
  background-color: #71CCDD;
  position: absolute;
  width: 2px;
  left: 21px; }

.slide .block-1 {
  position: relative;
  height: 300px;
  width: 300px;
  float: left; }
  .slide .block-1 .block-border {
    top: 11%; }
  .slide .block-1 .block-text {
    top: 12%; }
  .slide .block-1 .time {
    top: 54%; }

.slide .block-2 {
  position: relative;
  height: 300px;
  width: 300px;
  float: left; }
  .slide .block-2 .block-border {
    top: 50%; }
  .slide .block-2 .block-text {
    bottom: 20%; }
  .slide .block-2 .time {
    top: 41%; }

.slide .owl-carousel .owl-item img {
  display: block;
  width: 10%; }

/*2.Icon*/
.ico-video {
  padding-left: 40px; }
  @media (max-width: 767px) {
    .ico-video {
      padding-left: 40px; } }

.ico-video:before {
  content: '';
  background: url("icon/icon-play.png");
  background-size: cover;
  position: absolute;
  width: 20px;
  height: 21px;
  margin-left: -37px;
  top: 25%; }
  @media (max-width: 767px) {
    .ico-video:before {
      width: 25px;
      height: 26px;
      margin-left: -40px;
      top: 11%; } }
  @media (max-width: 536px) {
    .ico-video:before {
      top: 9%; } }

.ico-podcast {
  padding-left: 50px; }
  @media (max-width: 767px) {
    .ico-podcast {
      padding-left: 40px; } }

.ico-podcast:before {
  content: '';
  background: url("icon/icon-podcast.png");
  background-size: cover;
  position: absolute;
  width: 33px;
  height: 24px;
  margin-left: -49px;
  top: 20%; }
  @media (max-width: 767px) {
    .ico-podcast:before {
      width: 36px;
      height: 29px;
      margin-left: -45px;
      top: 14%; } }

/*End icon*/
/*Video Main Blog*/
.latest-video-main-blog {
  /*height:850px ;*/ }
  @media (min-width: 0px) {
    .latest-video-main-blog {
      height: 100%; } }
  .latest-video-main-blog .card-body {
    padding-top: 0.5rem; }

.latest-video-main-blog-title p {
  /*height:120px  ;*/
  height: 100%;
  color: #404041;
  /*  overflow: hidden ;
					display: -webkit-box;
					-webkit-line-clamp:9;
					-webkit-box-orient:vertical;*/ }
  @media (max-width: 768px) {
    .latest-video-main-blog-title p {
      height: 100%; } }

/*Video Sub Blog*/
@media (min-width: 0px) {
  .latest-video-sub-blog {
    height: 100%; } }

@media (min-width: 768px) {
  .latest-video-sub-blog {
    height: 300px; } }

.latest-video-sub-blog .card-body {
  padding-top: 0.5rem; }

/*.latest-video-sub-blog-title{
			height:100px  ;
			overflow: hidden ;

			p{
					color:#404041;
					overflow: hidden ;
					display: -webkit-box;
					-webkit-line-clamp:5;
					-webkit-box-orient:vertical;
			}
	}*/
.latest-video-sub-blog-title {
  /*.blur-text {
				position: relative;
				overflow: hidden;
				&:after {
						content: "";
						text-align: right;
						position: absolute;
						bottom: 0;
						right: 0;
						width: 100%;
						height: 1.4em;
						background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
					}
			}*/
  /*	@supports (-webkit-line-clamp: 2) {
					.blur-text {
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 5;
							-webkit-box-orient: vertical;
					}
					.blur-text:after {
							display: none;
					}
			}*/ }
  .latest-video-sub-blog-title p {
    height: 20px;
    color: #404041; }
    @media (max-width: 768px) {
      .latest-video-sub-blog-title p {
        height: 100%; } }

.font-size-bolder {
  font-size: 0.85rem;
  font-weight: 900; }

/*End Video Main Blog*/
/*PODCAST*/
.latest-podcast-blog {
  height: 420px; }
  @media (min-width: 0px) {
    .latest-podcast-blog {
      height: 100%; } }
  @media (min-width: 768px) {
    .latest-podcast-blog {
      height: 470px; } }
  @media (min-width: 991px) {
    .latest-podcast-blog {
      height: 430px; } }

/*.latest-podcast-blog-body{
		height:195px ;
		@media(min-width: 0px){
				height:100% ; 
		}
		@media(min-width: 768px){
			 height:100% ; 
		}
}*/
.latest-podcast-blog-title p {
  height: 85px;
  color: #404041; }

.section-video-latest a {
  color: #fff;
  text-decoration: none; }
  .section-video-latest a:hover, .section-video-latest a:focus {
    color: #fff; }

.section-video-latest .pagination a {
  color: #055b80;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px; }
  .section-video-latest .pagination a:hover, .section-video-latest .pagination a:focus {
    color: #055b80; }

.section-video-latest .active {
  color: #fff;
  background-color: #055b80;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 5px;
  margin-right: 5px; }

.section-video-latest .header-video-latest {
  width: 100%;
  padding: .5rem;
  background: #055b80;
  color: #fff; }

.section-video-latest .card-footer {
  background: #055b80; }

.section-video-latest .disabled {
  color: #192f5a; }

.section-video-latest .image-video {
  position: relative; }

.section-video-latest .icon-video-sub {
  position: absolute;
  bottom: -0.5rem;
  width: 20%;
  left: 1rem; }
  @media screen and (min-width: 0px) {
    .section-video-latest .icon-video-sub {
      bottom: -1rem;
      width: 15%; } }
  @media screen and (min-width: 480px) {
    .section-video-latest .icon-video-sub {
      bottom: -1.9rem;
      width: 15%; } }
  @media screen and (min-width: 546px) {
    .section-video-latest .icon-video-sub {
      bottom: -1.2rem;
      width: 20%; } }
  @media screen and (min-width: 768px) {
    .section-video-latest .icon-video-sub {
      bottom: -1.2rem;
      width: 15%; } }
  @media screen and (min-width: 992px) {
    .section-video-latest .icon-video-sub {
      bottom: -1rem;
      width: 17%; } }

.section-video-latest .icon-video-main {
  position: absolute;
  bottom: -1rem;
  width: 12%;
  left: 1rem; }
  @media screen and (min-width: 0px) {
    .section-video-latest .icon-video-main {
      bottom: -1rem;
      width: 15%; } }
  @media screen and (min-width: 480px) {
    .section-video-latest .icon-video-main {
      bottom: -2rem;
      width: 15%; } }
  @media screen and (min-width: 768px) {
    .section-video-latest .icon-video-main {
      bottom: -1.7rem;
      width: 12%; } }
  @media screen and (min-width: 992px) {
    .section-video-latest .icon-video-main {
      bottom: -1.7rem;
      width: 12%; } }

.section-podcast-latest {
  /*background: $color-highlight;*/ }
  .section-podcast-latest a {
    color: #055b80;
    text-decoration: none; }
    .section-podcast-latest a:hover, .section-podcast-latest a:focus {
      color: #055b80; }
  .section-podcast-latest .pagination a {
    color: #fff;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px; }
    .section-podcast-latest .pagination a:hover, .section-podcast-latest .pagination a:focus {
      color: #fff; }
  .section-podcast-latest .active {
    color: #fff;
    background-color: #59aec2;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 5px;
    margin-right: 5px; }
  .section-podcast-latest .disabled {
    color: #59aec2; }
  .section-podcast-latest .header-podcast-latest {
    width: 100%;
    padding: .5rem;
    color: #fff; }
  .section-podcast-latest .card-footer {
    background: #d1d3d4;
    color: #055b80; }
  .section-podcast-latest .image-podcast {
    position: relative; }
  .section-podcast-latest .icon-podcast {
    position: absolute;
    left: 1rem; }
    @media (min-width: 0px) {
      .section-podcast-latest .icon-podcast {
        bottom: -1.3rem;
        width: 15%; } }
    @media screen and (min-width: 546px) {
      .section-podcast-latest .icon-podcast {
        bottom: -1.3rem;
        width: 20%; } }
    @media (min-width: 768px) {
      .section-podcast-latest .icon-podcast {
        bottom: -1.3rem;
        width: 17%; } }

.font-size-video-main {
  font-size: 1.1rem;
  font-weight: 900; }

/*Font*/
.padding-top-03 {
  padding-top: 0.3rem; }

/*Mobile Video&PODCAST*/
@media (max-width: 768px) {
  .pr-mobile-0 {
    padding-right: 0px; }
  .font-size-mobile {
    font-size: 1.1rem; }
  .font-size-video-main {
    font-size: 1.1rem; }
  .font-session-video-main {
    font-size: 1.1rem;
    font-weight: 400; }
  .mobile-bottom {
    margin-bottom: 1.5rem !important; }
  .mobile-bottom-podcast {
    margin-bottom: 1rem; } }

@media (max-width: 991px) {
  .mobile-bottom {
    margin-bottom: 1.5rem !important; }
  .mobile-bottom-podcast {
    margin-bottom: 1rem; } }

/*Modal Video*/
.latest .modal {
  top: 10%; }

.latest .modal-dialog {
  max-width: 800px !important;
  margin: 30px auto !important; }

.latest .modal-body {
  position: relative;
  padding: 0px; }

.latest .close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1; }

.latest .modal-dialog-podcast {
  max-width: 400px !important;
  margin: 30px auto !important; }

.previos-conference {
  /*2.Icon*/ }
  .previos-conference h1, .previos-conference h2, .previos-conference h3, .previos-conference h4 {
    margin-bottom: 1rem; }
  .previos-conference .section-social {
    background: #ccc;
    color: #404041; }
  .previos-conference .section-summarize {
    color: #404041; }
  .previos-conference .section-organizing {
    background: #fff; }
  .previos-conference .btn-conference {
    display: inline-block;
    border: 1px solid #404041;
    border-radius: 1px;
    background-color: #fff;
    color: #111;
    padding: 5px 20px;
    position: absolute;
    bottom: 0;
    /* 3 Item*/
    left: 34%;
    /* 1 Item*/ }
    @media (max-width: 1199px) {
      .previos-conference .btn-conference {
        left: 31%; } }
    @media (max-width: 991px) {
      .previos-conference .btn-conference {
        left: 41%; } }
    @media (max-width: 767px) {
      .previos-conference .btn-conference {
        left: 38%; } }
    @media (max-width: 480px) {
      .previos-conference .btn-conference {
        left: 36%; } }
    @media (max-width: 320px) {
      .previos-conference .btn-conference {
        left: 30%; } }
  .previos-conference .btn-conference:hover {
    background-color: #404041;
    color: #fff;
    text-decoration: none; }
  .previos-conference .btn-conference:focus {
    background-color: #404041;
    color: #fff; }
  .previos-conference .download-link {
    color: #404041; }
  .previos-conference .download-link:hover {
    color: #0d0d0e;
    text-decoration: none; }
  .previos-conference .icon-pdf {
    padding-left: 3rem; }
    @media (max-width: 767px) {
      .previos-conference .icon-pdf {
        padding-left: 3rem; } }
  .previos-conference .icon-pdf:before {
    content: '';
    background: url("icon/icon-pdf-new.png");
    background-size: cover;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -10px;
    margin-left: -50px; }
    @media (max-width: 767px) {
      .previos-conference .icon-pdf:before {
        width: 40px;
        height: 40px;
        margin-left: -50px; } }
  .previos-conference .icon-youtube {
    padding-left: 3rem; }
    @media (max-width: 767px) {
      .previos-conference .icon-youtube {
        padding-left: 3rem; } }
  .previos-conference .icon-youtube:before {
    content: '';
    background: url("icon/icon-youtube-new.png");
    background-size: cover;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -10px;
    margin-left: -50px; }
    @media (max-width: 767px) {
      .previos-conference .icon-youtube:before {
        width: 40px;
        height: 40px;
        margin-left: -50px; } }
  .previos-conference .text-on-banner {
    color: #fff;
    position: absolute;
    top: 5%;
    background: rgba(25, 25, 25, 0.5); }
    @media (max-width: 550px) {
      .previos-conference .text-on-banner {
        top: 0%; } }
    .previos-conference .text-on-banner #content-header {
      font-weight: 650; }
      @media (min-width: 0px) {
        .previos-conference .text-on-banner #content-header p, .previos-conference .text-on-banner #content-header span, .previos-conference .text-on-banner #content-header h1, .previos-conference .text-on-banner #content-header h2, .previos-conference .text-on-banner #content-header h3, .previos-conference .text-on-banner #content-header h4, .previos-conference .text-on-banner #content-header h5, .previos-conference .text-on-banner #content-header b {
          margin-bottom: 0.4rem;
          font-size: 1.2vw !important; } }
      @media (min-width: 767px) {
        .previos-conference .text-on-banner #content-header p, .previos-conference .text-on-banner #content-header span, .previos-conference .text-on-banner #content-header h1, .previos-conference .text-on-banner #content-header h2, .previos-conference .text-on-banner #content-header h3, .previos-conference .text-on-banner #content-header h4, .previos-conference .text-on-banner #content-header h5, .previos-conference .text-on-banner #content-header b {
          margin-bottom: 0.6rem;
          font-size: 1.7vw !important; } }
    .previos-conference .text-on-banner .content {
      font-weight: 650;
      font-size: 1.1vw; }
  .previos-conference .modal {
    top: 10%; }
  .previos-conference .modal-dialog {
    max-width: 800px !important;
    margin: 30px auto !important; }
  .previos-conference .modal-body {
    position: relative;
    padding: 0px; }
  .previos-conference .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1; }
  .previos-conference .icon-on-img-play {
    height: 60px;
    width: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px; }

/*End icon*/
#gallery .gallery-section-title {
  width: 100%;
  padding: 15px 10px;
  display: inline-block;
  border-top: 1px solid #1a1a1a;
  /* border-bottom: 1px solid #1a1a1a; */
  -webkit-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
  color: #404041; }

#gallery .img-thumnail-custom {
  max-width: 100%;
  height: auto; }

/* Styles for dialog window */
.block-popup-fick {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 80%;
  margin: 40px auto;
  position: relative;
  overflow: scroll;
  height: 600px; }

@media (max-width: 768px) {
  .block-popup-fick {
    height: 350px; } }

.block-popup-fick ul li {
  margin-top: 10px;
  margin-bottom: 10px; }

.block-popup-fick b {
  margin: 5px 0; }

.block-popup-fick span {
  color: #2A4F72; }

/**
         * Fade-zoom animation for first dialog
         */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/**
         * Fade-move animation for second dialog
         */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0); }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg); }

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0; }

.header-menu .navbar-expand-lg {
  padding: 0; }
  .header-menu .navbar-expand-lg .navbar-nav li {
    padding: 0.5rem 0px; }
    @media (min-width: 0px) {
      .header-menu .navbar-expand-lg .navbar-nav li:hover, .header-menu .navbar-expand-lg .navbar-nav li.active {
        background-color: #055b80; } }
    @media (min-width: 992px) {
      .header-menu .navbar-expand-lg .navbar-nav li:hover, .header-menu .navbar-expand-lg .navbar-nav li.active {
        padding: 0.5rem;
        border-bottom: 4px solid #055b80;
        background-color: transparent; } }

.owl-carousel.owl-new .owl-prev {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 33%;
  left: -20px;
  display: block !important;
  border: 0px solid black; }

.owl-carousel.owl-new .owl-next {
  width: 15px;
  height: 100px;
  position: absolute;
  top: 33%;
  right: -20px;
  display: block !important;
  border: 0px solid black; }

.owl-carousel.owl-new .owl-prev i, .owl-carousel.owl-new .owl-next i {
  -webkit-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  transform: scale(2, 2);
  color: #ccc; }

.parsley-errors-list {
  color: #a94442;
  margin: 0;
  padding: 0; }
  .parsley-errors-list li {
    list-style: none; }

html {
  position: relative;
  min-height: 100%; }

body {
  font-family: "AvenirNext-Regular";
  font-size: 0.85rem;
  margin-bottom: 80px;
  color: #404041; }

/*1. Font*/
.font-Aven, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "AvenirNext-Medium"; }

h1 {
  font-size: 1.4rem; }

h2 {
  font-size: 1.2rem; }

h3 {
  font-size: 1.1rem; }

h4 {
  font-size: 1.5rem; }

.font-blue-important {
  color: #055b80 !important; }

.font-hilight-text-blue {
  color: #9BBDCC; }

.font-white {
  color: #fff; }

/*end Font*/
/*2.Icon*/
.circle-fa {
  background: #fff;
  vertical-align: middle;
  color: #192F59;
  padding: 15px;
  border-radius: 50%; }

/*End icon*/
a {
  color: #006AB6; }
  a:hover, a:focus {
    color: #055b80; }

.btn-custom {
  color: #fff;
  background-color: #055b80; }
  .btn-custom:hover, .btn-custom:focus {
    color: #fff;
    background-color: #03384f; }

.section-award a {
  font-weight: 600;
  color: #031a2f;
  text-decoration: none; }
  .section-award a:hover, .section-award a:focus {
    color: #031a2f; }

.section-link {
  background-color: #9BBDCC; }
  .section-link h4 {
    font-size: 2rem !important;
    color: #fff; }
  .section-link .border-left-2 {
    border-left: 2px solid #dee2e6 !important; }

.section-award {
  background: #F3F3F3; }
  .section-award h1 {
    color: #055b80; }

.section-app {
  background: #F3F3F3; }
  .section-app h4 {
    color: #055b80; }

.section-news h1 {
  color: #055b80; }

.section-news .box h3 {
  font-size: 1rem;
  color: #055b80; }

.section-gallery {
  color: #055b80; }
  .section-gallery h1 {
    font-size: 2.5rem;
    margin-bottom: 0rem; }
  .section-gallery h2 {
    font-size: 2.25rem; }

.border-custom {
  border: solid 1px #404041; }

.text-auto {
  text-align: right !important; }
  @media (max-width: 767px) {
    .text-auto {
      text-align: center !important;
      margin-bottom: 1rem; } }

.background-gray {
  background: #F3F3F3; }

.bg-award-gray {
  background-color: #e6e7e8 !important; }

.bg-theme-1 {
  background-color: #055b80 !important; }

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
  width: 100% !important; }

.boder-banner {
  border-top: 1px solid #ddd;
  border-left: 0px solid #ddd; }
  @media (min-width: 767px) {
    .boder-banner {
      border-left: 1px solid #ddd;
      border-top: 0px solid #ddd; } }