/* Theme Name:  Philippine Government Standard Theme
 * Description: department-of-tourism-child 
 * Template:    department-of-tourism
 * Author:      www.mybusybee.net
 * Text Domain: department-of-tourism 
 * */


/************************************ Parent Theme ******************************/

@import url("../department-of-tourism/style.css");

/************************************ My  Responsive Core ******************************/

@import url("responsive/style.css");
@import url("tab.css");
@import url("embed.css");

/************************************ Font Styles ******************************/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Solway:400,500,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;0,900;1,100;1,300&display=swap');

@font-face {
    font-family: 'BARABARAFINALRegular';
    src: url('fonts/BARABARAFINALRegular.eot');
    src: url('fonts/BARABARAFINALRegular.eot') format('embedded-opentype'),
         url('fonts/BARABARAFINALRegular.woff2') format('woff2'),
         url('fonts/BARABARAFINALRegular.woff') format('woff'),
         url('fonts/BARABARAFINALRegular.ttf') format('truetype'),
         url('fonts/BARABARAFINALRegular.svg#BARABARAFINALRegular') format('svg');
}


/************************************ Main ******************************/
 html {
     margin-top: 0px !important;
}
 .site-main {
     position: relative;
     margin-bottom: 0px;
}
 h2, h3, h4, h5 {
     font-family: Open Sans, sans-serif;
     letter-spacing: -0.7px;
}
 p {
     margin: 0 0 14px !important;
}
 a {
     color: #8484ca;
     text-decoration: none !important;
}
 html {
     --scrollbarBG: #fafafa;
     --thumbBG: #90A4AE;
}
 body {
     margin: 0 !important;
     padding: 0 !important;
     font-family: 'Open Sans', arial, sans-serif, FontAwesome;
     -webkit-appearance: none;
     font-size: 14px;
     line-height: 1.6;
     color: #626567;
     font-weight: 500;
     -moz-webkit-appearance: none;
}
.maintop{
    background-color: rgb(240, 240, 240);
    padding: 20px 0px 20px;
    margin-bottom: 0pc;
	margin-top:48px;
}
 .frontendhidden {
     display: none;
}
 .acf-fields>.acf-field {
     position: relative;
     margin: 0;
     padding: 12px 8px !important;
     border-top: #EEEEEE solid 0px !important;
}
 .acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select {
     width: 100%;
     padding: 13px 10px !important;
     margin: 0;
     box-sizing: border-box;
     font-size: 14px;
     line-height: 1.4;
     border: 1px solid #ccc4c4 !important;
}
.visitorCounter {
    font-weight: normal !important;
    padding: 35px 0 135px 0px;
    background: #e0e5ea;
    font-size: 23px;
    font-family: 'BARABARAFINALRegular';
    text-transform: UPPERCASE;
    letter-spacing: 1.3px;
    text-align: center;
    background-size: cover;
    background-image: url(https://beta.tourism.gov.ph/wp-content/uploads/2022/06/NumberOfTourist-1.png);
    /* height: 115px; */
    margin-top: -20px;
    background-position: center;
    color: #fff;
}
.visitorWrapper {
    margin: 0 auto;
    width: auto;
    padding: 0 19% 0 37%;
}
.visitorCounter .counter{
	text-align: left;
    font-weight: 700 !important;
    color: #fff;
    font-size: 56px !important;
}
.visitorCounter .date {
    text-align: right !important;
    font-size: 12px;
    font-family: Roboto;
    font-style: italic;
    text-transform: capitalize;
    bottom: auto;
    font-weight: 400;
    margin-right: 12px;
}
/** Slider **/
 .home .sliderWrapper {
     margin-top: 0px;
     border-bottom: 0px solid #fff !important;
     background: #2b87da;
     /* padding: 16px 0px 10px;
     */
     margin-bottom: -10px;
}
 .sliderWrapper {
     margin-top: 0px;
     border-bottom: 0px solid #fff !important;
     padding: 0px;
}
 .sliderWrapper .sliderImg .item-image {
     height: 600px;
     background-position: right;
     filter: brightness(100%);
     background-size: cover;
     background-repeat: no-repeat;
    /* background-repeat: no-repeat;
     */
}
 .tintContent {
     top: 0%;
     background-color: #0a131b00;
     color: #e8eaea;
    /* margin-right: 5px !important;
     */
     padding: 40px 50px 611px 50px;
     position: absolute;
     width: 100%;
     z-index: 3;
}
 #slider .owl-nav {
     display: block !important;
}
 #slider .owl-prev:hover, .owl-next:hover {
     opacity: 1;
     transition: visibility 0s, opacity 0.5s linear;
}
 #slider .owl-prev, #slider .owl-next {
     width: 30px;
     background: url(assets/light-skin-1.png) !important;
     background-position: -89px -26px !important;
     height: 44px;
     background-repeat: no-repeat;
     cursor: pointer;
    /* top: 44% !important;
     */
    /* right: 218px !important;
     */
     margin-top: -20px;
     position: absolute;
     z-index: 8;
}
 #slider .owl-next {
     right: 43px;
     left: auto;
     background-position: -89px -103px !important;
}
 #slider .owl-dots {
     top: 27%;
     position: absolute;
     z-index: 8;
     text-align: center;
     display: none;
     margin: 0 auto;
     width: auto;
     right: 0;
}
 #slider .caption {
     padding: 0px 223px 30px 223px;
     width: 100%;
     position: absolute;
     margin: 0px;
     color: #ffff;
     font-weight: normal;
     z-index: 8;
     font-family: BARABARAFINALRegular;
     font-size: 32px;
     text-align: left;
     line-height: 1.2;
     text-transform: UPPERCASE;
     top: 32%;
     letter-spacing: 0.1px;
}
 #slider h3 {
     font-size: 31px;
     margin: 2px 0;
     font-weight: bold;
     color: #fbfbfb;
     letter-spacing: -2.1px;
}
 #slider h2 {
     font-size: 53px;
     margin: 2px 0;
     font-weight: bold;
     color: #ffffff;
     letter-spacing: -2.1px;
}
 #slider .readmorebtn {
     padding: 6px 223px 30px 223px;
     width: 100%;
     position: absolute;
     margin: 0px;
     color: #ffff;
     font-weight: normal;
     z-index: 8;
     font-family: 'Poppins', arial, sans-serif;
     font-size: 18px;
     text-align: center;
     top: 62%;
     letter-spacing: -0.9px;
}
 #slider .readmorebtn button {
     background: #3b5998bf;
     border: 0px solid #3b5998 !important;
     border: 0;
     border-radius: 30px;
     text-transform: UPPERCASE;
     font-size: 14px;
     font-weight: 600;
     padding: 11px 65px 10px;
}
 #slider .readmorebtn button:hover {
     background: #ffb817c9;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #slider .owl-carousel, #slider.owl-nav.disabled {
     display: block !important;
}
 #slider .owl-dots {
     display: block !important;
}
 #slider .owl-prev, #slider.owl-next {
     opacity: 1;
     transition: visibility 0s, opacity 0.5s linear;
}
 #slider .owl-prev:hover, .owl-next:hover {
     opacity: 1;
     transition: visibility 0s, opacity 0.5s linear;
}
 #slider .owl-prev, #slider.owl-next {
     width: 30px;
     background: url(assets/light-skin-1.png) !important;
     background-position: -89px -26px !important;
     height: 40px;
     background-repeat: no-repeat;
     cursor: pointer;
     top: 43%;
     left: 206px;
     margin-top: -3px;
     position: absolute;
     z-index: 8;
}
 #slider .owl-next {
     left: auto;
     background-position: -89px -103px !important;
     right: 218px !important;
     top: 43% !important;
}
 #slider .sub-caption {
     padding: 0px 823px 230px 223px;
     width: 100%;
     position: absolute;
     margin: 0px;
     color: #ffff;
     font-weight: normal;
     font-family: 'Roboto';
     z-index: 8;
     font-size: 15px;
     text-align: left;
     line-height: 1.0;
    /* text-transform: UPPERCASE;
     */
     top: 41%;
     letter-spacing: 0.1px;
}
 #slider .sub-caption h3{
     font-family: BARABARAFINALRegular;
     font-size: 22px;
     color: #ffff;
     font-weight: normal;
     z-index: 8;
     text-transform: UPPERCASE;
     letter-spacing: 0.1px;
     margin-bottom: 20px;
}
 #slider .owl-dots .owl-dot.active span, #sliderowl-dots .owl-dot:hover span {
     background: #ffffffe6 !important;
     border: 2px solid #fff !important;
}
 #slider .owl-dots .owl-dot span {
     width: 21px !important;
     height: 21px !important;
     margin: 5px 7px;
     background: #d4cfcfe3;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 0px !important;
     background: #ffffff00;
     border: 2px solid #fff !important;
}
 #slider .owl-dots .owl-dot {
     display: block !important;
     zoom: 1;
}
/***Main Nav**/
 #menu-item-2082 .sub-menu {
     margin-top: -44px !important;
}
 #menu-item-2082 .sub-menu a:after {
     color: #fff;
     content: '';
     font-size: 11px;
}
 #menu-item-2082 a:after {
     color: #fff;
     content: ' \00bb';
     font-size: 11px;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
     right: 180px;
     opacity: 0.3;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle:hover {
     right: 180px;
     opacity: unset !important;
}
 .top_head_menu .sub-menu li {
     display: block;
     border-bottom: 1px solid #e0dddd;
}
.top_head_menu .sub-menu li a:hover {
    background-color: #307fba;
    color: #fff !important;
    transition: all 0.5 ease;
    display: block;
    width: 100%;
}
 .top_head_menu .sub-menu {
     background: #f7f7f7;
     z-index: 9;
     margin-left: 5px !important;
     width: 240px;
}
 .top_head_menu li.menu-item-has-children>a:after {
     color: #16181a;
    content: "\25BC";
    font-size: 12px;
}
 .top_head_menu li.menu-item-157>a:after {
     color: #000;
     content: ' \00bb';
     font-size: 11px;
}
 .top_head_menu .menu-item-157 .sub-menu {
     left: 258px;
     position: absolute;
     width: 300px;
     margin-top: -42px !important;
}
 .mainNavigation {
     background: #ffffff;
     justify-content: space-between;
     border-radius: 5px;
     margin-top: 0pc;
}
 .home .mainNavigation {
     border-radius: 0px;
     /* border-top-right-radius: 5px;
     */
     /* border-bottom-left-radius: 0px;
     */
     /* border-bottom-right-radius: 0px;
     */
}
 #menu-item-155 a {
     font-size: 17px;
}
 .mainNavigation ul {
     margin: 0 !important;
     padding: 0px 0px !important;
     display: inherit;
}
 .mainNavigation ul>li {
     display: inline-block;
     /* border-right: 1px solid #543e3e;
     */
     margin-left: 0px;
}
 #menu-item-155 {
     border-left: 1px solid #f1efef;
}
.searchbox {
  text-align: right;
}
 .mainNavigation ul>li>a {
     text-transform: unset;
     font-weight: 500;
     color: #3c3c3c;
     /* text-transform: unset; */
     font-weight: 500;
     color: #3c3c3c;
     font-size: 14px;
     text-decoration: none;
     padding: 21px 18px;
     font-family: -apple-system, blinkmacsystemfont, "Roboto", roboto, "Helvetica Neue", arial, sans-serif;
     letter-spacing: -0.4px;
}
 .mainNavigation .current_page_item>a, .mainNavigation .current_page_ancestor>a, .mainNavigation .current-menu-item>a, .mainNavigation .current-menu-ancestor>a {
     color: #5b83b7;
     font-style: normal !important;
}
 .mainNavigation .nav-menu li:hover>a, .mainNavigation .nav-menu li a:hover, .mainNavigation .nav-menu li:focus>a, .mainNavigation .nav-menu li a:focus {
     background-color: #307fba;
     color: #ffffff;
     /* border-radius: 43px;
     */
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     display: block;
     width: 100%;
}
 .mainNavigation .sub-menu li a {
     padding: 14px 13px 17px 15px !important;
     width: 100%;
}
 .mainNavigation .sub-menu{
     width: 220px !important;
}
 .mainNavigation .sub-menu li {
     display: block;
}
 #menu-item-49 .sub-menu{
     width: 420px;
}
 #menu-item-49 .sub-menu li {
     display: block !important;
}
 #menu-item-49 .sub-menu li a {
     padding: 14px 17px 18px 22px !important;
     width: 100%;
}
 .nav-menu li.menu-item-has-children>a:after {
     color: #fff;
     content: "";
     /*â–¾*/
}
 .sub-menu {
     opacity: 0;
     position: absolute;
     top: 24px;
     visibility: hidden;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
}
 .menu-item-has-children:hover>.sub-menu {
     opacity: 1;
     top: 43px;
     visibility: visible;
}
 .nav-menu .sub-menu, .nav-menu .children {
     background-color: #3d59a9 !important;
     border: 0px solid #f7f5e7;
     border-top: 0;
     padding: 0;
     position: absolute;
     left: 0px;
     z-index: 8;
     height: 1px;
     width: 1px;
     overflow: hidden;
     clip: rect(1px, 1px, 1px, 1px);
}
 .top_head_menu .sub-menu li:hover{
     background-color: #307fba;
    color: #fff !important;
    transition: all 0.5 ease;
    display: block;
    width: 100%;
}

 .top_head_menu ul li{
    display: inline-block;
}
 .top_head_menu ul {
     list-style: none;
     margin: 3px 0px;
     padding: 0px;
}
 .headerTop {
     background: #fdfdfd;
     position: fixed;
     width: 100%;
     box-shadow: -2px 1px #0000001c;
     top: 0;
     z-index: 8;
     padding: 10px;
     height: 48px;
     margin-bottom: 0px;
}
 form {
     margin: 0;
     /*float: right;*/
}
 .topWrapper {
     text-align: center;
     padding: 25px 20px 34px 20px;
     border-bottom: 1px solid #eee;
    /* background: #fafafa;
     */
}
 .pname{
     margin-top: 38px !important;
}
 .topWrapper img {
     width: 100%;
     height: 200px;
     object-fit: contain;
}
 .topWrapper h3 {
     text-transform: UPPERCASE;
     font-family: Solway, sans-serif !important;
     color: #ffa513;
}
 .topWrapper .linkhover {
     background: #d3e4ff00;
     display: grid;
     width: 100%;
    /* text-align: center;
     */
}
 .topWrapper .linkhover:hover {
     background: #f5b119 !important;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
     border: 2px solid orange;
}
 .topWrapper .cube {
     padding: 10px;
     border: solid 2px #fff !important;
}
 .topWrapper .cube:hover {
     background: #fcfcfc;
     border-radius: 10px;
     border: solid 2px #2ea3f2!important;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
}
 .topWrapper .linkhover:hover a {
     color: #fff !important;
}
 .top_head_menu #menu-top-head-menu a{
    /* padding: 10px 20px;
     */
    /* color: #000;
     */
    text-transform: unset;
    font-weight: 400;
    color: #3c3c3c;
    font-size: 15px;
    text-decoration: none;
    padding: 15px 14px;
    /* font-family: 'Open Sans', 'Source Sans Pro';
     */
    letter-spacing: -0.5px;
    font-family: -apple-system, blinkmacsystemfont, "Roboto", roboto, "Helvetica Neue", arial, sans-serif;
    /* font-family: Lato;
     */
}
.top_head_menu .sub-menu li a {
    display: block;
    padding: 14px 13px 17px 15px !important;
}
 .topWrapper ul li {
     list-style: none;
     border: 2px solid #d5dbe4;
    /* padding: 10px 0px 10px 0px;
     */
     margin: 6px 0px 6px 0px;
     border-radius: 3px;
}
 .topWrapper ul li a {
     color: #5e6579;
     font-family: 'Poppins';
     font-weight: 600;
     font-size: 12px;
     padding: 13px 4px 14px 4px;
     text-align: center;
}
 .topWrapper ul {
     margin: 0;
     padding: 0;
}
 .headerTop form input[type="search"] {
     -webkit-appearance: textfield;
     padding-right: 2px;
     width: 270px;
     margin: 0px 0px;
     padding: 6px;
     border: 1px solid #eee;
     box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
     border-radius: 3px;
     transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
     position: relative;
     z-index: 0;
     background-image: url("assets/search.png");
     background-color: #f8f9fa;
     background-repeat: no-repeat;
     background-position: right;
     background-size: 12%;
}
 .headerTop form input[type="search"]:before {
     color: #f5e2e2;
     content: ' \f002';
     font-family: 'FontAwesome';
     position: relative;
     left: -5px;
}
 .pst-container{
/*      margin-top: 27px; */
     margin-right: 10px;
}
 .pst-container #pst-time{
     font-size: 14px;
     font-family: -apple-system, blinkmacsystemfont, "Roboto", roboto, "Helvetica Neue", arial, sans-serif;
     letter-spacing: -0.8px;
     color: #818389;
     font-weight: normal;
	 display: inline-block;
}
.transparency-seal {
      display: inline-block;
	  height: 84px;
	  object-fit: contain;
	  margin-right: 10px;
}
 .covid-announcement{
     background: #3699FF;
     margin-top: 0px;
     padding: 15px;
     color: #fff;
     line-height: 1.3;
     font-size: 13px;
     margin-bottom: 0px;
     /* display: none; */position: relative;
    z-index: 8;
    top: -77px;
}
 .covid-announcement img{
   filter: brightness(6.5);
 }
 .advisory-post h4{
     font-family: 'Roboto';
     font-size: 16px;
     color: #3972a6;
     margin: 14px 0px 18px 0px;
     letter-spacing: 0.2px;
}
 .advisory-post .excerpt{
     color: #59595c;
     line-height: 1.3;
     font-size: 13px;
     /*padding: 10px 0px 10px;*/
}
 .advisory-post img{
     width:100%;
     height:210px;
     object-fit:cover
}
.advisory-post .date-posted{
    font-size:13px;
    padding: 0px;
    font-weight: 800;
}
 .advisory-post button {
    
     background: #24259100;
     border: 0px;
     border-radius: 30px;
     font-size: 11px;
     padding: 11px 17px;
     font-family: 'Roboto';
     color: #505881;
     font-weight: 800;
     border: 2px solid #c2c2c8;
     text-transform: UPPERCASE;
}
.advisory-post button:hover{
    background: #5858d5;
    color: #fff;
}
.advisory-post .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.20rem 1.20rem 0.2rem 0.2rem;
}
.pos-relative {
    position:relative;
}
.position {
    position:absolute;
    bottom:20px;
    left:20px;
} 
/*SEARCH RESULT PAGE*/
.page-header {
    background-color: #626567;
}
.page-title {
    color: #fff;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    width:80%;
    margin:0 auto;
    max-width: unset;
}
.result {
  margin: 0;
  border-bottom: 1px dotted #c3c3c3;
}
.result a {
  font-size:16px;
  color: #1c81b6;
  margin: 0;
  font-family: roboto;
}
.result:hover {
  text-decoration: underline;
  text-decoration-color: #1c81b6;
}
/****************archive settings**************************/
/*.widget-area {*/
/*    display:none;*/
/*}*/
.archive-img img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 10px;
}
.single-title {
    margin: 14px 0px 42px 0px;
    font-weight: normal;
    text-transform: UPPERCASE;
    font-family: roboto;
    font-size: 13px;
    color: #1C81B6;
}
.f-roboto {
    font-family: 'Roboto', sans-serif;
    font-size:20px;
    font-weight:800;
    color:#626567;
    text-align:left;
}
.article {
    text-align:left;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:20px;
    color:#626567;
}
.archive-img {
  padding-bottom: 2%;
}
.one-line {
    display:flex;
    align-items:baseline;
    justify-content:start;
}
.back-home {
    color:#000!important;
}
.back-home:hover, .back-home:focus, .back-home:active {
    color:#626567!important;
}
.share {
    display: flex;
    margin: 3% 0;
}
.share-media {
    display: flex;
    align-items:center;
    width: 100PX;
    height: 35px;
    color: #fff !important;
    padding: 3px 10px;
    margin-right: 10px;
    transition: .2s ease-in;
}
.share-media:hover {
  opacity: 0.8;
}
.share-media.linkend:hover {
  background: #4682B4;
  opacity: .9;
  color: #fff !important;
}
.fa-brands {
    font-size: 17px;
    font-style: normal;
    padding-right: 12px;
}
.fz div {
  margin-bottom: 10px;
}
.fz img {
  width: 100%;
  height: 100%;
  object-fit: contain;
/*   min-height: 300px; */
  max-height: 500px;
  border-radius:10px;
}
.fz > p {
  font-size: 20px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.fb{
    background: #191970;
}
.twitter{
    background:#1E90FF;
}
.linkend{
    border:1px solid #4682B4;
    color:#1E90FF!important;
}
.recent {
  padding-bottom: 3%;
}
/***********post nav*******************/
.sidebar .post-navigation .nav-links {
    padding: 0;
}
.post-navigation .nav-links {
    width:100%;
    max-width: none;
}
.navigation a {
  color: #1C81B6;
}
.navigation a:hover,.navigation a:focus,.navigation a:active  {
  color: #1C81B6;
}
/******************annoucements****************/
.announcement-post {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    height: 100px;
    display: flex;
    margin-bottom:5%;
    /*align-items: center;*/
    /*justify-content: space-around;*/
    /*display:none;*/
}
.announcement-post button, .publication-post button {
    background: #24259100;
    border: 0px;
    border-radius: 30px;
    font-size: 15px;
    padding: 4px 20px;
    font-family: 'Roboto';
    color: #1C81B6;
    font-weight: 400;
    border: 2px solid #1C81B6;
    text-transform: capitalize;
    transition: all 2ms ease-in-out;
}
.announcement-post button:hover, .publication-post button:hover {
    background:#90EE90;
    color:#fff;
}
.announcement-post .card-body, .publication-post .card-body  {
    flex:1;
    min-height: 1px;
    margin:2%;
}
.publication-post .card-body {
    margin-left: 4%;
}
.card-body h4 {
    margin:0;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    font-size:1rem;
    color:#000;
}
.more {
    padding-right:20px;
    flex:.5;
    display:flex;
    align-items:center;
}
.publication-post {
    width: 100%;
    padding-left: 5%;
    background: #fff;
    border-radius: 3px;
    height: 120px;
    display: flex;
    margin-bottom:5%;
}
.publication-button {
    padding-right:40px;
    /*padding-right: 20px;*/
    flex: .3;
    display: flex;
    align-items: center;
}
.pd-space {
    padding-right:50px;
}
#loadmore {
    background: #1C81B6;
    border: 0px;
    border-radius: 30px;
    font-size: 15px;
    padding: 9px 40px;
    font-family: 'Roboto';
    color: #fff;
    font-weight: 400;
    border: 2px solid #1C81B6;
    text-transform: capitalize;
    transition: all 2ms ease-in-out;
}
#loadmore:hover {
    background:#fff;
    color:#1C81B6;
}
.tab-announcement .col-mid-33 {
    display:none;
}
.tab-announcement .col-mid-33:nth-child(2) {
    display:block;
}
.tab-announcement .col-mid-33:nth-child(3) {
    display:block;
}
.tab-announcement .col-mid-33:nth-child(4) {
    display:block;
}

