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

@font-face {
    font-family: 'NanumSquareEB';
    src: url('fonts/NanumSquareEB.eot');
    src: url('fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
         url('fonts/NanumSquareEB.woff') format('woff'),
         url('fonts/NanumSquareEB.ttf') format('truetype'),
         url('fonts/NanumSquareEB.svg#NanumSquareEB') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'KoPubDotumBold';
    src: url('fonts/KoPubDotumBold.eot');
    src: url('fonts/KoPubDotumBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/KoPubDotumBold.woff') format('woff'),
         url('fonts/KoPubDotumBold.ttf') format('truetype'),
         url('fonts/KoPubDotumBold.svg#KoPubDotumBold') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'KoPubDotumMedium';
    src: url('fonts/KoPubDotumMedium.eot');
    src: url('fonts/KoPubDotumMedium.eot?#iefix') format('embedded-opentype'),
         url('fonts/KoPubDotumMedium.woff') format('woff'),
         url('fonts/KoPubDotumMedium.ttf') format('truetype'),
         url('fonts/KoPubDotumMedium.svg#KoPubDotumMedium') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'KoPubDotumLight';
    src: url('fonts/KoPubDotumLight.eot');
    src: url('fonts/KoPubDotumLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/KoPubDotumLight.woff') format('woff'),
         url('fonts/KoPubDotumLight.ttf') format('truetype'),
         url('fonts/KoPubDotumLight.svg#KoPubDotumLight') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'HarabaraMaisBold-HarabaraMaisBold';
    src: url('fonts/HarabaraMaisBold-HarabaraMaisBold.eot');
    src: url('fonts/HarabaraMaisBold-HarabaraMaisBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/HarabaraMaisBold-HarabaraMaisBold.woff') format('woff'),
         url('fonts/HarabaraMaisBold-HarabaraMaisBold.ttf') format('truetype'),
         url('fonts/HarabaraMaisBold-HarabaraMaisBold.svg#HarabaraMaisBold-HarabaraMaisBold') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'Gotham-Black';
    src: url('fonts/Gotham-Black.eot');
    src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gotham-Black.woff') format('woff'),
         url('fonts/Gotham-Black.ttf') format('truetype'),
         url('fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight.eot');
    src: url('fonts/GothamLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/GothamLight.woff') format('woff'),
         url('fonts/GothamLight.ttf') format('truetype'),
         url('fonts/GothamLight.svg#GothamLight') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'BrushScriptStd';
    src: url('fonts/BrushScriptStd.eot');
    src: url('fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'),
         url('fonts/BrushScriptStd.woff') format('woff'),
         url('fonts/BrushScriptStd.ttf') format('truetype'),
         url('fonts/BrushScriptStd.svg#BrushScriptStd') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'BrushScriptStd';
    src: url('fonts/BrushScriptStd.eot');
    src: url('fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'),
         url('fonts/BrushScriptStd.woff') format('woff'),
         url('fonts/BrushScriptStd.ttf') format('truetype'),
         url('fonts/BrushScriptStd.svg#BrushScriptStd') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'GmarketSansTTFBold';
    src: url('fonts/GmarketSansTTFBold.eot');
    src: url('fonts/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'), url('fonts/GmarketSansTTFBold.woff') format('woff'), url('fonts/GmarketSansTTFBold.ttf') format('truetype'), url('fonts/GmarketSansTTFBold.svg#GmarketSansTTFBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansTTFLight';
    src: url('fonts/GmarketSansTTFLight.eot');
    src: url('fonts/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'), url('fonts/GmarketSansTTFLight.woff') format('woff'), url('fonts/GmarketSansTTFLight.ttf') format('truetype'), url('fonts/GmarketSansTTFLight.svg#GmarketSansTTFBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansTTFMedium';
    src: url('fonts/GmarketSansTTFMedium.eot');
    src: url('fonts/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'), url('fonts/GmarketSansTTFMedium.woff') format('woff'), url('fonts/GmarketSansTTFMedium.ttf') format('truetype'), url('fonts/GmarketSansTTFMedium.svg#GmarketSansTTFMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jalnan';
    src: url('fonts/Jalnan.eot');
    src: url('fonts/Jalnan.eot?#iefix') format('embedded-opentype'), url('fonts/Jalnan.woff') format('woff'), url('fonts/Jalnan.ttf') format('truetype'), url('fonts/Jalnan.svg#Jalnan') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CoreGothicE-Medium';
    src: url('fonts/CoreGothicD-5Medium.eot?#iefix') format('embedded-opentype'), 
         url('fonts/CoreGothicD-5Medium.woff') format('woff'),
         url('fonts/CoreGothicD-5Medium.ttf') format('truetype'),
         url('fonts/CoreGothicD-5Medium.svg#CoreGothicD-5Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'barabara';
    src: url('fonts/BARABARAFINALRegular.eot?#iefix') format('embedded-opentype'), 
        url('fonts/BARABARAFINALRegular.woff') format('woff'), 
        url('fonts/BARABARAFINALRegular.ttf') format('truetype'),
        url('fonts/BARABARAFINALRegular.svg#BARABARAFINALRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OKDDUNGA1';
    src: url('fonts/OKDDUNGA1.eot?#iefix') format('embedded-opentype'), 
        url('fonts/OKDDUNGA1.woff') format('woff'), 
        url('fonts/OKDDUNGA1.ttf') format('truetype'),
        url('fonts/OKDDUNGA1.svg#OKDDUNGA1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Elice-Bold';
    src: url('fonts/EliceDXNeolli-Bold.eot');
    src: url('fonts/EliceDXNeolli-Bold.eot?#iefix') format('embedded-opentype'), 
         url('fonts/EliceDXNeolli-Bold.woff2') format('woff2'),
         url('fonts/EliceDXNeolli-Bold.woff') format('woff'), 
         url('fonts/EliceDXNeolli-Bold.ttf') format('truetype'), 
         url('fonts/EliceDXNeolli-Bold.svg#EliceDXNeolli-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Elice-Light';
    src: url('fonts/EliceDXNeolli-Light.eot');
    src: url('fonts/EliceDXNeolli-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/EliceDXNeolli-Light.woff2') format('woff2'),
         url('fonts/EliceDXNeolli-Light.woff') format('woff'), 
         url('fonts/EliceDXNeolli-Light.ttf') format('truetype'),
         url('fonts/EliceDXNeolli-Light.svg#EliceDXNeolli-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jamsil Light';
    src: url('fonts/TheJamsil2Light.eot');
    src: url('fonts/TheJamsil2Light.eot?#iefix') format('embedded-opentype'), url('fonts/TheJamsil2Light.woff2') format('woff2'), url('fonts/TheJamsil2Light.woff') format('woff'), url('fonts/TheJamsil2Light.ttf') format('truetype'), url('fonts/TheJamsil2Light.svg#TheJamsil2Light') format('svg');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jamsil Regular';
    src: url('fonts/TheJamsil3Regular.eot');
    src: url('fonts/TheJamsil3Regular.eot?#iefix') format('embedded-opentype'), url('fonts/TheJamsil3Regular.woff2') format('woff2'), url('fonts/TheJamsil3Regular.woff') format('woff'), url('fonts/TheJamsil3Regular.ttf') format('truetype'), url('fonts/TheJamsil3Regular.svg#TheJamsil3Regular') format('svg');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jamsil Bold';
    src: url('fonts/TheJamsil5Bold.eot');
    src: url('fonts/TheJamsil5Bold.eot?#iefix') format('embedded-opentype'), url('fonts/TheJamsil5Bold.woff2') format('woff2'), url('fonts/TheJamsil5Bold.woff') format('woff'), url('fonts/TheJamsil5Bold.ttf') format('truetype'), url('fonts/TheJamsil5Bold.svg#TheJamsilOTF5Bold') format('svg');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jamsil ExtraBold';
    src: url('fonts/TheJamsil6ExtraBold.eot');
    src: url('fonts/TheJamsil6ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/TheJamsil6ExtraBold.woff2') format('woff2'), url('fonts/TheJamsil6ExtraBold.woff') format('woff'), url('fonts/TheJamsil6ExtraBold.ttf') format('truetype'), url('fonts/TheJamsil6ExtraBold.svg#TheJamsil6ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


*{
    margin:0;
}
html, body{
    height:100%;
}
body {
    padding:0;
    margin:0;
    background:#eeeeee;
}

p {
    font-family:'NanumSquareR',sans-serif;
    margin:20px 0;
    line-height:1.5;
}
/*strong {
    color:#585858;
}*/

h1 {
    margin:20px 0;
}
.text-left {
    text-align:left!important;
}
.text-right {
    text-align:right!important;
}

.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transition:0.5s;
}
header{
    width:100%;
    height:100px;
    background:#fff;
    box-sizing:border-box;
    padding: 0 43px 0;
    display:inline-block;
    vertical-align:middle; text-align:center;
    border:1px solid #e5e5e5;
    position:relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    z-index:9;
}

header .main-nav{
    width:54.7%;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
}
header .main-nav ul{
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:top;
}
header .main-nav li{
    display:inline-block;
    margin:0 1.5%;
    font-size:16px;
}

header .main-nav li a{
    font-family:'NanumSquareR', sans-serif;
    font-size:1vw;
    color:#000;
    text-decoration:none;
    box-sizing:border-box;
    border-bottom:5px solid #fff;    
}

header .main-nav li ul li a{
    border-bottom:none;
}

header a{
    display:inline-block;
    vertical-align:middle;
    overflow:auto;
    line-height:94px;
    float:left;
}
header .logo{
   display:inline-block;
   vertical-align:middle;
   width:150px;
}

    header .logo-mobile {
        display: none;
        vertical-align: middle;
        width:160px;
    }

header .social {
    float:right;
}
.row-home{
    margin-bottom:-3px;
    overflow:auto;
}
.yt-container {
    width:100%;
    display:flex;
    align-content:flex-start;
}
.thumb-container {
    width:58.3%;
    height:auto;
    display:flex;
    justify-content:center;
    flex-flow:row wrap;
    align-content:baseline;
}
.thumb .fa {
    color:#fff;
    font-size:30px;
    line-height:96px;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -ms-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
}
.thumb {
    width:48.7%;
    height:96px;
    background:#000;
    margin:2px;    
    cursor:pointer;
    box-sizing:border-box;

    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -ms-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
}
.thumb img {
    width:100%;
    height:100%;
}
.thumb1 {
    background: url(/img/youtube/img35.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.thumb2 {
    background: url(/img/youtube/img34.jpg?v=07032023) no-repeat;
    background-position: center center;
    background-size: cover;
}
.thumb3 {
    background:url(/img/youtube/img33.jpg) no-repeat;
    background-position:center center;
    background-size:cover;
}
.thumb4 {
    background:url(/img/youtube/img32.jpg) no-repeat;
    background-position:center center;
    background-size:cover;
}
.thumb5 {
    background:url(/img/youtube/img31.jpg) no-repeat;
    background-position:center center;
    background-size:cover;
}
.thumb6 {
    background:url(/img/youtube/img30.jpg) no-repeat;
    background-position:center center;
    background-size:cover;
}
.thumb7 {
    background:url(/img/youtube/thumb7.jpg) no-repeat;
    background-position:center center;
    background-size:cover;
}

.yt-main-video {
   width:680px;
   height:400px;
   display:flex;
   position:relative;
   justify-content:flex-end;
}
.view-all-btn h1, .view-all-btn p {
    font-size: 22px !important;
    border-bottom: none !important;
    background: #215ce2;
    padding: 7px 35px;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all .25s ease-in-out;
    display:inline-block
}
.view-all-btn p {
    font-size:18px!important;
}
.view-all-btn h1:hover {
    background:#fff;
    color:#215ce2;
}
.view-all-btn p:hover {
    background:#fff;
    color:#215ce2;
}

header .social a i{
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 7px;
    border-radius: 50%;
    background: #757575;
    width: 20px;
    height: 20px;
    transition: .5s;
    border: 1px solid #fff;
    margin: 0 5px;
}

header .social a i:hover{
     background: #fff;
     color:#757575;
      border: 1px solid #757575;
}
.proposal-btn{
    font-size:10px;
   text-transform:uppercase;
    color:#757575;
    font-family:NanumSquareR;
    border:1px solid #757575;
    padding:5px 10px;
    display:inline-block;
    margin-top:10px;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
cursor:pointer;
text-decoration:none;
}
/*#slide1{
    background:url(/img/cebu-banner.jpg) center center /auto 100%; height:590px
}
#slide2{
    background:url(/img/bohol-banner.jpg) center center /auto 100%; height:590px
}
#slide3{
    background:url(/img/manila-banner.jpg) center center /auto 100%; height:590px
}
#slide4{
    background:url(/img/baguio-banner.jpg) center center /auto 100%; height:590px
}
#slide5{
    background:url(/img/palawan-banner.jpg) center center /auto 100%; height:590px
}*/
#slide6 {
    background: url(/img/home-banners/tour-packages-banner-gif-new.gif) top center /auto 100%;
    background-repeat:no-repeat;
    height: 590px;
}
#slide7 {
    background: url(/img/home-banners/hoho-banner.jpg?) top center /auto 100%;
    background-repeat: no-repeat;
    height: 590px
}
#slide8 {
    background: url(/img/home-banners/lovethe-ph-banner.jpg?v=12) top center /auto 100%;
    background-repeat: no-repeat;
    height: 590px;
}
#slide9 {
    background: url(/img/home-banners/ebook-banner.jpg?v=1) top center /auto 100%;
    background-repeat: no-repeat;
    height: 590px
}

.big{
    width:229px;
    height:139px;
}
.medium{
    width:192px;
    height:118px;
}
.small{
    width:160px;
    height:98px;
}

.xl{
    width:325px;
    height:261px;
}
.more-btn-arrow {
    margin-left:20px;
}
.dropdown-box{
    width:100%;
    height:auto;
    background:#fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    position:absolute;
    top:99.5px;
    left:0;
    right:0;
    margin:auto;
    z-index:9999;
    box-sizing:border-box;
    padding:20px;
    display:none;
}
.drop-item{
    overflow:hidden;
    position:relative;
    margin-bottom:10px;
}
.dropdown-box ul li{
    margin:0 15px;
}
 .dropdown-box ul li p{
    margin:6px 0px;
}
 .dropdown-box h3{
     font-family:'NanumSquareR', sans-serif;
     font-size:18px;
     text-align:left;
     font-weight:normal;
     margin-bottom:15px;
 }
 .dropdown-box p{
     display:block;
     font-size:16px;
     margin-top:15px;
 }
 .desti-tabs {
     width:57%;
 }
 @media screen and (max-width:1229px) {
     .desti-tabs {
         width:80%;
     }
 }
 .dd1{
     /*background:url(../img/dropdown/dd1-bg.jpg);*/
     background-position:center center;
     background-size:cover;
 }
 .dd1 h3, .dd4 h3, .dd5 h3, .dd7 h3{float:left;}
 .dd1 ul, .dd4 ul,.dd5 ul, .dd7 ul{float:right;}
 .dd1 ul li{
     float:left;
 }
    .dd2 ul li{
        margin: 0px 0px;
    }
    .dd4 ul li {
        margin: 0px 1px;
    }
    .dd6 ul li {
        margin: 0px 0px;
    }
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition:all .25s ease-in-out;
}
 .overlay p{
     color:#fff;
 }
.drop-item:hover .overlay {
    opacity:1;
} 
 .dd1-overlay{
     background:url(/img/dropdown/dd1-overlay.jpg);    
 }
 .dd2-overlay{
     background:url(/img/dropdown/dd2-overlay.jpg);
 }
 .dd3-overlay{
     background:url(/img/dropdown/dd3-overlay.jpg);
 }
.dd4-overlay {
    background: url(/img/dropdown/dd4-overlay.jpg);
}
 .dd5-overlay{
     background:url(/img/dropdown/dd5-overlay.jpg);
 }
 .dd6-overlay{
     background:url(/img/dropdown/dd6-overlay.jpg);
 }
 .dd7-overlay{
     background:url(/img/dropdown/dd7-overlay.jpg);
 }

 .x-links{
      color:#969696;
      text-decoration:none;
      margin-left:20px;
 }
 .x-links:hover{
     color:#014fcb
 }
 .x-links p{
     margin:0;
     font-size:12px;
     line-height:100px;
 }

 .nav-hover-1{
     color:#3859a3 !important;
     border-bottom: 5px solid #3859a3 !important;
 }
 .nav-hover-2{
     color:#4781ba !important;
     border-bottom: 5px solid #4781ba !important;
 }
 .nav-hover-3{
     color:#4ea6d8 !important;
     border-bottom: 5px solid #4ea6d8 !important;
 }
 .nav-hover-4{
     color:#e99740 !important;
     border-bottom: 5px solid #e99740 !important;
 }
 .nav-hover-5{
     color:#d7483b !important;
     border-bottom: 5px solid #d7483b !important;
 }
 .nav-hover-6{
     color:#ae3238 !important;
     border-bottom: 5px solid #ae3238 !important;
 }
 .nav-hover-7{
     color:#782622 !important;
     border-bottom: 5px solid #782622 !important;
 }
.nav-hover-8 {
    color: #e99740 !important;
    border-bottom: 5px solid #e99740 !important;
}

 video {
     object-fit:cover;
     background:#fff;
 }

.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
  content: "";
    display: table;
}
.clearfix:after { clear: both; }

.uppercase { text-transform: uppercase; }

/* NAVIGATION */

nav {
    margin: 50px;
} /*박스 외부 여백*/

  .mobile-menu{
      width:100%;
      position:relative;
      z-index:10;
      display:none;
      font-family: 'NanumSquareR';
      margin-top:5px;
  }
mobile-menu ul {
    background: #fff;
    display: inline-table;
    position: relative;
    width:100%;
}

.mobile-menu ul:first-child {
    padding: 0 0px;
}

.mobile-menu ul li {
 position:relative;
 border-bottom:1px solid #dadada;
 background:#fff;
}
.mobile-menu ul li:first-child{
     border-top:1px solid #dadada;
}

.mobile-menu ul li:hover {
    background: #eaeaea;
    color:#fff;
}

.mobile-menu ul li a {
    display: block;
   
    white-space: nowrap;
    text-decoration:none;
    color:#000;
    
}



.mobile-menu ul li:hover > ul {
    display: inline-block;
}

.mobile-menu ul li ul {
    display:none;

    top: 100%;
    width: 100%;/*리스트너비*/
    background:#063ca0;
    color:#fff;
}

.mobile-menu ul li ul li {
    float: none;
    width:100%;
    position: relative;
text-transform: uppercase;
border-bottom: 1px solid #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background:#063ca0;
}

.mobile-menu ul li ul li:hover{
    background:#0948bc;
}

.mobile-menu ul li ul li a{
    color:#fff;
}
.content-text {
    outline:none;
}

/*MOBILE NAV BAR*/

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    -moz-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    -moz-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
.mobile-nav-container {
    display: none;
    cursor: pointer;

}


footer{
    width:100%;
    height:215px;
    background:#fff;
    border-top:1px solid #dbdbdb;
    position:relative;
    box-sizing:border-box;
    padding-bottom:45px;
}

footer .inner-footer {
    width: 1080px;
    margin: 30px auto;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

    footer .inner-footer .footer-col-1, footer .inner-footer .footer-col-2, footer .inner-footer .footer-col-3 {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }


footer .inner-footer .footer-col-2 ul{
    font-family:'NanumSquareR', sans-serif;
    font-size:14px;
    text-align:left;
    font-size:14px;
}

footer .inner-footer .footer-col-3 ul li{
    font-family:'NanumSquareR', sans-serif;
    font-size:14px;
    text-align:left;
    font-size:14px;
    list-style:none;
}

footer .inner-footer .footer-col-3 ul li p{
    margin:0;
}
footer .inner-footer .footer-col-1 .social a{
    text-decoration:none;
}

footer .inner-footer .footer-col-1 .social a i{
    box-sizing:border-box;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 7px;
    border-radius: 50%;
    background: #757575;
    width:28px;
    height: 28px;
    transition: .5s;
    border: 1px solid #fff;
    margin: 0 5px;
}
    footer .inner-footer .footer-col-1 .social .social-icon {
        width: 30px;
        opacity: 0.5;
        filter: grayscale(100%);
        transition:0.5s;
    }
    footer .inner-footer .footer-col-1 .social .social-icon:hover {
       
        opacity: 1;
        filter: grayscale(0%);
    }
footer .inner-footer .col-3-mobile{
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    overflow:auto;
    padding:15px 10px;
    display:none;
    margin:10px 0;
}
footer .inner-footer .col-3-mobile p{
    float:left;
    margin:0;
}
footer .inner-footer .col-3-mobile p img{
    vertical-align:middle;
}
footer .inner-footer .col-3-mobile ul{
    margin:0;
    float:right;
}
footer .inner-footer .col-3-mobile ul li{
   display:inline-block;
}
footer .sub-footer{
    width:100%;
    height: 45px;
    background:#333333; 
    position:absolute;
    bottom:0;
}

footer .sub-footer .inner-sub-footer{
     width:1080px;
    margin:0 auto;
}

footer .sub-footer .inner-sub-footer p{
    text-align:right;
    color:#c0c0c0;
   margin:0;
   line-height:45px;
   font-family:Arial,sans-serif;
   font-size:14px;
   text-align:center;
}

footer .sub-footer .inner-sub-footer p a{
    color:#c0c0c0;
    text-decoration:none;
}

#menu-btn{
    position:absolute;
    right:0;
    top:0;
    display:none;
}


/*BANNER*/

.inner-banner{
     position:absolute;
     width:1080px;
     height:314px;
     left:0;
     right:0;
     top:0;
     bottom:0;
     margin:auto;
     
}
.banner-box {
    text-align: center;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: end;
}

.banner-box a {
    display: inline-block;
    font-family: 'HarabaraMaisBold-HarabaraMaisBold', sans-serif;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #fff;
    padding: 8px 30px;
    text-decoration: none;
    transition: all .25s ease-in-out;
    letter-spacing:2px;
}
.banner-box a:hover {
    color:#2e3192;
    background-color:#fff;
}
.banner-text{
        min-width: 190px;
    display:inline-block;
    background:#fff;
    padding:6%;
    box-sizing:border-box;
}

.banner-text h2{
    font-size:15px;
    color:#000;
    font-family:'HarabaraMaisBold-HarabaraMaisBold', sans-serif;
    letter-spacing:5px;
    text-transform:uppercase;
    font-weight:normal;
}
.banner-text h1{
    font-size:44px;
    color:#000;
    font-weight:normal;
    text-transform:uppercase;
    font-family:'HarabaraMaisBold-HarabaraMaisBold', sans-serif;
    letter-spacing:10px;
    margin:10px 0;
}
.banner-text p{
    font-family:'NanumSquareR', sans-serif;
    font-size:14px;
    line-height:25px;
}

.bx-wrapper .bx-prev{
    width:70px;
    height:70px;
    /*background:url(/img/prev-btn.jpg);*/
}
.banner-title h3{
        font-family: 'NanumSquareR', sans-serif;
    font-weight: 700;
    color: #585858;
    line-height:30px;
    margin:10px;
}

.banner-title img{
    width:100%;
}
/*MAIN WRAPPER*/

.content-container {
    width:100%;
    margin:0 auto;
}

.content {
    width:1080px;
    margin: 0 auto 100px auto;
    text-align:center;
}
.content h1 {
    font-size:32px;
    font-weight:normal;
}

/*HOME*/

.top-news {
    width: 100%;
    margin: 0 auto;
    background: #F8F8F8;
    display: inline-block;
    padding: 30px 0 20px 0;
}
.notice, .news {
    width:37.50%;
    float:left;
    padding:0 6.02%;
    margin:10px 0;
    text-align:left;
    
}

.divider{
    float:left;
    height:1px;
    background:#dadada;
    width:100%;
    margin:20px 0;
    display:none;
}
.notice strong, .news strong {
    font-family:'NanumSquareR', sans-serif;
    color:#141414;
    font-size:16px;
}
.notice p, .news p {
    font-family:'NanumSquareR', sans-serif;
    color:#bababa;
    font-size:14px;
}
.spacer {
    width:0.19%;
    height:58px;
    background:#b61b21;
    float:left;
    margin-top:4%;
}
.content-details h1 {
    font-family:'NanumSquareR', sans-serif;
    padding-bottom:5px;
    border-bottom: 1px solid #000;
    display:inline-block;
}
.content-details {
    width:100%;
    margin: 0 auto 20px auto;
 
}
.details-txt-container {
    float:left;
    width:33.33%;
    height:360px;
    /*background:url('../img/bring-
        -thumb.jpg') no-repeat;*/
    background-position:center center;
    /*display:table;*/
    box-sizing:border-box;
    /*padding:5%;*/
    /*margin-right:0.28%;*/
    cursor:pointer;
    position:relative;
    background:#000;
}
.details-txt {
    text-align:left;
    display:table-cell;
    vertical-align:middle;
}

.details-txt img{
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    /*width:100%;*/
}
.hover {
    width:100%;
    height:360px;
    display:block;
    position:relative;
    overflow:hidden;
    text-align:center;        
}
.hover h1 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:40px;
    color:#fff;
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    padding-top:130px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
    margin-bottom:-15px;
    opacity:0;
    -webkit-transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in;
    -ms-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in;
    
}
.hover img {
    position:absolute;
    margin:auto;
    left:-9999px;
    right:-9999px;
    top:0; 
    bottom:0;
    transform:scale(1.1, 1.1);
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    transition:0.5s;
}
/*.text-2 {
    background:url('../img/becky-thumb.jpg') no-repeat;
    background-position:center center;
    cursor:pointer;
}*/
.image-2-container {
    float:left;
    margin-right:3px;
}
.image-2 {
    width: 637px;
    height:280px;
    background:url('/img/butanding-banner.jpg') no-repeat;
    background-position:center center;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    padding:40px;
    
}
.details-txt-2 {
    margin-right:0;
    /*margin-left:0.28%;*/
}
.details-txt h3, .image-2 h3 {
    font-family:'NanumSquareR', sans-serif; 
    font-size:18px;
    font-weight:normal;
    color:#fff;        
    letter-spacing:-1px;           
}
.details-txt p, .image-2 p {
    font-family:'NanumSquareR', sans-serif;
    font-size:13px;
    color:#fff;
}
.details-img {
    width:66.6%;
    height:360px;
    float:left;
    overflow:hidden;
    margin-bottom:3px;
    position:relative;
}
.details-img img{
    position:absolute;
    margin:auto;
    left:-9999px;
    right:-9999px;
    top:0;
    bottom:0;
}
.text-map {
    height:360px;
    background:url('/img/blue-banig.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
    float:left;
}
.text-map p {
    display:inline-block;
    margin: 10px 20px;
    color:#fff;
    line-height:64px;
}
.text-map-menu {
   
}
.details-txt-3{
     background:#2374c2;
     margin-right:0;
         margin-left: 0.28%;
         padding: 40px;
    box-sizing: border-box;
}
.details-txt-3-mobile{
     background:#2374c2;
    width:100%;
    display:none;
}
.details-txt-3-mobile h1{
    margin:0;
}
.text-map-menu h1 {
    font-family:'NanumSquareR', sans-serif;
    font-size:24px;
    color:#fff;
    text-align:left;
    padding-bottom:0;
    border-bottom:none;
}
.text-map-menu a {
    text-decoration:none;
}
.text-map-menu p {
    font-family:'NanumSquareR', sans-serif;
    font-size:16px;
    color:#fff;
}
.more-btn {        
    padding:0 10%;
    background:#fff;
    display:inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top:20px;
}
.more-btn p {
    color:#2374c2;
    font-family:'HarabaraMaisBold-HarabaraMaisBold', sans-serif;
    font-size:14px;
    font-weight:bold;
}
.social-container {
    width:100%;
    margin:0 auto;
    display:table;
}
.social-label-container {
    display:inline-block;
    float:left;
}
.social-label {
    width:174px;
    height:214px;
    padding:0 20px;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}
.social-label p {
    font-family:'NanumSquareR', sans-serif;
    font-size:15px;
    color:#000;
}
.social-label h2 {
    font-family:'NanumSquareR', sans-serif;
    font-size:20px;
    font-weight:normal;
    color:#000;
}
.social-container ul {
    padding-left:0;
    float:left;
}
.social-container ul li {
    width:212px;
    display:inline-block;
}
.ig-container ul li {
    margin-right:4px;
}
.ig-container ul li:last-child {
    margin-right:0;
}



/*SUBPAGE BANNER*/
.subpage-nav ul li:nth-child(2):hover{
    background:transparent;
}
.subpage-banner {
    width:100%;
    height:27vh;
    max-height:225px;
    display:table;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:cover!important;
}
.airport-banner {
    background-image:url('/img/airport-banner.jpg');
}
.subpage-banner-txt {
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
.subpage-banner-txt h1 {
    font-family:'NanumSquareR';
    font-size:42px;
    color:#fff;
}
.subpage-nav {
    width:100%;       
}
.subpage-nav .content {
   
    margin-bottom:0;
    text-align:left;
    position:relative;          
}
.subpage-nav ul {
    
    padding-left:0;
}
.subpage-nav ul li {
    font-family:'NanumSquareR', sans-serif;
    width:190px;
    display:inline-block;
    color:#fff;
    padding:15px 25px;
    vertical-align:top;
    cursor:pointer;
}
.subpage-nav ul li:nth-child(2) {
    cursor:default;
    /*padding:0;*/
}

.subpage-nav ul li .fa-caret-down {
    float:right;
}
.subpage-nav ul li .fa-home {
    color:#fff;
    font-size:20px;
    padding: 15px 25px;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
}
.subpage-nav ul li:nth-child(even) {
    margin:0 -4px;
}
.subpage-nav ul li:nth-child(odd) {
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
}
.subpage-nav ul li:nth-child(1) {
    width:20px;
    padding:0 50px 0 0;
    border:none;

}
.dropdown {
    width:242px;
    position:absolute;
    top:50px;
    left:72px;
    text-align:left;
    display:none;
    z-index:2;
}
.drop2 {
    left:310px;
}
.subpage-nav .content .dropdown li:nth-child(odd) {
    border-top:1px solid #c7c7c7;
    border-bottom:1px solid #c7c7c7;
    border-left:none;
    border-right:none;
}
.subpage-nav .content .dropdown li a {
    text-decoration:none;
    color:#fff;
    padding: 15px 25px; 
    display:block;
}
.subpage-nav .content .dropdown li {
    width:100%;
    padding:0;
    margin:0;
}

/*SUBPAGE CONTENT*/

.title {
    font-family:'NanumSquareR', sans-serif;
    font-size:25px;
}
.subpage-container {
    box-sizing:border-box;
    background:#fff;
    padding:30px 40px;
    margin-top:50px;
    overflow:auto;
}
.subpage-container hr {
    height:1px;
    border:0;
    border-top:1px solid #e5e5e5;
    padding:0;
    margin-bottom:50px;
}

/*EVENTS*/

.event-banner {
     background:url('/img/loveph-banner.jpg?v=12') no-repeat;
     background-position:center center;
}
.event-nav, .event-dropdown {
     background:#be2134; 
}
.event h1 span{
    color:#be2134;
}
.event-nav ul li:hover {
    background:#de3e3e;
}
.list{
     margin:0;
     padding:0;
 }
 .list li{
     list-style:none;
     padding: 20px 0;
     border-top:1px solid #c7c7c7;
 }
 .list li a{
     text-decoration:none;
     font-family: 'NanumSquareR', sans-serif;
     color: #1a80e9;
 }
.list li h1{
    font-family: 'NanumSquareR' , sans-serif;
     font-size: 16px;
     font-weight: 400;
     color: #000;
     text-align: left;                  
}
.list li p{
    font-family: 'NanumSquareR', sans-serif;
     font-size: 12px;
     font-weight: 400;
     color: #969696;
     text-align: left;
}
.list-item{
    border-left:2px solid #ed145b;
    padding-left:40px;
    position:relative;
    z-index:1;
}
.list-item img{
    position:absolute;
    margin:auto;
    right:0;
    top:0;
    bottom:0;
}
.faq-container .list-item img {
    align-self:center;
    position:unset;
    margin:unset;
}

/*SITEMAP*/

.sitemap-banner {
    background:url('/img/sitemap-banner.jpg') no-repeat;
    background-position:center center;
}
.sitemap-nav {
    background:#4ea6d8;
}
.sitemap-nav ul li:hover {
    background:#8bd2fa;
}
.sitemap-nav ul li:nth-child(2) {
    border-right:1px solid #c7c7c7;
}
.sitemap-dropdown {
    background:#4ea6d8;
}
.sitemap h1 span {
    color:#4ea6d8;
}
.sitemap-content {
    margin-top:30px;
}
.sitemap-top-content {
    margin-bottom:30px;
}
.sitemap-top-content ul {
    padding-left:0;
    border:1px solid #d0d0d0;
}
.sitemap-top-content ul li {
    font-family:'NanumSquareR';
    font-size:18px;        
    list-style:none;
    text-align:center;
    padding:6px 0;
    border-top:1px solid #d0d0d0;
}
.column-1, .column-2, .column-3 {
    width:316px;
    display:inline-block;
    vertical-align:top;
}
.column-2 {
    margin:0 10px;
}
.top1 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-1.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}
.top2 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-2.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}
.top3 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-3.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}

.middle1 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-4.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}
.middle2 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-5.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}
.middle3 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-6.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}
.bottom1 ul li:nth-child(1) {
    background:url('/img/sitemap-banig-6.jpg') no-repeat;
    background-position:center center;
    color:#fff;
    border:none;
}

.entry-guide-banner {
    background: url('../img/loveph-banner.jpg?v=12') no-repeat;
    background-position: center center;
    background-size:cover;
}

/*TRAVEL REQUIREMENTS*/

.travel-requirements-banner {
    background:url('../img/loveph-banner.jpg?v=12') no-repeat;
    background-position:center center;
}
.travel-requirements-nav, .travel-requirements-dropdown {
    background: #ed1c24;
}
    .travel-requirements-nav ul li:hover {
        background: #e94d53;
    }
.travel-requirements-nav #menu-trigger1 a {
    color: #fff;
    text-decoration: none;
    display:block;
    padding:15px 25px;
}
.travel-requirements-nav #menu-trigger1:hover {
    background:#69a3dd;
}
    .travel-requirements-nav #menu-trigger2:hover {
        background: #e94d53;
    }


