/* font ceo */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

/* font awards
font-family: 'Lato', sans-serif; 
thin 100
light 300
regular 400
bold 700
black 900
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&display=swap');


.logo-bkp74{ width: 100px; margin: 0 auto; padding-bottom: 30px; }

.campaign--74_anniversary .bg-highlight-campaign{ background-image: url('../images/specials/74_anniversary/bg_newnormal2.jpg'); padding: 40px 20px; }
.campaign--74_anniversary .campaign-title{ text-align: center; padding-bottom: 40px; display: inline-block; }
.campaign--74_anniversary .campaign-title .bg-logo-bkp{ width: 135px; float: left; }
/*.campaign--74_anniversary .campaign-title .chanel{ float: left; padding-top: 3px; padding-left: 10px; }*/
.campaign--74_anniversary .campaign-title a{ font-size: 18px; }

.campaign-highlight-newnormal_quote.campaign--74_anniversary .chanel{  font-size: 22px; color: #0D2147; padding-top: 0;  }
.campaign-highlight-newnormal_quote.campaign--74_anniversary .campaign-title{ padding-bottom: 0; }

.list_campaign-hover { position: relative; overflow: hidden; }
.list_campaign-hover a { color: #fff; }
.list_campaign-hover a:hover { text-decoration: underline; }
.list_campaign-hover figure { display: block; overflow: hidden; }
.list_campaign-hover figcaption { position: absolute; left: 10px; right: 10px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.list_campaign-hover figcaption h4 { font-size: 16px; line-height: 20px; position: absolute; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); text-align: center; color: #fff; padding: 0 0 15px; left: 0; right: 0; }
.list_campaign-hover:hover figcaption { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.list_campaign-hover .view-all { text-align: center; font-size: 12px; line-height: 16px; padding-top: 15px; text-transform: none; }
.list_campaign-hover .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient(rgba(19, 47, 101, 0), #132F65); background-image: -o-linear-gradient(rgba(19, 47, 101, 0), #132F65); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(19, 47, 101, 0)), to(#132F65)); background-image: linear-gradient(rgba(19, 47, 101, 0), #132F65); opacity: 0.95; }

.logo_sponsor--74_anniversary{ text-align: center; }
.logo_sponsor--74_anniversary ul{ display: inline-block; }
.logo_sponsor--74_anniversary ul li{ float: left; width: 100px; margin: 0 10px; }
.logo_sponsor--74_anniversary ul li a{ display: block; }


@media (max-width: 576px){

  .campaign--74_anniversary .campaign-title{ padding-bottom: 20px; }


}
@media (max-width: 420px){

  .logo_sponsor--74_anniversary{ max-width: 300px; width: 100%; margin: 0 auto; }
  .logo_sponsor--74_anniversary ul li{ margin: 0; width: 50%; padding: 10px; }

}




/**********************************************************/
/**********************************************************/
/**********************************************************/

.campaign-newnormal--leading{ padding-top: 50px; }
.leading-intime{ background-color: #0D315E; padding: 40px 20px; margin-top: 15px; text-align: center; }

.newnormal-title h3 a{ color: #fff; }
.newnormal-title i{ color: #fff; font-size: 12px; }


.leading--img{ height: 140px; }
.leading--img-border{ width: 125px; height: 125px; border-radius: 50%; overflow: hidden; border:2px solid transparent; padding: 3px; margin: 0 auto; transition: all .3s; }
.leading--img-circle{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; transition: all .3s; opacity: 0.55; }
.leading-name{ font-size: 12px; line-height: 20px; font-weight: bold; color: #fff; text-transform: uppercase; }
.box-leading a:hover .leading--img-border{ border:2px solid #2B63D1; width: 135px; height: 135px; }
.box-leading a:hover .leading--img-circle{ opacity: 1; }
.box-leading a:hover .leading-name{ color: #2B63D1; }



.campaign-highlight-newnormal_quote{ padding: 50px 0; }
.newnormal_quote-title h2{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 28px; line-height: 42px; font-weight: bold; color: #0D2147; text-transform: uppercase; text-align: center; padding-bottom: 20px; }
.newnormal_quote-title2{ font-size: 18px; line-height: 20px; color: #0D2147; text-align: center; }

.campaign-highlight-newnormal_quote .container{ position: relative; }
.box-share--newnormal_quote{ position: absolute; top: 130px; right: 0; padding: 0; z-index: 5; }
.box-share--newnormal_quote.box-share a{ border:0; color: #0D2147; font-size: 24px; }
.box-share--newnormal_quote.box-share a:hover{ color: #fff; }

.newnormal_quote-content{ padding-top: 50px; }
.box-leader{ padding-bottom: 30px; }
.box-leader-detail h3{ font-size: 18px; line-height: 24px; color: #121212; padding-top: 13px; padding-bottom: 5px; }
.box-leader-detail p{ font-size: 12px; line-height: 20px; color: #666; }
.box-leader-photo{ transform: scale(1); transition: .5s ease; }
.box-leader a:hover .box-leader-detail h3{ color: #2B62CF; }
.box-leader a:hover .box-leader-photo{
  transform: scale(1.01); transition: .5s ease; 
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}




.content-quote{ overflow: hidden; position: relative; }
.box-leader--photo{ float: left; width: 216px; }
.box-quote--detail{ float: left; width: calc(100% - 216px); padding-left: 25px; }
.quote--detail p{ font-size: 15px; line-height: 20px; font-weight: bold; color: #2B62CF; padding-bottom: 20px; }
.quote--detail p:first-of-type:before{ content: '\201C'; }
.quote--detail p:last-of-type:after{ content: '\201D'; }
.leader--modal{ position: absolute; bottom: -4px; }


.btn-close{ position: absolute; right: 8px; top: 5px; width: 15px; z-index: 5; }

.modal-quoteContent{ max-width: 800px; }
.modal-quoteContent .modal-content{ border-radius: 0; }
.modal-quoteContent .modal-body{ padding: 45px; }

/*.modal-backdrop.show{ opacity: 1; background-color: #F5F5F5; }*/


.boxlogo{ text-align: center; padding-bottom: 20px; }
.boxlogo .logo1{ width: 100px; display: inline-block; margin-right: 10px; }
.boxlogo .logo2{ width: 33px; display: inline-block; }


.leader--readmore{ position: absolute; right: 0; bottom: 0; }
.leader--readmore a{ display: block; border:1px solid #132F65; font-size: 12px; color: #132F65; padding: 6px 10px; }
.leader--readmore a:hover{ background-color: #132F65; color: #fff; }


.modal-arrow{ position: absolute; width: 100%; height: 60px; top: 50%; transform: translateY(-50%); }
.modal-arrow .btn-prev, .modal-arrow .btn-next{ width: 31px; height: 60px; position: absolute; border: 0; cursor: pointer; background-repeat: no-repeat; }
.modal-arrow .btn-prev{ left: 7px; background-image: url('../../assets/images/icon/icon-prev.svg'); }
.modal-arrow .btn-next{ right: 7px; background-image: url('../../assets/images/icon/icon-next.svg'); }
.modal-arrow .btn-prev:hover{ background-image: url('../../assets/images/icon/icon-prev-h.svg'); }
.modal-arrow .btn-next:hover{ background-image: url('../../assets/images/icon/icon-next-h.svg'); }



@media (max-width: 991px) {

  .box-share--newnormal_quote{ position: relative; text-align: center; padding-bottom: 20px; top: auto; }

  .modal-quoteContent .modal-body{ padding: 30px; }

}
@media (max-width: 767px) {

  .leader--modal{ position: relative; }
  .leader--readmore{ position: relative; margin-top: 20px; }
  .leader--readmore a{ display: inline-block; }
  
}
@media (max-width: 576px) {

  .campaign-highlight-newnormal_quote{ padding-top: 30px; padding-bottom: 0; }
  .newnormal_quote-content{ padding: 30px 20px; }
  .newnormal_quote-content .row{ margin-right: -10px; margin-left: -10px; }
  .newnormal_quote-content .col-50{ padding-right: 10px; padding-left: 10px; }

  .newnormal_quote-title h2{ font-size: 24px; line-height: 30px; }

  .box-leader--photo{ float: none; width: 100%; overflow: hidden; width: 216px; margin: 0 auto; }
  .box-quote--detail{ float: none; width: 100%; padding-left: 0px; padding-top: 20px; }

  .modal-quoteContent .modal-body{ padding: 25px; }

  .modal-arrow{ top: 187px;  }

}
@media (max-width: 400px) {

  .campaign-newnormal--leading .newnormal-title h3{ font-size: 14px; }

}
@media (max-width: 360px) {

  .campaign-newnormal--leading .newnormal-title h3{ font-size: 13px; }

}






/**********************************************************/
/**********************************************************/
/**********************************************************/


.bar-promote-epaper{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: #17469e; z-index: 555; }
.bar-promote-epaper .bar-promote-bg{ padding: 10px 0; overflow: inherit; }
.special-promote--epaper{ overflow: hidden; }
.special-promote--epaper .promote-01{ float: left; width: 160px; }
.special-promote--epaper .promote-02{ float: left; width: calc(100% - 240px); text-align: center; font-family: 'charis_silbold', Georgia,Times,Times New Roman,serif; font-size: 32px; color: #fff; }
.special-promote--epaper .promote-02 span{ color: #ee1a26; text-shadow: 0px 3px 6px rgba(0, 0, 0, 1); }
.special-promote--epaper .promote-03{ float: right; width: 50px; margin-right: 30px; }

.btn-special-promote--subscribe{
  display: inline-block;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  border-radius: 0;
  padding: 3px 5px;
  width: 120px;
	text-align: center;
	cursor: pointer;
  transition: all 0.8s ease;
  vertical-align: middle; margin-left: 20px;
} 
.btn-special-promote--subscribe:hover{ background-color: #2B63D1; color: #fff; border: 1px solid #2B63D1; transition: all 0.8s ease; }
.bar-promote-epaper  .promote-031{ position: absolute; top: -40px; right: 50px; width: 100px; }


@media (max-width: 1199px) {

  .btn-special-promote--subscribe{ display: block; margin: 0 auto;}
  .bar-promote-epaper  .promote-031{ top: -30px; right: 40px; width: 90px; }

}
@media (max-width: 991px) {

  .special-promote--epaper .promote-02{ font-size: 22px; }
  .bar-promote-epaper  .promote-031{ top: -30px; right: 30px; width: 80px; }

}
@media (max-width: 767px) {

  .special-promote--epaper .promote-01{ width: 120px; }
  .special-promote--epaper .promote-02{ font-size: 16px; line-height: 22px; width: calc(100% - 200px); }
  .bar-promote-epaper  .promote-031{ width: 60px; }

}
@media (max-width: 576px) {

  .special-promote--epaper .promote-01{ float: none; margin: 0 auto; }
  .special-promote--epaper .promote-02{ font-size: 14px; line-height: 16px; width: 100%; padding-top: 18px; }
  .btn-special-promote--subscribe{ display: inline-block; width: 100px; font-size: 10px; margin-left: 5px; }
  .special-promote--epaper .promote-03{ display: none;}
  .bar-promote-epaper  .promote-031{ right: auto; left: 20px; width: 80px; }

}
@media (max-width: 360px) {

  .special-promote--epaper .promote-01{ width: 100px; }
  .special-promote--epaper .promote-02{ padding-top: 14px; }
  .bar-promote-epaper  .promote-031{ width: 70px; }
  .btn-special-promote--subscribe{ margin: 10px auto 0; display: block; }

}




/**********************************************************/
/**********************************************************/
/**********************************************************/

.section-spectial--guru{ padding-bottom: 40px; }
.box-guru--bg{ position: relative; background-color: #0B144B; padding: 165px 30px 30px; }
.box-guru--logo{ position: absolute; top: -60px; right: 0; }
.box-guru--content{ background-color: #fff; width: 100%; padding: 50px 0 30px; }
.box-guru--container{ max-width: 960px; width: 95%; margin: 0 auto; }
.box-guru--container h2{ font-family: 'Kanit',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 36px; font-weight: 200; font-style: italic; margin-bottom: 30px;}
.box-guru--container h2 span{ position: relative; background-color: #fff; padding-right: 10px; z-index: 9; }
.box-guru--container h2:after{ content: ''; position: absolute; width: 100%; height: 1px; top: 50%; left: 0;  background-color: #000; }

.item--guru .guru--updatedate{ padding: 10px 0; }
.item--guru .guru--updatedate span{ font-family: 'Kanit',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 12px; font-weight: 200; background-color: #F9F9F9; padding: 5px; border-radius: 5px; }
.item--guru h3{ font-family: 'Kanit',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; line-height: 25px; font-weight: 300;}
.item--guru a:hover{ color: inherit; transition: .5s ease; }
.item--guru a:hover h3{ text-decoration: underline; }
.item--guru a .guru--img{ position: relative; padding-right: 10px;}
.item--guru a .guru--img img{ z-index: 2; position: relative; }
.item--guru a .guru--img:after{ content: ''; position: absolute; width: calc(100% - 10px); height: 100%; right: 0; bottom: -10px; background-color: #fff; z-index: 0; transition: background-color .5s linear; }
.item--guru a:hover .guru--img:after{ background-color: #F09C84; }


.owl-spectial--guru.owl-carousel .owl-nav{ top: calc(50% - 47px); margin-top: -24px; height: 48px; }
.owl-spectial--guru.owl-carousel .owl-nav button.owl-prev{ background: url(../images/specials/guru/arrow-prev.svg) no-repeat 0 0; background-size: cover; width: 38px; height: 48px; left: -13px; }
.owl-spectial--guru.owl-carousel .owl-nav button.owl-next{ background: url(../images/specials/guru/arrow-next.svg) no-repeat 0 0; background-size: cover; width: 38px; height: 48px; right: -3px; }



@media (max-width: 1440px) {

  .box-guru--bg{ padding-top: 140px; }
  .box-guru--logo{ top: -55px; width: 480px; }

}
@media (max-width: 991px) {

  .box-guru--bg{ padding-top: 110px; }
  .box-guru--logo{ top: -40px; width: 360px; }

}
@media (max-width: 576px) {

  .box-guru--bg{ padding: 75px 20px 20px; }
  .box-guru--logo{ top: -25px; width: 240px; }
  .box-guru--content{ padding: 30px 0;}
  .box-guru--container h2{ font-size: 30px;}
  /* .item--guru a:hover .guru--img:after{ right: -5px; bottom: -5px;  } */
  .item--guru{ padding-left: 10px; }
  .owl-spectial--guru.owl-carousel .owl-nav button.owl-prev{ left: -3px; }

}


/**********************************************************/
/************************ holiday2020 *********************/
/**********************************************************/

.campaign--holiday2020 .bg-highlight-campaign{ background-image: url('../images/campaign/holiday_time2020/bg_holiday_home.jpg'); padding: 70px 0 120px; position: relative; }
.campaign--holiday2020 .bg-highlight-campaign::before{ content: ''; position: absolute; top: 15px; left: 20px; background-image: url('../images/campaign/holiday_time2020/snow.png'); background-repeat: no-repeat; width: 100%; height: 100%; }
.campaign--holiday2020 .bg-highlight-campaign::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-image: url('../images/campaign/holiday_time2020/snow_bottom.png'); background-repeat: no-repeat; background-size: cover; background-position: right bottom; width: 100%; height: 25px; }
.campaign--holiday2020 .campaign-title a{ color: #166189; z-index: 2; }
.campaign--holiday2020 .campaign-title .chanel i{ color: #166189; }
.holiday-tree{ position: absolute; bottom: 13px; right: 35px; }

.campaign--holiday2020 .bg-highlight-campaign .list-detail-mt h3{ margin-bottom: 10px; }
.campaign--holiday2020 .bg-highlight-campaign .list-detail-mt h3 a{ color: #166189; }
.campaign--holiday2020 .bg-highlight-campaign .list-detail-mt p{ color: #105777; }
.campaign--holiday2020 .bg-highlight-campaign .list-detail-mt h3 a:hover{ color: #132F65; }



.bg-topic-holiday2020{ background-image: url('../images/campaign/holiday_time2020/bg_holiday_home.jpg'); padding: 30px 0 120px; position: relative; background-position: center top; }
.bg-topic-holiday2020::before{ content: ''; position: absolute; top: 30px; right: 30px; background-image: url('../images/campaign/holiday_time2020/snow2.png'); background-repeat: no-repeat; width: 843px; height: 100%; }
.bg-topic-holiday2020::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-image: url('../images/campaign/holiday_time2020/snow_bottom.png'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 25px; }

.topic-detail-holiday2020{ color: #4F92B7; position: relative; z-index: 2; }
.topic-detail-holiday2020 .topics-page-content{ color: #105777; }
.topic-detail-holiday2020 .topics-page-content h2{ color: #166189; }
.bg-topic-campaign .topic-detail-holiday2020 p{ color: #105777; }
.bg-topic-campaign .topic-detail-holiday2020 .box-share-h a{ background-color: #76B9DD; border-color:#76B9DD; }
.bg-topic-campaign .topic-detail-holiday2020 .box-share-h a:hover{ background-color: #166189; border-color:#166189; }
.holiday-tree--center{ position: absolute; bottom: 13px; left: 40%; }
.bg-topic-campaign .topic-detail-holiday2020 .topics-page-content{ text-shadow: none; }

.logo-sponser--campaign{ padding-top: 30px; }
.logo-sponser--campaign a{ display: inline-block; margin-bottom: 8px; margin-right: 5px;}



@media (max-width: 1199px) {

  .campaign--holiday2020 .bg-highlight-campaign{ padding: 50px 0px 120px; }
  .holiday-tree--center{ left: 50%; transform: translateX(-50%); }

}
@media (max-width: 576px) {

  .holiday-tree{ right: 15px }
  .campaign--holiday2020 .bg-highlight-campaign{ padding: 50px 20px 120px; }

  .bg-topic-holiday2020::after{ background-position: right bottom; }
  .bg-topic-holiday2020{ background-position: 30% top;}

  .logo-sponser--campaign a img{ width: 130px;}

}
@media (max-width: 400px) {
  .campaign--holiday2020 .campaign-title a{ font-size: 14px; }

  .bg-topic-holiday2020{ padding-bottom: 80px; }
}


/**********************************************************/

.snowdown {
	width: 100%;
	position: relative;
	overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 60px;
}
.snow1 {
	background: url('../images/campaign/holiday_time2020/snow_flake.png');
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
  animation: snowOne 20s infinite linear;
  background-size: 500px;
  filter: blur(2px);
  z-index: 1;
}
.snow2 {
	background: url('../images/campaign/holiday_time2020/snow_flake.png');
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: snowTwo 25s infinite linear;
	background-size: 300px;
	filter: blur(1px);
  z-index: 1;
}
.snow3 {
	background: url('../images/campaign/holiday_time2020/snow_flake.png');
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: snowThree 15s infinite linear;
	background-size: 600px;
	filter: blur(3px);
  z-index: 1;
}

@keyframes snowOne{
	0%
	{
		background-position: 0px 0px;
    opacity: 0;
	}
  15%
  {
    background-position: 10px 50px;
    opacity: 1;
  }
	99%
	{
		background-position: 100px 550px;
    opacity: 0;
	}
  100%
  {
    background-position: 0px 0px;
    opacity: 0;
  }
}
@keyframes snowTwo{
	0%
	{
		background-position: 0px -100px;
    opacity: 0;
	}
  15%
  {
    background-position: 0px 0px;
    opacity: 1;
  }
	99%
	{
		background-position: 0px 950px;
    opacity: 0;
	}
  100%
  {
    background-position: 0px -100px;
    opacity: 0;
  }
}
@keyframes snowThree{
	0%
	{
		background-position: -10px 0px;
    opacity: 0;
	}
  15%
  {
    background-position: 10px 100px;
    opacity: 1;
  }
	99%
	{
		background-position: 300px 750px;
    opacity: 0;
	}
  100%
  {
    background-position: 0px 100px;
    opacity: 0;
  }
}



@media (max-width: 767px){

  .owl-campaignHoliday.owl-carousel .owl-stage{ left: -30px; }
  .owl-campaignHoliday.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

}



@media (min-width: 1200px) {

  .owl-campaignHoliday .owl-item{
    position: relative;
    float: left;
    width: 35% !important;
  }
  .owl-campaignHoliday .owl-item:nth-child(1),
  .owl-campaignHoliday .owl-item:nth-child(2){
    width: 30% !important;
  }
  .owl-campaignHoliday .owl-item:nth-child(3){
    margin-bottom: 20px;
  }

  .owl-campaignHoliday .owl-item .list-detail-mt{
    width: 50%; float: left; margin-top: 0; padding-left: 15px;
  }
  .owl-campaignHoliday .owl-item:nth-child(1) .list-detail-mt,
  .owl-campaignHoliday .owl-item:nth-child(2) .list-detail-mt{
    width: 100%; padding-left: 0;
  }

  .owl-campaignHoliday .owl-item figure{
    width: 50%; float: left;
  }
  .owl-campaignHoliday .owl-item:nth-child(1) figure,
  .owl-campaignHoliday .owl-item:nth-child(2) figure{
    width: 100%;
  }

} 



/**********************************************************/
/**********************************************************/
/**********************************************************/


.campaign--boi2020 .bg-highlight-campaign{ background-image: url('../images/specials/boi2020/bg_boi_home.jpg'); padding: 250px 20px 200px; background-position: bottom center; position: relative; }
.campaign--boi2020 .bg-highlight-campaign::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-image: url('../images/specials/boi2020/invest-frame.png'); background-size: 100%; background-position: right bottom; background-repeat: no-repeat; z-index: 6; }
.campaign--boi2020 .campaign-title{ border-bottom: 2px solid #148ABA; margin-bottom: 25px; padding-bottom: 10px; }
.campaign--boi2020 .campaign-title a{ color: #333; }
.campaign--boi2020 .campaign-title .chanel i{ color: #031C47; } /* #FDB813 */


.bg-topic-boi2020{ background-color: #fff; background-image: url('../images/specials/boi2020/bg_boi_topic.jpg'); background-position: center bottom; margin-bottom: 0; padding: 50px 0 150px; background-size: contain; position: relative; }
.bg-topic-boi2020 .header.header-topics h2{ font-size: 28px; line-height: 30px; color: #132F65; text-align: center; }

.boxnews-campaignboi .list-v{ background-color: #fff; }
.boxnews-campaignboi .list-detail{ padding: 8px; }
.boxnews-campaignboi .list-detail h3{ height: 80px; overflow: hidden; padding: 5px 10px; }
.bg-topic-boi2020 .boxnews-campaignboi .list-v{ margin-bottom: 50px; }
.boxnews-campaignboi .list-v figure{ position: relative; height: 200px; overflow: hidden; }
.boxnews-campaignboi .list-v figure img{ 
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;   
}

.box-logo--boi{ position: absolute; bottom: 20px; left: 50px; z-index: 7; }

.boi--img-train{ width: 550px; position: absolute; bottom: 78px; right: 0px; animation: trainRun linear infinite; animation-duration: 5s; z-index: 5; }

@keyframes trainRun {
  from { transform: translateX(50%); }
  to { transform: translateX(-300%); }
}

.wind_turbines{ position: absolute; right: 100px; bottom: 80px; width: 120px; text-align: center; z-index: 8; }
.wind_turbines .blades{ position: absolute; top: -55px; left: 50%; margin-left: -60px; animation: bladeSpin 10s ease-in-out infinite; width: 120px; }
.wind_turbines-small{ position: absolute; right: 240px; bottom: 70px; width: 80px; text-align: center; z-index: 4; }
.wind_turbines-small .blades{ position: absolute; top: -35px; left: 50%; margin-left: -35px; animation: bladeSpin 15s ease-in-out infinite; width: 70px; }
.wind_turbines-small .stand{ height: 100px; }

@keyframes bladeSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(1440deg); }
}

.router-wifi{ position: absolute; width: 105px; left: 130px; bottom: 150px; z-index: 8; }
.wifi { position: absolute; top: -15px; left: 65%;}
.wifi span{ position: absolute; width: 1px; height: 5px; display: block; background-color: #c6f1f1; left: 50%; margin-left: -16px; }
.wifi span:nth-of-type(1){ top: -64px; animation: blink6 10s infinite; }
.wifi span:nth-of-type(2){ top: -54px; height: 10px; animation: blink5 10s infinite; }
.wifi span:nth-of-type(3){ top: -40px; height: 8px; animation: blink4 10s infinite; }
.wifi span:nth-of-type(4){ top: -28px; height: 8px; animation: blink3 10s infinite; }
.wifi span:nth-of-type(5){ top: -15px; height: 10px; animation: blink2 10s infinite; }
.wifi span:nth-of-type(6){ top: 0px; animation: blink1 10s infinite; }
.wifi .signal {
  border-right: 6px solid #c6f1f1;
  border-bottom: 6px solid #c6f1f1;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  transform: rotate(-135deg);
  position: absolute;
}
.wifi .signal:first-of-type {
  left: 50%;
  top: -132px;
  margin-left: -48px;
  width: 65px;
  height: 65px;
  border-radius: 0 0 57px 0;
  animation: blink10 10s infinite;
}
.wifi .signal:nth-of-type(2) {
  left: 50%;
  top: -116px;
  margin-left: -39px;
  width: 47px;
  height: 47px;
  border-radius: 0 0 40px 0;
  animation: blink9 10s infinite;
}
.wifi .signal:last-of-type{
  left: 50%;
  top: -100px;
  margin-left: -30px;
  width: 30px;
  height: 30px;
  border-radius: 0 0 23px 0;
  animation: blink8 10s infinite;
}
.wifi .signal:last-child:after {
  content: '';
  position: absolute;
  right: 35%;
  bottom: 35%;
  height: 14px;
  width: 14px;
  background-color: #c6f1f1;
  border-radius: 50%;
  /* margin-left: -25px; */
  animation: blink7 10s infinite;
}
 
@keyframes blink1 {
  0% { opacity: 0 }
  4% { opacity: 0 }
  8% { opacity: 1 }
}
@keyframes blink2 {
  0% { opacity: 0 }
  10% { opacity: 0 }
  14% { opacity: 1 }
}
@keyframes blink3 {
  0% { opacity: 0 }
  16% { opacity: 0 }
  20% { opacity: 1 }
}
@keyframes blink4 {
  0% { opacity: 0 }
  22% { opacity: 0 }
  26% { opacity: 1}
}
@keyframes blink5 {
  0% { opacity: 0 }
  28% { opacity: 0 }
  32% { opacity: 1}
}
@keyframes blink6 {
  0% { opacity: 0 }
  34% { opacity: 0 }
  38% { opacity: 1}
}
@keyframes blink7 {
  0% { opacity: 0 }
  40% { opacity: 0 }
  45% { opacity: 1}
}
@keyframes blink8 {
  0% { opacity: 0 }
  50% { opacity: 0 }
  55% { opacity: 1}
}
@keyframes blink9 {
  0% { opacity: 0 }
  60% { opacity: 0 }
  65% { opacity: 1}
}
@keyframes blink10 {
  0% { opacity: 0 }
  70% { opacity: 0 }
  75% { opacity: 1}
}  

.wifi-small{ position: absolute; right: 80px; bottom: 250px; }
.wifi-small .wifi span{ margin-left: -23px; }
.wifi-small .wifi .signal{ border-right: 3px solid #c6f1f1; border-bottom: 3px solid #c6f1f1; }
.wifi-small .wifi .signal:first-of-type{ margin-left: -42px; width: 38px; height: 38px; border-radius: 0 0 30px 0; top: -120px; animation: blink10 6s infinite; }
.wifi-small .wifi .signal:nth-of-type(2){ margin-left: -36px; width: 26px; height: 26px; border-radius: 0 0 20px 0; top: -110px; animation: blink9 6s infinite; }
.wifi-small .wifi .signal:last-of-type{ margin-left: -30px; width: 15px; height: 15px; border-radius: 0 0 10px 0; animation: blink8 6s infinite; }
.wifi-small .wifi .signal:last-of-type:after{ width: 7px; height: 7px; animation: blink7 6s infinite; }
.wifi-small .wifi span:nth-of-type(1){ top: -80px; animation: blink6 6s infinite; }
.wifi-small .wifi span:nth-of-type(2){ top: -72px; height: 7px; animation: blink5 6s infinite; }
.wifi-small .wifi span:nth-of-type(3){ top: -61px; height: 10px; animation: blink4 6s infinite; }
.wifi-small .wifi span:nth-of-type(4){ top: -47px; height: 7px; animation: blink3 6s infinite; } 
.wifi-small .wifi span:nth-of-type(5){ top: -36px; animation: blink2 6s infinite; } 
.wifi-small .wifi span:nth-of-type(6){ top: -23px; animation: blink1 6s infinite; } 



@media (max-width: 1440px){

  .campaign--boi2020 .bg-highlight-campaign{ padding: 150px 20px 200px; }
  .boi--img-train{ bottom: 55px; }
  .wind_turbines{ bottom: 70px; right: 80px; }
  .wind_turbines-small{ bottom: 40px; right: 200px; }
  .wifi{ left: 67%; }
  .router-wifi{ width: 90px; left: 50px; bottom: 100px; }
  .box-logo--boi{ width: 150px; }

}
@media (max-width: 1199px){

  .campaign--boi2020 .bg-highlight-campaign{ padding-top: 50px; }
  .boi--img-train{ bottom: 43px; }
  .wind_turbines{ bottom: 40px; right: 50px; }
  .wind_turbines-small{ bottom: 10px; right: 150px; }
  .router-wifi{ width: 60px; bottom: 60px; left:80px; }
  .wifi{ top: 35px; left: 86%; }
  .wifi span{ margin-left: -23px; }
  .wifi .signal{ border-right: 3px solid #c6f1f1; border-bottom: 3px solid #c6f1f1; }
  .wifi .signal:first-of-type{ margin-left: -42px; width: 38px; height: 38px; border-radius: 0 0 30px 0; top: -120px; }
  .wifi .signal:nth-of-type(2){ margin-left: -36px; width: 26px; height: 26px; border-radius: 0 0 20px 0; top: -110px; }
  .wifi .signal:last-of-type{ margin-left: -30px; width: 15px; height: 15px; border-radius: 0 0 10px 0; }
  .wifi .signal:last-of-type:after{ width: 7px; height: 7px; }
  .wifi span:nth-of-type(1){ top: -79px; }
  .wifi span:nth-of-type(2){ top: -70px; height: 7px; }
  .wifi span:nth-of-type(3){ top: -59px; height: 10px; }
  .wifi span:nth-of-type(4){ top: -45px; height: 4px; }
  .wifi span:nth-of-type(5), .wifi span:nth-of-type(6){ display: none; }
  .wifi-small{ right: 30px; bottom: 150px; }
  .box-logo--boi{ left: 30px; bottom: 10px; width:120px; }

}
@media (max-width: 991px){

  .boi--img-train{ bottom: 32px; width: 400px; }
  .wind_turbines{ bottom: 20px; right: 30px; width: 100px; }
  .wind_turbines .blades{ width: 100px; margin-left: -50px;}
  .wind_turbines .stand{ height: 120px; }
  .wind_turbines-small{ right: 100px; width: 50px; }
  .wind_turbines-small .stand{ height: 70px; }
  .wind_turbines-small .blades{ width: 50px; margin-left: -25px; top:-25px; }

  .bg-topic-boi2020 .header.header-topics h2{ margin:0 0 30px 0;}

}
@media (max-width: 767px){

  .owl-campaignboi.owl-carousel .owl-stage{ left: -30px; }
  .owl-campaignboi.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

}
@media (max-width: 576px){

  .campaign--boi2020 .bg-highlight-campaign{ background-size: 200%; }
  .campaign--boi2020 .bg-highlight-campaign::after{ background-size: 200%; }
  .boi--img-train{ width: 350px; }
  .wind_turbines{ bottom: 50px; }
  .wind_turbines .stand{ height: 80px; }
  .router-wifi{ display: none; }
  .wifi-small{ right: 20px; bottom: 140px; }
  .box-logo--boi{ left: auto; right: 20px; width:100px; }

  .bg-topic-boi2020{ background-image: url('../images/specials/boi2020/bg_boi_topic_mobile.jpg'); background-position: right bottom; padding: 30px 0 150px; }
  .bg-topic-boi2020 .boxnews-campaignboi .list-v{ margin-bottom: 30px; }
  .bg-topic-boi2020 .header.header-topics h2{ font-size: 22px; margin: 10px 0;}

}
@media (max-width: 360px){

  .box-logo--boi{ width: 80px; }
  .wind_turbines{ bottom: 40px; }

}


/**********************************************************/
/**********************************************************/
/**********************************************************/

/* 
font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;
*/

@font-face {
  font-family: 'vonneslight';
  src: url('../fonts/vonnes-light-webfont.eot');
  src: url('../fonts/vonnes-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/vonnes-light-webfont.woff') format('woff'),
       url('../fonts/vonnes-light-webfont.ttf') format('truetype'),
       url('../fonts/vonnes-light-webfont.svg#vonnesregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vonnesbold';
  src: url('../fonts/vonnes-bold-webfont.eot');
  src: url('../fonts/vonnes-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/vonnes-bold-webfont.woff') format('woff'),
       url('../fonts/vonnes-bold-webfont.ttf') format('truetype'),
       url('../fonts/vonnes-bold-webfont.svg#vonnesregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.campaign--women2021 .bg-highlight-campaign{ background-image: none; padding: 0 20px 40px 20px; }
.campaign--women2021 .logo-women21{ width: 140px; margin: 0 auto 20px; }
.campaign--women2021 .campaign-title{ text-align: center; }

.bg-FFF8EA{ background-color: #FFF8EA; }
.bg-F5F5F5{ background-color: #F5F5F5; }
.women-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}
.women-col-50{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}


.box-women--img{ max-width: 585px; width: 100%; }
.box-women--detail{ padding: 30px 20px 0; max-width: 750px; width: 100%; }
.women-detail--title{ font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #1A1818; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #B68534; }
.women-detail--text{ font-family: 'vonnesthin',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; color: #666; height: 160px; overflow: hidden; }
.women-detail--category{ position: relative; font-size: 16px; font-weight: bold; color: #B68534; margin-bottom: 10px; }
.women-detail--category img{ width: 23px !important; vertical-align: middle; display: inline-block !important; }
.women-detail--name{ font-family: 'vonnesbold',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; font-weight: bold; color: #1A1818; padding-bottom: 5px; }
.women-detail--profession{ font-size: 14px; font-weight: bold; color: #1A1818; text-transform: uppercase; }
.women-detail--quote{ width: 100%; background-color: #F7F7F7; padding: 30px 100px; font-family: 'charis_silbold', Georgia,Times,Times New Roman,serif; font-size: 20px; font-style: italic; text-align: center; }




.section-highlight--women2021{ background-color: rgba(255, 232, 186, 0.3); }
/* .div-banner-women2021{ background-color: rgba(182, 133, 52, 0.3); } */
.divlogo--women2021{ width: 100%; background-color: #fff; padding: 20px 0; }
.divlogo--women2021 .logo-women21{ max-width: 170px; width: 100%; margin: 0 auto; }


.div-women--intro{ padding: 50px 20px; text-align: center; max-width: 860px; width: 100%; margin: 0 auto 50px; }
.div-women--intro h2{ font-family: 'vonnesthin',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 30px; line-height: 40px; margin-bottom: 40px; color: #1A1818; }
.div-women--intro p{ font-family: 'vonnesthin',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 20px; color: #1A1818; }

.women-title{ text-align: center; position: relative; padding-bottom: 20px; }
.women-title h3{ font-family: 'Playfair Display', serif; font-size: 32px; display: inline-block; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; color: #1A1818; }
.women-title h3::after{ content: ''; position: absolute; width: 60%; height: 1px; background-color: #B98757; bottom: 0; left: 50%; transform: translateX(-50%); }

.women-watch{ padding-bottom: 60px; }
.section-women--weekly{ padding: 50px 0 80px; }
.section-women--explore{ padding: 80px 0; }
.section-women--explore article{ position: relative; }

.women-social{ position: absolute; right: 0; top: 10px; z-index: 5; }
.women-social ul li{ display: inline-block; padding: 0 5px; }
.women-social ul li a:hover{ color: #B98757; }



.women21--filter-title{ font-family: 'vonneslight',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 16px; text-align: center; padding: 20px 0; }
.women21--filter{ padding-bottom: 50px; }
.women21--filter ul li{ display: inline-block; margin: 7px 5px; }
.women21--filter ul li a{ display: inline-block; background-color: #fff; border: 1px solid #707070; border-radius: 20px; padding: 5px 15px; font-size: 14px; color: #1A1818; }
.women21--filter ul li a:hover, .women21--filter ul li a.active{ display: inline-block; background-color: #B98757; color: #fff; border: 1px solid #B98757; }

.women-kol{ margin-bottom: 60px; }
.women-kol .women-kol--img{ margin-bottom: 15px; overflow: hidden; }
.women-kol .women-kol--img img{ transform: scale(1); transition: .5s ease; }
.women-kol .women-kol--text{ font-family: 'vonneslight',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; line-height: 26px; color: #1A1818; padding-bottom: 20px; }
.women-kol .women-kol--name{ font-family: 'vonnesbold',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; font-weight: bold; color: #1A1818; margin-bottom: 5px; }
.women-kol .women-kol--profession{ font-size: 14px; line-height: 20px; color: #1A1818; font-weight: bold; text-transform: uppercase; }

.women-kol a:hover .women-kol--name{ color: #B98757; }
.women-kol a:hover .women-kol--img{
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
.women-kol a:hover .women-kol--img img{
  transform: scale(1.05); transition: .5s ease; 
}

.loadmore-women21{ max-width: 790px; width: 100%; margin: 0 auto; }
.loadmore-women21 .btn-loadmore{ border: 1px solid #1A1818; color: #B98757; }
.loadmore-women21 .btn-loadmore:hover{ border: 1px solid #B98757; color: #fff; background-color: #B98757; }


.section-women--related{ padding: 40px 20px; }
.div-women--related{ overflow: hidden; padding: 30px 0; }
.women-related--img { width: 150px; height: 150px; object-fit:cover; object-position: 100% 0; overflow: hidden; float: left; }
.women-related--detail{ float: left; width: calc(100% - 200px); padding-left: 20px; }
.women-related--text{ font-family: 'vonneslight',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; line-height: 28px; color: #1A1818; margin-bottom: 10px; }
.women-related--name{ font-family: 'vonnesbold',Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 18px; line-height: 24px; color: #1A1818; margin-bottom: 5px; }
.women-related--profession{ font-size:14px; line-height: 20px; font-weight: bold; color: #1A1818; text-transform: uppercase; }

.women-related--name a:hover{ color: #B98757; }



.modal-womenContent{ max-width: 900px; }
.modal-womenContent .btn-close{ position: absolute; right: 0; top: -50px; width: 50px; z-index: 5; }
.modal-womenContent .modal-content{ border-radius: 0; }
.modal-womenContent .modal-body{ padding: 0; }

.women-modal{ overflow: hidden; padding: 45px; }
.women-modal--left{ float: left; width: 275px; }
.women-modal--right{ float: left; width: calc(100% - 275px); }
.women-modal--quote{ width: 100%; background-color: #FFF8EA; padding: 30px 10px; text-align: center; }
.women-modal--quote span{ font-family: 'charis_silbold', Georgia,Times,Times New Roman,serif; font-size: 20px; font-style: italic; display: block; max-width: 500px; margin: 0 auto; }
.women-detail-btn{ padding-top: 15px; }
.women-detail-btn a{ display: inline-block; font-size: 14px; color: #1A1818; padding: 5px 10px; border: 1px solid #707070; border-radius: 20px; }
.women-detail-btn a:hover{ background-color: #707070; color: #fff; }

.modal-womenContent .modal-arrow{ height: 60px; top: calc(50% - 60px); }
.modal-womenContent .modal-arrow .btn-prev, 
.modal-womenContent .modal-arrow .btn-next{ width: 40px; height: 60px; background-color: transparent; background-size: cover; }
.modal-womenContent .modal-arrow .btn-prev{ left: 0px; background-image: url('../../assets/images/specials/women2021/arrow_left.svg'); }
.modal-womenContent .modal-arrow .btn-next{ right: 1px; background-image: url('../../assets/images/specials/women2021/arrow_right.svg'); }
.modal-womenContent .modal-arrow .btn-prev:hover{ opacity: 0.5; }
.modal-womenContent .modal-arrow .btn-next:hover{ opacity: 0.5; }


.section-women--article{ padding: 50px 0; }
.women-content{ max-width: 700px; width: 100%; margin: 0 auto; }
.women-content h3{ font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.women-content p, .women-content li{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; color: #333;  }
.women-content a{ color: #B8864E; }
.women-content p, .women-content ul, .women-content .box-img{ margin-bottom: 30px; }
.women-content ul { margin-left: 20px; }
.women-content ul li{ list-style: disc; }

.women-content--quote{ background-color: #F7F7F7; margin-bottom: 30px; padding: 20px; }
.women--quote{ max-width: 500px; width: 100%; margin: 0 auto; text-align: center; }
.women--quote span{ font-family: 'charis_silbold', Georgia,Times,Times New Roman,serif; font-size: 20px; font-style: italic; color: #1A1818; }
.women--quote h4{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; font-weight: normal; color: #1A1818; margin-bottom: 15px; }
.women--quote ul{ margin: 0; }
.women--quote ul li{ display: inline-block; padding: 5px 7px 0;}

.section-women--article .box-share a,
.section-women--article .box-tag ul li a{ color: #B8864E; border-color: #eee; }
.section-women--article .box-share a:hover{ background-color: #eee; }
.section-women--article .box-tag ul li a:hover{ border-color: #B8864E; }





/************************/

.owl-women2021.owl-theme .owl-dots .owl-dot span{
  width: 10px; height: 10px; border-radius: 50%; background: #939393; margin: 5px 7px;
}
.owl-women2021.owl-theme .owl-dots .owl-dot.active span, 
.owl-women2021.owl-theme .owl-dots .owl-dot:hover span{
  background: #B98757;
}
.owl-women2021.owl-theme .owl-dots .owl-dot.active span{
  width: 15px; height: 15px; margin-bottom: 3px;
}

.owl-women_related.owl-carousel .owl-nav button.owl-prev{
  background: url('../images/specials/women2021/arrow-prev2.svg'); background-size: cover;
  width: 30px; height: 40px; left: -40px; background-position: center;
}
.owl-women_related.owl-carousel .owl-nav button.owl-next{
  background: url('../images/specials/women2021/arrow-next2.svg'); background-size: cover;
  width: 30px; height: 40px; right: -40px; background-position: center;
}

.div-banner-women2021 ul li a{ display: block; }
.div-banner-women2021 .bx-wrapper .bx-next{
  background: url('../images/specials/women2021/arrow-next.svg') no-repeat 0 0;
  right: 50px;
}
.div-banner-women2021 .bx-wrapper .bx-prev{
  background: url('../images/specials/women2021/arrow-prev.svg') no-repeat 0 0;
  left: 50px;
}
.div-banner-women2021 .bx-wrapper .bx-controls-direction a{
  background-size: cover; width: 70px; height: 70px; margin-top: -35px;
}
.div-banner-women2021 .bx-wrapper .bx-pager, 
.div-banner-women2021 .bx-wrapper .bx-controls-auto{ position: relative; bottom: 0; }
.div-banner-women2021 .bx-wrapper .bx-pager.bx-default-pager a{
  background: #939393; border-radius: 50%;
}
.div-banner-women2021 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.div-banner-women2021 .bx-wrapper .bx-pager.bx-default-pager a.active, 
.div-banner-women2021 .bx-wrapper .bx-pager.bx-default-pager a:focus{
  background: #B98757;
}
.div-banner-women2021 .bx-wrapper .bx-pager.bx-default-pager a.active{
  width: 15px; height: 15px; margin-bottom: -2px;
}


.btn-alllist a{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; display: inline-block; font-size: 14px; color: #1A1818; padding: 5px 10px; border: 1px solid #707070; border-radius: 20px; }
.btn-alllist a:hover{ background-color: #707070; color: #fff; }


@media (max-width: 1199px){

  .box-women--detail{ padding: 15px; }
  .women-detail--text{ height: 130px; font-size: 16px; }

  .div-banner-women2021 .bx-wrapper .bx-controls-direction a{
    width: 50px; height: 50px; margin-top: -25px;
  }
  .div-banner-women2021 .bx-wrapper .bx-next{ right: 20px; }
  .div-banner-women2021 .bx-wrapper .bx-prev{ left: 20px; }
}
@media (max-width: 991px){

  .women-col-50{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .box-women--img, .box-women--detail{ max-width: 100%;}
  .women-detail--text{ height: auto; padding-bottom: 50px; }

  .div-women--intro h2{ font-size: 28px; line-height: 38px; }
  .section-women--weekly, .section-women--explore{ padding: 30px 0; }
  .div-women--related{ padding-bottom: 10px; }

  .women-modal{ padding: 20px; }
  .modal-womenContent .btn-close{ top: 0px; }

  .women-social{ top: 30px; }

}
@media (max-width: 767px){

  .div-banner-women2021 .bx-wrapper .bx-pager.bx-default-pager a{
    width: 10px; height: 10px; margin: 0 5px;
  }

  .women-modal--left{ float: left; width: 200px; }
  .women-modal--right{ float: left; width: calc(100% - 200px); }

  .women-social{ position: relative; top: 0; right: 0; text-align: center; }

}
@media (max-width: 576px){

  .campaign--women2021 .bg-highlight-campaign{ padding: 20px; padding-top: 0; }
  .women-detail--quote{ font-size: 18px; padding: 30px 20px; }
  .div-women--intro h2{ font-size: 24px; line-height: 34px; }
  .div-women--intro p{ font-size: 16px; line-height: 26px; }
  .women-title h3{ font-size: 28px;}

  .divlogo--women2021 .logo-women21{ max-width: 120px; }

  /* .women-kol .women-kol--text{ font-size: 22px; line-height: 28px; }
  .women-kol .women-kol--name{ font-size: 20px; } */
  .women21--filter-title{ font-size: 14px; }

  .women-related--img { width: 120px; height: 120px; }
  .women-related--detail{  width: calc(100% - 120px); padding-left: 15px; }
  .women-related--text{ font-size: 16px; line-height: 20px; }
  .women-related--name{ font-size: 16px; line-height: 20px; }
  .women-related--profession{ font-size: 10px; line-height: 14px; }

  .women-modal--left, 
  .women-modal--right{ float: none; width: 100%; }
  .modal-womenContent .modal-arrow{ top: calc(50% - 230px); }
  .women-modal--quote{ padding: 20px 10px; }
  .women-modal--quote span{ font-size: 16px; }

  .section-women--article{ padding: 10px 0; }

}



/*******************************************************************/
.boxVedio{  width: 100%; margin: 0px auto; }
.spidochetube {
  max-width: 100%;
  margin: 0 auto;  overflow: hidden;
}
.spidochetube_inner {
  float: left;
  background-color: #111;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
.spidochetube_player {
  width: 68.0852%;
  float: left;
}
.player {
  width: 100%;
}
.spidochetube_list {
  overflow: auto;
  float: right;
  -webkit-overflow-scrolling: touch;
  width: 31%;
  background-color: #111;
  padding: 5px 0;
  border: 1px solid #000;
  border-left: none;
  margin: 0;
  padding-top: 38%;
  height: 0;
}
.spidochetube_list li {
  border-top: 1px solid #1F1F1F;
  border-bottom: 1px solid #000;
  display: block;
  margin-left: 12px;
  padding: 6px 0;
  cursor: pointer;
  background-color: #111;
  position: relative;
}
.spidochetube_list li:first-child {
  border-top: none
}
.spidochetube_list li:last-child {
  border-bottom: none
}
.spidochetube_list li:hover {
  background: #0F0F0F;
}
.spidochetube_list li span {
  color: #999;
  display: inline-block;
  width: 50%;
  margin-left: 4%;
  margin-right: 3%;
  font-family: Tahoma; font-size: 12px; line-height: 16px;
  word-break: break-word;
}
.spidochetube_list li img {
  vertical-align: top;
  width: 43%;
}
.spidochetube_list li.spidochetube_current,
.spidochetube_list li:hover.spidochetube_current {
  background-color: #202325;
}
.spidochetube_list li.spidochetube_current span {
  color: #fff;
}
ul.spidochetube_list li:first-child {
  margin-top: -120%;
}
.spidochetube_list li a {
  width: 100%;
  display: block;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .spidochetube_list li {
      margin-left: 5px;
      margin-right: 5px;
  }
}
@media(max-width:576px){
  .spidochetube_player{ width: 100%; float: none; }
  .spidochetube_list{ width: 100%; float: none; padding-top: 0; height: 35vh; }
  ul.spidochetube_list li:first-child {
      margin-top: 0;
  }
}


/**********************************************************/
/*********************** ceo 2021 *************************/
/**********************************************************/


.campaign-highlight.campaign--ceo2021{ padding-bottom: 0; margin-top: 50px; }
.campaign--ceo2021 .bg-highlight-campaign{ background-image: url('../images/specials/ceo2021/img-banner.jpg'); background-position: center; width: 100%; height: 450px; position: relative; background-attachment: fixed; }

/* .campaign--ceo2021-intro{ background-image: url('../images/specials/ceo2021/bg-intro.jpg'); background-position: center; width: 100%; padding: 60px 0; position: relative; margin-bottom: 50px; } */
.campaign--ceo2021-intro{ background-color: #E4CA95; width: 100%; padding: 30px 0; position: relative; margin-bottom: 50px; }
.campaign--ceo2021-intro .intro-title{ padding: 0 20px; max-width: 960px; width: 100%; margin: 0 auto; }
.campaign--ceo2021-intro .intro-title h2{ font-family: 'Merriweather', serif; font-size: 24px; line-height: 1.5; font-weight: 700; text-align: center; color: #273446; } 
.campaign--ceo2021-intro .intro-title h2 span{ display: block; font-size: 16px; font-weight: 300;  max-width: 800px; width: 100%; margin: 15px auto 0; }
.campaign--ceo2021-intro .intro-title p{ font-family: 'Merriweather', serif; font-size: 16px; line-height: 1.5; font-weight: 400; text-align: center; color: #273446; } 
.logo-ceo-top{ position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 200px; }

.campaign--ceo2021-btn{ text-align: center; margin-top: 20px; }
.campaign--ceo2021-btn a{ display: inline-block; background-color: #273446; font-size: 18px; color: #fff; padding: 10px 30px; border: 1px solid #273446; border-radius: 10px; font-weight: bold; }
.campaign--ceo2021-btn a:hover{ background-color: #fff; color: #273446; }


.campaign-highlight.campaign--ceo2021 .section-top--img img{ width: 100%; }



@media (max-width: 991px){

  .campaign--ceo2021-intro .intro-title h2{ font-size: 18px; }

}
@media (max-width: 767px){

  .campaign--ceo2021-intro{ margin-bottom: 30px; }

}
@media (max-width: 576px){

  .campaign--ceo2021 .bg-highlight-campaign{ height: 350px; }
  .campaign--ceo2021-intro{ padding: 20px 0; }

  .campaign--ceo2021-intro .intro-title h2{ font-size: 16px; }
  .campaign--ceo2021-intro .intro-title p{ font-size: 14px; }
  .campaign--ceo2021-btn a{ font-size: 14px; }

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px)  {  
  .campaign--ceo2021 .bg-highlight-campaign{
    background-attachment: initial;
  }
}


/**********************************************************/
/********************* 75 anniversary *********************/
/**********************************************************/


.campaign-highlight.campaign--75anniversary{ padding-bottom: 0; margin-top: 50px; }
.campaign--75anniversary .bg-highlight-campaign{ background-image: url('../images/specials/75_anniversary/75TH_bg.jpg'); background-position: center; width: 100%; padding: 50px 0; position: relative;  }
.logo-75anni{ max-width: 350px; margin: 0px auto 50px; }

.box-container{ overflow: hidden; max-width: 1000px; width: 90%; margin: 0 auto; }
.box-75anni-detail{ width: calc(100% - 430px); float: left; text-align: center; }
.box-75anni-title{ font-family: 'charis_silbold', Georgia,Times,Times New Roman,serif; font-size: 30px; letter-spacing: 1px; line-height: 1.3; color: #fff; }
.box-75anni-title span{ display: block; padding: 10px 0; }
.box-75anni-text{ font-family: 'vonneslight',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 20px; line-height: 1.5; letter-spacing: 1px; color: #fff; margin-bottom: 20px; }
.box-75anni-img{ width: 430px; float: left; }
.btn-75anni { background: linear-gradient(180deg, rgba(223,183,77,1) 0%, rgba(196,159,70,1) 100%); display: inline-block;  font-size: 20px; line-height: 1.5; color:#fff; text-decoration: none; position: relative; border-radius: 5px; text-align: center; padding: 7px; letter-spacing: 1px; box-shadow: 0px 0px 5px 2px rgba(135, 105, 23, 0.35); width: 175px; margin: 0 10px; }
.btn-75anni:hover{ background: linear-gradient(0deg, rgba(223,183,77,1) 0%, rgba(196,159,70,1) 100%); }


@media (max-width: 1199px){

  .logo-75anni{ max-width: 300px; }
  .box-75anni-title{ font-size: 20px; }
  .box-75anni-text{ font-size: 16px; }
  .box-75anni-detail{ width: calc(100% - 300px); }
  .box-75anni-img{ width: 300px; }

}
@media (max-width: 991px){

  .logo-75anni{ max-width: 250px; }
  .box-75anni-title{ font-size: 20px; }
  .box-75anni-text{ font-size: 15px; }

}
@media (max-width: 576px){

  .logo-75anni{ max-width: 200px; margin: 0px auto 30px; }
  .box-75anni-text{ font-size: 14px; }
  .box-75anni-detail,
  .box-75anni-img{ float: none; width: 100%; }
  .box-75anni-img{ margin-top: 30px; }

}



/**********************************************************/
/******************** thailand journey ********************/
/**********************************************************/


.campaign-highlight.campaign--tj{ padding-bottom: 0; margin-top: 50px; }
.campaign--tj .bg-highlight-campaign{ background-image: none; background-color: #003A72; width: 100%; padding: 50px 0; position: relative; text-align: center; }
.tj-img{ max-width: 552px; width: 100%; margin: 0 auto; }
.tj-detail{ max-width: 580px; width: 90%; margin: 20px auto 30px; font-family: 'charis_sil', Georgia,Times,Times New Roman,serif; font-size: 18px; line-height: 1.3; color: #AB9355; }




/**********************************************************/
/*********************** awards 2021 **********************/
/**********************************************************/


.campaign-highlight.campaign--awards21{ padding-bottom: 0; margin-top: 50px; margin-bottom: 50px; }
.campaign--awards21 .bg-highlight-campaign{ background-color: #2A0A3F; background-image: url(../images/specials/award2021/bg_home_award.jpg); width: 100%; padding: 70px 0; position: relative; text-align: center; background-position: center bottom; }
.awards21-img{ max-width: 250px; width: 100%; margin: 0 auto 30px; }
.btn-awards21 { display: block; width: 175px; background-color: #FBBE33; font-family: 'Lato', sans-serif; font-size: 18px; color: #2A0C6A; font-weight: 900; padding: 10px; border: 1px solid #FBBE33; border-radius: 30px; margin: 50px auto 0; text-transform: uppercase; }
.btn-awards21:hover{ background-color: #fff; color: #2A0C6A; }
.awards21-detail{ max-width: 600px; width: 90%; margin: 20px auto 0; font-family: 'Lato', serif; font-size: 18px; line-height: 1.3; color: #fff; font-weight: 300; }
.awards21-title h2{ font-family: 'Lato', sans-serif; font-size: 26px; line-height: 1.3; color: #fff; }



@media (max-width: 1500px){

  .awards21-img{ max-width: 200px; }

}
@media (max-width: 1199px){

  .campaign--awards21 .bg-highlight-campaign{ background-position: center top; background-size: contain; }

}
@media (max-width: 991px){

  .campaign--awards21 .bg-highlight-campaign{ padding: 100px 0; }

}
@media (max-width: 767px){

  .campaign-highlight.campaign--tj{ margin-top: 30px; }
  .campaign-highlight.campaign--awards21{ margin-bottom: 30px; margin-top: 30px; }
  .campaign--awards21 .bg-highlight-campaign{ padding: 50px 20px; }
  .awards21-img{ max-width: 150px; }
  .btn-awards21{ font-size: 16px; }
  .awards21-title h2{ font-size: 24px; }

}


/**********************************************************/
/************************ PR 5G ***************************/
/**********************************************************/

.bg-topic-forum.div-post_pr5g{ background-image: url(../images/forum/2021/pr_5g/bg_live_topic.jpg); padding-top: 60px; }
.div-post_pr5g--img{ margin: 0px auto;}

.forumlive-pr{ margin-bottom: 30px; }
.listnews-pr-text h3{ font-size: 14px; line-height: 1.5; color: #666; font-weight: normal; padding: 5px 0; margin-bottom: 20px; }
.listnews-pr-text p{ margin-bottom: 15px; font-size: 16px; color: #000; }
.listnews-pr-text p:last-of-type{ margin-bottom: 0; }
.listnews-pr-img{ max-width: 480px; width: 100%; margin-top: 30px; margin-bottom: 0px; }


@media (max-width: 767px){

  .bg-topic-forum.div-post_pr5g{ padding-top: 20px; }
  .div-post_pr5g--img{ margin: 30px auto 0px; }
}



/**********************************************************/
/********************** fourm 2021 ************************/
/**********************************************************/

.bg-topic-forum.div-post_fourm2021{ background-image: url(../images/forum/2021/post_forum2021/bg_live_topic.jpg); padding-top: 60px; color: #132F65; }
.bg-topic-forum.div-post_fourm2021 .topics-date-stories p, 
.bg-topic-forum.div-post_fourm2021 p, 
.bg-topic-forum.div-post_fourm2021 .box-share-h a{ color: #132F65; }
.bg-topic-forum.div-post_fourm2021 .box-share-h a:hover{ color: #fff; }




/**********************************************************/
/*********************** fakenews **********************/
/**********************************************************/


@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/* font-family: 'DM Serif Display', serif; */


.campaign-highlight.campaign--fakenews{ padding-bottom: 0; margin-top: 50px; margin-bottom: 50px; }
.campaign--fakenews-intro{ background-image: url('../images/campaign/fake_news/gone_viral/bg-landing.jpg'); background-position: center; width: 100%; padding: 40px 0; position: relative; background-size: cover; }
.campaign--fakenews-intro .intro-title{ padding: 0 20px; }
.campaign--fakenews-intro .intro-title h2{ font-family: 'DM Serif Display', serif; font-size: 30px; line-height: 1.5; text-align: center; color: #fff; text-transform: uppercase; } 
.campaign--fakenews-intro .intro-title h3{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif;font-size: 20px; line-height: 1.5; text-align: center; color: #fff; text-transform: uppercase; } 
.campaign--fakenews-intro .intro-title h3 span{ color: #EF5350; }
.fakenews-img-wave{ max-width: 320px; width: 90%; margin: 10px auto; }
.campaign--fakenews-intro .intro-text p{ font-size: 14px; line-height: 1.5; color: #fff; text-align: center; margin-bottom: 15px; }
.campaign--fakenews-intro .intro-text p span{ color: #92BFFD; }

.campaign--fakenews-btn{ text-align: center; }
.campaign--fakenews-btn a{ display: inline-block; background-color: #05429A; font-size: 16px; color: #fff; padding: 6px 30px; border: 1px solid #05429A; border-radius: 20px; font-weight: bold; }
.campaign--fakenews-btn a:hover{ background-color: #fff; color: #05429A; }

.logo-panel{ text-align: center; margin-top: 30px; }
.logo-panel .bkp-logo{ width: 100px; display: inline-block; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; }
.logo-panel .bkp-logo-spon{ display: inline-block; }


@media (max-width: 576px){

  .campaign--fakenews-intro .intro-title h2{ font-size: 26px; }
  .campaign--fakenews-intro .intro-title h3{ font-size: 16px; } 

}




/**********************************************************/
/************************ holiday2021 *********************/
/**********************************************************/

.campaign-highlight.campaign--holiday2021{ margin-top: 50px; }
.campaign--holiday2021 .bg-highlight-campaign{ background-image: url('../images/campaign/holiday_time2021/bg_holiday_topic.jpg'); padding: 30px 0 300px; position: relative; background-position: center bottom; position: relative; }
.campaign--holiday2021 .bg-highlight-campaign::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-image: url('../images/campaign/holiday_time2021/img-snowland.png'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 297px; }
.holiday21-homeleft{ position: absolute; bottom: 150px; left: 20%; z-index: 9; }
.holiday21-homeright{ position: absolute; bottom: 160px; right: 20%; z-index: 9; }
.campaign--holiday2021 .bg-highlight-campaign .holiday21-homeleft{ width: 350px; }


.bg-topic-holiday2021{ background-image: url('../images/campaign/holiday_time2021/bg_holiday_topic.jpg'); padding: 30px 0 300px; position: relative; background-position: center bottom; }
.bg-topic-holiday2021::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-image: url('../images/campaign/holiday_time2021/img-snowland.png'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 297px; }


.topic-detail-holiday2021 .topics-page-content h2{ font-family: 'charis_sil', Georgia,Times,Times New Roman,serif; font-size: 50px; line-height: 1; }
.holiday-text{ font-size: 16px; line-height: 1.5; }


.owl-theme.owl-holidaytime .owl-dots .owl-dot span{ width: 10px; height: 10px; border-radius: 20px; background: #fff; margin: 5px; }
.owl-theme.owl-holidaytime .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background: #00a3db; }
.owl-theme.owl-holidaytime .owl-dots .owl-dot.active span{ width: 20px; }
.owl-carousel.owl-holidaytime .owl-item img{ border: 6px solid #fff; } 
.itemAlone img{ border: 4px solid #fff; }


.barHoliday--nav{ text-align: center; border-top: 2px dotted #cecece; border-bottom: 2px dotted #cecece; margin-bottom: 10px; }
.barHoliday--nav ul{ display: flex; }
.barHoliday--nav ul li{ width: 20%; padding: 10px 0; }
.barHoliday--nav ul li:nth-child(1){ width: 15%; }
.barHoliday--nav ul li:nth-child(2){ width: 25%; }
.barHoliday--nav ul li a{ display: block; font-family: 'charis_sil', Georgia,Times,Times New Roman,serif; font-size: 18px; color: #666; border-right: 1px solid #d7d7d7; }
.barHoliday--nav ul li:last-of-type a{ border-right: 0; }
.barHoliday--nav ul li.active{ background-color: #05304d; }
.barHoliday--nav ul li.active a, .barHoliday--nav ul li.active a:hover{ color: #fff; border-right: 0; }
.barHoliday--nav ul li a:hover{ color: #2B63D1; }

.box-border-top.barHoliday--top{ border-top: 0; }

.campaign--holiday2021 .bg-highlight-campaign p{ color: #9ebbbf; }



@media (max-width: 1600px){

  .holiday21-homeleft{ left: 15%; }
  .holiday21-homeright{ bottom: 140px; right: 15%; }

}
@media (max-width: 1199px){

  .holiday21-homeleft{ left: 5%; width: 350px; }
  .holiday21-homeright{ bottom: 160px; right: 5%; width: 200px; }

  .barHoliday--nav ul li a{ font-size: 16px; }
  .topic-detail-holiday2021 .topics-page-content h2{ font-size: 40px; }

}
@media (max-width: 991px){

  .holiday21-homeleft{ bottom: 130px; }
  .holiday21-homeright{ bottom: 120px; }


  .owl-theme.owl-holidaytime{ margin-top: 30px; }

}
@media (max-width: 767px){

  .campaign--holiday2021 .bg-highlight-campaign{ padding: 30px 20px 300px; }
  .holiday21-homeleft{ max-width: 320px; width: 90%; }
  .barHoliday--nav ul li a{ font-size: 14px; }

  .owl-campaignHoliday21.owl-carousel .owl-stage{ left: -30px; }
  .owl-campaignHoliday21.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

  .itemAlone{ margin-top: 30px; }

}
@media (max-width: 576px){

  .holiday21-homeright{ display: none; }
  .barHoliday--nav ul li a{ font-size: 12px; }
  .topic-detail-holiday2021 .topics-page-content h2{ font-size: 32px; }

}
@media (max-width: 320px){

  .barHoliday--nav ul li a{ font-size: 11px; }


}






/**********************************************************/
/********************** boi 2022 *********************/
/**********************************************************/

.campaign-highlight.campaign--boi2022{ padding-bottom: 30px; }
.campaign--boi2022 .bg-highlight-campaign{ background: linear-gradient(254deg, rgba(231,238,252,1) 16%, rgba(65,128,182,1) 38%, rgba(19,61,104,1) 88%); padding: 50px 20px 0; position: relative; overflow: hidden; height: 450px; }
.campaign--boi2022 .bg-highlight-campaign::after{ display: none; }

.anim-stat{ position: absolute; width: 100%; height: 100%; z-index: 50; }
.anim-stat ul li{ 
  width: 5px; height: 5px; border-radius: 50%; background-color: #fff; position: absolute; 
  animation: grow-and-shrink 1000ms ease-in-out infinite alternate;
  box-shadow: 0px 0px 12px 1px rgba(255,255,255,0.4);
  -webkit-box-shadow: 0px 0px 12px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0px 0px 12px 1px rgba(255,255,255,0.4);
}
.anim-stat ul li:nth-child(1){ left: 45%; top: 54%; }
.anim-stat ul li:nth-child(2){ left: 50%; top: 50%; animation-delay: 0.5s; }
.anim-stat ul li:nth-child(3){ left: 60%; top: 47%; animation-delay: 1s; }
.anim-stat ul li:nth-child(4){ left: 45%; top: 40%; animation-delay: 1.5s; }

.anim-stat ul li:nth-child(5){ left: 25%; top: 14%; animation-delay: 2s; }
.anim-stat ul li:nth-child(6){ left: 30%; top: 20%; animation-delay: 2.5s; }
.anim-stat ul li:nth-child(7){ left: 40%; top: 10%; animation-delay: 3s; }
.anim-stat ul li:nth-child(8){ left: 45%; top: 8%; animation-delay: 3.5s; }

.anim-stat ul li:nth-child(9){ right: 25%; top: 14%; animation-delay: 4s; }
.anim-stat ul li:nth-child(10){ right: 20%; top: 20%; animation-delay: 4.5s; }
.anim-stat ul li:nth-child(11){ right: 10%; top: 30%; animation-delay: 5s; }
.anim-stat ul li:nth-child(12){ right: 15%; top: 38%; animation-delay: 5.5s; }
.anim-stat ul li:nth-child(13){ right: 5%; top: 46%; animation-delay: 6s; }
.anim-stat ul li:nth-child(14){ right: 6%; top: 58%; animation-delay: 6.5s; }
.anim-stat ul li:nth-child(15){ right: 5%; top: 65%; animation-delay: 7s; }
.anim-stat ul li:nth-child(16){ right: 12%; top: 78%; animation-delay: 7.5s; }



@keyframes grow-and-shrink {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(2);
    opacity: 1;
  }
}

/* circle, */
.banaan {
  fill: #fff;
  transition: fill 2s ease;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  animation: pulse-shrink 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes pulse-shrink {to {box-shadow: 0 0 0 35px rgba(232, 76, 61, 0); }}



.box-ani--boi {
  position: relative; width: 130%; left: -100px;

}
.box-ani--boi img.img--world {
  /* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); */
  fill: #fff;
  filter: invert(0%) sepia(95%) saturate(0%) hue-rotate(72deg) brightness(165%) contrast(101%);
  /* opacity:0;
  animation: textDraw 3s ease forwards infinite;
  animation-delay: 1s; */
}
.box-ani--boi img.img--dotline{ position: absolute; top: 0; left: 0; }



@keyframes change {
  to {
    background-position:right;
  }
}

@keyframes textDraw {
  0%{
    stroke:#fff;
    fill: #fff;
    stroke-dashoffset: 0;
    opacity: 1;
  }
  25%{
    stroke-dashoffset: 0;
    fill: #133E69;
    filter: invert(0%) sepia(95%) saturate(0%) hue-rotate(72deg) brightness(165%) contrast(101%);
    opacity: 1;
  }
  75%{
    stroke-dashoffset: 0;
    fill: #62819D;
    opacity: 1;
  }
  100%{
    fill: #2B5F93;
    stroke-dashoffset: 0;
    opacity: 1;
  }
}


.divNews-campaignboi{ width: 90%; float: right; }

.campaign-title--boi{ position: absolute; width: 100%; top: 60px; left: 50px; z-index: 60; }
.campaign-title--boi h2{ font-family: 'Noto Serif', sans-serif; font-size: 42px; line-height: 1; color: #d6e5ff; display: inline-block; text-align: center; }
/* .logo-boi2022{ position: absolute; width: 200px; bottom: 120px; left: 70px; z-index: 60; } */
.logo-boi2022{ position: absolute; width: 150px; bottom: 20px; right: 70px; z-index: 60; }


.divNews-campaignboi .list-v figure{ position: relative; }
.divNews-campaignboi .list-v figure::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;
  background: rgb(69,144,245);
  background: linear-gradient(180deg, rgba(69,144,245,0) 0%, rgba(19,62,105,1) 100%); 
}
.divNews-campaignboi .list-v .list-detail{ 
  position: relative; padding: 15px 20px; background-color: #133E69;
}
.divNews-campaignboi .list-v .list-detail h3{ font-size: 16px; line-height: 1.3; height: 40px; overflow: hidden; padding: 0; }
.divNews-campaignboi .list-v .list-detail h3 a{ color: #fff; }



.owl-campaignboi2022.owl-theme .owl-dots .owl-dot span{
  width: 8px; height: 8px; border-radius: 50%; background: #3b78ac; margin: 5px;
}
.owl-campaignboi2022.owl-theme .owl-dots .owl-dot.active span, 
.owl-campaignboi2022.owl-theme .owl-dots .owl-dot:hover span{
  background: #133d68;
}
.owl-campaignboi2022.owl-theme .owl-dots .owl-dot.active span{
  width: 12px; height: 12px; margin-bottom: 4px;
}

.boi22-viewmore{ text-align: center; padding-top: 5px; }
.boi22-viewmore a{ 
  font-size: 14px; color: #021836; text-align: center; border-radius: 6px; border: 1px solid transparent;
  display: inline-block; padding: 5px 20px; background-color: #fff; 
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}
.boi22-viewmore a:hover{ border: 1px solid #021836; }


.barBoi--nav{ text-align: center; border-top: 2px dotted #cecece; border-bottom: 2px dotted #cecece; margin-bottom: 10px; }
.barBoi--nav ul{ display: flex; }
.barBoi--nav ul li{ width: 30%; padding: 10px 0; }
.barBoi--nav ul li a{ display: block; font-size: 18px; color: #666; border-right: 1px solid #d7d7d7; }
.barBoi--nav ul li:last-of-type a{ border-right: 0; }
.barBoi--nav ul li.active{ background-color: #132F65; }
.barBoi--nav ul li.active a, .barBoi--nav ul li.active a:hover{ color: #fff; border-right: 0; }
.barBoi--nav ul li a:hover{ color: #132F65; }

.barBoi--nav ul li:nth-child(1){ width: 15%; }
.barBoi--nav ul li:nth-child(3){ width: 32%;}
.barBoi--nav ul li:nth-child(4){ width: 23%; }


.topic-detail-boi2022 .header.header-topics h2{ font-size: 32px; line-height: 1.5; color: #000; text-transform: uppercase; margin-bottom: 0; }



@media (max-width: 1199px){

  .campaign-title--boi{ text-align: center; left: 0; }
  .campaign-title--boi h2{ font-size: 40px; }
  .logo-boi2022{ width: 120px; }
  .box-ani--boi{ left: -50px; }
  .boi22-viewmore{ padding-top: 15px; }
  .barBoi--nav ul li a{ font-size: 16px; }

}
@media (max-width: 991px){

  .campaign--boi2022 .bg-highlight-campaign{ height: auto; }
  .divNews-campaignboi{ width: 100%; float: none; }
  .logo-boi2022{ right: 30px; }

  .owl-campaignboi2022.owl-carousel .owl-stage{ left: -30px; }
  .owl-campaignboi2022.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

  .bg-topic-campaign.campaign-boi2022{ padding: 0; }

}
@media (max-width: 767px){

  .campaign--boi2022 .bg-highlight-campaign{ background: linear-gradient(0deg, rgba(231,238,252,1) 36%, rgba(65,128,182,1) 68%, rgba(19,61,104,1) 88%); padding-bottom: 30px; }

  .box-ani--boi{ width: 100%; left: auto; margin-bottom: -150px; }
  .divNews-campaignboi{ z-index: 80; position: relative; }
  .barBoi--nav ul li a{ font-size: 14px; }

}
@media (max-width: 576px){

  .campaign--boi2022 .bg-highlight-campaign{ padding-top: 20px; }
  .campaign-title--boi{ top: 30px; }
  .campaign-title--boi h2{ font-size: 30px; }
  .logo-boi2022{ right: 20px; width: 100px; }
  .box-ani--boi{ margin-bottom: -100px; }

  .bg-topic-campaign.campaign-boi2022{ padding: 0 20px; }
  .topic-detail-boi2022 .header.header-topics h2{ font-size: 24px; margin-left: 0; }


}
@media (max-width: 425px){

  .barBoi--nav ul li a{ font-size: 12px; }

}
@media (max-width: 340px){

  .barBoi--nav ul li a{ font-size: 11px; }

}



/**********************************************************/
/**********************************************************/
/**********************************************************/







/**********************************************************/
/**********************************************************/
/**********************************************************/