.tab .col-mid-33 {
    /* display:none; */
}
.tab .col-mid-33:nth-child(2) {
    display:block;
}
.tab .col-mid-33:nth-child(3) {
    display:block;
}
.tab .col-mid-33:nth-child(4) {
    display:block;
}
/*************publication*******************************/
.tab .col-mid-50 {
    display:none;
}
.tab .col-mid-50:nth-child(2) {
    display:block;
}
.tab .col-mid-50:nth-child(3) {
    display:block;
}
/**/
.tourismph-banner{
    padding: 73px 0px  116px;
    background-size: cover;
    color: #fff;
}
.tourismph-banner .caption{
    
width: 60%;
}
.tourismph-banner h3{
     font-family: BARABARAFINALRegular;
     font-size: 32px;
     text-align: left;
     line-height: 1.2;
     text-transform: UPPERCASE;
     color: #fff;
     letter-spacing: 0.3px;
}
.quick_links {
	padding-left: 20px;
}

.footerLogos ul li {
	display: inline-block;
	padding: 0px 5px;
	/* filter: grayscale(1);
     */
}

.footerWrapper {
	padding: 25px 0px 18px 0px;
	line-height: 1.2;
	font-family: Open Sans, arial, sans-serif;
	letter-spacing: -0.5px;
	font-weight: 500;
	color: #979aa1;
	display: table;
	width: 100%;
	border-top: 1px solid #eee;
	background: #fafafa;
	/* background-image: url("assets/footer-image.jpg"); */
	background-position: bottom;
	/* background: rgb(250 251 255); */
}

.footerWrapper ul {
	margin: 0;
	padding: 0;
}

.footerWrapper h3 {
	color: #576976;
	text-transform: UPPERCASE;
	font-size: 18px !important;
	font-family: 'Roboto';
	line-height: 1.1;
	font-weight: 700;
}

.footerWrapper ul li a {
	color: #5878c3;
	text-transform: capitalize;
	font-weight: 600;
	font-family: Open Sans, arial, sans-serif;
}

.footerWrapper ul li a:hover {
	color: #f1f1f1;
	text-decoration: underline;
}

.footerWrapper ul>li {
	/* color: #393434; */
	list-style: circle;
	padding: 7px 3px 0px;
}

.footerLogos ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.govFooter {
	padding: 61px 0px 33px 0px;
	background: #f1f1f1;
	color: #666b75;
	font-size: 13px;
	font-family: Open Sans, arial, sans-serif;
	background-image: url('assets/bg-footer.png');
	background-repeat: no-repeat;
	background-position: left;
}