/*SAFETY TIPS*/

.safety-tips-banner {
    background:url('../img/safety-tips-banner.jpg') no-repeat;
    background-position:center center;
}
.safety-tips-nav, .safety-tips-dropdown {
    background: #ed1c24;
}

.safety-tips-nav ul li:nth-child(2):hover {
    background:transparent;
}
    .safety-tips-dropdown li:hover {
        background: #e94d53!important;
    }
    .safety-tips-nav ul li:hover {
        background: #e94d53;
    }

.safety-tips-container {
    text-align:left;
    display:flex;
    flex-direction:column;
}
.safety-tips span {
    color:#e89941;
}
.safety-tips-title {
    background:url('../img/thephilippines/title-bg.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}
.safety-tips-title h3, .travel-tips-title h3 {
    color:#fff;
    padding:16px 0;
    text-align:center;
}
.tips ul li p {
    margin:0;
}
.tips ul li {
    list-style:none;
}
.tips h3 {
    font-size:18px;
}
.tips img {
    width:100%;
}


/*LANGUAGE COURSES*/

.language-courses-banner {
    background:url('../img/language-course-banner.jpg') no-repeat;
    background-position:center center;
}
.language-courses-nav, .language-courses-dropdown {
    background:#d7493a;
}
.language-courses-dropdown li:hover {
    background:#df6457!important;
}
.language-courses-nav ul li:hover {
    background:#df6457;
}


/*NOTICE*/

.notice-banner {
    background:url('../img/loveph-banner.jpg?v=12') no-repeat;
    background-position:center center;
}
.notice-nav, .notice-dropdown {
    background: #ed1c24;
}
    .notice-nav ul li:hover {
        background: #e94d53;
    }
    .notice-nav .content .dropdown li:hover {
        background: #e94d53;
    }

/*GREETINGS*/

.greetings-banner {
    background:url('../img/greetings-banner.jpg') no-repeat;
    background-position:center center;
}
.greetings-nav, .greetings-dropdown {
    background: #ed1c24;
}
    .greetings-nav ul li:hover {
        background: #e94d53;
    }

.text-content {
    text-align:left;
    font-size:14px;
    line-height:30px;
}
.text-center {
    text-align:center;
}

/*ESL*/
.esl-container, .basic-info-container {
    text-align:left;
}

.esl-container h3, .safety-tips-title h3 {
    font-family:'NanumSquareR', sans-serif;
    font-size:18px;
    font-weight:normal;
    margin:50px 0 20px 0;
}

.esl-container img, 
.basic-info-container img, 
.safety-tips-container img, 
.greetings-container img,
.travel-requirements-container img {
    width:100%;
}

/*BASIC INFO*/

.basic-info span {
    font-size: 18px;
}
.panel-container {
    text-align: center;
    margin-top: 50px;
}
.panel {
    width: 310px;
    text-align:left;
    display:inline-block;
    vertical-align: top;
}

.basic-info-nav ul li:hover {
    background: #e94d53;
}
.basic-info-nav .dropdown li:hover {
    background:#4e79d7;
}
.basic-info-nav #menu-trigger1 {
    cursor:pointer;
    margin:0 -3px;
}
    .basic-info-nav #menu-trigger1:hover {
        background: #e94d53;
    }
