/* 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');




.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; }

}


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

.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 .intro-title{ padding: 0 20px; }
.campaign--ceo2021-intro .intro-title h2{ font-family: 'Merriweather', serif; font-size: 24px; line-height: 1.5; font-weight: 700; text-align: center; color: #fff; } 
.campaign--ceo2021-intro .intro-title h2 span{ display: block; font-size: 16px; font-weight: 300;  max-width: 800px; width: 100%; margin: 15px auto 0; }
.logo-ceo-top{ position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 200px; }

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



@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: 40px 0; }
  .campaign--ceo2021-intro .intro-title h2{ font-size: 20px; }

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

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

}


@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: 100px 0; position: relative; text-align: center; background-position: center; }
.awards21-img{ max-width: 400px; width: 100%; margin: 0 auto; }
.btn-awards21 { display: block; width: 175px; background-color: #FBBE33; font-family: 'Lato', sans-serif; font-size: 16px; color: #2A0C6A; font-weight: 700; 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: 550px; width: 90%; margin: 30px auto 0; font-family: 'Lato', Georgia,Times,Times New Roman,serif; font-size: 16px; line-height: 1.3; color: #fff; font-weight: 300; }


@media (max-width: 1500px){

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

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

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

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

  .campaign--awards21 .bg-highlight-campaign{ padding: 50px 0; }
  .awards21-img{ max-width: 200px; }

}
@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 0; }
  .awards21-img{ max-width: 150px; }
  .btn-awards21{ font-size: 16px; padding: 8px; width: 150px; margin: 30px auto 0; }

}


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




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