.govFooter a:hover {
	text-decoration: underline !important;
}
.flex {
    display: flex;
}
.aboutgov ul {
	margin: 54px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.aboutgov ul>li {
	list-style: none;
}

.aboutgov ul a {
	color: #a9a1a1;
}

ul.gov-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.gov-links li a {
	color: #948a8a;
	font-size: 13px;
}

.rop {
	margin: 0px 0px 49px 0px;
	filter: brightness(0.5);
}

.foi {
	margin: 11px 0px 3px 0px;
	/* filter: brightness(0.5); */
}

.copyright {
	padding: 12px 0px 12px 0px;
	text-align: center;
	background: #ebebeb;
	font-family: Open Sans, sans-serif, arial;
	color: #615757;
	font-size: 13px;
	font-weight: 600;
	text-transform: normal;
}

.social-media .fab {
	color: #acb1bb !important;
}

.social-media .fab:hover {
	color: unset !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.government-logos {
  padding-top: 20px;
}
.government-logos img {
    height:50px;
    object-fit:contain;
    padding-right:10px;
}
.government-logos a:nth-child(3) img {
    padding-right: 0;
}
.width-border-rad {
    border-radius:20px;
}
#footerLogo {
	width: 84px;
	padding: 10px 0px;
	object-fit: contain;
}
.copyright a {
	color: inherit;
}
.title {
	margin: 10px 0px -1px 0px;
	font-weight: 800;
}
.footer-mg-top{
    margin-top: 35%;
}
.footer-ul-mg {
    margin-top: 15%!important;
}
.interestWrapper{
    padding: 29px 0px;
    background: #e9ebed;
}
.interest{
    height: 106px;
    font-family: BARABARAFINALRegular;
    font-size: 15px;
    text-align: left;
    line-height: 1.2;
    background-size: cover;
    text-transform: UPPERCASE;
    color: #fff;
    letter-spacing: 0.3px;
    padding: 20px 10px 0px 10px;
    width: 100%;
    margin-bottom: 10px;
}
.interestWrapper h3{
    font-family: BARABARAFINALRegular;
    font-size: 18px;
    color:#1C81B6;
    text-transform: UPPERCASE;
    letter-spacing: 0.3px;
    font-weight: 500;
}
.video-container h1{
    font-family: BARABARAFINALRegular;
    font-size: 18px;
    color:#fff;
    text-transform: UPPERCASE;
    letter-spacing: 0.3px;
    font-weight: 500;
    margin: 10px 10px 10px 0px;
}
.partnersWrapper  h1{
    font-family: BARABARAFINALRegular;
    font-size: 18px;
    color:#1C81B6;
    text-transform: UPPERCASE;
    letter-spacing: 0.3px;
    font-weight: 500;
    margin: 10px 10px 35px 0px;
    text-align: left;
}
.skyblue{
    background:#F1F5FA;
    height: 290px;
    padding: 10px 0px 10px;
    text-align: center;
}
.skyblue button {
    position: relative;
    top: 133px;
}
.skyblue button a {
  color: #fff;
}
.interestWrapper button{
    border-bottom:0px;
    background:#3699FF;
}
.interestWrapper button:active, .interestWrapper button:hover{
    border-top: 0px solid #b93207;
     background:#4271a2;
}
.video-cover img{
    width: 100%;
    height: 245px;
    object-fit: cover;
    filter: brightness(0.7);
    position: relative;
    z-index: 0;
    /* border: 2px solid #304843; */
}
.embed-container {
    width: 100%;
    min-width: 100%;
    height: 600px;
    max-height: 600px;
    overflow: hidden;
    position: relative;
    z-index:0;
}
.video-title{
    font-size:18px;
    color:#fff;
    position: relative;
    padding: 10px;
    background: #f9fffe14;
    top: -156px;
    z-index: 1;
    font-weight: normal;
    width: 100%;
    text-align: center;
    font-family: BARABARAFINALRegular;
    font-size: 15px;
    background-size: cover;
    text-transform: UPPERCASE;
}
.video-container {
    background: #f1f5fa;
}
.video-container .title{
    position: absolute;
    z-index: 1;
    margin: 10px 48px;
}
.play-button{
    position: relative;
    /* text-decoration: underline; */
    padding: 10px;
    top: -179px;
    text-align: center;
    color: #fdf7f70f;
    font-size: 58px;
}
.play-button:hover{
    color: #ff5f5f;
}
.video-cover{height: 245px;}
#myVideo {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    object-fit: cover;
    position: relative;
    z-index: 7;
    margin-top: 0px;
}

#myBtn {
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 8;
}

#myBtn:hover {
  background: transparent;
}
.partnersWrapper {
    background: #fff;
    /* margin: 58px 0 28px 0px; */
    background-position: bottom;
    font-family: Poppins !important;
    text-align: center;
    padding: 50px 0px 38px 0px;
}

#dot-partners .owl-carousel,
#dot-partners .owl-nav.disabled {
	display: block !important;
}
.logo-agencies img{
    width: 134px !important;
    object-fit: contain;
}
#dot-partners .owl-prev,
#dot-partners.owl-next {
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
}

#dot-partners .owl-prev:hover,
.owl-next:hover {
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
	/* filter: brightness(3); */
}

#dot-partners .owl-prev,
#dot-partners .owl-next {
	filter: brightness(1.0);
	width: 30px;
	background: url(assets/gray.png) !important;
	background-position: -89px -26px !important;
	height: 40px;
	background-repeat: no-repeat;
	cursor: pointer;
	left: 16px;
	margin-top: -92px;
	position: absolute;
	z-index: 8;
}
#dot-partners .owl-dots{
    display:none !important;
}
#dot-partners .owl-next {
	left: auto;
	background-position: -89px -103px !important;
	right: 31px !important;
}
.philippineNumbersWrapper{
    padding:40px 0px;
    background: #f1e9f1aa;
}
.philippineNumbersWrapper .title{
    
margin: 44px 0px 0px 0px !important;
    
font-weight: normal;
    
filter: brightness(1);
    
letter-spacing: 1px;
}
.philippineNumbersWrapper h1{
    font-family: BARABARAFINALRegular;
    font-size: 18px;
    color:#1C81B6;
    text-transform: UPPERCASE;
    letter-spacing: 0.3px;
    font-weight: 500;
    margin: 10px 10px 35px 0px;
    text-align: left;
}
.philippineNumbersWrapper .interest{
    height:295px;
    width: 239px;
    text-align: center;
    padding: 0px  !important;
}
.philippineNumbersWrapper .wrapper{
    height:295px;
    width: 239px;
    text-align: center;
    position: unset;
    background: #262a2c78;
    padding: 20px 10px 0px 10px;
}
.philippineNumbersWrapper h3{
    font-size:18px;
    color:#fff;
    position: relative;
    /* text-decoration: underline; */
    padding: 10px;
    background: none;
    top: 0px;
    z-index: 1;
    margin: 0;
    /* margin-left: 19px; */
    font-weight: normal;
    width: 100%;
    text-align: center;
    font-family: BARABARAFINALRegular;
    font-size: 27px;
    /* text-align: left; */
    /* line-height: 1.2; */
    background-size: cover;
    text-transform: UPPERCASE;
}

.pageHeader {
/*	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	background-size: cover;
	background-position: center;
	height:289px; */
	
	 height: 300px;
    width: 100%;
    object-fit: cover;
    background-size: cover !important;
    background-position: center center!important;
    max-width: 100%;
    display: table;
    position: relative;
    overflow: hidden;
}
.pojo-a11y-btn-resize-plus, .pojo-a11y-btn-resize-minus, .pojo-a11y-btn-grayscal, .pojo-a11y-btn-readable-font{
display:none !important;
}
.sub-menu {
	opacity: 0;
	position: absolute;
	top: 24px;
	visibility: hidden;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.menu-item-has-children:hover>.sub-menu {
	opacity: 1;
	top: 43px;
	visibility: visible;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #f0f0f0 !important;
	border: 0px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: 19px;
	z-index: 8;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.auxiliary_menu .sub-menu li {
	display: block;
	border-bottom: 1px solid #e0dddd;
}


#auxiliary_menu .sub-menu {
	background: #f7f7f7;
	z-index: 20;
	margin-left: -17px !important;
	width: 263px !important;
	top: 50px;
}

#auxiliary_menu li.menu-item-has-children>a:after {
    color: #16181a;
    content: " \25BC";
    font-size: 12px;
}

#auxiliary_menu .sub-menu .sub-menu {
  left: 279px!important;
  top: 0px!important;
}

#auxiliary_menu li.menu-item-505 > a::after {
    color: #16181a;
   content: " â–¶";
    font-size: 12px;
color: rgb(120, 127, 133);
    content: " ⯈";}
#auxiliary_menu li.menu-item-365 > a::after {
     /* color: #16181a; */
   /* content: " â–¶"; */
    font-size: 12px;
color: rgb(120, 127, 133);
    content: " ⯈";}
#auxiliary_menu li.menu-item-566 > a::after {
    color: #16181a;
   content: " â–¶";
    font-size: 12px;
font-size: 12px;
    color: rgb(120, 127, 133);
    content: " ⯈";}
#auxiliary_menu li.menu-item-574 > a::after {
    color: #16181a;
   content: " â–¶";
    font-size: 12px;
font-size: 12px;
    color: rgb(120, 127, 133);
    content: " ⯈";}



#auxiliary_menu li.menu-item-157>a:after {
	color: #000;
	content: ' \00bb';
	font-size: 11px;
}

#auxiliary_menu .menu-item-157 .sub-menu {
	left: 258px;
	position: absolute;
	width: 300px;
	margin-top: -42px !important;
}
/*#btn,*/
/*#cancel {*/
/*    color:#000;*/
/*    font-size: 30px;*/
/*    float: left;*/
/*    line-height:80px;*/
    /*margin-left: 40px;*/
/*    cursor: pointer;*/
/*    display: none;*/
/*    position:absolute;*/
/*    top: 14%;*/
/*    transform: translateY(-10%);*/
/*}*/
#check {
    display: none;
}

.pageHeader .cross-logo{
    margin: -16px 10px 0px 20px;
}
.close-btn .far{
    float: right;
    position: absolute;
    right: 0;
    padding: 18px 38px 28px 33px;
    font-size: 18px;
    cursor:pointer;
}
.pageHeader h1 {
	text-transform: UPPERCASE;
	font-family: BARABARAFINALRegular;
	letter-spacing: 0;
    font-size: 38px;
	font-weight: normal;
	margin: 0;
	color: #fff;
}
.pageWrapper{
 /*   	background: #2831347a;
    	padding: 117px 0px;
    	background-position: botto,; */
	
	 background-color: transparent;
    display: table-cell;
    vertical-align: initial;
    text-align: left;
    color: #fff;
    z-index: 8;
    position: relative;
}

.pagebanner-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 13% 60px 13%;
    text-align: center;
}

.hentry {
    padding: 40px 0;
}
/* BIDS */
.navigation ol {
    text-align: right;
}
.bids {
    margin-top:20px;
}
.side-dir h3 {
    font-family:Roboto;
    font-size:20px;
    color:#307fba;
    margin: 0 0 10px 0;
    background: #dbdbdb;
    padding: 10px;
}
.bids-and-awards {
     display: block;
      color: #000;
      border: none;
      width: 100%;
      text-align: left;
      background: none;
      padding: 10px 20px;
      font-weight: 500;
      font-family: roboto;
      font-size: 1rem;
      margin-bottom: 2%;
      position: relative;
      background:rgb(240, 240, 240);
}
.bids-and-awards::after {
    content: ' \25BC';
  display: inline-block;
  /*width: 20rem;*/
  /*height: 1rem;*/
  transition: transform .1s ease-in;
  font-size: 1rem;
  font-weight: 700;
  color:#000;
  text-align: right;
    position: absolute;
    right: 2%;
}
.bids-and-awards.center {
    text-align:center;
}
.bids-and-awards:hover {
    color:#1C81B6!important;
    background:rgb(240, 240, 240);
}
.bids-and-awards:focus {
    background:rgb(240, 240, 240);
}
.bids-and-awards:active {
    background:rgb(240, 240, 240); 
    border-top:none;
    padding:10px 20px;
}
.bids-and-awards.open::after {
      transform: scaleY(-1);
}
.bids-and-awards .center {
  text-align: center;
}
.accordion-content tr {
    border-top:1px solid #c3c3c3;
}
.accordion-content td {
    text-align:left;
}
.bids-details a {
  background: #c3c3c3;
  padding: 10px;
  border-radius: 5px;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}
.bids-details a:hover {
  color: #1C81B6 !important;
  border: 1px solid #1C81B6;
  background: 000;
}
.side-dir {
    padding:20px;
}
.side-dir ul {
    list-style-type:none;
    padding:0;
    margin:0;
   
}
.side-dir ul li {
    border-bottom: 1px solid #c3c3c3;
	margin:10px;
}
.side-dir ul li a {
/*     padding:10px; */
    font-size:1rem;
    color:#1C81B6;
}
/* single */
.fz table tr td {
    color:#000;
    background:#ebebeb;
    padding:10px;
    border-right:2px solid #fff;
}
.fz table tr th {
    text-align:center;
    background:#00a1f1;
    border-right:2px solid;
    color:#fff;
    padding:10px;
}
.fz h2 {
  margin: 0 0 20px 0;
}
.bid-format {
	width:100%!important;
}
.file-format {
    font-size: 16px;
    text-align: center;
    width: 25%;
}
.file-format-docs {
	font-size: 16px;
    text-align: center;
}
.file-format i {
  display: block;
  font-size: 4rem;
  text-align: center;
}
.file-format  a {
    color:#000;
}
.file-format p {
  font-size: 15px;
  font-style: italic;
}
.file-format-no-file {
    width:100%;
   
}
.file-format-no-file h3 {
     text-align:center;
     font-family:Roboto;
    font-size:16px;
    color:#000;
}
.bid-sub-document {
    margin: 0 0 10px 0;
    font-size: 18px;
    background: #bebebe;
    padding: 10px 15px;
}
.latest-bids h3 {
    font-family:Roboto;
    font-size:16px;
    color:#000;
}
.side-dir ul li p i {
  padding: 10px 0 10px 10px;
}
.side-dir ul li p {
  font-size: 13px;
  font-style: italic;
  color: #000;
}
.bids-sidebar {
  background: #f9f9f9;
}
.bids-awards-sidebar {
	background: #f9f9f9;
	margin-top: 51%;
}
.searchform {
    padding: 10px 10px 10px 0;
    margin: 5px 0;
}
.sub-categorytabs {
  margin-top: 2%;
}
.sub-categorytabs .tab button {
    border: none;
    background: none;
	padding:0;
}
.sub-categorytabs .tab {
    border-bottom: 3px solid #1c81b6;
	padding-bottom: 6px;
	
}
.sub-categorytabs .tab button a {
    color: #1C81B6;
	padding: 10px;
	font-weight:700;
}
.sub-categorytabs .tab button a:hover {
	background:#1C81B6;
	color:#fff;
	font-weight:700;
	
}
.searchandfilter ul li {
    border: none !important;
    padding: 0 !Important;
    margin: 0 !important;
}