.basic-info-nav #menu-trigger1 a {
    color:#fff;
    text-decoration:none;
    padding: 14px 100px 14px 10px;
}
.basic-info span {
    color:#3859a3;
}
.basic-info-container h3 {
    font-family:'NanumSquareR', sans-serif;
    font-weight:700;
    font-size:18px;
    color:#585858;
    margin:20px 0;
}

.srrv h2 {
    font-family: 'NanumSquareR', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #1c529e;
    margin: 20px 0 0;
}
.basic-info-container p, .basic-info-container ul li {
    font-family: 'NanumSquareR',sans-serif;
    font-size: 18px;
    line-height: 1.5;
    margin: 10px 0;
}
.basic-info-container .panel-container .panel {
    margin-right:6px;
}
.basic-info-container .panel-container .panel:nth-child(3n) {
    margin-right:0;
}

.basic-info-container ol{
    font-family: 'NanumSquareR',sans-serif;
    font-size:18px;
    line-height:1.5;
}
/*.basic-info-container ol li p:first-child {
    font-weight:bold;
}*/
.subpage-table {
    overflow:auto;
}
.subpage-table table td {
    font-size:18px;
    padding:10px!important;
}
.subpage-table table {
    width:100%;
    border-collapse:separate;
    min-width:500px;
}
    .subpage-table table th {
        background: #1c529e;
        color: #fff;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        font-family: 'NanumSquareR', sans-serif;
        font-size: 18px;
    }

