/*

Theme Name: Tetsu PAMPH

Theme URI: http://tetsuakidesign.com/

Author: Tetsu

Author URI: http://tetsuakidesign.com/

*/



@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: 'Gotham-bold';

    src: url('fonts/gotham-bold/Gotham-Bold.eot');

    src: url('fonts/gotham-bold/Gotham-Bold.eot?#iefix') format('embedded-opentype'),

        url('fonts/gotham-bold/Gotham-Bold.woff') format('woff'),

        url('fonts/gotham-bold/Gotham-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'Gotham Book Regular';

    src: url('fonts/Gotham-Book/Gotham Book Regular.eot');

    src: local('☺'), 

         url('fonts/Gotham-Book/Gotham Book Regular.woff') format('woff'), 

         url('fonts/Gotham-Book/Gotham Book Regular.ttf') format('truetype'), 

         url('fonts/Gotham-Book/Gotham Book Regular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Janson Text LT Std';

    src: url('fonts/Janson-Text/Janson Text LT Std.eot');

    src: local('☺'), 

         url('fonts/Janson-Text/Janson Text LT Std.woff')  format('woff'), 

         url('fonts/Janson-Text/Janson Text LT Std.ttf') format('truetype'), 

         url('fonts/Janson-Text/Janson Text LT Std.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



body{

    background:#ffffff; 

    margin:0; 

    padding:0;

    font-size: 15px;

    font-family: "Gotham Book Regular",sans-serif;

    color: rgb(38, 38, 38);

    -webkit-font-smoothing:antialiased; 

    -webkit-text-size-adjust:none; overflow-x: hidden;} 



a{text-decoration:none;outline: none; color:#3b5998;}

button{outline: none;}

img{border:none; outline:none;  max-width: 100%; height: auto;}

*{box-sizing: border-box; -moz-box-sizing: border-box;

-webkit-box-sizing: border-box; -ms-box-sizing: border-box;}

input[type="submit"]{transition:all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; 

-moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;}

h3,h4, .inner_content .right_bar h1{font-family: "Janson Text LT Std",serif;}

h1{font-size: 50px;color:#1a1a1a;font-weight: normal; margin: 25px 0;}

h2{font-family: "Gotham-bold",sans-serif;font-size: 50px;color:#262626;margin: 20px 0; letter-spacing: -1.5px;}

h3{color: #3b5998;font-size: 35px; font-weight: normal;margin:15px 0;}

h4 { color: #252525;font-size: 25px; font-weight: normal;margin: 10px 0; letter-spacing: -0.55px;}

h5 {font-size: 17px;  font-weight: bold; margin: 5px 0;}

h6 { color: #3b5998; font-family: "Gotham-bold",sans-serif;font-size: 15px; margin: 0; padding: 0;}

.container{width:1200px;margin:0 auto;}

input, textarea {

	 border: 1px solid #cccccc;

    background:#ffffff;

    border-radius: 0

    font-size: 12px;

    color: #aaaaaa;

    height: 36px;

    padding: 8px 10px;

    width: 271px;}

textarea{height: 114px;}

strong {font-family: "Gotham-bold",sans-serif;}

ul {padding: 0 0;}

ul li { background:url("images/list_bg.png") no-repeat scroll left 10px; list-style: outside none none; margin: 0 0 2px;padding: 0 0 0 10px;}

.inner_content .right_bar h1{font-size: 35px;}

p { line-height: 1.6;}

.inner_content p {margin: 23px 0;}

.header ul li,.footer ul li, .left_bar ul li{background:none repeat scroll 0 0;}

a.more:hover, .read_more:hover {opacity: 0.5;}

.aligncenter{display: block;margin:0 auto; float: none;}

.alignright{ float:right; margin-left: 5px 0 5px 10px; }

.alignleft{ float: left; margin-right: 5px 10px 5px 0;}


/*---------header----------*/

.menu_click { display: none;}

.content, .cta_outer,.top_footer{ margin: 0 auto;width: 1321px;}

.header {float: left; left: 0; position: absolute;  top: 0; width: 100%;z-index: 9;}

.header_inner {background: #3e5b96 none repeat scroll 0 0;float: left;position: relative;width: 100%;}

.head_top, .head_bottom { float: left; width: 100%;}

.head_top {font-size: 13px;font-weight: bold; min-height: 38px;padding: 12px 32px 0 28px;}

.header .logo { background: #3e5b96 none repeat scroll 0 0;box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.9);

height: 180px; left: 0; padding: 21px 0 21px 1px; position: absolute;text-align: center;top: 132px;width: 181px;}

.head_bottom {border-top: 1px solid #ffffff; padding: 0 31px 0 30px;}

.header_inner ul {list-style: outside none none;margin: 0; padding: 0;}

.top_right, .bottom_right {float: right;}

.top_left, .bottom_left, .bottom_right ul li{float: left;}

.top_left ul li { padding: 0 0 0 16px; float: left;}

.top_left ul li:first-child { padding-left: 0;}

.header_inner ul li a, .header_inner a{color: #ffffff;}

.bottom_left ul li {float: left; padding: 0;position: relative;}

.bottom_left ul li a {display: inline-block;  font-family: "Gotham-bold",sans-serif;font-size: 20px;font-weight: normal; padding: 26px 30px 27px;}

.bottom_left ul li:first-child a {padding-left: 0;}

.bottom_right ul li {margin: 27px 0 0 18px; padding: 0;}

.bottom_left ul li a:hover, .bottom_left ul li.buy_ticket a, .header_inner ul li a:hover,

.bottom_left ul li.current-menu-item > a, .bottom_left ul li.current_page_item > a, a:hover, 

.foot_bootom a:hover,.note, .bottom_left ul li.current-menu-parent > a{color: #f30041;}

.top_right a.search_btn:hover{color: #ffffff;}

.top_right a.search_btn {

    position: relative;

}

.top_right a.search_btn::before {

    background:url("images/search_icon.png") no-repeat scroll center center;

    content: "";

    height: 17px;

    left: -23px;

    position: absolute;

    top: 0;

    width: 19px;

}

/*--sub-menu-------*/

.bottom_left ul li .sub-menu {

    background: #3e5b96 none repeat scroll 0 0;

    display: none;

    left: 0;

    position: absolute;

    top: 78px;

    width: 200px;

}

.bottom_left ul li .sub-menu li {

    margin: 0;

    width: 100%;

}

.bottom_left ul li .sub-menu li a {

    border-bottom: 1px solid #607db8;

    padding: 10px 15px;

    width: 100%;

}

.bottom_left ul li:hover .sub-menu {

    display: block;

}

.bottom_left ul li .sub-menu li:last-child a {

    border-bottom: 0 none;

}



/*----banner---*/

.banner {float: left;width: 100%;position: relative;}

.banner .rsUni .rsBullet,.flex-control-nav li {cursor: pointer; height: 20px; width: 20px;}

.banner .rsUni .rsBullet span,.right_bar .flex-control-paging li a { background: #ffffff; height: 20px; width: 20px;text-align: center;}

.banner .rsUni .rsBullet.rsNavSelected span, .flex-control-paging li a.flex-active,.flex-control-paging li a:hover {opacity: 0.5;background: #ffffff;}

.banner .rsNav.rsBullets { bottom: 16px; left: 0;  padding: 0;  position: absolute;right: 0; text-align: right; width: 1200px;}

.banner .rsUni .rsBullet:last-child {margin-right: 29px;}
body.open_popup {
    overflow: hidden;
}
.popup_content_section {background-color: #FDB813;width: 575px;text-align: center;padding: 10px 15px 8px 15px;display: inline-block;position: fixed;z-index: 9999999;left: 50%;margin:0px auto 0 auto;top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.popup_content .container {width: 100%;}
.popup_content h3 {color: #000;font-size: 24px;font-family: "Gotham-bold",sans-serif;margin-bottom: 0;margin-top: 12px; }
.popup_content p {margin: 0;}
.popup_content .never_show {font-size: 12px;text-align: right;float: right; padding-top: 6px; padding-bottom: 1px;}
.popup_content .close {position: absolute;right: -3px;top: -33px;}
.popup_content .close a {background: url(images/close-icon.png)no-repeat center center; display: inline-block; width: 26px; height: 25px; text-indent:30px; overflow: hidden;}
.overlay {display: block;position: fixed;background-color: rgba(0,0,0,0.8);height: 100%;width: 100%;z-index: 999;}
 #custom_content_popup{
    display: none;
}
.popup_content::before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: "";
}
.popup_content {
    text-align: center;
    display: inline-block;
}
/*----content_home------*/

.home_content {float: left;width: 100%;}

.cta_top .top_box {

	float: left;

    background: #e7e7e7 none repeat scroll 0 0;

    margin: 0 7px;

    min-height: 235px;

    padding: 0 24px 0 18px;

    position: relative;

    width: 316px;

}

.cta_top .top_box:first-child { padding-left: 40px;}

.cta_top .top_box:last-child {background: #ffffff none repeat scroll 0 0;min-height: 235px; padding: 0 0;}

.event_blog .post,.cta_top, .event_blog,.program_inner{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex;flex-wrap: wrap;}

.cta_top {padding: 13px 0;}

.top_box h3 {line-height: 39px;margin: 25px 0 13px;}

.top_box .textwidget p { font-weight: lighter;line-height: 18px; margin: 9px 0 24px; min-height: 36px;}

a.more, .read_more{background:url("images/readmore.png") no-repeat scroll left center; display: inline-block; font-weight: bold;

padding: 6px 0 6px 26px;width: 100%;color:#FF0040; font-family: "Gotham-bold",sans-serif;}

.top_box .more { margin-left: 1px;}

/*.top_box a.more {bottom: 28px; left: 14px;  position: absolute;}*/

/*------------------*/

.bottom_box {float: left; margin: 0 7px; width: 316px;}

.bottom_box .bottom_img{   float: left;height: 331px;overflow: hidden;}

.bottom_img img {height: auto; width: 100%;}

.bottom_box .bottom_text {float: left;padding: 27px 7px 55px 7px;position: relative;}

.top_box iframe { height: 233px !important;}

.bottom_box .bottom_text h4{margin: 10px 0 32px;}

.bottom_text p { line-height: 18px;margin: 23px 0;}

.bottom_text a.more { margin: 12px 0 0;}

.bottom_box:first-child .bottom_text::after {background:none repeat scroll 0 0;}

.bottom_box .bottom_text::after, .event_blog::after{ background:#e6e6e6 none repeat scroll 0 0; content: "";  height: 100%; left: -7px; 

position: absolute;top: 0; width: 1px;}

.cta_bottom {border-bottom: 1px solid #e6e6e6;}
.entry_content h3 {margin-top: 35px;}
/*----------*/

.event_blog::after { height: 94%; left: 0; margin: 0 auto;right: 0;top: 33px;}

.event_blog { padding: 6px 0 29px;position: relative;}

.events, .blogs {float: left; padding-left: 31px;padding-right: 50px;width: 50%;}

.event_blog .post { float: left; margin-top: 23px;width: 100%;}

.event_blog .post_time { color: #999999; float: left;font-family: "Gotham-bold",sans-serif;padding: 5px 0 0; text-transform: uppercase;width: 28%;}

.event_blog .post_content { float: left; width: 72%;}

.post_content h4 a, .post_wrapper h4 a{color: #262626;}

.event_blog .post .post_content p {line-height: 1.6; margin-top: 9px; margin-bottom: 17px;}

.post_time p { font-size: 25px; font-weight: bold; margin: 0 0 1px;}

.event_blog h2 { margin-bottom: 28px;float: left;}

.post_time span { font-size: 10px; font-weight: 600;}

.event_blog .post_content h4 {margin-bottom: 0; margin-top: 10px;}

.event_blog .blogs .post {margin-bottom: 28px;}

.events a.more { margin-top: 25px;}





/*------footer------*/



.footer, .foot_cta,.foot_bootom,.cta_top, .cta_bottom, .event_blog,.connect_us, .stay_touch{ float: left;width: 100%;}

.top_footer,.foot_bootom{text-align: center;}

.footer {border-top: 4px solid #3b5998; padding: 66px 0 90px;}

.connect_us > .textwidget {  margin-bottom: 63px; margin-top: 51px;}

.connect_us ul li { display: inline-block; padding: 0 14px; vertical-align: middle;}

.connect_us ul {display: block;margin: 33px 0; padding: 0;}

.stay_touch {border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 63px 0 35px;}

.connect_us ul li a:hover, .bottom_right ul li a:hover{opacity: 0.5;}

/*------*/

.stay_touch form{position: relative;}

.stay_touch form span.wpcf7-form-control-wrap {display: block; width: 100%;}

.stay_touch form span.wpcf7-form-control-wrap input,

.stay_touch input[type="email"]{ font-size: 24px; height: 75px; padding:10px; width: 70%;}

.stay_touch form input[type="submit"] {background-color: #ffffff; border: 1px solid #cccccc; border-radius: 0;color: #000000;

cursor: pointer; float: left;font-family: "Gotham-bold",sans-serif; font-size: 13px;-webkit-appearance: none;

-moz-appearance: none;appearance: none;font-weight: bold; height: 42px;  padding: 0; position: absolute; right: 19px; top: 16px;width: 130px;}

.stay_touch .textwidget > p { margin: 0;}

.stay_touch form input[type="submit"]:hover,button.search-submit:hover{background: #000000 none repeat scroll 0 0;color: #ffffff;}

.stay_touch h2 { margin-bottom: 4px;}

body div.wpcf7-validation-errors {margin: 0;}

.foot_cta {padding: 85px 0 97px;}

.foot_box .text a:hover, .foot_box:last-child .text a{ background: #df002d none repeat scroll 0 0;}

.foot_box { color: #ffffff;float: left;  margin: 0 7px; position: relative;text-align: center;  width: 315px;}

.foot_box .text a {background: #3e5b96 none repeat scroll 0 0;  color: #ffffff;display: inline-block; padding: 10px; width: 100%;}

.foot_box .text {bottom: 28px;position: absolute;text-align: center; width: 100%;}

.foot_box h5 {margin: 0;}

.foot_bootom p { margin: 29px 0;}

.foot_bootom a {color: #262626;}

/*----------top-search---------*/

.top_right {  position: relative;}

.top_right .search-form button { -moz-appearance: none;  -webkit-appearance: none;appearance: none;

 background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none;  padding: 0 0; position: absolute; right: 5px; top: 0;}

.top_right .search-form { position: absolute;right: 48px;top: -7px;}

.top_right .search-field {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;

background: #6b88c6 none repeat scroll 0 0;  border: medium none; color: #ffffff; font-size: 13px;

 font-weight: bold;height: 30px; padding: 0 0 0 5px;}

/*------inner-page-----*/

.inner_banner {background-size: cover;background-position: center center;float: left;min-height: 459px; width: 100%;}

.inner_content {float: left; width: 100%;}

.inner_content .left_bar {float: left;max-width: 200px;width: 19.8%;}

.inner_content .right_bar {float: right;padding: 32px 242px 80px 0;width: 80.2%;}

.inner_content .left_bar .left-menu {

background: #ffffff none repeat scroll 0 0; border: 1px solid #e6e6e6; left: 0;position:relative;   top: -60px;  width: 100%;}

.inner_content .left_bar .left-menu ul {  margin: 0; padding: 0;}

.inner_content .left_bar .left-menu ul li {padding: 0;}

.inner_content .left_bar .left-menu ul li:first-child a {padding-top: 15px;}

.inner_content .left_bar .left-menu ul li a { border-bottom: 1px solid #e6e6e6; color: #1a1a1a;

 display: inline-block; font-family: "Gotham-bold",sans-serif; padding: 10px 15px 10px 17px;width: 100%;}

.inner_content .left_bar .left-menu ul li:last-child a {border: medium none;}

.inner_content h4 + p {margin-top: -3px;}

.right_bar > div + h4 {margin-top: 22px;}

.content h4 {margin-top: 48px;}

.right_bar h1 + h4 { margin-top: 0;}

.right_bar h1 + div { margin-top: 6px;}

/*-------------*/

.right_bar .flexslider {border: medium none; margin: -4px 0 0;width: 100%;border-radius: 0;}

.right_bar .flexslider .flex-direction-nav { display: none;}

.right_bar ol.flex-control-nav {  bottom: 17px; text-align: right;}

.right_bar .flex-control-nav li:last-child {margin-right: 18px;}

/*----------*/

.right_bar > h6 + p {margin-top: 2px;}

.click, .tour_detail > div.child p, .tour_detail > div.adult p,.note{font-family: "Gotham-bold",sans-serif;}

.brand_logo { float: left; margin: -2px 0 0; padding: 0;width: 100%;}

.brand_logo li:first-child {margin-left: 0;}

.brand_logo li {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; margin-left: 8px; padding: 0;vertical-align: middle;}

.right_bar .brand_logo + h4 { margin-top: 35px;}

.program_inner { margin: 0 -1%; width: 102%;}

.program_list .program_box {float: left; margin: 0 1% 38px; width: 48%;}

.program_img, .program_text { float: left; width: 100%;}

.program_text { margin-top: 13px;}

.program_text p { margin: 2px 0 0;}

.right_bar > div.flexslider + h4 { margin-top: 96px;}

/*----------buy----------*/

.content .tour_package h4 {margin-top: 0;}

.tour_img .img_tr::after {background:url("images/shad.png") no-repeat scroll left bottom;content: ""; 

height: 100%; left: 0;position: absolute; top: 0; width: 100%;}

.tour_img .img_tr { position: relative;}

.tour_detail { bottom: 0; color: #ffffff; padding:0 18px 22px 30px;  position: absolute;  width: 100%; z-index: 99;}

.tour_text {  float: left; margin: 21px 0 0;}

.content .tour_package h4 { float: left; margin-top: 0;}

.tour_text p { margin: 2px 0 0;}

.tour_inner { float: left; margin:0 6px 36px 0;}

.tour_img { float: left; margin: 3px 0 0; position: relative; width: 100%;}



.tour_detail > div p {margin: 0;}

.tour_detail > div span {color: #df002d;display: inline-block;margin: 2px 0 0;}

.tour_detail > div.adult {width: 22%;}

.tour_detail > div { display: inline-block;  float: left;  margin-right: 0;}

.tour_detail > div.child { width: 27.5%;}

.tour_detail > div.child_under { width: 23%;}

.tour_detail > div.ticket { float: right;  margin: 6px 0 0; width: 27.5%;}

.buy_link {background: #df002d; color: #ffffff;display: inline-block;  height: 42px;font-size: 13px;padding: 13px 0;text-align: center;width: 182px;}

.buy_link:hover {background:#3E5B96; color: #ffffff;}

/*----------------------*/

.post_wrapper h4 {margin: 20px 0 10px;}

/*.right_bar .post_wrapper p { margin: 0;}*/

.read_more { background:url("images/read_more.png") no-repeat scroll left center;}

.post_wrapper .read_more {margin-top: 25px;}

.post_wrapper {float: left; margin-bottom: 63px; width: 100%;}

.pagination a, .nav-links a { padding: 5px 10px;  background: #3E5B96; margin-right: 8px;color: #fff;display: inline-block;}

.right_bar .post-navigation .screen-reader-text{ display: none;}

.right_bar .pagination,.right_bar nav{float: left; width: 100%;}

.pagination a:hover, .pagination a.active, .nav-links a:hover {background:#f30041;}

.nav-links > div {display: inline-block; float: left; margin-right: 8px;}

.content .right_bar ul li {line-height: 1.6;}



/*-------------*/





button.search-submit {

 -moz-appearance: none;-webkit-appearance: none;appearance: none; background: #ffffff none repeat scroll 0 0;border: 1px solid #cccccc;

 border-radius: 0; font-family: "Gotham-bold",sans-serif; font-size: 13px; height: 36px;  padding: 0 12px;cursor: pointer;float: left;}

.search_form label {display: inline-block;float: left;margin-right: 4px;}





/*---------membership------------*/

/*body.page-template-page-member { overflow-x: hidden;}*/

table tr { height: 47px; position: relative;}

table {  border-collapse: collapse; width: 100%;}

table tr:nth-child(2n) {background: #c2cadd none repeat scroll 0 0;}

tr:nth-child(2n)::before,tr::before  {background: #c2cadd none repeat scroll 0 0;content: "";height: 100%; position: absolute; right: -100%;width: 100%;}

tr:nth-child(2n)::after,tr::after {background: #c2cadd none repeat scroll 0 0; content: ""; height: 100%; left: -100%;  position: absolute;  width: 100%;}

tr::before,tr::after{background: #fff;}

th,.ml-responsive-table dt{ font-family: "Gotham-bold",sans-serif; text-align: left;}

.recent_newsletter {float: left;margin-bottom: 37px; width: 100%;}

.recent_newsletter .recent_box {display: inline-block; float: left; margin-right: 14px;max-width: 100px;width: 20%;}

.recent_newsletter .recent_box h6 { font-family: "Gotham Book Regular",sans-serif; font-size: 12px; font-weight: normal;  margin-top: 11px;}

.recent_newsletter h4 {margin-bottom: 30px;}

.search_form > label .screen-reader-text { display: none;}

.page-id-9 .flexslider { margin-top: 35px;}

.right_bar strong a { color: #262626;}



/*---------------------*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color:#aaaaaa;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #aaaaaa;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #aaaaaa;

}

:-moz-placeholder { /* Firefox 18- */

  color: #aaaaaa;

}

/*------------------*/

.tour_detail .abt_tour {float: left; width: 75%;}

.abt_tour h3 { color: #ffffff;font-family: "Gotham Book Regular",sans-serif; font-size: 25px;

font-weight: bold;margin: 0;}

.tour_detail > div.ticket {width: 23%;}

.tour_detail .buy_link {

    background: #5b85db none repeat scroll 0 0;

    font-family: "Gotham-bold",sans-serif;

    font-size: 25px;

    height: auto;

    padding: 10px 0;

    width: 100%;

}

.tour_detail .buy_link:hover {background: #385590 none repeat scroll 0 0;}

.event_box {float: left;margin-bottom: 50px;width: 100%;}

.event_text h4 { margin-top: 10px;}

.event_box:last-child {margin-bottom: 0;}

figcaption.wp-caption-text {color: #aaaaaa; font-size: 13px;}