.searchandfilter label {
    display: block !important;
}

.searchandfilter input[type=text] {
width: 100% !important;
}

li.sf-field-taxonomy-category_group, li.sf-field-taxonomy-awarded_projects_group, li.sf-field-taxonomy-rfq_rfp_group {
/* display: none !important; */
}
.searchandfilter select.sf-input-select {
    min-width: 170px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.bids-sidebar {
  margin-top: 37%;
}
.post-archive-title h3 {
    color: #000;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}
.post-archive-title {
    margin-top: 10%;
}
.post-term-title h3 {
    color: #000;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}
.flow-scroll {
    overflow: scroll;
    height: 200px;
}

.youtube-video iframe {
    width: 100%;
    height: 600px;
}
/***********************News Room Settings***************************/
/*container*/
.top-title h1 {
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    font-size:30px;
    color:#1C81B6;
    margin:1% 0;
    
}
.excerpt-txt{
     font-family: 'Roboto', sans-serif;
     font-weight:300;
     font-size:20px;
     color:#000;
     padding-bottom: 5%;
}
.onleftimg a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 470px;
    max-height: 500px;
}
.onrighttxt {
    display: block;
    position:relative;
    /*flex-direction: column;*/
    /*justify-content: center;*/
    align-items: center;
    padding-left: 3%;
}
.heightsize {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
    min-height: 470px;
    max-height: 500px;
}
.view {
    width: 100%;
    display: block;
    height: 50px;
    background: #1C81B6;
    border: none;
}
.sm-container {
  padding-right: 5%;
  padding-bottom: 5%;
  position: relative;
}
.sm-img img {
  width: 100%;
  height: 300px
}
.unset {
  position: absolute;
  bottom: 0;
  background: #ffffffa3;
  color: #000;
  padding: 5%;
  width: 100%;
  height: 150px;
}
.unset a {
    color: inherit;
    position: unset;
    text-align:left;
}
.sm-date{
    position: unset;
}
.multi-article {
  padding-bottom: 5%;
}
.logo-title {
  display: inline-block;
  background: #1C81B6;
  color: #fff;
  font-size: 30px;
  padding: 1% 4%;
}
.news-title {
  font-size: 16px;
  font-weight: 400;
  font-family: roboto;
  color: #1C81B6;
}
.newsroom {
  padding-bottom: 3%;
}
.newsroom .newslist {
    display:none;
}
.newsroom .newslist:nth-child(2) {
    display:block;
}
/***********************Key Officials*******************************/
.carousel img {
    width:100%;
    height:100%;
    object-fit:cover;
    background-position:center center;
}
.overflow {
    overflow:hidden;
    background: rgba(54, 153, 255, 0.77);
}
.ds_img img {
     width:100%;
     height: 100%;
     object-fit: cover;
     background-position:center center;
	min-width: 540px;
}
.ds_content {
    padding:50px;
    /*padding-bottom:0;*/
}
.ds_content > h2,h3{
    font-family: BARABARAFINALRegular;
    color:#fff;
    font-weight: normal;
    letter-spacing: normal;
}
.ds_content p {
    font-family: 'Roboto', sans-serif;
    color:#fff;
}
.ds-title {
    text-transform: uppercase;
}
.officials {
    padding-bottom: 5%;
}
.officials-title {
    font-family: BARABARAFINALRegular;
    color: #1C81B6;
    text-transform: uppercase;
}
.officials-tabs {
/*     border-bottom: 4px solid #E5E5E5; */
    margin:0 21px;
}
.style-tab {
    border: none;
    background: none;
    color: #3c3f41;
    font-family: Roboto;
    font-size: 12px;
    padding: 10px 10px;
    border-radius:0;
    border-bottom: 4px solid #E5E5E5;
    position: relative;
    top: 4px;
    margin-right:inherit;
    font-weight: 700;
    text-align:left;
	border-bottom-style: dashed;
}
.style-tab:last-child {
    width:100%;
    margin-right:0;
}
.style-tab:last-child:hover {
    margin-right: 0;
    width: 100%;
}
.style-tab:hover {
    background:none !important;
    border:none;
    border-bottom: 4px solid #1C81B6;
    border-top: none;
}
.style-tab:active {
    background:none !important;
    border:none;
    border-bottom: 3px solid #1C81B6;
    border-top: none;
    /* padding: inherit !important; */
    padding: 10px 10px;
}
.style-tab:focus {
    background:none !important;
    border:none;
    border-bottom: 4px solid #1C81B6;
    border-top: none;
}
.officials h3 {
    color: #626567;
}
.animated   {
    animation: littleEffect 3s ;
}
@keyframes littleEffect {
   0% {
    transform:matrix(1,0,0,1,0.9,4.999);
    opacity: 0.8;
   }
    50%{
        
        transform:matrix(1,0,0,1,0.5,3.55);
        opacity: 0.9
    }
    100%{
        transform:matrix(1,0,0,1,0,0);
        opacity: 1;
    }
}
#office img {
  width: 100%;
  height: 530px;
  object-fit: contain;
}
#admin img {
  width: 100%;
  height: 530px;
  object-fit: contain;
}
.container-box {
    position:relative;
}
.pd-right {
    padding-right:2%;
    padding-bottom: 2%;
}
.pd-btom {
    padding-bottom: 1%;
}
.names {
    margin-bottom: 0 !important;
    position: absolute;
    bottom: 73px;
    left: 16%;
    color: #fff;
    font-weight: bold;
}
.titles {
    margin-bottom: 0 !important;
    position: absolute;
    bottom: 44px;
    left: 16%;
    color: #fff;
    font-weight: 400;
    line-height: 20px;
}
.admin-titles{
    margin-bottom: 0 !important;
    position: absolute;
    bottom: 31px;
    left: 16%;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    line-break: auto;
    padding-right: 15%;
}
/**********************mission and vision*************************************/
.pos {
   background-position: bottom center!important;
}
.banner-img {
    width:100%;
    height:100%;
    object-fit:cover;
    background-position:center center;
}
.header-banner {
    position:relative;
}
.header-banner h1 {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    font-size: 29px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.mission-vision h2 {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #1C81B6;
}
.f-size-20{
    color:#000;
    font-size:1rem;
    line-height:1.5;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    text-align:justify;
}
.f-size-25 {
    color:#000;
    font-size:25px;
    line-height:1.5;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}
.color {
    color:#000;
    font-size:1rem;
    line-height:1.5;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}
.border-box {
    background: #F5F5F5;
    padding: 5% 5%;
    margin: 5% 0;
}
.size {
    height:500px!important;
    object-fit:contain;
    background-repeat:no-repeat;
}
.dot h2 {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #1C81B6;
}
.dot-context {
    position: relative;
    bottom: 165px;
    left: 1%;
    padding-right: 5%;
    text-align: left;
}
.date {
    font-size: 28px;
    font-weight: bold;
    position:relative;
    bottom:140px;
    left:2%;
}
.structure-title {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #1C81B6;
}
.structure-subtitle {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #1C81B6;
    font-size:20px;
}
.timeline-content p {
    color:#262626!important; 
    font-weight:300!important;
}
/**************mission vision carousel settings***********************/
.slide {
    margin: 10px !important;
    padding: 2% !important;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: all 300ms ease 0s;
    line-height: 0px !important;
    top: 0px;
}
.slide-down {
    padding-bottom:10px;
}
.slide-down button {
    border: 1px solid #57595F;
    height: 30px;
    width: 0;
    margin-top: 13px;
    border-radius: unset;
    border-color: transparent;
    background: #F9C124;
    display: inline-block;
    padding:0;
    margin:0;
}
.slide-title {
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    text-align: center;
}
#slider-nav .slick-list::before {
    content: "";
    display: block;
    background:#F9C124;
    width:100%;
    height:2px;
    position: absolute;
    top: 17px;
    bottom: 0;
    left:0;
    right:0;
}

/******************************citizen charter************************************************/
.pd-top {
    padding-top:60px;
}
.agencies {
    margin-bottom: 5%;
}
.agencies h2 {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #1C81B6;
}
.agencies-carousel img {
  height: 100px;
  object-fit: contain;   
}
.dl-links, .dl-links:hover,.dl-links:focus {
    text-decoration:underline!important;
    color:#1C81B6!important;
}
.font-roboto-sm {
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:1rem;
    color:#000;
}
/******************************about-the-philippines************************************************/
.background-container {
    background: #DEE1E7;
}
.the-title {
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #1C81B6;
}
.pd-r-1 {
    padding-right:1%;
}
.pd-r-2 {
    padding-right:2%;
}
.img-setting{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.banner-img img{
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    font-size: 29px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.highlights, .highlights:hover, .highlights:focus {
    color:#1C81B6;
}
.p-30 {
    padding:30px!important;
}
.h-600{
    height:500px;
    padding:30px!important;
}
.h-500 {
    height:500px;
    padding:30px!important;
}
.h-450 {
    height:400px;
    padding:30px!important;
}
.h-400 {
    height:350px;
    /*padding:30px!important;*/
}
.h-400-r {
    height:350px;
    padding:30px!important;
}
.h-300 {
    height:230px;
    padding: 30px!important;
}
.h-200 {
    height:200px;
    padding:30px!important;
}
.h-150 {
    height:177px;
    padding:30px!important;
}
.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.center-line {
    display: block;
    border: 1px solid #fff;
    margin: 60px 0;
}
.w-borderbox {
    background:#fff;
    padding:60px 30px;
    margin: 1% 0;
    width:100%;
    margin-bottom:3%;
}
.borderbox-sm {
    background:#fff;
    padding: 2% 2%;
    margin: 2% 0;
}
/**********************************Accreditation Page Settings*****************************************/
.accreditationBackground {
    background:#DEE1E7;
}
#accreditation_menu {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align:center;
}
#accreditation_menu li {
    display:inline-block;
    position:relative;
}
#accreditation_menu li a {
    padding:20px;
    display:block;
    color:#000;
    transition:all .2s ease-in;
}
#accreditation_menu li a:hover {
    background:#1C81B6;
    color:#fff;
}
.contentSet {
    background:#fff;
    color:#000;
}
.contentSet ul {
  list-style: disc;
  font-family: roboto;
  font-weight: 300;
  font-size:1rem;
}
.contentSet p {
  padding: 0 4%;
  font-size: 13px;
}
.introduction {
  background: #F9C124;
}
.same-container img {
  width: 100%;
  object-fit: contain;
  height: 90px;
  
}
.same-container h2{
  color: #fff;
  font-family: roboto;
  font-weight: 700;
}
.same-container p {
    color: #fff;
    font-family: roboto;
    font-weight: 300;
    font-size:1rem;
}