.video {
    width:100%;
    text-align:center;
}
.territory ul li {
    list-style:none;
}
#menu-trigger2:hover {
    cursor: default;
    background: #e94d53;
}
.phil-box {
    display:none;
    background:rgba(56,89,163,.7)!important;
    margin-bottom: 4px;
}
.phil-box span {
    font-weight:normal;
}
.content-thumb {   
    
}
.content-thumb a {
    text-align:center;
    text-decoration:none;
}
        
.b-txt h3 {
    padding:5px 10px;
    color:#fff;
}
/*MORE INFO*/

.more-info-banner {
    background-image:url('../img/more-info-banner.jpg');
}
.more-info-nav, .more-info-dropdown {
    background:#3859a3;
}
.more-info-sub-nav {
    width:100%;
    margin:0 auto;
    text-align:center;
    padding:10px 0;
    background:url('../img/dark-blue-banig.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
    margin-bottom:20px;
}   
.more-info-sub-nav ul {
    padding-left:0;
}    
.more-info-sub-nav ul li {
    list-style:none;
    display:inline-block;
    margin:10px 40px;
    color:#fff;

    font-family: 'KoPubDotumMedium', sans-serif;
    font-size:18px;
    cursor:pointer;
  
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.more-info-sub-nav ul li a {
    text-decoration:none;
    color:#fff;
}
.active4 {
    border-bottom: 1px solid #fff;
    box-sizing:border-box;
}
.more-info-sub-nav ul li:hover {
    border-bottom: 1px solid #fff;

}
.more-info-content-box h2, .more-info-content-box h1 {
    font-family: 'KoPubDotumBold', sans-serif;
    font-size:18px;
    font-weight:normal;
}
.more-info-content-box ul li {
    font-family: 'KoPubDotumLight', sans-serif;
    font-size:18px;
    margin:10px 0;
}
.more-info-content-box ul, .more-info-content-box h2 {
    list-style:none;
    text-align:left;
}

.more-info-content-box {
    text-align:left;
}
.more-info-content-box > h3 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:24px;
    color:#000;
    margin:0;
}
.more-info-content-box > p {
    font-family:'KoPubDotumLight', sans-serif;
    font-size:18px;
    line-height:28px;
} 
.more-info-content-box > ol {
    padding-left:21px;
}
.more-info-content-box > ol > li {
    font-family:'KoPubDotumLight', sans-serif;
    font-size:18px;
    margin: 10px 0;
}

.edu-nav ul {
    padding-left:0;
    text-align:center;
}
.edu-nav ul li a {
    display:block;
    color:#fff;
    font-size:18px;
    font-family:sans-serif;
}
.edu-nav ul li {
    width:22.5%;
    padding:5px 10px;
    display:inline-block;
    margin: 5px 0;
    background:#3859a3;
    color:#fff;

    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
}
.transport-nav ul li {
    width: 14.2%;
}
.transport-nav li a {
    display:block;
    font-family:sans-serif;
}
.taxi-table {
    text-align:center;
    margin-bottom:20px;
}
.taxi-table td:first-child, .taxi-table td:nth-child(2) {
    width:100px;
}
.taxi-table td:nth-child(3) {
    width:515px;
}
.taxi-table td {
    padding:5px;
}
.edu-nav ul a {
    text-decoration:none;
}
.edu-video {
    margin:20px 0;
    display:inline-block;
}
.table-container {
    display:inline-block;
    text-align:center;
}
.calendar-img {
    text-align:center;
}
.edsa-calendar-container {
    margin-top:30px;
}
.calendar {
    margin-top:20px!important;
}
.calendar img {
    width: 100%;
}
.education-container {
    width:100%;
    display:flex;
    flex-direction: row;
    margin-top:50px;
}
.single-line {
    flex:1 100%;
}
.single-line p {
    line-height:28px;
    font-size:18px;
}
.education-container p {
    font-family:'KoPubDotumLight', sans-serif;
    font-size:18px;
    line-height: 28px;
}
.edu-img {
    margin-right:10px;
}
.edu-text {
    width:58%;
}
.edu-text h3 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:18px;
}
.school-img {
    margin:5px;
}
.traffic {
    flex-flow:row wrap;
}
.traffic h3, .food-content > h3 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:18px;
    flex:1 100%;
    margin-top:10px;
}
.traffic h3 {
    font-size:20px;
    margin-bottom: 20px;
}
.traffic > .taxi-table p  {
    font-size:18px;
}
.col-2 {
    display:flex;
    flex-flow: row nowrap;
    justify-content:space-between;
    margin:10px 0;
}
.txt-cont {
    flex: 1 0px;
}
.traffic ul li {
    margin-bottom:10px;
    line-height:28px;
    list-style:disc;
}
.traffic p {
    margin-top:0;
}
.traffic > .edu-text > p {
    margin-top:0;
}
.traffic > .single-line {
    /*text-align:center;*/
    /*margin:50px 0;*/
}
.train-card {
    text-align:center;
    margin-top:20px;
}
.train-card img {
    display:inline-block;
}
.fil-img img {
    width:100%;
}
.history-img > p {
    margin-top:0;
}
.history-img {
    margin: 0 10px;
}
.history-content h3 {
    margin:10px 0;
}
.food-content {
    width:237px;
    margin: 0 auto;
    text-align:center;
}
.food {
    flex-flow:row wrap;
    margin-top:10px;
}
.food-title {
    flex:0 92%;
}
.food-title h3 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:20px;
    margin:20px 0;
}
.food-content > p {  
    font-size:18px;
    text-align:left;
}
.food div:nth-child(2) {
    margin:0 40px;
}
.food-content > .single-line > h3 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:18px;
    text-align:left;
    margin-bottom:20px;
}
.festival-title {
    margin: 20px 0;
}
.festival-txt > h3 {
    font-family:'KoPubDotumBold', sans-serif;
    font-size:18px;
}
.vid-link {
    cursor:pointer;
    text-align:center;
    margin:10px 0;
}
.vid-link p {
    font-family:'KoPubDotumLight', sans-serif;
    font-size:15px;
    color: #3859a3;
    border:1px solid #3859a3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:0;
    display:inline-block;
    padding: 0 20px;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.vid-link p:hover {
    background:#3859a3;
    color:#fff;
} 


/*EMERGENCY CONTACT*/

.emergency-contact-container {
    text-align:left;
}
.emergency-contact-container p {
    font-size:18px;
}
.emergency-contact-container img {
    width: 100%;
}
.emergency-contact-container table {
    width:100%;
    text-align:center;
}
.emergency-contact-container td:first-child {
    background-color:#1c529e;
}
.emergency-contact-container td:first-child p {
    color:#fff;
}
.emergency-contact-container td {
    padding: 0 5px;
}
.no-style td {
    background-color:#fff!important;
}
.no-style td p {
    color:#000!important;
}
.emergency-contact-container td p {
    margin:10px 0;
}
.contact-info-box {
    width: 100%;
    border: 1px solid #dadada;
    background: #eeeeee;
    padding: 10px 0;
    margin: 10px 0;
}

/*MEDICAL INFORMATION*/

.medical-info-banner {
    background-image: url('../img/medical-banner.jpg');
}
.medical-information ul li {
    font-family: 'NanumGothic', sans-serif;
    margin-bottom: 30px;
}
.medical-information p {
    margin: 10px 0;
    font-size:18px;
}
.medical-information {
    text-align: left;
}
.medical-information img, .medical-information table {
    width: 100%;
}
.medical-information th {
    background-color: #1c529e;
    text-align: center;
}
.medical-information th p {
    color: #fff;
}
.medical-information th, td {
    border: 1px solid #c7c7c7;
    padding: 0 20px !important;
}
.medical-information td:first-child {
    text-align: center;
}
.hospital-info table td:first-child {
    width: 20%;
    background-color: #1c529e;
    color: #fff;
}

/*GREETINGS*/
.greetings span {
    color: #731d1d;
}
.greetings-container p {
    font-size:18px;
}

/*SHOWROOM GUIDE*/

.showroom-guide-container p {
    font-size:15px;
}

/*WEBSITES*/

.org-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

    .org-container a {
        text-decoration: none;
    }

        .org-container a:hover .org-content p {
            color: #1c529e;
        }

        .org-container a:hover .org-content h4 {
            color: #1c529e;
        }

        .org-container a:hover .org-content {
            border: 1px solid #1c529e;
        }

.org-content {
    width: 220px;
    height: 265px;
    display: flex;
    text-align: center;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #c3c3c3;
    padding: 8px;
    margin-bottom: 16px;
    transition: all .25s ease-in-out;
}

    .org-content img {
        width: 100%;
    }

    .org-content p {
        font-size: 14px;
        color: #636363;
        margin-bottom: 0;
        transition: all .25s ease-in-out;
    }

    .org-content h4 {
        color: #000000;
        margin-top: 10px;
        font-family: 'NanumSquareR',sans-serif;
        transition: all .25s ease-in-out;
    }

.org-txt .org-content {
    height: auto;
}

    .org-txt .org-content h4 {
        margin-top: 0;
    }

@media screen and (max-width:1080px) {
    .org-container {
        justify-content: center;
    }

    .org-content {
        margin-right: 16px;
    }
}

/*TRAVEL REQUIREMENT*/

.travel-requirements h1 {
    font-size:25px;
}
.travel-requirements span, .travel-tips span {
    color:#4781ba;
}
.travel-requirements-container ol li {
    font-family: 'NanumSquareR';
    font-size:20px;
    font-weight:normal;
    color:#515151;
}
.travel-requirements-container ol li h3 {
    font-family: 'NanumSquareR';
    font-size:20px;
    font-weight:normal;
    color:#515151;
    text-align:left;
}
.travel-requirements-container strong {
    color:#515151
}
.travel-requirements-container p {
    font-size:15px;
}
.travel-requirements-nav .content .dropdown li:hover {
    background: #ed1c24;
}
.travel-requirements-nav #menu-trigger1 {
    padding:0;
}