.paddingCenter {
  padding: 2% 20%;
}
.accreditation-accordion {
  background: #fff;
  padding: 3%;
  margin-bottom: 3%
}
.accredSettings h2{
    font-family:Roboto;
    font-weight:500;
    font-size:24px;
    color:#000;
}
.accredSettings p {
    font-family:Roboto;
    font-weight:300;
    font-size:16px;
    color:#000;
}
.accreditation-button {
  display: block;
  width: 250px;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  cursor:pointer;
  font-family: roboto;
  font-weight: 400;
  font-size:1rem;
}
.accreditation-button:hover {
    color:#1C81B6!important;
    border: 1px solid #1C81B6;
}
.accreditation-enterprise {
  display: block;
  color: #000;
  border-bottom: 2px solid #000;
  width: 100%;
  text-align: left;
  background: none;
  padding: 0;
  font-weight: 500;
  font-family: roboto;
  font-size: 20px;
  margin-bottom: 2%;
  position: relative;
}
.accreditation-enterprise:hover,.accreditation-enterprise:focus,.accreditation-enterprise:focus-within {
  border-bottom: 2px solid #000;
  background: none !important;
  outline: none;
  border-top: none;
  padding:0;
}
.accreditation-enterprise:active {
  border-bottom: 2px solid #000;
  background: none;
  border-top: none;
  padding: 0;
}
.accreditation-enterprise::after {
    content: ' \25BC';
  display: inline-block;
  /*width: 20rem;*/
  /*height: 1rem;*/
  transition: transform .1s ease-in;
  font-size: 1rem;
  font-weight: 700;
  color:#000;
  text-align: right;
    position: absolute;
    right: 0;
    
}
.documentsReq h3 {
  text-transform: uppercase;
  font-family:roboto;
  font-weight:400;
  color:#000;
}
.req-post {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    height: 80px;
    display: flex;
    margin-bottom: 5%;
    align-items: center;
    justify-content: space-between;
}
.margin-rght-50 {
    margin-right:50px;
}
.card-title h4 {
    font-family:roboto;
    font-weight:300;
    color:#1C81B6;
}
.card-title {
  padding: 10px;
}
.download-file {
  padding-right: 20px;
}
.download-file a {
  display: block;
  width: 100px;
  border: 2px solid #1C81B6;
  border-radius: 20px;
  text-align: center;
  color: #1C81B6;
}
.download-file a:hover {
    background:#1C81B6;
    color:#fff;
}
.introduction-container {
  padding: 3% 0;
}
.iframe-container {
    position:relative;
    width:100%;
    padding-bottom:56.26%;
    height:0;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#whomayapply {
    background:#1C81B6;
}
#benefits {
    background:#ACC937;
}
#accreditationreq {
    background:#F28E2A;
}
#dot-accredited {
    background:#E33C31;
}
.title-padding {
    padding: 3% 0;
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
}
.paddingContent {
    padding:2% 6%;
    margin-bottom: 3%
}
/******************************tourism products*************************************************/
.pos-2 {
    background-position: bottom center;
}
/*.product div:nth-child(8){*/
/*    padding-left:0;*/
/*}*/
.color-title-w{
    color:#fff;
    font-size: 1rem;
    line-height: 1.5;
    font-family: BARABARAFINALRegular;
    font-weight: 400;
}
.color-w {
    color:#fff;
    font-size: 1rem;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: justify;
}
.borderbox{
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-color: #514d4d;
}
.icons{
    text-align: center;
    padding: 5%;
    text-transform: UPPERCASE;
    font-family: BARABARAFINALRegular;
    letter-spacing: 0;
    color: #fff;
}
.context{
    padding: 5%;
    color:#fff;
    padding-left:0;
}
/*********************************promotional events**********************************************/

.international-carousel img {
    width:100%;
    height:200px;
    object-fit:cover;
}
.international-carousel p {
    font-size:16px;
    font-weight:400;
}
.international-carousel p:nth-child(3) {
    font-weight:700;
    color:#1C81B6;
}
.international-carousel a {
    font-weight:700;
    color:#1C81B6;
    font-size:16px;
}
.background-settings {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.blue-icv {
    height: 71px;
    background: #00aff0;
    margin: 10px;
    width: 66%;
}
.blue-icv img{
    width:100%;
    height: 48px;
    object-fit: contain;
    margin-top: 10px;
    filter: brightness(12.5);
}  
.page-id-448 .headerTop, .page-id-448 .mainNavigation{
    display:none !important;
}
.headerh2{
        margin: 9px 0px;
    text-transform: UPPERCASE;
    /* font-family: BARABARAFINALRegular; */
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -1.7px;
}
.guidelinesWrapper{
    margin-bottom:70px; 
    margin-top:70px; 
    font-weight:600;
}
/***********************Doing Business************************************/
.invest {
  display: flex;
  align-items: center;
  justify-content:center;
  padding: 1% 0;
}
.invest img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  padding-right:10px;
}
.no-padding {
    padding:0;
}
.no-pd-topbot {
    padding: 0 2%!important;
}
.invest h2 {
  text-transform: uppercase;
  color: #1C81B6;
  font-family: BARABARAFINALRegular;
  font-size:28px;
  font-weight: 400;
}
.text-field {
  padding: 4%;
  padding-left:2%;
  padding-right:2%;
}
.image-field img {
    max-width:500px;
}
.text-field ul {
    list-style:disc;
}
.text-field ul li {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color:#000;
    text-align: justify;
}
.text-field h3 {
    color: #1C81B6;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 700;
}
.text-field p {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-overflow:ellipsis;
}
.invest-wrapper {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    background:#fff;
    margin-bottom:3%;
    padding:2% 1%;
}
.section-destination {
    text-align:center;
}
.space-wrapper {
    width: 100%;
    height: 600px;
    text-align: left;
    /*display: flex;*/
    /*align-items: center;*/
    /*background:#fff;*/
    /*margin:2%;*/
}
.f-style-italic {
    font-style:italic!important;
    /*font-family: 'Roboto', sans-serif!important;*/
    font-weight:300!important;
    /*font-size:1!important;*/
}
.text-field img {
  object-fit: cover;
  width: 100%;
  height:160px;
}
.section-destination .col-mid-33:nth-child(4) .space-wrapper .text-field img {
    padding: 0;
}
.section-destination .col-mid-33:nth-child(7) .space-wrapper .text-field img {
    padding: 0;
}
.section-destination .col-mid-33:nth-child(10) .space-wrapper .text-field img {
    padding: 0;
}
/************************Tourism Policies & Regulations*******************************/
.my-wrapper {
    width: 100%;
    height: 560px;
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 3%;
}
.for-title {
    margin-top:0;
    font-family: BARABARAFINALRegular;
    font-size:28px;
    text-transform: uppercase;
    color: #1C81B6;
    padding: 3%;
    text-align: center;
    margin: 0;
}
.my-subtitle {
    color: #1C81B6;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 700;
}
.my-subtext {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    text-align: justify;
}
.my-imagefield {
    padding: 3%;
}
.my-imagefield img {
    width:100%;
    object-fit:contain;
}
.repeat-wrapper {
  padding-bottom: 3%;
}
.my-textfield {
  max-width: 100%;
  height: auto;
  background: #fff;
  padding: 2%;
  padding-right: 2%;
  padding-right: 8%;
}
.bottom-space {
    margin-bottom:2%;
}
/**/
.mini-wrapper {
    width: 100%;
    height: 40px;
    background: #E2E5E7;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1%;
    height: 100%;
    max-height: 250px;
    padding: 2% 0;
    border-radius: 5px;
}
.mini-wrapper img {
    width: 50px;
    height: auto;
    max-height: 100px;
}
.mini-wrapper h4 {
    font-weight:300;
}
.date-posted, .mini-wrapper a {
  color: #1C81B6;
  font-size: 1rem;
  font-weight:700;
}
.date-posted {
  margin-left: 25px;
}
/*********************GAD******************************/
.hero-content {
    padding-top:2%;
}
.list-style {
    font-family: 'Roboto', sans-serif; 
    font-weight:300; 
    font-size:1rem; 
    color:#000;
    text-align: justify;
}
.list-style-number {
   font-family: 'Roboto', sans-serif;
   font-weight:300;
   font-size:1rem;
   color:#000; 
}
.list-style-number ul li {
    list-style:decimal;
}
.list-style ul li {
    list-style:none;
}
.list-style ul li::before {
  content: '\25A0';
  color: #1C81B6;
  font-weight: bold;
  display: inline-block;
  margin-left: -1em;
  width: 1em;
}
.gad-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 2%;
    flex-wrap: wrap;
    margin-bottom: 2%;
}
.style-selection {
  border: none;
  padding: 15px;
  border-radius: 10px;
  font-size: 20px;
  font-family: Roboto;
  font-weight: 500;
  box-shadow: 0 15px 15px #efefef;
  border: 2px solid #1C81B6;
  
}
.data {
    display:none;
}
.gad-tabs {
    border-bottom:2px solid #929292;
    margin-bottom:2%;
    margin-right:2%;
}
.gad-tab {
    border: none;
    background: transparent;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    position: relative;
    top: 3px;
}
.regional-tab:hover:active:focus {
  padding: 0;
}
.regional-tab:hover:active:focus {
  background: #1C81B6;
  border-bottom:none;
}
.regional-tab:hover{
    background:#1C81B6;
}

.gad-tab:hover {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    /*border-bottom:4px solid #1C81B6;*/
    position:relative;
    top:3px;
}

.regional-tab:hover {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    /*border-bottom:4px solid #1C81B6;*/
    position:relative;
    top:3px;
}
.gad-tab:focus {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    border-bottom:4px solid #1C81B6;
    position:relative;
    top:3px;
}

.regional-tab:focus {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    /*border-bottom:4px solid #1C81B6;*/
    position:relative;
    top:3px;
}

.gad-tab:active {
    /* background:transparent!important; */
     outline:none;
}

.regional-tab:active {
   /* background:transparent!important; */
    outline:none;
}
/**/
.gad-tab:active,.regional-tab:active {
     /*background:transparent!important;*/
     outline:none;
}
.gad-officer {
    font-family: 'BARABARAFINALRegular';
    font-weight:400;
    font-size:20px;
    color:#1C81B6;
    text-transform:uppercase;
}
.gad-activities {
    width: 100%;
    height:300px;
    object-fit: cover;
}
.selection {
    font-family: 'Roboto', sans-serif;
    font-weight:700;
    font-size:20px;
    color:#1C81B6;
    text-transform:uppercase;
}
.fix-padding {
    padding:0 2% 2% 0;
}
.parent {
  position: relative;
}
.executive-img {
    width:100%;
    height:300px;
}
.fz-normal {
    font-size:1rem!important;
}
.gad-img-b {
    width:100%;
    height:300px;
    /*border:1px solid #1C81B6;*/
}
.gad-img {
    max-width:100%;
    height:auto;
}
.person-details {
   position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px;
    padding-bottom: 45px;
}
.gad-name {
  position: unset;
  /*top: 70%;*/
  /*left: 10%;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size:12px;
  color:#fff;
  margin: 0 !important;
  line-height:1.3;
}
.gad-title {
  position: unset;
  /*top: 76%;*/
  /*left: 10%;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size:12px;
  color:#fff;
  line-height: 1.3;
  margin: 0 !important;
}
.gad-name-technical {
  position: absolute;
  top: 70%;
  left: 15%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}
.gad-member {
  position: absolute;
  top: 76%;
  left: 20%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  padding-right: 10%;
  padding-bottom: 10%;
  line-height: 1.3;
}
.over-tab .parent:nth-child(7) .gad-name,
.over-tab .parent:nth-child(8) .gad-name,
.over-tab .parent:nth-child(9) .gad-name {
    top: 67%;
    padding-right: 10%;
    line-height:1.3;
}
.law ul li, .law span {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:20px;
    color:#000;
}

.over-tab .parent:nth-child(3) .gad-title {
  top: 81%;
}
.gad-news-img {
    padding: 2% 20%;
    max-width: 100%;
    height: auto;
}
.sm-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#1C81B6;
}
.zoom-hover {
    max-width: 100%;
    height: auto;
    transition: .2s ease-in-out;
}
.zoom-hover:hover {
    position:relative;
    transform:scale(1.5);
    z-index:3;
}
.accordion {
  margin: 5% 0;
}
.accordion-content {
  font-family:'Roboto';
  font-size: 16px;
  font-weight:300;
  line-height: 1.4;
  margin-bottom: 1rem;
  padding: 1rem;
  color:#000;
}
.accordion-question2 {
    height:93px!important;
}
.accordion-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    border: none;
    background: #F1F2F2!important;
    color: #484848;
    padding: 0;
    margin-bottom: 1rem;
    padding-left:1%;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight:700;
    height: 40px;
}
.accordion-question::after {
    content: '\25BC';
    display: block;
    width: 2rem;
    height: 2rem;
    transition: transform .1s ease-in;
    font-size: 1rem;
    font-weight: 700;
}
.accordion-question.open {
    color:#1C81B6;
    font-weight: 700;
}
.accordion-question.open::after{
    transform: scaleY(-1);
}
.accordion-question:focus,
.accordion-question:focus-visible,.accordion-question:active {
    outline: none;
    border:none;
    padding-left:1%!important;
}
.accordion-question:active {
    padding:0;
}
.accordion-collapse.collapse {
    display: none;
}
.accordion-collapse.collapsing {
   height: 0;
   overflow: hidden;
   transition: height .3s ease-in-out;
}
.accordion-collapse.open {
    display: block;
}
.accordion-content ul li a,
.accordion-content ol li a{
  color: #1C81B6;
}
.box-container{
    background-color: #e9e9e9;
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 20px;
    height: 70px;
    border-style: solid;
    border-color:blue;
    margin-bottom: 25px;
  }
  .left-box {
  margin-top: 10px;
  float:left; 
  width:40%;
  height:50px;
  align-items: center;
  display: flex;
  justify-content: center;
  
  }
  .right-box {
  margin-top: 10px;
  float:left; 
  width:60%;
  height:50px;
  align-items: center;
  display: flex;
  justify-content: center;
  }
  

table, td, th {
    border: none;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
  }
  
  td {
    text-align: center;
  }
  

.gad-tabs {
    border-bottom:2px solid #929292;
    margin-bottom:2%;
    margin-right:2%;
}

.regional-tabs {
    /* border-bottom:2px solid #929292; */
    margin-bottom:10px;
    /*margin-right:2%;*/

}

.gad-tab{
    border: none;
    background: transparent;
    /* background: #00a1f1;*/
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    position: relative;
    top: 3px;
}

.regional-tab {
    border: none;
    background: #00a1f1;
    color: rgb(255, 255, 255);
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    position: relative;
    top: 3px;
    margin-left: 10px;
    width:100px;
    height:40px;
    text-align:center;
    padding:0;
    margin-bottom:10px;
}
.regional-tab:hover:active:focus {
  padding: 0;
}
.regional-tab:hover:active:focus {
  background: #1C81B6;
  border-bottom:none;
}
.regional-tab:hover{
    background:#1C81B6;
}

.gad-tab:hover {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    /*border-bottom:4px solid #1C81B6;*/
    position:relative;
    top:3px;
}

.regional-tab:hover {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    /*border-bottom:4px solid #1C81B6;*/
    position:relative;
    top:3px;
}
.gad-tab:focus {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    border-bottom:4px solid #1C81B6;
    position:relative;
    top:3px;
}

.regional-tab:focus {
    border:none;
    color:rgb(255, 255, 255);
    background:#1C81B6;
    outline:none;
    /*border-bottom:4px solid #1C81B6;*/
    position:relative;
    top:3px;
}

.gad-tab:active {
    /* background:transparent!important; */
     outline:none;
}

.regional-tab:active {
   /* background:transparent!important; */
    outline:none;
}

/*==========================*/

.gad-tab:active,.regional-tab:active {
     /*background:transparent!important;*/
     outline:none;
}
.gad-officer {
    font-family: 'BARABARAFINALRegular';
    font-weight:400;
    font-size:20px;
    color:#1C81B6;
    text-transform:uppercase;
}

.selection {
    font-family: 'Roboto', sans-serif;
    font-weight:700;
    font-size:20px;
    color:#1C81B6;
    text-transform:uppercase;
}
.fix-padding {
    padding:0 2% 2% 0;
}
.parent {
  position: relative;
}
.executive-img {
    width:100%;
    height:300px;
}
.fz-normal {
    font-size:1rem!important;
}
.gad-img-b {
    width:100%;
    height:300px;
    /*border:1px solid #1C81B6;*/
}
.gad-img {
    max-width:100%;
    height:auto;
}
.person-details {
   position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px;
    padding-bottom: 45px;
}
.gad-name {
  position: unset;
  /*top: 70%;*/
  /*left: 10%;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size:12px;
  color:#fff;
  margin: 0 !important;
  line-height:1.3;
}
.gad-title {
  position: unset;
  /*top: 76%;*/
  /*left: 10%;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size:12px;
  color:#fff;
  line-height: 1.3;
  margin: 0 !important;
}
.gad-name-technical {
  position: absolute;
  top: 70%;
  left: 15%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}
.gad-member {
  position: absolute;
  top: 76%;
  left: 20%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  padding-right: 10%;
  padding-bottom: 10%;
  line-height: 1.3;
}
.over-tab .parent:nth-child(7) .gad-name,
.over-tab .parent:nth-child(8) .gad-name,
.over-tab .parent:nth-child(9) .gad-name {
    top: 67%;
    padding-right: 10%;
    line-height:1.3;
}
.law ul li, .law span {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:20px;
    color:#000;
}

.over-tab .parent:nth-child(3) .gad-title {
  top: 81%;
}
.gad-news-img {
    padding: 2% 20%;
    max-width: 100%;
    height: auto;
}
.sm-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#1C81B6;
}
.zoom-hover {
    max-width: 100%;
    height: auto;
    transition: .2s ease-in-out;
}
.zoom-hover:hover {
    position:relative;
    transform:scale(1.5);
    z-index:3;
}
.accordion {
  margin: 5% 0;
}
.accordion-content {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 1rem;
  padding: 1rem;
  color:#000;
}
.accordion-question2 {
    height:93px!important;
}
.accordion-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    border: none;
    background: #F1F2F2!important;
    color: #484848;
    padding: 0;
    margin-bottom: 1rem;
    padding-left:1%;
    font-family: 'Roboto';
    font-size: 1rem;
    font-weight:900;
    height: 40px;
}
.accordion-question::after {
   content: '\25BC';
    display: block;
    width: 2rem;
    height: 1rem;
    transition: transform .1s ease-in;
    font-size: 1rem;
    font-weight: 700;
}
.accordion-question.open {
    color:#1C81B6;
    font-weight: 700;
}
.accordion-question.open::after{
    transform: scaleY(-1);
}
.accordion-question:focus,
.accordion-question:focus-visible,.accordion-question:active {
    outline: none;
    border:none;
    padding-left:1%!important;
}
.accordion-question:active {
    padding:0;
}
.accordion-collapse.collapse {
    display: none;
}
.accordion-collapse.collapsing {
   height: 0;
   overflow: hidden;
   transition: height .3s ease-in-out;
}
.accordion-collapse.open {
    display: block;
}
.accordion-content ul li a,
.accordion-content ol li a{
  color: #1C81B6;
}
/******************contact settings********************/
.contact {
    height: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    font-size:18px;
    color:#1C81B6;
    text-align: center;
    padding:0;
    display:block;
}
.single-contain {
  margin: 0 auto; 
  padding: 0 30%; 
}
.contact::after {
  content: 'â–¼';
  display: block;
  width: 20rem;
  height: 1rem;
  transition: transform .1s ease-in;
  font-size: 1rem;
  font-weight: 700;
  color:#000;
}
.no-margin {
    margin-bottom:0;
}
.have-bg {
    background: #F1F2F2 !important;
}
.con-tabs {
  display: flex;
  background-color: #1C81B6;
  justify-content: center;
  transition: .3s ease-in-out;
}
.con-tab:hover, .con-tab:focus, .con-tab:active {
  background: #fff;
  color: #000;
  font-weight: 700;
}
.con-tabs button {
  border: none;
  width: 300px;
  height: 60px;
  background: transparent;
}
.overseas-tabs {
  border-bottom: 1px solid #E5E5E5;
}
.overseas-tabs button {
  border: none;
  background: none;
  color: #000;
  position:relative;
  top:3px;
  font-family:'Roboto';
  font-size:1rem;
}
.content-body p {
  font-family: roboto;
  font-weight: 300;
  font-size:1rem;
}
.content-body a {
  color: #1C81B6;
}
.overseas-tabs button:active, .overseas-tabs button:focus {
  position: relative;
  top: 3px;
  border-bottom: 4px solid #1C81B6;
  font-size:1rem;
  padding: 11px 24px 6px;
}
/*.first {*/
/*      border-bottom: 4px solid #1C81B6!important;*/
/*}*/
.sub-tab:nth-child(1):hover ,.sub-tab:nth-child(1):focus {
    position: relative;
    top: 3px;
    border-bottom: 4px solid #1C81B6;
    padding: 11px 24px 6px;
}
.sub-tab:nth-child(2):hover, .sub-tab:nth-child(1):focus {
    position: relative;
    top: 3px;
    border-bottom: 4px solid #19519F;
    padding: 11px 24px 6px;
}
.sub-tab:nth-child(3):hover, .sub-tab:nth-child(1):focus {
    position: relative;
    top: 3px;
    border-bottom: 4px solid #ACC937;
    padding: 11px 24px 6px;
}
.sub-tab:nth-child(4):hover, .sub-tab:nth-child(1):focus {
    position: relative;
    top: 3px;
    border-bottom: 4px solid #F28E2A;
    padding: 11px 24px 6px;
}
.sub-tab:nth-child(5):hover, .sub-tab:nth-child(1):focus {
    position: relative;
    top: 3px;
    border-bottom: 4px solid #53ADE1;
    padding: 11px 24px 6px;
}
.sub-tab:nth-child(6):hover, .sub-tab:nth-child(1):focus {
    position: relative;
    top: 3px;
    border-bottom: 4px solid #E33C31;
    padding: 11px 24px 6px;
}
.asia-container {
    /*display:flex;*/
    padding:4% 0;
}
.region {
  margin: 0 15%;
}
.buttons {
    /*margin-right: 5%;*/
    /*margin-left: 5%;*/
}
.list-container {
    display: inline-block;
    width:200px;
    height:auto;
    background:#EDEDED
}
.list-container {
    display:none;
    opacity:0;
    transition: all 2s ease-in-out;
}
.dropitem {
    border:none;
    width: 200px;
    height:50px;
    background: #EDEDED;
    color:#1C81B6;
    cursor:pointer;
}
.dropitem::after {
    color:#C4C4C4;
    content: " â–¼";
    
}
.dropitem:hover, .dropitem:focus, .dropitem:active {
    background: #EDEDED;
    color:#1C81B6;
    border:none;
}
/**/

.dropitem,.list-container {
    border:none;
    outline:none;
    transition: 0.3s;
}
.list-effect {
    /* position:absolute; */
    transform:scaleY(0);
    transform-origin: top;
    transition: 0.3s;
}
.newlist {
    transform:scaleY(1);

}

.list-container:hover {
    transform: scale(1.1);
}

	.footerWrapper ul {
    padding: 0 0 0 20px;
}
	
	.home .video-wrapper .col-mid-25 {
    position: relative;
}

.home .video-wrapper .col-mid-25 .video-title {
    top: unset;
    position: absolute;
    bottom: 0;
}
	

	.resp-menu {
		display: none;
	}
	
	.menu-overlay {
		display: none;
	}

	.home .philippineNumbersWrapper .standardCenter {
width: 100%;
}
	
	.home .philippineNumbersWrapper .wrapper {
    width: 100%;
}

.home .philippineNumbersWrapper .interest {
    width: 100%;
}
	
	.home .philippineNumbersWrapper .wrapper {
    word-break: break-word;
}
	
	.home .tabs .tab {
		padding: 20px 0;
	}

	.interestBody .interest {
object-fit: cover;
    background-position: 50% 50%;
}
/*  */

/****************** Responsive ********************/
@media only screen and (min-width: 1367px) {
	.visitorCounter .date {
	    margin-right: 112px;
	}
	.bids-sidebar {
	  margin-top: 35%;
	}
}

@media only screen and (max-width: 1366px) {
	    .dot-bg {
/*         height: 526px!important; */
    }
    .ds_content {
        padding: 3% 10% 2% 10%!important;
    }
	
    #slider-nav .slick-list::before {
        top:18px;
    }
    #office img {
        height:450px;
    }
    .officials-tabs, .officials-title {
        margin: 0 11px;
    }
    .style-tab {
        margin-right:5px;
        font-size:12px;
    }
	
		.home .covid-announcement .col-mid-90 {
    float: none;
    width: auto;
    }
    
    .home .close-btn .far {
        top: 0;
    }
    	
    	.home .covid-announcement {
        top: 0;
    }
    
    .home .tabs {
    margin-top: 0;
        top: 0 !important;
    }
    	
    	.home .philippineNumbersWrapper h3 {
        font-size: 25px;
    }
    .mainNavigation ul > li > a {
        padding:18px 20px;
    }
	.bids-sidebar {
		margin-top: 49%;
	}
}

@media only screen and (max-width: 1340px ) {
.mainNavigation ul>li>a {
    padding: 21px 5px;
    font-size: 13px;
}

.top_head_menu #menu-top-head-menu a {
    font-size: 13px;
}
	}

@media only screen and (max-width: 1280px)  {
    .officials-tabs {
        margin:0 7px;
    }
    .footerLogos ul li:nth-child(3) img {
  width: 100px !important;
}
    .style-tab{
        font-size:11px;
    }
    .pd-btom {
        padding-bottom:1%;
    }
    #office img {
        height:430px;
    }
    #admin img {
        height:430px;
    }
    #slider-nav .slick-list::before {
        top:17px;
    }
    .f-size-20 {
        font-size:1rem;
    }
    .h-600{
    height:600px;
    padding:30px!important;
}
.h-500 {
    height:500px;
    padding:30px!important;
}
.h-450 {
    height:450px;
    padding:30px!important;
}
.h-400 {
    height:400px;
    /*padding:30px!important;*/
}
.h-300 {
    height:300px;
    padding: 30px!important;
}
.h-200 {
    height:200px;
    padding:30px!important;
}
.h-150 {
    height:150px;
    padding:30px!important;
}
/*Accreditation Publication*/
.publication-box {
    height: 140px!important;
}
	
	    .ds_img img {
        min-width: 554px;
    }
    .centralContainer .content {
        padding: 15px!important;
    }
    .centralContainer.pd-right {
        padding-right:10px;
    }
    .contentBox.old {
        height: 90px!important;
    }
    .newsbox h1.news-title {
        font-size:13px!important;
    }
	.bids-sidebar {
    margin-top: 40%;
	}
}






/*Mobile*/
@media only screen and (max-width:1200px) {
    .philippineNumbersWrapper .col-mid-20 {
        width:33.33%;
    }
}