/*TRAVEL TIPS*/

.travel-tips-banner {
    background-image:url('../img/tips-banner.jpg');
}
.travel-tips-title h3 {
    color:#fff;
}
.travel-tips-title {
    background:url('../img/travel-tips/title-bg.jpg') no-repeat;
    background-position: center center;
    background-size:cover;
}
.travel-tips-container .panel h3 {
    font-family:'NanumSquareR', sans-serif;
    font-size:14px;
    color:#585858;
    margin-top:10px;
}
.travel-tips-container p {
    font-size:14px;
    color:#585858;
    margin-top:10px;
    line-height:22px;
}
.travel-tips-container .panel img {
    width:100%;
    border:1px solid #ebebeb;
}
.travel-tips-container .panel-container .panel {
    margin-right:29px;
}
.travel-tips-container .panel-container .panel:nth-child(3n) {
    margin-right:0;
}

.travel-tips-container table {
    border-collapse:collapse;
    width:100%;
    margin: 0 auto;
    box-sizing:border-box;
}
.travel-tips-container table th {
    background:#eeeeee;
}
.travel-tips-container table p {
    margin:10px 0;
}
.travel-tips-container table th, .travel-tips-container table td {
    border:1px solid #c7c7c7;
    padding:10px 30px;
}
.travel-tips-container table tr td:first-child {
    width:316px;
}
.travel-tips-container th p {
    font-family:'Gotham-Black';
    font-size:15px;
}
.travel-tips-container td p {
    font-family:'GothamLight';
    font-size:15px;
    padding:10px 0;
}

/*AIRPORT*/

.airport-container ol {
    padding-left:0
}
.airport-container li {
    padding:20px 0;
    border-bottom:1px solid #e6e6e6;
    margin-bottom:30px;
}
.airport-container li:last-child {
    border-bottom:none;
}

.airport-nav {
    margin:20px 0;
}
.airport-nav > ul {
    padding-left:0;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.airport-nav > ul > li {
    width: 150px;
    color:#fff;
    list-style:none;
    margin-bottom:0;
    cursor:pointer;
    padding: 20px 25px;
    border-left:1px solid rgba(35,56,104, .5);
    border-right:1px solid rgba(35,56,104, .5);
    border-bottom:inherit;
    position:relative;
    background:#4781ba;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.airport-nav > ul > li img {
    width:auto;
}
.airport-nav > ul > li::after {
    content:"";
    background:url('../img/arrow.png');
    width:30px;
    height:30px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:none;
}
.airport-nav > ul > li:hover {
    background:#69a3dd;
}

.airport-active {
    background:url('../img/arrow.png');
    width:30px;
    height:30px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display:none;
}
.airport-container {
    margin-top:20px;
}
.airport-content {
    text-align:left;
    line-height:28px;
}
.airport-content > h3 {
    font-weight:700!important;
}
.airport-content > h1 {
    font-size:22px;
    font-weight:700!important;
}
.airport-text h3 {
    font-weight:700!important;
}
#airport-content2, #airport-content3, #airport-content4, #airport-content5, #airport-content6 {
    display:none;
}
.view-map-btn {
    background:#1c64a9;
    text-align:center;
    display:inline-block;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor:pointer;
}

.airport-info-table tr td:nth-child(2){
    text-align:left;
}
.view-map-btn p {
    font-size:15px;
    color:#fff;
    margin:5px 20px;
}
.view-map-btn:hover {
    background:#358adb;
}

.airport-popup {
    width:100%;
    height:100%;
    position:fixed;
    top:-99999px;
    bottom:-99999px;
    left:-99999px;
    right:-99999px;
    margin:auto;
    z-index:999;
    background:rgba(0,0,0,.5);
    display:none;
}
.airport-popup-content {
    width:100%;
    position:relative;
    top:10%;
    text-align:center;
    margin:0 auto;
}
.airport-popup h3 {
    font-family:'Gotham-Black', sans-serif;
    font-size:18px;
    color:#cccccc;
    position:relative;       
    top:30px;
    right:30px;
    text-align:right;
    cursor:pointer;
}
.airport-popup-content img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.money-exchange {
    font-family:'KoPubDotumLight', sans-serif;
    font-size:18px;
    background:#fff;
    text-align:center;
    width:65vw;
    padding:30px 20px;
    margin:0 auto;
}
.kids-nav ul li {
    width:290px;
}
.money-nav ul li, .sim-nav ul li {
    background:#4781ba; 
}
.money-exchange h2 {
    font-size:20px;
}
.money-exchange p {
    text-align:left;
    line-height:28px;
    display:inline-block;
}
.money-content {
    display:inline-block;
    margin:0 auto;
    text-align:left;
}

/*TRAVELING*/

.travel-banner {
    background:url('../img/traveling-banner.jpg') no-repeat;
}
.traveling-container p {
    font-size:15px;
}
.traveling-container h3 {
    font-family:'NanumSquareR', sans-serif;
    font-size:18px;
    color:#515151;
}
.traveling-container strong {
    color:#515151;
}
.traveling-container ul{
    padding-left:0;
}
.traveling-container ul li ul{
    padding-left:20px;
}
.traveling-container li {
    font-family:'NanumSquareR';
    font-size:15px;
    list-style:none;
}
.traveling-container table {
    border-collapse:collapse;
    text-align:center;
}
.traveling-container table img {
    width:auto;
}
.traveling-container th, td {           
    border:1px solid #c7c7c7;
    padding:10px 30px;
    font-family:'NanumSquareR', sans-serif;
    font-size:18px;
}
.traveling-container th {
    font-family:'NanumSquareR', sans-serif;
    font-size:18px;
    background:#eeeeee;
}
.traveling-container th:nth-child(2) {
    width:50%;
}
.traveling-container td p {
    text-align:left;
    margin-top:0;
}

/*FAQ*/ 

.qa-banner {
    background-image:url('../img/qa-banner.jpg');
}
.answer {
    background:#eeeeee;
    box-sizing:border-box;
    padding:30px 50px;
    display:none;
}
.answer li {
    padding: 0;
    border-top:0;
}
.answer ul li ul li {
    list-style:disc;
}
.answer-btn {
    cursor:pointer;
}
.list .answer p {
    font-family: 'NanumSquareR', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
}
.faq-container .list-item {
    padding: 3px 0 3px 40px;
    display: flex;
    justify-content: space-between;
}
.dropdown-arrow-img {
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}

.rotate {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
}
.unrotate {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);
}
.qa-covid-banner {
    background-image:url('../img/qa-covid-banner.jpg');
    background-position:center center;
    background-size:cover;
}
.covid-table table {
    text-align:center;
}
.covid-table table th, .covid-table table td {
    font-size: 14px;
}
.covid-table table td {
    text-align:left;
}

/*VISA*/



/*SNS*/