@media only screen and (max-width:1024px) {
	.ds_img img {
		min-width: 664px;
		position:relative;
		left:-107px;
	}
	.dot-bg {
		position:relative;
	}
    .philippineNumbersWrapper .wrapper {
        max-width:278px;
    }
    .searchbox ul {
      display: contents;
    }
    .col-mid-25.responsive-mid-20 {
      width: 20%;
    }
    .col-mid-30.responsive-mid-40 {
      width: 40%;
    }
    /*aboutthephilippines*/
    .page-id-255 .h-450{
        height: 505px!important;
    }
    .page-id-255 .h-300 {
        height: 260px!important;
    }
    .page-id-255 .h-600 {
        height: 630px!important;   
    }
    .h-400-r {
        height: 435px!important;
    }
    .h-400 {
        height: 435px!important;
    }
    /*Tourism Industries*/
    .products .borderbox {
        height: 612px;
    }
    /*contact*/
    .centralContainer .content{
        position:relative;
    }
    .centralContainer .content .email {
        width:fit-content!important;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    /*Accreditation*/
    .announcement-box {
        height:fit-content!important;
    }
    .announcement-fl {
        width:100%!important;
    }
    .announcement-fr {
        float:unset!important;
        width:unset!important;
    }
    .announcement-fr a {
        display: inline-block!important;
        width: 100%;
        text-align: center;
    }
    /*Accreditation Publication*/
    .publication-box {
        height:165px !important;
    }
    /*Accreditation NEWS*/
    .newsbox {
        width:48%!important;
    }
    .clear.news{
        clear:unset;
    }
    .clear.news::after {
        clear:unset;
    }
    .newsbox-full .dateBox {
        height: 145px!important;
        padding:38px 20px!important;
    }
    .latest-box .three_fourth {
        width:58%!important;
    }
    .latest-box .one_fourth {
        width:40%!important;
    }
    .one_fourth .newsbox {
        width:100%!important;
    }
    .newsbox-full h1.news-title{
        font-size:1rem!important;
    }
    .newsbox h1.news-title {
        font-size:13px!important;
    }
    .contentBox.old  {
        height:75px!important;
    }
    .officials-tabs {
        border:none!important;
    }
    .style-tab {
        padding-right:5px;
        padding-left:4px;
        font-size:11px;
        margin-right:unset
    }
    .style-tab:last-child {
       width:unset;
    }
    .style-tab:last-child:hover {
       width:unset;
    }
     /**key officials***/
    
    .tab .col-mid-50 {
        width: 100%;
      }
    .publication-post {
        height:fit-content!important;
    }
    
    #office img {
        height: 330px; 
    }
    #admin img {
        height:430px;
    }
    .w-borderbox {
      padding:15px 30px;
    }
    .color {
        font-size:15px;
    }
    #slider-nav .slick-list::before {
        top:15px;
    }
    .tab .col-mid-33 {
        width:50%;
    }
	
		.home .tabs .tab .margin-right-40 {
margin: 0;
}

.home .tabs .tab .col-mid-33 {
    width: 31.33%;
    margin: 0 1%;
}
	
	.home .tabs .tab .advisory-post {
    margin: 0;
	}
	
	.home .tabs .tab .advisory-post .excerpt {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 52px !important;
}
	
	.home .standardCenter {
    margin: 0 auto;
    width: 100%;
}

.home .interest {
font-size: 13px;
}
	.home .philippineNumbersWrapper .wrapper {
    max-width: 100%;
}
	
	.footerWrapper, .govFooter, ul.gov-links li a {
    font-size: 12px;
}

.footerWrapper h3 {
    font-size: 14px !important;
}

.footerWrapper ul>li {
    padding: 3px 0;
}

.social-media .fab {
font-size: 25px !important;
}

.government-logos img {
    height: 30px;
}
	
	.partner-box {
		padding-right: 20px;
	}
	.fz img {
		min-height:unset;
	}
}
@media only screen and (max-width:999px) {
     /*carousel*/
    .item img {
      display: unset !important;
    }
    #govFooter .col-mid-30 {
        width:100%;
        float:left;
    }
    #govFooter .col-mid-70 {
        width:100%;
    }
     .col-mid-25.responsive-mid-20 {
      width: 100%;
    }
    .col-mid-30.responsive-mid-40 {
      width: 100%;
    }
    .footer-mg-top {
        margin-top:0;
    }
    .foi {
        margin:0;
    }
    .rop {
        margin:0;
    }
    .mg-bot {
        margin-bottom:25px;
    }
    .searchbox ul {
      display: contents;
    }
     /*aboutthephilippines*/
    .page-id-255 .h-450{
        height: 590px!important;
    }
    .page-id-255 .h-600 {
        height: 705px!important;   
    }
    .h-400-r {
        height: 490px !important;
    }
    .h-400 {
        height: 490px !important;
    }
    /*Tourism Industries*/
    .products .borderbox {
        display:block;
        overflow:scroll;
        height:400px;
    }
    .context {
        padding-left:5%;
    }
    /*Contact*/
    .centralContainer .content {
        min-height:230px!important;
    }
    .centralContainer .content .dept {
        font-size:12px;
    }
    .centralContainer .content .name {
        font-size:13px;
    }
    .accord-title {
        font-size:14px;
    }
    /*Accordion*/
    .announcement-box {
        width:48%!important;
        height:100px!important;
    }
    .announcement-fl {
        float:left;
        width: calc(100% - 110px)!important;
    }
    .announcement-fr {
        float:left!important;
        width:110px!important;
    }
    .clear.announce {
        clear:unset;
    }
    .clear.announce::after {
        clear:unset;
    }
    /*Accordion Publication*/
    .publication-box {
        width:100%!important;
        height:116px!important;
    }
    /*Accordion NEWS*/
    .contentBox.old  {
        height:90px!important;
    }
    
}
@media only screen and (max-width: 912px) {
    /*Sub Page Mission and Vision*/
    .icon-img {
        float: none !important;
        text-align: center;
        width: 100% !important;
    }
    h2.structure-subtitle {
        text-align: center;
    }
    .icon-content {
          width: 100% !important;
    }
    /*Doing Business*/
    .image-field img {
        width:100%;
        max-width:unset;
    }
    .invest-wrapper {
        display:block;
        padding:4%;
    }
    .have-translate-right {
        transform:translateX(0)!important;
    }
    .have-translate-left {
        transform:translateX(0)!important;
    }
    .invest h2 {
        font-size:25px;
    }
}

@media only screen and (max-width: 860px) {
    /*#btn, #cancel {*/
    /*    top:0;*/
    /*}*/
   
    .headerTop {
        height:63px;
    }
    /*.mainNavigation ul {*/
    /*    position:absolute;*/
    /*    width:100%;*/
    /*    height:100vh;*/
    /*    background:rgb(240, 240, 240);*/
        /*top:185px;*/
    /*    left:-100%;*/
        /*text-align:center;*/
    /*    transition: all .5s;*/
    /*    z-index:105;*/
    /*}*/
    /*form {*/
    /*    width:50%;*/
    /*}*/
    /*.mobile-logo {*/
    /*      display: flex;*/
    /*      justify-content: center;*/
    /*      align-items: center;*/
    /*      width: 100%;*/
    /*}*/
    
    /* .mainNavigation ul li {*/
    /*    display:block;*/
    /*    margin:20px 0;*/
    /*    line-height:30px;*/
    /*}*/
    /* .mainNavigation ul li a {*/
    /*    font-size: 17px;*/
    /*}*/
    /*#check:checked ~ .mainNavigation ul{*/
    /*    left:0!important;*/
    /*}*/

    
    /*#auxiliary_menu .sub-menu {*/
    /*    width:100%!important;*/
    /*    margin-left:0!important;*/
    /*}*/
    /*banner settings*/
    .sliderWrapper .sliderImg .item-image {
        height:400px;
    }
    .sliderWrapper .sliderImg .item-image {
        background-position: top center;
        background-repeat: no-repeat;
    }
    #slider .caption{
        padding: 0 0 0 20px;
        font-size:24px;
        top:28%;
        text-align:left;
    }
    #slider .sub-caption {
        text-align: left;
        padding: 0 0 0 20px;
    }
    #slider .sub-caption h3 {
        font-size:1rem;
    }
    /*announcement*/
    .close-btn .far {
        top:0;
    }
    .embed-container {
        height:fit-content;
    }
    #myVideo{
        height:auto;
    }
    .tab .col-mid-33 {
        width:100%;
    }
    .interest {
        font-size:10px;
    }
    /*aboutthephilippines*/
    .page-id-255 .h-450{
        height: 629px !important;
    }
    .page-id-255 .h-300 {
      height: 295px !important;
    }
    .page-id-255 .h-600 {
        height: 750px !important;   
    }
    .h-400-r {
        height: 515px !important;
    }
    .h-400 {
        height: 515px !important;
    }
    /*Tourism Policies & Regulations*/
    .my-wrapper {
        display:inline-block!important;
    }
    .my-wrapper .my-textfield {
        float:unset;
        width:100%!important;
    }
    .my-wrapper .my-imagefield {
        width: 100%!important;
        padding:0;
        float: unset;
    }
    /*Accreditation NEWS*/
    .latest-box .three_fourth  {
        width:100%!important;
        margin-bottom:30px;
    }
    .latest-box .one_fourth {
        width:100%!important;
    }
    .newsbox {
        width:100%!important;
    }
}
/*Android landscape and portrait*/
@media screen 
and (max-width: 846px)
and (max-height:414px){
    #btn, #cancel {
         margin-left:40px!important;
        top: 0;
    }
}
/*IPAD*/
@media screen 
and (max-width: 810px)
and (max-height:1080px){
    #btn, #cancel {
         
        top: 0;
    }
}
@media only screen and (max-width:769px) {
     #check:checked ~ label #btn {
        display:none;
    }
     #check:checked ~ label #cancel {
        display:block;
    }
    
}
@media only screen and (max-width: 768px) {
    
    /*.menu-item-has-children:active > .sub-menu {*/
    /*    opacity:1;*/
    /*    visibility:visible;*/
    /*}*/
    /*#auxiliary_menu .sub-menu {*/
    /*    height:100vh;*/
    /*}*/
   
    /*#auxiliary_menu .sub-menu .sub-menu {*/
    /*    top:unset!important;*/
    /*}*/
    
    label #btn {
        display:block;
    }
    .top_head_menu {
        display:none;
    }
    .searchbox {
        display:none;
    }
   
     .mainNavigation ul {
      top: 10%
    }
    /*#auxiliary_menu li.menu-item-has-children > a::after {*/
    /*    color: #16181a;*/
    /*    content: " â–¶";*/
    /*  font-size: 18px;*/
    /*  position: absolute;*/
    /*  right: 0;*/
    /*  width: 2rem;*/
    /*}*/
     .margin-right-40 {
        margin:0;
    }
  
    .footer-ul-mg {
        margin-top:0!important;    
    }
    .aboutgov ul {
        margin: 0;
    }
    /*the philippine toursim*/
    .philippineNumbersWrapper .col-mid-20 {
        width:100%;
    }
    .philippineNumbersWrapper .interest {
        width:100%;
    }
    .philippineNumbersWrapper .wrapper {
        width:100%;
        max-width:648px;
        position: unset;
    }
   
    .tourism-box {
       top: 0 !important;
    }
    /*#btn, #cancel {*/
    /*    top:  0;*/
    /*}*/
    /*carter*/
    .partners-container h2 {
        font-size:25px!important;
    }
    /*aboutthephilippines*/
    .page-id-255 .h-450{
        height: fit-content!important;
    }
    .page-id-255 .h-300 {
      height:fit-content!important;
    }
    .page-id-255 .h-600 {
        height: fit-content!important;   
    }
    .h-400-r {
        height: fit-content!important;
    }
    .pd-r-2 {
        padding-right:0;
    }
    .h-400 {
        height: fit-content!important;
    }
    /**/
    .products .borderbox {
      display: block;
      overflow: unset;
      height: fit-content;
    }
    /**/
    .for-title {
        font-size:25px;
    }
    .mini-wrapper {
        display:block;
        text-align:center;
    }
    #demand-statistics .for-title {
        font-size:25px;
    }
    /*Contact*/
    .centralContainer .content .email {
        width: fit-content !important;
        position:unset;
        transform:translateX(0);
    }
    .centralContainer .content {
        min-height: unset !important;
        height:fit-content!important;
    }
    /*Accordion*/
    .announcement-box {
        width:100%!important;
    }
    /*GAD*/
    .executive-img, .gad-img-b {
        height: 100%!important;
    }
    .person-details p {
        font-size:16px;
    }
    .youtube-video iframe {
        height: 400px;
    }
}

@media only screen and (max-width: 667px) {
    #btn, #cancel {
        top:0;
        margin-left:30px;
    }
    .publication-box {
          height: fit-content !important;
    }
}
@media only screen and (max-width: 550px)   {
    .req-post {
        display:block;
        text-align:center;
        height: fit-content;
        padding:20px;
    }
    .card-title {
        padding:0;
    }
    .download-file a {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .youtube-video iframe {
         height: 300px;
    }
}

/*TALK TO CALL*/
.roundedFixedBtn{
          text-align: center;
          cursor: pointer;
        }

/*mobile portrait*/
@media only screen and (max-width: 414px) {
    .mobile-logo {
          display: flex;
          justify-content: end;
          align-items: center;
          width: 100%;
    }

 
    #slider .caption {
      padding: 0 0 0 20px;
      font-size: 20px;
      top: 32%;
      text-align: left;
    }
    /*tourism in the phillipines*/
    .tourism-box {
        top:10px!important;
    }
    .tourismph-banner {
        background-position: top center;
        background-repeat: no-repeat;
    }
    .skyblue {
        height:150px;
    }
    #btn, #cancel {
    top:0;
    }
    .page-id-255 h2.the-title {
        font-size:25px!important;
    }
    /*Contact*/
    .con-tabs button {
        height:fit-content;
    }
    /*Accreditation*/
    .announcement-box {
        height:fit-content!important;
    }
    /*Accreditation Publication*/
    .publication-fr a {
        display: inline-block!important;
        width:100%;
        text-align:center;
        position:unset!important;
    }
    .publication-fr {
        width:100%!important;
        float:unset;
    }
    .publication-fl {
        width:100%!important;
    }
    /*Accreditation  NEWS*/
    .newsbox-full .dateBox {
      height: 180px !important;
      padding: 58px 20px !important;
    }
    h3.the-title {
        font-size:1rem;
    }
    .text-field h3 {
        font-size:18px;
    }
    .my-subtitle {
        font-size:18px;
    }
    #demand-statistics .for-title {
        font-size:20px;
    }
    .accredSettings h2 {
        font-size:20px;
    }
    .hero-content .col-mid-20 {
        text-align:center;
    }
}

@media only screen and (max-width: 390px) {
    .newsbox-full .dateBox {
        height: 195px !important;
    }
}
@media only screen and (max-width: 375px) {
    /*Publication Announcement*/
    .announcement-fl {
        width:100%!important;
    }
    .announcement-fr {
        float:unset;
        width:100%!important;
    }
}
/**/
@media only screen and (max-width: 320px) {
    #btn, #cancel {
      
        top: 0;
    }
    /*Sub Page Mission and Vision*/
    .icon-img {
        float: none !important;
        text-align: center;
        width: 100% !important;
    }
    h2.structure-subtitle {
        text-align: center;
    }
    .icon-content {
          width: 100% !important;
    }
    /*Accreditation NEWS*/
    .newsbox-full .entry-thumbnail img {
        height:250px!important;
    }
    .newsbox-full .contentBox {
        height: 85px!important;
    }
    .newsbox-full .dateBox {
        width: 25%!important;
        font-family: 'Open Sans', arial, sans-serif, FontAwesome!important;
        font-size: 12px!important;
        font-weight: 900!important;
        position: relative!important;
        top: -166px!important;
        padding: 10px!important;
        height:unset!important;
    }
    .newsbox-full .news-content {
        float:unset!important;
        width: 100%!important;
        position: absolute!important;
        bottom: -33px !important;
    }
    .newsbox-full h1.news-title {
        font-size:13px!important;
    }
    .short-description {
        display:none!important;
    }
}
@media screen 
and (max-width: 320px)
and (max-height:568px){
    #btn, #cancel {
        
        top: 0%;
    }
}

@media only screen and (max-width: 1200px ) {	
	.home .video-title {
font-size: 13px;
}
	}


@media only screen and (max-width: 1180px ) {
.home .standardCenter {
    padding-left: 5%;
    padding-right: 5%;
}

}

@media only screen and (max-width: 1150px ) {
.home #slider .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
}

.home .covid-announcement .col-mid-10 {
    width: auto;
    margin-right: 20px;
}
	
		.resp-menu {
			display: block;
		}
		
		.non-resp-menu {
			display: none;
		}
		
.menufl {
float: left;
    width: auto;
    padding: 10px 0;
}

.menufl img {
height: 50px;
}

.menufr {
    float: right;
    padding: 19px 0;
font-size: 20px;
line-height: 1;
}
		
		.menu-wrapper {
			width: 100%;
		}
		
		.menu-container {
			width: 90%;
			margin: 0 auto;
		}
		
		.menu-title {
			    padding: 10px 20px;
    font-weight: bold;
    border-top: 1px solid;
		}
	
	.search-box {
padding: 15px 20px;
    border-bottom: 1px solid #3c3c3c;
}

.search-box input[type="search"] {
    padding: 5px;
    width: 100%;
    border: 1px solid #686868;
    border-radius: 0;
}
		
		.menu-overlay {
height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #363636;
    overflow: scroll;
    transition: .5s;
}

.overlay-content {
    position: relative;
    top: 0;
    width: 100%;
    text-align: left;
    margin-top: 0;
    color: #fff;
    padding: 0;
    right: 0;
    border-top: 1px solid #3c3c3c;
}

.overlay-content .top_head_menu li, .overlay-content  .menu-auxiliary-menu-container li  {
	float: none;
	display: block; 
}


.overlay-content .top_head_menu li a, .overlay-content  .menu-auxiliary-menu-container li a {
padding: 10px 40px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    transition: .5s;
    border-bottom: 1px solid #3c3c3c;
    border-right: none;
    height: auto;
    background: #363636 !important;
    font-family: lato,sans-serif;
font-weight: normal;
    line-height: 1;
}

.overlay-content .top_head_menu li ul.sub-menu, .overlay-content .menu-auxiliary-menu-container li ul.sub-menu {
	height: auto;
	position: initial;
	width: 100% !important; 
	z-index: initial;
	    opacity: 1;
	    visibility: visible;
}
		
		.top_head_menu .sub-menu li {
border: none;
}

.overlay-content .top_head_menu li ul.sub-menu li a,  .overlay-content .menu-auxiliary-menu-container li ul.sub-menu li a {
	width: 100% !important;
	padding: 10px 40px 10px 60px !important;
	background: #2b2b2b;
	color: #fff !important;
}

.overlay-content .top_head_menu li ul.sub-menu li ul.sub-menu li a,  .overlay-content .menu-auxiliary-menu-container li ul.sub-menu li ul.sub-menu li a {
	padding: 10px 40px 10px 80px !important;
}

.overlay-content .top_head_menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a,  .overlay-content .menu-auxiliary-menu-container li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
	padding: 10px 40px 10px 100px !important;
}

.overlay-content .top_head_menu li a:hover, .overlay-content .top_head_menu li a:focus, .overlay-content .top_head_menu li ul.sub-menu li a:hover, .overlay-content .top_head_menu li ul.sub-menu li a:focus, .overlay-content .menu-auxiliary-menu-container li a:hover, .overlay-content .menu-auxiliary-menu-container li a:focus, .overlay-content .menu-auxiliary-menu-container li ul.sub-menu li a:hover, .overlay-content .menu-auxiliary-menu-container .menu li ul.sub-menu li a:focus {
    background: #307fba !important;
    background-color: #307fba!important;
    color: #fff !important;
}

.overlay-content .top_head_menu  .current_page_item > a, .overlay-content .top_head_menu .current_page_ancestor > a, .overlay-content .top_head_menu  .current-menu-item > a, .overlay-content .top_head_menu .current-menu-ancestor > a, .overlay-content .menu-auxiliary-menu-container  .current_page_item > a, .overlay-content .menu-auxiliary-menu-container  .current_page_ancestor > a, .overlay-content .menu-auxiliary-menu-container  .current-menu-item > a, .overlay-content .menu-auxiliary-menu-container .current-menu-ancestor > a {
background: #307fba !important;
    background-color: #307fba !important;
    color: #fff !important;
    font-weight: bold;
    font-style: normal;
}

.menu-overlay .closebtn {
    position: relative;
    top: 0;
    right: 0;
    font-size: 25px;
    text-align: right;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    padding: 20px 0 0;
    display: block;
}

.overlay-content ul#menu-top-head-menu-1, .overlay-content ul#auxiliary_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
		
		.top_head_menu, ul.nav-menu, div.nav-menu > ul {
display: block !important;
}
		
		#auxiliary_menu .sub-menu {
    margin-left: 0 !important;
    width: 100% !important;
}
		
	#auxiliary_menu li.menu-item-has-children>a:after, #menu-top-head-menu-1 li.menu-item-has-children>a:after {
display: none;
}
		
		.menu-overlay {
		display: block;	
		}
	}

@media only screen and (max-width:1126px) {
    .announcement-post {
        height: fit-content;
    }
}


@media only screen and (max-width: 1023px ) {	
.home .interestBody .col-mid-20 {
    float: left !important;
    width: 18% !important;
    margin: 0 1% 15px 1% !important;
}
	
.home .interestBody .clear {
display: none;
}
	
.home .interestWrapper .skyblue h3 {
margin-top: 0;
}

.home .interestWrapper .col-mid-20 {
    width: 100%;
    float: none;
}

.home .interestWrapper .col-mid-80 {
    width: 100%;
    float: none;
}

.home .skyblue {
height: auto;
    padding: 20px;
}
	
	.home .interestBody .col-mid-20 .margin-right {
		margin: 0;
	}
	
	.home .video-wrapper .col-mid-25 {
        width: 50%;
    float: left;
}

.home .video-wrapper .video-cover {
    height: 280px;
}

.home .video-wrapper .video-cover img {
    height: 280px;
}
	
	.home .philippineNumbersWrapper .col-mid-20 {
    width: 48%;
    float: left;
    margin: 1%;
}

.home .philippineNumbersWrapper .col-mid-20 .margin-right {
    margin-right: 0;
}
	.home .philippineNumbersWrapper .interest {
margin-bottom: 0;
    object-fit: cover;
    background-position: 50% 25%;
}
	

	}

@media only screen and (max-width: 999px ) {
	
	.footerWrapper .margin-right, .govFooter .margin-right {
margin: 0;
}
	
	.footerWrapper .col-mid-20, .govFooter .col-mid-20 {
float: none;
width: 100%;
}

.govFooter .footer-ul-mg {
    margin-top: 0 !important;
}
	}

@media only screen and (max-width: 900px ) {	
	.home .tourismph-banner .col-mid-40 {
margin-right: 0;
    float: none;
    width: 100%;
    text-align: left;
}

.home .tourismph-banner .tourism-box {
    left: 0;
    transform: none;
    top: 0;
    text-align: left;
    margin-bottom: 20px
}

.home .tourismph-banner .tourism-box h1 {
    font-family: roboto;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    padding: 10px 0;
}

.home .tourismph-banner .tourism-box img {
    float: left;
    width: auto;
}

.home .tourismph-banner  .col-mid-50 {
    margin-right: 0;
    float: none;
    width: 100%;
    text-align: left;
	}
		
		.home .interestWrapper .interest {
height: 125px;
}

.home .interestBody .col-mid-20 {
    width: 31% !important;
}
		.home .interestWrapper .col-mid-20 .margin-right {
    margin-right: 0;
}
	}

@media only screen and (max-width: 860px ) {		
	.home .embed-container, #myVideo {
    height: 426px !important;
}
	
	.home .advisory-post .card-body {
    padding: 0;
}

.home .advisory-post img {
height: 150px;
}

.home .advisory-post {
    height: 410px;
}
	}

@media only screen and (max-width: 800px ) {	
	
	.home .covid-announcement .col-mid-10 {
    float: left;
}
		
		.home #slider .owl-dots {
    top: 40%;
}

.home #slider .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
}
	}

@media only screen and (max-width: 768px) {
    .flex{
        display:block;
    }
    .flex-mobile{
        display:flex;
    }
	
		.home .tabs .tab .col-mid-33 {
		float: left;
	}
	
	.home .card-body h4 {
    font-size: 14px;
}
	
	.home .advisory-post img {
    height: 120px;
}

.home .advisory-post {
    height: 365px;
}
	
	.home .tourismph-banner .tourism-box h1 {
    font-size: 30px;
}
    .visitorWrapper {
    margin: 0 auto;
    width: auto;
    padding: 10px;
    text-align: center;
}
.visitorCounter {
    font-weight: normal !important;
    padding: 28px 0 17px 0px;
}
.visitorCounter .counter {
    text-align: left;
    font-weight: 700 !important;
    color: #fff;
    font-size: 56px !important;
    margin-left:8px;
}
.visitorCounter .date{
    text-align: center !important;
}
}


	@media only screen and (max-width:650px) {	
	.home .tabs .tab .col-mid-33 {
    float: none;
    width: 100%;
		margin-bottom: 15px;
}

.home .tabs .tab .col-mid-33 .advisory-post {
    height: auto;
}

.home .tabs .tab .col-mid-33 .position {
    position: relative;
    bottom: unset;
    left: unset;
}

.home .tabs .tab .col-mid-33 .advisory-post img {
    height: 160px;
}
	}

@media only screen and (max-width:600px) {	
	.home .interestBody .col-mid-20 {
    width: 48% !important;
}
	
	.home .covid-announcement .col-mid-10 {
    float: left;
    width: 35px;
    margin-right: 10px;
}

.home .covid-announcement img {
    width: 100%;
}

.home .covid-announcement {
    font-size: 11px;
}


.home .tabs label {
    padding: 20px 20px 20px 20px;
	line-height: 1;
}
.home	.close-btn .far {
    padding: 10px;
}
	}

@media only screen and (max-width:500px) {		
	      .home .video-wrapper .col-mid-25 {
        width:100%;
    }
	
		.home .philippineNumbersWrapper .col-mid-20 {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
}
}
@media only screen and (max-width:420px) {	
    .home .standardCenter {
        margin: 0 auto !important;
        width: 90% !important;
        padding: 0 !important;
    }
		
	.copyright {
		padding: 15px 5%;
	}
		
	.home .tabs label {
        padding: 10px 10px;
        font-size: 13px;
    }

    .home .yellow img, .home .green img, .home .orange img, .home .blue img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }
}



#instachat_holder.closed {	
	border:none  !important;	
	bottom:16vh !important;	
	right:15px !important;	
	width:50px !important;	
	height:50px !important;	
	background:transparent !important;	
	background-image: url(https://beta.tourism.gov.ph/wp-content/uploads/2023/09/logo.png) !important;
}