.sns-gallery ul {
    padding-left:0;
}
.sns-gallery ul li {
    width: 293px;
    height: 293px;
    display:inline-block;
    margin: 0 4px 4px 0;
    background-size:cover;
    background-position:center;            
}
.sns-gallery ul li:hover:before{
    background: rgba(43, 112, 169, 0.5);
    background-image: url('../img/sns/ig-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.sns-overlay {
    background: rgba(43, 112, 169, 0.9);
    width: 100%;
    height: 100%;
    display: table;
    opacity: 0;
}

.sns-txt {
    font-family: 'GothamLight', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fff !important;
    display:table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position:relative;
    text-align:center;
}


/*ARTICLE PAGE*/

.article-text img {
    width:100%;
}


/*SUGGESTED TOURS*/
  .si-main ul{
            display: flex;
            flex-flow: row wrap;
            padding:0;
            margin:0;
            align-items:center;
        }

        .si-main ul li{
                width: 33%;
            list-style:none;
            align-self:center;
            text-align:center;
        }
        .si-thumb-cont{
            width:100%;
            height:330px;
            display:block;
            position:relative;
            overflow:hidden;
            text-align:center;
           
        }
        .si-thumb-cont img{
            position:absolute;
            margin:auto;
            left:-9999px;
            right:-9999px;
            top:0;
            
            bottom:0;
            transition:0.5s;
            
        }

        .si-thumb-cont h1{
            color:#fff;
            font-weight:bold;
            position:absolute;
            z-index:2;
            top:0;
            left:0;
            right:0;
            bottom:0;
            margin:auto;
            line-height:330px;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
        }
.banner-cont{
           display:block;
           position:relative;
           margin-bottom:-5px;
           text-align:center;
       }
       .banner-cont p{
           font-family:'NanumSquareR';
           font-size:13px;
           color:#fff;
           line-height:40px;
       }

        .banner-cont p span {
            font-family: 'HarabaraMaisBold-HarabaraMaisBold';
            font-size: 42px;
            text-transform: uppercase;
            letter-spacing: 20px;
        }
       .si-banner-text{
           position:absolute;
            
    transform: translateY(-50%);
    top: 50%;
    left:0;
    right:0;
       }
       .share-btn{
           background:url('/img/suggested-itinerary/share-btn.png');
           width:125px;
           height:26px;
           margin: 0 auto;
           overflow:hidden;
       }
         .share-btn-cont{
            opacity:0;
            -moz-opacity:0;
        }
.day-header {
    background: #fec021;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    padding: 0 15px;
    box-sizing: border-box;
}
       .day-header p{
           font-size: 18px;
            font-weight: bold;
           font-family:'NanumSquareR';
           color:#fff;
              padding: 15px 0;
       }
       .noon-header{
           background:#37a5e6;
           width:100%;
           text-align:center;
           color:#fff;
           margin-bottom:20px;
       }
       .noon-header p{
           font-size:13px;
           font-family:'NanumSquareR';
           color:#fff;
           padding:3px 0;
       }
       .night-header{
           background:#2b4190;
           width:100%;
           text-align:center;
           color:#fff;
           margin-bottom:20px;
       }
       .night-header p{
           font-size:13px;
           font-family:'NanumSquareR';
           color:#fff;
           padding:3px 0;
       }
       
       
       .si-text p{
           margin:0;
           font-family: 'NanumSquareR';
    font-size: 13px;
    font-weight: normal;
    color: #585858;
    line-height: 22px;
    text-align:left;
       }

       .si-btn{
           margin-left:15px;
            border:1px solid #fff;
          background:#fff;
          color:rgba(36,93,175,0.78);
           -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            padding:5px 15px;
            display:inline-block;
          font-weight:bold;
            text-decoration:none;
            font-size:16px;
            margin-top:10px;
             transition:0.5s;
       }

       .si-btn:hover{
           background:none;
           
           color:#fff;
       }

/*Travel Product*/

.travel-prod, .travel-prod img {
    width: 100%;
}
.block-container {
    width:100%;
    height:auto;
    display:flex;
    justify-content:center;
    flex-flow:row wrap;
}
.block {
    width:24%;
    height:200px;
    background:#000;
    margin:5px;
    position:relative;
    overflow:hidden;

    background-position:center center;
    background-size:cover;
}
 
.b-txt {
    width:100%;
    background:rgba(138,138,138,.7);
    position:absolute;
    bottom:0; 
}
.b-txt p {
    font-family:'NanumSquareR';
    font-size:15px;
    letter-spacing:2px;
    color:#fff;
    margin:10px 0;

    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -ms-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
}
.b1 {
    background:url('../img/travel-product/b1.jpg') no-repeat;   
}
.b2 {
    background:url('../img/travel-product/b2.jpg') no-repeat;
}
.b3 {
    background:url('../img/travel-product/b3.jpg') no-repeat;
}
.b4 {
    background:url('../img/travel-product/b4.jpg') no-repeat;
}
.b5 {
    background:url('../img/travel-product/b5.jpg') no-repeat;
}
.b6 {
    background:url('../img/travel-product/b6.jpg') no-repeat;
}
.b7 {
    background:url('../img/travel-product/b7.jpg') no-repeat;
}
.b8 {
    background:url('../img/travel-product/b8.jpg') no-repeat;
}
.b9 {
    background:url('../img/travel-product/b9.jpg') no-repeat;
}
.b10 {
    background:url('../img/travel-product/b10.jpg') no-repeat;
}
.b11 {
    background:url('../img/travel-product/b11.jpg') no-repeat;
}
.b12 {
    background:url('../img/travel-product/b12.jpg') no-repeat;
}
.b13 {
    background:url('../img/travel-product/b13.jpg') no-repeat;
}
.b14 {
    background:url('../img/travel-product/b14.jpg') no-repeat;
}
.b15 {
    background:url('../img/travel-product/b15.jpg') no-repeat;
}
.b16 {
    background:url('../img/travel-product/b16.jpg') no-repeat;
}
.b17 {
    background:url('../img/travel-product/b17.jpg') no-repeat;
}
.b18 {
    background:url('../img/travel-product/b18.jpg') no-repeat;
}
.b19 {
    background:url('../img/travel-product/b19.jpg') no-repeat;
}
.b20 {
    background:url('../img/travel-product/b20.jpg') no-repeat;
}
.b21 {
    background:url('../img/travel-product/b21.jpg') no-repeat;
}

/*Travel Promo*/

.promo-thumb {
    width:260px;
    height:250px;
    display:inline-block;
    margin-bottom:10px;
}

.promo {
    width:auto;
    height:200px;
    margin:5px;
    position:relative;
    overflow:hidden;
    display:block;
}

.promo-btn a {
    text-decoration:none;
    background: #3859a3;
    padding: 10px 0px;
    width: 130px;
    margin: 0 auto;
    display:block;
}
.promo-btn a p {
    color:#fff;
    font-size:16px;
    margin:0;
}

.p1 {
    background:url('../img/travel-promo/jeju.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.p2 {
    background:url('../img/travel-promo/sample-thumb.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.p3 {
    background:url('../img/travel-promo/sample-thumb2.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.p4 {
    background:url('../img/travel-promo/sample-thumb3.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.sp1 {
    background:url('../img/travel-promo/sample-promo.jpg') no-repeat;
    background-position:center center;
}

.basic-info-nav, .basic-info-dropdown {
    background: #ed1c24;
}
        @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,500,900);
        @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
        figure.snip1382 {
          font-family: 'Source Sans Pro', Arial, sans-serif;
          position: relative;
          float: left;
          display:inline-block;
          overflow: hidden;
          margin:1.1%;
          min-width: 230px;
          max-width: 310px;
          max-height: 212px;
          width: 33%;
          color: #ffffff;
          text-align: center;
          font-size: 16px;
        }
        figure.snip1382 * {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all 0.35s ease;
          transition: all 0.35s ease;
        }
        figure.snip1382 img {
          max-width: 100%;
        }
        figure.snip1382:after,
        figure.snip1382:before,
        figure.snip1382 figcaption:after,
        figure.snip1382 figcaption:before {
          background: #3859a3;
          height: 25%;
          position: absolute;
          content: '';
          opacity: 0;
          -webkit-transition: all 0.35s steps(4);
          transition: all 0.35s steps(4);
          z-index: 1;
          left: 50%;
          right: 50%;
        }
        figure.snip1382:before {
          top: 0;
          -webkit-transition-delay: 0;
          transition-delay: 0;
        }
        figure.snip1382:after {
          top: 25%;
          -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
        }
        figure.snip1382 figcaption:before {
          top: 50%;
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
          z-index: -1;
        }
        figure.snip1382 figcaption:after {
          top: 75%;
          -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          z-index: -1;
        }
        figure.snip1382 figcaption {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 2;
          padding: 30px;
        }
        figure.snip1382 h2,
        figure.snip1382 p,
        figure.snip1382 .icons {
          margin: 0;
          width: 100%;
          opacity: 0;
        }
        figure.snip1382 h2 {
          font-weight: 900;
          text-transform: uppercase;
          margin-top:50px;
        }
        figure.snip1382 p {
          font-weight: 300;
        }
        figure.snip1382 .icons {
          position: absolute;
          bottom: 30px;
          left: 0;
          width: 100%;
        }
        figure.snip1382 i {
          padding: 0px 5px;
          display: inline-block;
          font-size: 24px;
          color: #ffffff;
          text-align: center;
          opacity: 0.8;
          text-decoration: none;
        }
        figure.snip1382 i:hover {
          opacity: 1;
        }
        figure.snip1382:hover:after,
        figure.snip1382.hover:after,
        figure.snip1382:hover:before,
        figure.snip1382.hover:before,
        figure.snip1382:hover figcaption:after,
        figure.snip1382.hover figcaption:after,
        figure.snip1382:hover figcaption:before,
        figure.snip1382.hover figcaption:before {
          left: 0;
          right: 0;
          opacity: 0.8;
        }
        figure.snip1382:hover figcaption h2,
        figure.snip1382.hover figcaption h2,
        figure.snip1382:hover figcaption p,
        figure.snip1382.hover figcaption p,
        figure.snip1382:hover figcaption .icons,
        figure.snip1382.hover figcaption .icons {
          -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
        }
        figure.snip1382:hover figcaption h2,
        figure.snip1382.hover figcaption h2,
        figure.snip1382:hover figcaption .icons,
        figure.snip1382.hover figcaption .icons {
          opacity: 1;
        }
        figure.snip1382:hover figcaption p,
        figure.snip1382.hover figcaption p {
          opacity: 0.7;
        }


/*FLIGHT*/


.flight-container img:hover {
    margin-bottom:15px;
}
.flight-active {
    margin-bottom:15px;
}
.flight-images {
    position:absolute;
    bottom:20px;
    margin:auto;
    left:20px;
    right:20px;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:flex-end;
}
.flight-text {
    margin-top:80px;
    text-align:center;
}
.flight-text h1 {
    font-weight:bold;
    font-size:80px;
    color:#fff;
    text-shadow: 0 0 14px #000;
}
.flight-text h1 span {
    font-family:"BrushScriptStd", sans-serif;
}
.flight-content {
    text-align:left;
}
.flight-content .subpage-table tr td:first-child {
    width:21%;
}
.flight-content .subpage-table tr td:nth-child(2) {
    width:13%;
}
.flight-content .subpage-table tr td:nth-child(3) {
    width:30%;
}
.flight-content .subpage-table tr td:nth-child(4) {
    width:40%;
}
#flight-content2, #flight-content3, #flight-content4, #flight-content5, #flight-content6 {
    display:none;
}

.flight-gallery{
    width:100%;
    height:500px;
    padding:20px;
    box-sizing:border-box;
    position:relative;

 

    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -ms-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
}
.manila > .flight-gallery{
    background:url('../img/travel-a-z/flight/manila1.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.bohol > .flight-gallery{
    background:url('../img/travel-a-z/flight/bohol1.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.cebu > .flight-gallery{
    background:url('../img/travel-a-z/flight/cebu1.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}
.palawan > .flight-gallery{
    background:url('../img/travel-a-z/flight/palawan1.jpg') no-repeat;
    background-position:center center;
    background-size:cover;
}

.flight-images img {
    width:19%;
    height:auto;      
    cursor:pointer;
    border: 3px solid #fff;     
    box-sizing: border-box;

    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    margin-left:4px;
    margin-right:4px;
}

.airlines {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
}

    .airlines a {
        text-decoration: none;
        color: #000;
        transition: all .25s ease-in-out;
    }

        .airlines a:hover {
            color: #1c529e;
        }

            .airlines a:hover i {
                color: #1c529e;
            }

.airline-container {
    width: 285px;
    padding: 0 20px;
    border: 1px solid #c7c7c7;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin: 3px;
}

    .airline-container i {
        color: #5e5e5e;
    }

    .airline-container img {
        width: auto;
        margin-right: 10px;
    }

.airline-content {
    display: flex;
    flex-flow: row;
    align-items: center;
}

@media screen and (max-width:1080px) {
    .airlines {
        justify-content: center;
    }
}

@media screen and (max-width:360px) {
    .airline-container {
        width: 70vw;
    }

    .airline-content {
        flex-flow: column wrap;
    }
}

/*SIM Card*/

.sim-nav {
    margin:20px 0;
}

.bold-list li {
    font-weight:bold;
}



  .video iframe{
            width:100%;
            height:450px;
        }

  /*E-NEWSLETTER BUTTON*/

.e-newsletter-btn {
    position: fixed;
   
    bottom: 25%;
    right: 0;
    margin: auto;
    z-index: 999;
    cursor:pointer;
}
.e-newsletter-mobile {
    display:none;
}
.e-newsletter-content {
    width:150px;
    position:absolute;
    right:-25px;
    top:-20%;
    padding:0;

    border-top:5px solid #ffa008;
    border-right:0px;
    border-left:5px solid #ffa008;
    border-bottom:5px solid #ffa008;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -ms-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;

    box-shadow:0 0 10px rgba(0,0,0,.5)
}
.e-news-btn {
    padding:0;
}
.e-newsletter-content p {
    width:150px;
    margin:auto;
    padding:10px 10px;
    font-size:20px;
    color:#6b605c;
    background:#fff;
    
}
.e-newsletter-content:hover {
    right:-15px;
}
.e-news-bottom-txt {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

.e-newsletter-content i, .e-newsletter-mobile i {
    font-weight:bold;
}

/*E-NEWSLETTER POPUP*/

.enews-popup {
    /*display: none;*/
    width: 400px;
    height: 330px;
    position: fixed;
    bottom: 175px;
    border: 1px solid #d8d8d8;
    right: -400px;
    background: #fff;
    z-index: 9999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #999999;
    font-size: 12px;
    font-family: 'NanumSquareR',sans-serif;
    padding: 15px;
    box-sizing: border-box;
    overflow: auto;
    text-align:center;

    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}
.enews-reveal {
    right:15px;
}
.enews-name, .enews-email {
    width:100%;
    height:5vh;
    margin:5px 0;
    padding-left:5px;
    box-sizing:border-box;

    font-size: 15px;
    font-family: 'NanumSquareR',sans-serif;
}
.enews-txt p {
    text-align:left;
} 
.enews-txt p:first-child {
    font-size:16px;
}
.enews-txt p:nth-child(2) {
    font-size:14px;
    line-height:23px;
}
.enews-submit-btn {
    background-color:#215ce2;
    font-size:15px;
    color:#fff;
    padding:7px 15px;
    border:none;
    cursor:pointer;
    margin-top:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.enews-submit-btn:hover {
    background-color:#346cec;
}

/*E-NEWSLETTER POPUP MOBILE*/

.enews-popup-mobile {
    display: none;
    width: 50%;
    height: auto;
    position: fixed;
    bottom: 55px;
    border: 1px solid #d8d8d8;
    right: 15px;
    background: #fff;
    z-index: 9999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #999999;
    font-size: 12px;
    font-family: 'NanumSquareR',sans-serif;
    padding: 15px;
    box-sizing: border-box;
    overflow: auto;
    text-align:center;
}
.enews-popup-confirm {
    width: 80%;
    height: 200px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display:none;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px;
    padding: 20px;
    box-sizing: border-box;
}

.enews-confirm-txt p {
    font-size:16px;
}


.bg-blue{
    background:rgba(25,81,159,0.8);
}

.bg-white{
    background:rgba(270,270,270,0.6);
}
.txt-white{
    color:#fff !important;
}

.ls-5{
    letter-spacing:5px !important;
}

.bx-wrapper img{
    max-width:60%;
}

/*HOME VISA*/

.container-fluid {
    width: 100%;
}
.container-fluid .content {
    margin-bottom:0;
}
.home-visa-banner {
    width: 100%;
    background: #2555a3;
    padding: 20px 0;
    text-align: center;
    z-index: 1;
}

    .home-visa-banner h1 {
        font-family: Jalnan, sans-serif;
        font-weight: normal;
        color: #fff;
    }

    .home-visa-banner span {
        font-size: 1.4em;
    }

.home-visa-header {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

    .home-visa-header img {
        z-index: 2;
        margin-bottom: -40px;
    }
.bbmg-banner {
    width:100%;
    margin:50px 0;
}

@media screen and (max-width:500px) {
    .home-visa-header img {
        margin-bottom: -25px;
    }

    .home-visa-banner {
        width: 95%;
        padding: 20px 10px;
    }

        .home-visa-banner h1 {
            font-size: 6.8vw;
        }
}

@media screen and (max-width:430px) {
    .home-visa-header img {
        width: 90%;
    }
}

.home-visa-txt {
    padding: 10px;
    text-align: left;
}

    .home-visa-txt a {
        font-family: 'GmarketSansTTFMedium';
        text-decoration: none;
        float: right;
        color:#000;
        transition:all 0.25s ease-in-out;
    }
    .home-visa-txt a:hover {
        color:#2555a3;
    }

    .home-visa-txt h4 {
        font-family: 'NanumSquareR', sans-serif;
        font-size: 18px;
        color: #2555a3;
    }

    .home-visa-txt p {
        font-family: 'GmarketSansTTFLight';
        font-size: 25px;
    }

.home-visa1 strong {
    color: #000;
}

.home-visa1 {
    padding: 30px 0px;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    align-items: center;
}

.white-bg {
    background-color: #F8F8F8;
}

@media screen and (max-width:550px) {
    .home-visa1 {
        flex-flow: column;
        justify-content: center;
    }

        .home-visa1 img {
            width: 95%;
            order: 1;
        }

    .home-visa-txt {
        width: 95%;
        order: 2;
    }
}
/***END HOME VISA***/


/*HOME EBOOK*/
.ebook-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.ebook-txt {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
    text-align: left;
}

.ebook-txt h3 span {
    font-family: 'Elice-Light',sans-serif;
    font-size:18px;
}
.ebook-txt h3 {
    font-family: 'Elice-Bold',sans-serif;
    font-size: 25px;
    margin: 0 50px;
}
.ebook-img {
    position:absolute;
    right:0;
}
.home-ebook-btn h1 {
    font-size: 18px;
    background-color: #f4f6f7;
    padding: 7px 55px 7px 35px;
    color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    transition: all .25s ease-in-out;
    display: inline-block;
    border: 1px solid #696969;
    position:relative;
}

.home-ebook-btn h1:hover {
    background-color:#215ce2;
    color:#fff;
    border: 1px solid #215ce2;
}

.ebook-playbtn {
    position:absolute;
    width:40px;
    top:0;
    right:-3px;
}

@media screen and (max-width:685px) {
    .ebook-container {
        justify-content: center;
    }
    .ebook-img {
        position: relative;
        right: 0;
    }
}
@media screen and (max-width:500px) {
    .home-ebook-btn h1 {
        font-size: 18px!important;
    }
}

/***END HOME EBOOK***/



/*KTRAVEL PAGE*/
.ktravel-banner {
    width: 100%;
    height: 100vh;
    background: url('../img/ktravel-deal/banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ktravel-title {
    width: 80%;
    text-align: center;
}

    .ktravel-title h1 {
        font-family: 'NanumSquareEB', sans-serif;
        font-size: 60px;
        color: #fff;
    }

    .ktravel-title p {
        font-family: 'Roboto';
        font-size: 25px;
        color: #fff;
        font-weight: 500;
    }

.ktravel-content h1 {
    font-family: 'NanumSquareEB',sans-serif;
    font-size: 40px !important;
    margin-bottom: 15px;
    font-weight: bold;
}
.ktravel-content h3 {
    font-family: 'barabara',sans-serif;
    font-size: 24px !important;
    margin-bottom: 15px;
}
.ktravel-content h2 {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
}

@media screen and (max-width:720px) {
    .ktravel-title h1 {
        font-size: 8vw;
    }

    .ktravel-title p {
        font-size: 3.5vw;
    }
}

/***END KTRAVEL***/



@media only screen and (max-width: 1570px) {
    /*header .nav li{
        margin:0 20px;
    }*/
    header .logo{
        width:150px;
    }
    /*header .nav li a{
        font-size:14px;
    }*/

}

@media only screen and (max-width: 1364px) {
    header .main-nav li {
        margin: 0 1.1%;
    }
}

@media only screen and (max-width: 1260px) {
    /*header .nav li{
        margin:0 15px;
    }*/
    header .logo{
        width:210px;
    }
    /*header .nav li a{
        font-size:13px;
    }*/

    /*.banner-text{
        padding:4%;
    }
    .see-more{
        width:20%;
    }*/
}

@media only screen and (max-width: 1257px) {
    header .main-nav, header .social,  header .logo{display:none;}
    header .logo-mobile{display:inline-block;}
    #menu-btn{display:block;}
    header a{float:none;}
}
@media only screen and (max-width: 1150px) {
    /*header .nav li{
        margin:0 10px;
    }*/
    header .logo{
        width:200px;
    }
    /*header .nav li a{
        font-size:12px;
    }*/
}

@media only screen and (max-width: 1080px){
    .inner-banner, footer .inner-footer, footer .sub-footer .inner-sub-footer{
        width:100%;
    }

    footer{
        height:auto;
    }

    footer .inner-footer{
        text-align:center;
        flex-direction:column;
    }

    footer .sub-footer .inner-sub-footer p{
        text-align:center;
    }
    .content{
        width:95%;
        
    }
   
    .travel-tips-container .panel-container .panel:nth-child(3n) {
            margin-right:29px;
    }
    .basic-info-container .panel-container .panel:nth-child(3n) {
            margin-right:29px;
    }
    .more-info-content-box img {
        width:100%;
    }
    .more-info-content-box img {
        width:100%;
    }
    /*.banner-text{
      padding:2%;
    }
    .banner-text-box{
        margin:2% 5%;
    }*/
    .train-card img {
        width: 50%;
    }
    .thumb-image a {
        width:32%;
    }
}
@media screen and (max-width:1080px) {
    
    figure.snip1382{
        width:31%;
        margin:1%;
        max-width:40%;
    }
}

@media screen and (max-width:1068px) {
    .block {
        width:23%;
    }
  
}
@media screen and (max-width:1056px) {
    .thumb {
        width:48%;
    }
}
@media only screen and (max-width: 1042px) {
     footer .inner-footer .col-3{
         display:none;

     }
    footer .inner-footer .col-3-mobile {
        display:block;
    }
}
@media screen and (max-width: 1015px) {
    .txt-cont { 
        flex:1 100%;
    }
    .col-2 {
        flex-flow: row wrap;
    }
    .traffic > .edu-text {
        width:100%;
    }
}
@media only screen and (max-width: 1000px) {
     /*.banner-text h1{
         font-size:30px;
     }
     .banner-text p{
         font-size:12px;
     }
      .banner-text-box{
        margin:5% 5%;
    }*/

    
}
@media screen and (max-width:985px) {
    .flight-images img {
        margin-left: 2px;
        margin-right: 2px;
    }
} 
@media screen and (max-width:980px) {
    .yt-container {
        flex-flow: row wrap;
    }
    .yt-main-video {
        width:100%;
        justify-content:center;
        order:1;
    }
    .thumb-container {
        width:680px;
        height:276px;
        overflow:auto;
        margin:0 auto;
        order:2;
        justify-content:center;
    }
    .thumb {
        width:161.6px;
        margin:4px;
    }
}
@media screen and (max-width:960px) {
   
}
@media screen and (max-width:937px) {
    .e-newsletter-btn {
        display:none;
    }
    .e-newsletter-mobile {
        display:block;
    }
    .enews-popup-mobile {
        display:none;
    }

    
} 
@media screen and (max-width:888px) {
    .text-map {
        height:386px;
    }
}

@media screen and (max-width:873px) {
     .block {
        width:23%;
    }
    figure.snip1382{
        width:50%;
        margin:3%;
        max-width:43.5%;
    }
}

@media screen and (max-width:850px) {
     .block {
        width:23%;
    }

}
@media only screen and (max-width: 800px) {
    /*.banner-text h1 {
        font-size: 20px;
         margin:0;
    }
    .banner-text p {
        font-size: 12px;
        margin:0;
    }

      .banner-text-box{
        margin:15% 5%;
    }*/
      .bx-wrapper .bx-next,   .bx-wrapper .bx-prev{
          width:50px !important;
          height:50px !important;
      }
      .bx-wrapper .bx-prev{
          right:50px !important;
      }

     
    .details-txt-container{width:50%;}
    .details-img{width:50%}

    .block {
        width:31%;
    }
    .basic-info-container ol {
        /*padding-left:0;*/
    }

}
@media screen and (max-width:700px) {
    .video iframe {
        width:100%;

        height:300px;
    }
}
@media screen and (max-width:750px) {
    .airport-nav > ul > li {
        padding:20px 0;
    }
}

@media screen and (max-width:680px) {
    .showroom-guide-container img {
        width:100%;
    }
    .si-main ul li{
        flex: 1 100%;
    }
   .yt-main-video iframe {
       position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
   }
}
@media screen and (max-width:660px) {
    .invi-space {
        display:none;
    }
}
@media screen and (max-width:651px) {
    figure.snip1382{
           display: inline-block;
           width:64%;
           max-width:100%;
           float:none;
    }
}
@media only screen and (max-width: 640px) {
    .details-txt-3{
        display:none;
    }
 
    .details-txt-3-mobile{
        display:block;
        height:auto !important;
    }
     .text-map, .details-txt-3{width:100% !important;}
     .more-btn {        
   float:right;
}
    .text-map-text{
        float:left;
        width:60%;
    }
    .text-map-menu h1{
        font-size:18px;
    }
    .text-map-menu p{
        font-size:14px;
    }
    .more-btn{
        margin-top:0;
        width:15%;
    }
    .details-txt{
        display:block;
    }
    .text-map-menu p{
        font-size:12px;
    }
  
}
@media screen and (max-width:628px) {
    
    
}
@media only screen and (max-width: 600px){
    #slide6 {
        background: url(../img/home-banners/tour-packages-banner-mobile-gif-new.gif) center center /auto 100%;
        height: 590px;
    }

    #slide7 {
        background: url(../img/home-banners/hoho-banner-mobile.jpg?) center center /auto 100%;
        height: 590px;
    }

    #slide8 {
        background: url(/img/home-banners/loveth-ph-banner-mobile.jpg?v=1) center center /auto 100%;
        height: 590px;
    }
    #slide9 {
        background: url(/img/home-banners/ebook-banner-mobile.jpg?v=1) center center /auto 100%;
        height: 590px;
    }
    .spacer{
        display:none;
    }
   .notice, .news {
        width: 90%;
    }
   .divider{
       display:block;
   }
   .subpage-nav ul {
       display:none;
       text-align:center;
       padding:0;
   }
    .banner-box {
        height:224px;
    }
    .mobile-nav-container {
        display: inline-block;
        padding: 10px;
    }
   .subpage-nav ul li {
       display:block;
       border-bottom:1px solid #c7c7c7;
   }
   .subpage-nav ul li:nth-last-child(odd) {
       border:none;
   }
   .dropdown {
       width:100%;
       position:static;
       top:0;
       left:0;
       padding-left:0;
   }
   .subpage-nav .content .dropdown li {
       border:none;
   }
   .subpage-nav .content .dropdown li:nth-child(odd) {
       border:none;
   }
   .subpage-nav ul li:nth-child(even) {
       margin: 0 auto;
   }
   .subpage-nav ul li {
       margin:0 auto;
       padding: 10px 5px;
   }
    header{padding:0 0px 0;}
   /*Hover*/

   .event-nav ul li:hover, 
   .greetings-nav ul li:hover, 
   .notice-nav ul li:hover, 
   .language-courses-nav ul li:hover,
   .travel-requirements-nav ul li:hover,
   .safety-tips-nav ul li:hover,
   .sitemap-nav ul li:hover  
    {
        background:none;
    }
     .banner-text-box{
        margin:20% 5%;
    }
     .banner-text p{
         line-height:20px;
     }
     .education-container {
         display:block;
         flex-direction: column;
     }
     .edu-text {
         width:100%;
     }
     .food div:nth-child(2) {
         margin:0 auto;
     }
     .train-card img {
        width: 100%;
    }
     .education-table {
         text-align:center;
     }
     .basic-info-nav #menu-trigger1 {
         margin:0 auto;
     }
     .bar1, .bar2, .bar3 {
         width:30px;
     }
     .travel-requirements-nav #menu-trigger1 a, .basic-info-nav #menu-trigger1 a {
         padding:0;
     }
}

@media screen and (max-width:580px) {
     
     .thumb-container {
       height:auto;
   }
     .thumb {
       width:31%;
   }
     .block {
         width:30%;
         height:150px;
     }
    .manila-container {
        height:380px;
    }
    
}
@media screen and (max-width:563px) {
    .flight-images img {
        margin-left:1px;
        margin-right:1px;
    }
}


@media screen and (max-width:531px) {
    .more-btn {
        margin-top: 0;
        width: 20%;
    }
    .more-btn-arrow {
        margin-left:5px;
    }
   

}

@media screen and (max-width:500px) {
    .details-txt-container,.details-img{width:100%;}
    .more-info-sub-nav ul li {
        margin:10px 20px;
    }
     figure.snip1382 h2{
         font-size:16px;

     }
     figure.snip1382 p{
         font-size:14px;

     }
     /*.basic-info-container p, .traffic h3, .basic-info-container ol, .edu-text h3, .basic-info-container h3{
        font-size:14px;
    }*/

     .phil-box {
        display:block;
    }
    figure.snip1382:before{
        display:none;
    }
    figure.snip1382:after{
        display:none;

    }
    figure.snip1382:after, figure.snip1382:before, figure.snip1382 figcaption:after, figure.snip1382 figcaption:before {
        display:none;
    }
    figure.snip1382 figcaption {
        display:none;
    }
    .flight-text h1 {
        font-size:60px!important;
    }
    .content h1 {
        font-size:24px;
    }
    .subpage-banner-txt h1 {
        font-size:32px;
    }
    .subpage-table th, td {
        padding:10px 5px;
        width:70px;
    }
    /*.banner-title h3 {
        font-size:14px;
    }*/
}

@media only screen and (max-width: 493px) {
    footer .inner-footer .col-3-mobile p, footer .inner-footer .col-3-mobile ul{
        float:none;
    }
    footer .inner-footer .col-3-mobile ul{
        margin-top:10px;
        padding:0;
    }
    .enews-popup-mobile {
        width:80%;
    }
    
}
@media screen and (max-width:454px) {
    .social-container ul {
        float:none;
        display:block;
    }
    .social-container ul li {
        width:48%!important;
        height:150px;
        position:relative;
        overflow:hidden;
}
    .social-container ul li img {
        
        position:absolute;
        left:-99999px;
        right:-99999px;
        margin:auto;
    }

}
@media screen and (max-width:435px) {
    .panel {
        width:100%;
    }
}
@media only screen and (max-width: 420px) {
    footer .sub-footer{
        height:auto;
        padding:10px 0;
    }
    footer .sub-footer .inner-sub-footer p{
        line-height:normal;
        font-size:12px;
    }

    header .logo-mobile {
        max-width: 100px;
    }

    #menu-btn {
        width: 70px;
    }

    header {
        height: 70px;
    }

    header a {
        line-height: 70px;
    }
    .banner-text {
        background: rgba(270,270,270,0.5);
    }
}
@media screen and (max-width:390px) {
    .thumb {
        width:140.6px;
        height:115px;
    }
    .thumb .fa {
        line-height:115px;
    }
    .thumb {
        width:30%;
    }
    .enews-popup-mobile {
        width:90%;
    }
}

@media screen and (max-width:300px) {
    .more-info-sub-nav ul li {
        margin:10px;
    }

    .banner-box {
        height:190px;
    }
    #slide1 {
        background: url(../img/cebu-banner-mobile.jpg) center center /auto 100%;
        height: 400px;
    }
#slide2{
    background:url(../img/bohol-banner-mobile.jpg) center center /auto 100%; height:400px;
}
#slide3{
    background:url(../img/manila-banner-mobile.jpg) center center /auto 100%; height:400px;
}
#slide4{
    background:url(../img/boracay-banner-mobile.jpg) center center /auto 100%; height:400px;
}
#slide5{
    background:url(../img/palawan-banner-mobile.jpg) center center /auto 100%; height:400px;
}


    /*.banner-text h1{
        font-size:25px;
    }

    .banner-text p{
        font-size:9px;
    }*/
    .see-more{
        width:50%;
    }
    header .logo-mobile{width:100px;}
    #menu-btn{width:70px;}
    header{height:70px;}
    header a{line-height:70px;}

    .details-txt-container, .details-img,.image-2{
        height:auto;
    }
    
    .notice strong, .news strong{
        font-size:14px;
    }
.notice p, .news p {
    font-size:12px;
}
.details-txt h3, .image-2 h3{
    font-size:14px;
}
.content h1{
    font-size:20px;
}
footer .inner-footer .footer-col-2 ul,footer .inner-footer .col-3-mobile p{
    font-size:12px;
}

    /*.banner-text-box{
        margin:30% 5%;
    }*/
    .banner-text p{
        display:none;
    }
    .banner-text h1{
        font-size:30px;
    }
    .inner-banner{
        top:40%;
    }
}