/* ========================================================================== Author's custom styles ========================================================================== */ body{ font-family: 'Neo Sans W01 Light';font-size:18px; } h1, h2, h3, h4 { margin:0; font-family: 'Neo Sans W02';} p { font-size: 18px; } .p-lg { font-size: 20px; } .p-sm { font-size: 16px; } .font-light:lang(pt), .font-light:lang(de), .font-light:lang(es), .font-light:lang(fr), .font-light:lang(hu), .font-light:lang(en) { font-family: 'Neo Sans W01 Light'; } .font-bold:lang(pt), .font-bold:lang(de), .font-bold:lang(es), .font-bold:lang(fr), .font-bold:lang(en), .font-medium:lang(pt), .font-medium:lang(de), .font-medium:lang(es), .font-medium:lang(fr), .font-medium:lang(hu), .font-medium:lang(en) { font-family: 'Neo Sans W02' !important; } .font-bold-b:lang(pt), .font-bold-b:lang(de), .font-bold-b:lang(es), .font-bold-b:lang(fr), .font-bold-b:lang(hu), .font-bold-b:lang(en) { font-family: 'Neo Sans W01 Medium' !important; } strong:lang(pt), b:lang(pt), strong:lang(de), b:lang(de), strong:lang(es), b:lang(es), strong:lang(fr), b:lang(fr), strong:lang(en), b:lang(en){ font-family: 'Neo Sans W01 Medium' !important; font-weight:normal;} .home h2:lang(es) { font-size: 40px;} .home h2:lang(fr) { font-size: 46px;} .home h2:lang(id) { font-size: 40px;} section#gl-sec06 h3:lang(id) {font-size: 72px;} section#gl-sec03 .brain_title span:lang(id) {font-size: 39px;line-height: 50px;} .linebr {height:10px;} .overflowY-hidden { overflow-y: hidden!important; } .page h2 { color:#2e88aa; font-size: 40px; font-family: 'Neo Sans W01 Light'; } .page h2.default {font-size:30px; margin-bottom:20px; color:#333;} .font-size-md{font-size:30px;} .font-size-lg{font-size:50px;} nav.selectFamily, nav.selectPFamily { position:fixed;top:0;left:0px;z-index:999; display:none; } nav.selectPFamily { left:170px; } body { padding-left:300px; } main { margin: 100px 0; } .home nav#nav-leftbar { display: none; } .home nav#nav-leftbar .close-nav { display: block; } .home { padding: 0; } .home .wrapper { width: auto; max-width: none; margin: 0; position: static; } .home #nav-button .menu-hamburger { display: block; } nav#nav-leftbar { position: fixed; z-index: 1000; background-color: #2e88aa; color: #fff; height: 100%; top: 0; left:0; width: 300px; padding: 20px; padding-right: 40px; } nav#nav-leftbar .logoTitle { font-size: 36px; } nav#nav-leftbar .close-nav { display:none; float: left; opacity: 0.7 ; cursor: pointer; -webkit-transition: -webkit-transform 0.25s ease-in-out; } nav#nav-leftbar .close-nav:hover { float: left; -webkit-transform: rotate(180deg); } nav#nav-leftbar .nav-container { padding-top: 75px; } nav#nav-leftbar .nav-container .nav-header { margin: 0 0 25px 20px ; padding-bottom: 20px; border-bottom: 1px solid #82afb9; line-height: normal; } nav#nav-leftbar .nav-container .nav-header p { margin: 0; overflow-x: hidden; white-space: nowrap;} nav#nav-leftbar .nav-container .nav-header a { color:#fff; text-decoration: none;display: table-cell;vertical-align: middle;height: 100px; } nav#nav-leftbar .nav-container .nav-footer { margin: 25px 0 20px 20px ; padding-top: 20px; border-top: 1px solid #82afb9; } nav#nav-leftbar .nav-container ul { padding: 0; list-style-type: none; } nav#nav-leftbar .nav-container li { margin-bottom: 20px; line-height: normal; white-space: nowrap; } nav#nav-leftbar .nav-container li a { font-size: 16px; padding-left: 20px; color: #d3d8cf;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out; } nav#nav-leftbar .nav-container li.current-menu-item a, nav#nav-leftbar .nav-container li.current-menu-parent a { color: #fff; } nav#nav-leftbar .nav-container li a:hover { color: #fff; text-decoration: none; background: url("../img/main/menu-active-arrow.png") no-repeat 0 center;} nav#nav-leftbar ul.sub-menu { margin: 15px 0 0 20px; } nav#nav-leftbar .nav-container .nav-footer span { display: inline-block; width: 30px; height: 30px; margin-right: 8px; background: url("../img/main/nav-sns-btn.png") no-repeat; opacity: 0.8; cursor: pointer; } nav#nav-leftbar .nav-container .nav-footer span:hover { opacity: 1; } nav#nav-leftbar .nav-container .nav-footer span.sns-facebook { background-position: 0; } nav#nav-leftbar .nav-container .nav-footer span.sns-twitter { background-position: -30px; } nav#nav-leftbar .nav-container .nav-footer span.sns-googlepuls { background-position: -60px; } nav#nav-leftbar .nav-container .nav-footer span.sns-pinterest { background-position: -90px; } nav#nav-leftbar .nav-container .nav-footer span.sns-instagram { background-position: -120px; } nav#nav-leftbar .nav-container .nav-footer span.sns-linkedin { background-position: -150px; } nav#nav-leftbar .nav-container .nav-footer span.sns-meetup { background-position: -180px; } nav#nav-leftbar .nav-container .nav-footer span.sns-youtube { background-position: -210px; } nav#nav-leftbar .nav-container .nav-footer span.sns-webzine { background-position: -240px; } .top_nav{padding:0;} .home.top_nav {padding:100px 0 0;} .home.top_nav nav#nav-leftbar {position: fixed;} .top_nav nav#nav-leftbar {display:block !important;position:relative;padding:0;width:100%;height:auto;} .top_nav nav#nav-leftbar .nav-wrapper {width:1170px;/*height: 100px;*/margin:0 auto;} .top_nav nav#nav-leftbar .nav-container .nav-header .logoTitle {font-size:32px;} .top_nav nav#nav-leftbar .nav-container .nav-header p {font-size:14px;} .top_nav nav#nav-leftbar .nav-container {display:inline-block;padding-top:0;} .top_nav nav#nav-leftbar .nav-container .nav-header {margin:0;padding:0;border:0;vertical-align: top;display:inline-block;*display:inline; zoom:1;} .top_nav nav#nav-leftbar .nav-container ul {display:inline-block;vertical-align:top;margin-bottom:0;*display:inline; zoom:1;} .top_nav nav#nav-leftbar .nav-container li {display:inline-block;margin-bottom:0;*display:inline; zoom:1;} .top_nav nav#nav-leftbar .nav-container li a {display:block;height:100px;line-height:100px;} .top_nav nav#nav-leftbar .nav-container li a:hover, .top_nav nav#nav-leftbar .nav-container li a:focus {background:0;text-decoration:none;} .top_nav nav#nav-leftbar .nav-container .nav-footer {display:none;} .top_nav .widget_wpglobus {float:right;margin:35px 0 0 0;*display:inline; zoom:1;} .top_nav .widget_wpglobus .dropdown-styled ul {margin:0} .top_nav #nav-button {display:none;} .widget_wpglobus .dropdown-styled > ul > li {padding-right:40px;} .widget_wpglobus .dropdown-styled > ul > li:after {content:'';position:absolute;border-style:solid;border-width:7px 7px 0;border-color:#2e88aa transparent;display:block;width:0;z-index:1;top:14px;left:95px;} .widget_wpglobus .dropdown-styled a {color:#000;} .widget_wpglobus .dropdown-styled li:hover {background:#fff;} .widget_wpglobus .dropdown-styled li ul li {background:#fff;} .widget_wpglobus{margin-left:20px;margin-top:20px;/*border-top:1px solid #82afb9;padding-top:20px;*/color: #000;font-size:15px;} .widget_wpglobus select{padding: 2px 5px;} .widget_wpglobus .dropdown-styled {text-align:left;} .widget_wpglobus .dropdown-styled ul {padding-left:0;} .widget_wpglobus .dropdown-styled li ul {top: 30px;left: 0;} .widget_polylang {margin-top:20px;margin-left:20px;border-top:1px solid #82afb9;padding-top:20px;} .widget_polylang ul{padding:0} .widget_polylang li{list-style:none;display:inline;margin-right:10px;} .widget_polylang li a{color:#fff;font-size: 15px;} #nav-button { position: fixed; top: 40px; left: 40px; cursor: pointer; z-index: 1001; } #nav-button .menu-hamburger { display:none; background: url("../img/main/menu-hamburger.png") no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; width: 40px; height: 33px; cursor: pointer; } .select-lang { position: absolute; right: 0; top: 20px; z-index: 1; } #nav-buttona { position: relative; max-width: 980px; width: 90%; margin: 0 auto; } #nav-buttona { display:none; } #nav-buttonb { display:none; position: fixed; top: 40px; right: 40px; cursor: pointer; z-index: 1001; } .c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 96px; height: 96px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; background-color: inherit; transition: background 0.3s; } .c-hamburger:focus { outline: none; } .c-hamburger span { display: block; position: absolute; top: 44px; left: 18px; right: 18px; height: 8px; background: #000; } .c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 8px; background-color: #000; content: ""; } .c-hamburger span::before { top: -20px; } .c-hamburger span::after { bottom: -20px; } .c-hamburger--htx span { transition: background 0s 0.3s; } .c-hamburger--htx span::before, .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .c-hamburger--htx span::before { transition-property: top, transform; } .c-hamburger--htx span::after { transition-property: bottom, transform; } /* active state, i.e. menu open */ .c-hamburger--htx.is-active span { background: none; } .c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); } .c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); } .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; } .hidden-web { display: none !important; } .hidden-web-br br { display: none !important; } .limitwidth {max-width:600px;} @-webkit-viewport{width:device-width} @-moz-viewport{width:device-width} @-ms-viewport{width:device-width} @-o-viewport{width:device-width} @viewport{width:device-width} /*------------------------------------*\ Front page \*------------------------------------*/ .gl-btn { background-color: #fff500; border: 1px solid #ffe335; font-size: 20px; padding: 10px 20px; color:#000; } .gl-btn-sch { background-color: #fff; border: 1px solid #248dcf; font-size: 20px; padding: 10px 40px; color: #3ba3dc; } .gl-btn-blue { background-color: #40a2db; font-size: 20px; padding: 10px 20px; color:#fff; display: inline-block; } .gl-btn-blue:hover {text-decoration:none;background-color: #337ab7; color:#fff;} .color-sky { color:#40a2db; } .img-responsive { margin: 0 auto; } /* Swiper button */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 38%; width: 97px; height: 94px; margin-top: -50px; z-index: 10; cursor: pointer; } .swiper-button-prev { background: url("../img/main/slider-prev.png") no-repeat ; left: 1%; right: auto; } .swiper-button-next { background: url("../img/main/slider-next.png") no-repeat ; right: 1%; left: auto; } .swiper-button-prev2, .swiper-button-next2 { position: absolute; top: 38%; width: 97px; height: 94px; margin-top: -50px; z-index: 10; cursor: pointer; } .swiper-button-prev2 { background: url("../img/main/slider-prev.png") no-repeat ; left: 1%; right: auto; } .swiper-button-next2 { background: url("../img/main/slider-next.png") no-repeat ; right: 1%; left: auto; } .swiper-button-disabled { opacity: 0.4; cursor: auto; pointer-events: none; } .swiper-pagination-bullet { background-color: inherit; opacity: 1; padding:5px; margin:5px; border: 3px solid #fff; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } .ctrlWrap { position: absolute; width: 78px; left:50%; margin: 0 -39px; bottom: 20px; } /* Swiper button */ .home section { padding:100px 0; position: relative; } .home h2 { font-size: 50px; margin-bottom: 35px; color:#000;} .home h3 { font-size: 24px; margin-bottom: 7px; } .home h2.color-sky { color:#40a2db; } #top-banner { height: 67vmin; min-height: 500px; padding:0; } #top-banner h1 { font-size: 57px; line-height: 1.2; } #top-banner h1 span { margin: 12px 0 6px; font-size: 45px; line-height: 1.3; color:#000; } #top-banner h2 { margin: 12px 0 6px; font-size: 45px; line-height: 1.3; } #top-banner p { line-height: normal; margin-bottom: 22px; line-height: 1.4; } #top-banner .tbWraper-inner { padding-left:5vw; padding-top: 12vh; } #top-banner h2.popup-bg-posi-0 { background-position-x: 0px; } section#gl-sec01 h3 { font-size: 30px; margin-bottom: 5px; } section#gl-sec01 .container { position: relative; } section#gl-sec01 .intro_p { text-align: left; } section#gl-sec01 .carousel-control.right, section#gl-sec01 .carousel-control.left { background-image: none; opacity: 0 ;-webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } section#gl-sec01 .carousel-control.right:hover, section#gl-sec01 .carousel-control.left:hover { opacity: 1; } .glyphicon-chevron-left:before { content: "<"; } .glyphicon-chevron-right:before { content: ">"; } section#gl-sec02 { padding:6% 0 5%; background-color: #c4dfed; } section#gl-sec02 h2 { line-height: normal; font-size: 50px; margin-bottom: 35px; } section#gl-sec02 h3 { font-size: 24px; margin-bottom: 7px; } section#gl-sec02 .swiper-container2 { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; padding-bottom: 80px; } section#gl-sec02 .ss-part01 .method01 { max-width: 90%; margin: 0 auto 40px; } section#gl-sec02 .ss-part01 .method01-content { padding-top: 5%; } section#gl-sec02 .ss-part02 .method02 { max-width: 80%; margin: 0 auto; } section#gl-sec02 .ss-part02 ul { padding: 5% 0 0; list-style: none; } section#gl-sec02 .ss-part02 ul li { position: relative; padding-left: 40px; } section#gl-sec02 .ss-part02 ul li .ss-listyle { position: absolute; top:0; left:0; border-radius: 100%; color:#fff; background-color: #000; font-size: 60%; padding: 8px; font-weight: bold; } section#gl-sec02 .ss-part02 ul li p { line-height: 1.3; margin-bottom: 5%; } section#gl-sec02 .ss-part03 .try-i { width: 114px; margin: 2% auto 2%; } section#gl-sec02 .ss-part03 .try-t { width: 750px; margin: 0 auto; text-align: center; max-width: 100%; } section#gl-sec02 .ss-part03 .try-t h3 { font-size: 16px; } section#gl-sec02 .ss-part03 .try-t p { margin-bottom: 25px; } section#gl-sec03 p { margin-top: 30px; } section#gl-sec03 .mybrain { position: relative; padding: 0 78px; } section#gl-sec03 .brain_title { margin-bottom: 8.6%; } section#gl-sec03 .brain_title span { font-size: 45px; } section#gl-sec03 .brain_title .brain_title_before { float: left; } section#gl-sec03 .brain_title .brain_title_after { float: right; color: #ff9001; } section#gl-sec03 .brain_tabs { position: relative; margin-bottom: 3.7%; } section#gl-sec03 .brain_tabs span { padding: 5px 15px; border: 2px solid #d7d7d7; background-color: #fff; border-radius: 20px; } section#gl-sec03 .brain_tabs .brain_tab_before { float: left; color: #909090; } section#gl-sec03 .brain_tabs .brain_tab_after { float: right; border-color: #ff9001; } section#gl-sec03 .brain_tabs:after, section#gl-sec03 .brain_title:after { content: " "; display: block; clear: both; } section#gl-sec03 .brain_tabs.tab_center { text-align: center; margin: 4% 0 0; } section#gl-sec03 .brain_tabs.tab_center span { text-align: center; border-color: #a7d1ee; background-color: #a7d1ee; color: #fff; } .brain-left { padding-right: 0; background:url("../img/main/subtraction-brain-left.png") no-repeat 100%; background-size: auto 100%; height: 370px; } .brain-right { padding-left: 0; background:url("../img/main/subtraction-brain-right.png") no-repeat 0 100%; background-size: auto 100%; height: 370px; } section#gl-sec04 { background-color: #eeece7; } section#gl-sec04 .testimonial-col .person { margin-bottom:40px; } section#gl-sec04 .testimonial-col { margin: 30px 0 40px; } section#gl-sec04 .testimonial-col p { margin: 0; } section#gl-sec04 .ctrlWrap { bottom:160px; width: 156px; margin: 0 -78px; } section#gl-sec04 .ctrlWrap .swiper-pagination-bullet { padding:5px; margin:5px; } section#gl-sec04 .vcenter { display: table-cell; vertical-align: middle; float: none; } section#gl-sec04 .person_thumb img { border-radius: 100%; display: block; margin: 0 auto; } section#gl-sec04 .more-testimonial a { color:#000; font-size: 24px; text-decoration: underline; } section#gl-sec04 .t_type { color: #41a2db; font-size: 25px; text-decoration: underline; margin: 0 0 4px; } section#gl-sec04 .name {letter-spacing:-1px;font-size: 16px;} .testimonialWrap .swiper-wrapper .swiper-slide:nth-child(odd) { clear:left; } .testimonialWrap .swiper-wrapper .swiper-slide > a {display:block;color:inherit;text-decoration:none;} .testimonialWrap.no-thumb .person_thumb {display: none;} section#gl-sec05 { padding-bottom: 160px; } section#gl-sec05 h2 { margin-bottom: 8px; } section#gl-sec05 h3 { font-size: 50px; margin-bottom: 35px; letter-spacing: -1px; } section#gl-sec05 .container { position: relative; } section#gl-sec05 .posi-l { width: 50%; padding: 126px 15px 0; position: absolute; } section#gl-sec05 .posi-l p { margin-bottom: 22px; } section#gl-sec05 .schedule-timetable ul { margin-bottom: 10px;display: table; } section#gl-sec05 .schedule-timetable ul li {width: auto;} section#gl-sec05 .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border: 1px solid #41a2db; border-bottom-color: #fff; color: #41a2db; background-color: #fff; } section#gl-sec05 .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #41a2db; color: #999; background-color: #eee; } section#gl-sec06 { height: 716px; min-height: 600px;} section#gl-sec06 .subtitle { font-size: 30px; margin-bottom: 15px; } section#gl-sec06 h3 { font-size: 80px; line-height: 0.8; margin-bottom:35px;} section#gl-sec06 h4 { font-size: 24px; margin-bottom:5px;} section#gl-sec06 .howto-contact { margin-top: 25px; } section#gl-sec06 p { font-size:16px; } section#gl-sec06 p .font-bold { font-weight: bold; } section#gl-sec06 p span.contact-call-num { font-size: 36px; } section#gl-sec06 p span.contact-call-num a { color : #000; text-decoration: none; } section#center-map { padding:4% 0 0; background-color: #3d7693; } section#center-map h3 { color:#fff; margin: 0; text-align: center; font-size: 30px; padding-top: 70px; background: url("../img/main/center-title-po.png") center 0 no-repeat; } section#center-map .center-map-contant { padding:2% 0 5%; } section#center-map #googleMap { height: 550px; width: 80%; float: right; } section#center-map .centerWrap { width: 85%; position: relative; margin:0 auto; } section#center-map .centerWrap:before, section#center-map .centerWrap:after { display: table; content: " "; } section#center-map .centerWrap:after { clear: both; } section#center-map .centerListWrap { position: absolute; width: 20%; min-width: 150px; height: 100%; } section#center-map .centerList { padding:20px; color:#fff; height: 100%; background-color: #676868; position: relative; z-index: 90; } section#center-map .centerList .center-tel { font-size: 16px; } section#center-map .c-name { cursor: pointer; padding-left: 20px; margin-bottom:5px; font-size: 20px; background:url("../img/main/c-point.png") 0 6px no-repeat; background-size: auto 17px; } section#center-map .c-name.c-active { color:#f0e70a; background-image: url("../img/main/c-point-a.png"); } section#center-map .info_content p { font-size: 15px; } section#center-map .map-desc{text-align:center;color:#fff;margin-top:10px;} .popup_wrap { display:none; position: absolute; left: 25%; top: 15%; background-color: #fff; border: 10px solid #fff500; padding: 20px; z-index: 10; } #pop01 { background: url("../img/main/bg-flower.png") no-repeat 95% bottom #fff; line-height:1.3;} #pop01.pop_on { display: block; } #pop01 .popup { padding: 3%; width: 800px; font-size: 20px;} #pop01 h2 { padding-top: 18px; margin:0 0 5px; line-height: normal; background: url("../img/main/think-bird-text.png") no-repeat 0 top; background-size: auto 30px; } #pop01 h3 { margin-bottom: 20px; font-size: 40px; } #pop01 p { margin-bottom: 20px; } #pop01 table.centerlist{margin:30px 0 50px;} #pop01 table.centerlist td{padding:5px 20px 5px 0;} #top-banner #reservation_seminar .row{width:60%;} #reservation_seminar .row{margin-top: 30px;width:80%;} #reservation_seminar .form-group.col-sm-3 { padding-right: 0px; } #reservation_seminar .form-group { margin-bottom: 10px; } #reservation_seminar .seminar_form_submit { background-color: #fff500; border: 1px solid #ffe335; color: #000; } #reservation_seminar .seminar_form_submit:hover { background-color: #ffe500; } #reservation_seminar .control-label { display: none; font-size: 13px; text-align: left; text-shadow: 1px 1px #fff; } #reservation_seminar .has-error .control-label { display: block; } .privacy-policy-summery {font-size:13px !important;} #pop02 { width: 950px; left: 20%; } #pop02 .popup { margin: 30px; } #pop02 .popup h3 { font-size: 50px; margin-bottom: 15px; font-weight: bold; } #pop02 .schedule-timetable table { width: 100%; } #pop02 .schedule-timetable table th, #pop02 .schedule-timetable table td { text-align: center; } #pop02 .schedule-timetable table th { background-color: #c4dfed; font-size: 17px; padding: 7px; } #pop02 .schedule-timetable table td { font-size: 18px; padding: 0.9% 4%; text-align: center; line-height: normal; } #pop02 .schedule-timetable table th { background-color: #c4dfed; font-size: 17px; padding: 5px; font-weight:normal;} #pop02 .schedule-timetable tbody { border-bottom: 2px solid #c4dfed; } #pop02 .schedule-timetable tbody tr:first-child td { padding-top: 15px; } #pop02 .schedule-timetable tbody tr:last-child td { padding-bottom: 15px; } #pop02 .schedule-timetable tbody tr td:first-child, #pop02 .schedule-timetable tbody tr td:last-child { color:#2e88aa; } #pop02 .schedule-info h3 { font-size: 15px; font-weight: bold; } #pop02 .schedule-info p { font-size: 17px; } #pop02 .schedule-info p span { font-size: 25px; } footer { background-color: #333; padding:30px 0; color:#bfbfbf; } footer a { color:#ddd; } footer h4{margin-top:10px;} footer h4.space{margin-top:25px;} footer ul {padding:0;text-align:center;margin:15px 0 0;} footer ul li {list-style:none;display:inline-block;} footer ul li {padding:0 15px;border-left:1px solid #ccc;margin-left: -0.25em; } footer ul li a { color:#fff; } footer ul li:first-child{border:0;} footer a:hover{color:#fff;} footer .related_site{text-align:center;} footer .related_site a{display:inline-block;padding:0 10px;font-size:12px;} footer .footer_bottom { text-align: center; color: #ddd; border-top: 1px solid #555; width: 80%; margin: 40px auto 0; padding: 21px 0; } footer .copyright { text-align: center; color: #ddd; font-size: 15px;margin: 40px auto 0; } footer .share_to { text-align: center; margin-top:20px; } footer .share_to .btn_share { margin:0 1% 0 1%; width: 20%; max-width: 70px; display: inline-block; } footer .share_to p { font-weight: bold; color:#849086; margin-top: 10px; } footer .centerInformationWrap { display: none; } .contact_container h3 { font-size: 40px; margin-bottom: 35px; } .contact_container { position: fixed; bottom:0; right:0; width: 570px; max-width: 100%; background-color: #fafafa; z-index: 99999; padding: 55px; display:none; } .contact_container .close_contact { float: right; filter: alpha(opacity=20); opacity: .2; cursor: pointer;} .contact_container .close_contact:hover { opacity: 1; } .bubble {background-color: #fbee1f;position: absolute;bottom: 102px;left: -25px;width: 120px;border-radius: 100px;text-align: center;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:32px 2px 5px rgba(0, 0, 0, 0.2);} .bubble:after { content:''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: solid 5px #fbee1f; border-left: solid 5px transparent; border-right: solid 5px transparent;} #email-contact-with-bird .contact_bird { width:90px; height: 90px; background: url("../img/icons/contact-bird.png") no-repeat 0 0; background-size: auto 100%; position: absolute; right:5%; top:-90px; cursor: pointer;} #rsvp_wrap { position: fixed; bottom:0; right:0; width: 570px; max-width: 100%; background-color: #fafafa; z-index: 99999;} #rsvp_wrap .bird_rsvp { width:90px; height: 90px; background: url("../img/icons/contact-bird.png") no-repeat 0 0; background-size: auto 100%; position: absolute; right:5%; top:-90px; cursor: pointer; color: #000;} #rsvp_wrap .bird_rsvp .bubble {left: -20px;width: 90px;} .contact_container .cformWrap { width: 500px; margin: 0 auto; max-width: 90%; } .contact_container .cformWrap .cform_put { height:50px; margin-bottom: 5%; } .contact_container .cformWrap .cform_put > input, .contact_container .cformWrap .cform_put > textarea { width: 100%; height: 100%; padding: 10px; font-size:17px; } .contact_container .cformWrap .cform_put.cform_msg { height: 100px; } .touch .contact_container.active { overflow-y: auto; } .contact_button {position: absolute;right: 5%;top: -42px;color: #fff;background-color:#f46e3f;padding:10px 15px 7px;border-radius: 15px 15px 0 0;cursor: pointer;} .contact_button .r_btn_in {background: url("../img/icons/contact-plain.png") no-repeat 0 center;padding-left:30px;display: inline-block;} .video_wrap { position: relative; margin-bottom: 3%; padding: 0 2px;} .play_Btn { background: url("../img/main/btn-play-video.png") center center no-repeat; position: absolute; width: 16%; height: 28.4%; left: 42%; top: 36%; background-size: 100%; cursor: pointer; } #popup-v01.popup-section { display: none; } .popup-section { position: fixed; top: 0; z-index: 9999; height: 150%; width: 100%; background-color: rgba(0, 0, 0, 0.7); } .popup-section .special-content-in { } .popup-section .understanding-mind .close-method { display: block; position: absolute; right: 0; margin: 10px; cursor: pointer; z-index: 99; } .popup-section .understanding-mind section { position: fixed; height: 80%; width: 84%; left: 16%; top: 20%; margin-left: -8%; margin-top: -8%; padding: 0; border: 10px solid #c4dfed; } #popupwindow { position: fixed; width: 100%; height: 120%; top: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 999; } #popupwindow .close_popup { position: absolute; right: 0; width: 40px; max-width: 10%; margin-top: -23px; margin-right: -18px; z-index: 99999 } .popup-videoWrap { position: absolute; top: 50%; left: 50%; margin-top: -350px; margin-left: -460px; width: 920px; height: 550px; } /*------------------------------------*\ All Page \*------------------------------------*/ .page-title h1 { display: inline-block; font-size: 50px; } .page-title { margin-bottom:20px; } .page .content-term { margin-top: 30px; } .page q { font-size:18px; } .page footer .container { width: 980px; max-width: 90%; } .page .aboutus-img { margin-top: 45px; } /* Page Sub Nav */ #sub-nav ul { padding: 0; list-style: none; margin-bottom: 65px; } #sub-nav ul:after { content: " "; display: block; clear: both; } #sub-nav li { float: left; } #sub-nav li a { display: block; padding: 10px 20px; margin: 1px 1px 0px; background-color: #dadada; color: #6c6c6c; } #sub-nav li.current_page_item a { background-color: #fff500; color: #000; text-decoration: none; position: relative; } #sub-nav li.current_page_item a:after { content: ''; position: absolute; border-style: solid; border-width: 8px 8px 0; border-color: #fff500 transparent; display: block; width: 0; z-index: 1; bottom: -7px; left: 50%; margin-left: -4px; } /*------------------------------------*\ About Meditation \*------------------------------------*/ /* Books */ .page .bookAbout { font-size:24px; margin:25px 0; line-height: normal; } .page .bookWrap { margin-top: 90px; padding-top: 45px; border-top: 1px solid #d3d3d3; } .page .bookWrap.b-firstWrap { margin-top: 45px; } .page .bookWrap .bookTitle { margin-bottom:10px; letter-spacing: -1px; } .page .bookWrap .bookThumb { margin-bottom: 20px; } /* Awards */ .awards h2 { font-size: 20px; margin:30px 0 5px; color: #000; } .awards-wrap {*zoom:1;padding-bottom: 10px;} .awards-wrap:after {content:' ';clear:both;display: block;} .awards-thumb {float:left;padding: 0 20px 90px 0;} /*------------------------------------*\ Meditation Experiences \*------------------------------------*/ .meditation-experiences .testimonial_type_in { margin-bottom: 30px; } .meditation-experiences .testimonial_type_in a { display: inline-block; padding: 4px 12px; border: 3px solid #d7d7d7; color: #909090; border-radius: 50px; margin-right: 10px; margin-bottom: 10px; text-decoration: none; } .meditation-experiences .testimonial_type_in a.active { border: 3px solid #ffe335; color: #000; background-color: #fff500 } .meditation-experiences .testimonial_wrap { border-top: 1px solid #d3d3d3; } .meditation-experiences .testimonial_wrap h2 { font-size: 30px; margin-bottom: 10px; color:#000; } .meditation-experiences .person { padding: 30px 0; border-bottom: 1px solid #d3d3d3; position: relative; } .meditation-experiences .person_thumb{display:none;} .meditation-experiences .person_thumb img { border-radius: 100%; margin: 0 auto; display: block; max-width: 100%; } .meditation-experiences .vcenter { display: table-cell; vertical-align: middle; float: none; height: 90px; } .meditation-experiences .testimonial_content { display: none; } .meditation-experiences .t_more { display:block; width:37px; height:21px; background: url("../img/more-testimonial.png") no-repeat 0 0; position: absolute; right: 3%; bottom: 20px; cursor: pointer; } .meditation-experiences .person.active .t_more { background-position: 100%; } .meditation-experiences .toggle_btn { cursor: pointer; } .meditation-experiences.scroll_lock { overflow: hidden; } .back-wrap { display: none; } .meditation-experiences .back-wrap span { display: inline-block; border:2px solid #2e88aa; cursor: pointer; border-radius: 20px; padding: 5px 15px; margin: 40px auto 0; } .meditation-experiences.scroll_lock { overflow: hidden; } .story_btn, .story_btn:focus, .story_btn:hover { text-decoration: none; color: #444; } /*------------------------------------*\ Blog \*------------------------------------*/ .blog {background-color:#f3f1f2;} .blog h1.cat_title { margin-bottom:25px; } .blog .blog_container h2 { font-size: 30px; } .blog .blog_container a { text-decoration: none; } .blog .blog_container .blog_item { background: #fff; padding:15px 0; margin-bottom:15px; } .blog .blog_sidebar ul li { list-style: none; } .blog article { margin-bottom: 20px; background: #fafafa; padding:40px; } .blog .post_titleWrap { margin-bottom: 10px; } .blog .blog_sidebar .blog_side_category{background-color:#fff;padding:20px;margin:0;} .blog .blog_sidebar .blog_side_category ul{padding-left:0;margin-top:20px;} /*------------------------------------*\ Videos \*------------------------------------*/ .videos h2{ margin-top:20px; color: #2e88aa; font-size: 40px; } .videos .card{padding-bottom: 30px;line-height: 1.3;} .videos .card img{display:block;} .videos .card .title{margin-top:7px} .videos .video_frame{width:658px;height:370px;max-height:100%;} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videos .videos_wrap { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; } .videos .videos_title_in h3 { padding-bottom: 10px; } .videos .videos_title_in a { text-decoration: none; color:#000; transition: color .15s ease; } .videos .videos_title_in a:hover { color: #2e88aa; } /*------------------------------------*\ Local Centers, Local Center \*------------------------------------*/ .LocalcenterTabs {background-color:#fafafa;} .center-container {margin-top:50px;} .center-container h2{color:#228cce; font-size: 36px;} .center-container h3{font-size: 36px;} .center-container h3 span{font-size: 32px;} .center-container hr{margin:50px 0 30px;} .center-container dl{margin-top:30px;} .center-container dl dd{margin-bottom:10px;padding-left:30px;} .center-container dl dd a {color:#333;} .center-container dl dd.phone{background:url('../img/icons/icon-phone.gif') 0 0 no-repeat;} .center-container dl dd.email{background:url('../img/icons/icon-email.gif') 0 0 no-repeat;} .center-container dl dd.addr{background:url('../img/icons/icon-addr.gif') 0 0 no-repeat;} .center-container dl dd.site{background:url('../img/icons/icon-home.gif') 0 0 no-repeat;} .center-container dl dd.info{background:url('../img/icons/icon-info.png') 0 0 no-repeat;} .center-container dl dd.snsLink{padding-left:0;} .center-container dl dd.snsLink span{background:url('../img/icons/icon-sns.gif') no-repeat;display: inline-block;width:22px;height:22px;vertical-align:middle;margin-right:8px;} .center-container dl dd.snsLink .sns_facebook{background-position:0} .center-container dl dd.snsLink .sns_twitter{background-position:-22px;} .center-container dl dd.snsLink .sns_googleplus{background-position:-44px} .center-container dl dd.snsLink .sns_pinterest{background-position:-66px} .center-container dl dd.snsLink .sns_meetup{background-position:-88px} .center-container dl dd.snsLink .sns_instagram{background-position:-110px} .center-container dl dd.snsLink .sns_linkedin{background-position:-132px} .center-container dl dd.snsLink .sns_youtube{background-position:-154px} .center-container p.desc{margin:10px 0 0;} table.schedule {width:100%; border-bottom:3px solid #fff500;} table.schedule thead{background-color:#fff500;} table.schedule thead th{text-align:center;padding:10px 0; font-size:14px;} table.schedule tbody {margin:10px 0;} /* table.schedule tbody tr:first-child td{padding: 10px 5px;}*/ table.schedule tbody tr td{padding: 10px 5px;} table.schedule tbody td.class, table.schedule tbody td.level{color:#228cce;} table.schedule tbody td{text-align:center;padding:0 0 10px;} /*------------------------------------*\ Contact Us \*------------------------------------*/ .control-label { display: none; } .contactus .info_content p { font-size: 15px; margin: 0; } .contactus { background-color: #fafafa; } .contact_form { width: 450px; max-width: 100%; } .contact_form_container select, .contact_form_container input, .contact_form_container textarea { width: 100%; padding: 5px 10px; border: 1px solid #ccc; } .contact_form_container .contact_form_row { margin-bottom: 15px; } .contact_form_container button.contact_form_submit.gl-btn { width: 100%; margin-top: 15px; } .contact_form_container input:checked + label { border: solid 1px #3ab5e3; margin-top: 0px; z-index: 100; color: #fff; background:#3ab5e3; } .contact_form_container .nav-tabs.nav-justified { margin-bottom: 20px; } .contact_form_container .nav-tabs.nav-justified>li>a { background-color: #eee; } .contact_form_container .nav-tabs.nav-justified>li>a#tab_birds_email{color:#3ab5e3;} .contact_form_container .nav-tabs.nav-justified>li>a#tab_birds_phone{color:#858e92;} .contact_form_container .nav-tabs>li>a:hover { border-color: #eee #eee #ddd; background-color: #ddd; } .contact_form_container .nav-tabs.nav-justified>.active>a { border-color: #41a2db; border-bottom: inherit; background-color: inherit; } .contact_form_container .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #41a2db; } .contact_form_container .has-error .control-label { display: block; } .contact_form_container .nav-tabs li a#birds_email{color:#3ab5e3;cursor:pointer;} .contact_form_container .nav-tabs li a#birds_phone{color:#858e92;cursor:pointer;} .contact-map-wrap { } .contact-map-wrap #contactMap { width:450px; max-width: 100%; height:400px; } .contactus #email-contact-with-bird { display: none; } #email-contact-with-bird .contact_container { width: 450px; max-height: 100%; } #email-contact-with-bird .contact_container textarea { height: 120px; } #email-contact-with-bird .contact_container .cformWrap { max-width: 100%; } #email-contact-with-bird .contact_container .nav-tabs.nav-justified>li>a { background-color: #eee;cursor:pointer; } #email-contact-with-bird .contact_container .nav-tabs.nav-justified>li>a#tab_birds_email{color:#3ab5e3;} #email-contact-with-bird .contact_container .nav-tabs.nav-justified>li>a#tab_birds_phone{color:#858e92;} #email-contact-with-bird .contact_container .nav-tabs.nav-justified>li>a:hover { background-color: #ddd; } #email-contact-with-bird .contact_form_container .nav-tabs.nav-justified>li.active>a { background-color: inherit; } #email-contact-with-bird .contact_form_container select, .contact_form_container input, .contact_form_container textarea { font-size: 16px; } .rsvp #email-contact-with-bird, .rsvp #rsvp_wrap { display: none; } .rsvp { background-color: #fafafa; } .rsvp_form_container .rsvp_form { width: 500px; max-width:86%; margin: 0 7%; } .rsvp_form_container .dateNtime { width: 40%; display: inline-block; } .rsvp_form_container .dateNtime.form-group { vertical-align: top; } .rsvp_form_container .dateNtime .form-control { width: 100%; } .rsvp_form_container .btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0)); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; } /* rsvp info */ .rsvp_form_container .visitInfo_wrap { max-width:100%; margin:40px 0; padding-bottom: 40px; border-bottom: 1px dotted #444; } .rsvp_form_container .visitInfo { padding: 40px 7%; background-color: #ededed; } .rsvp_form_container .visitInfo h2 { font-family: 'Neo Sans W01 Medium'; font-size: 30px; margin-bottom: 5px; } .rsvp_form_container .visitInfo ul { padding-left: 25px; } .rsvp_form_container .captcha_error { border: 1px solid #a94442; padding: 10px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px; } .rsvp_form_container .captcha_error .control-label { display: block; color: #a94442; } .rsvp_form_container .visitBtn_wrap { list-style-type: none; } .rsvp_form_container .confirmBtn_wrap.has-error { padding: 5px; border: 1px solid #a94442; border-radius: 4px; } .rsvp_form_container .has-error .control-label { display: block; } .rsvp_form_container .rsvp_part { margin-bottom: 32px; } .rsvp_form_container .rsvp_part h3 { margin-bottom: 10px; } .rsvp_form_container .rsvp_part .radio { margin-top: 0;margin-bottom: 3px; } /* send result */ .Cresult_wrap { width:500px; max-width:90%; margin:50px auto; } .Cresult_wrap > img { width: 70px; max-width: 20%; margin: 0 auto; display: block; } .Cresult { border: 10px solid #fff500; padding: 60px 12%; text-align:center; } .Cresult ul.centerNum_list { padding:0; margin: 20px 0 0; font-size: 13px; list-style: none; } .Cresult ul.centerNum_list a { text-decoration: none; color: #333; } @media screen and (max-width: 1400px) { .understanding-mind .canvas{ -ms-transform: scale(.9,.9); /* IE 9 */-webkit-transform: scale(.9,.9); /* Safari */ transform: scale(.9,.9); /* Standard syntax */ } } @media screen and (max-width: 1200px) { .top_nav nav#nav-leftbar .nav-wrapper {width:970px;max-width:96%;} .top_nav nav#nav-leftbar .nav-container li a {font-size: 14px;padding-left: 9px;} #pop01,#pop02 { left: 2%; padding: 2%; width: 94% } #pop02 .schedule-info { margin-top: 10px; } section#gl-sec03 .mybrain { padding: 0 15px; } .brain-left { padding: 0; height: 350px; } .brain-right { padding: 0; height: 350px; } section#gl-sec03 .brain_tabs { margin-bottom: 2.8%; } section#gl-sec05 { padding-bottom: 140px; } section#gl-sec05 h3 { font-size: 40px; } section#gl-sec05 .posi-l { padding-top: 120px; } #pop01 .popup { width: 100%; } } @media screen and (max-width: 992px) { #nav-button { top:20px; left: 20px; } #nav-button .menu-hamburger { width: 25px; height: 20px; cursor: pointer; } section#gl-sec01 .titleWrap { text-align: center; margin-top: 30px; font-size: 30px; } section#gl-sec01 .titleWrap h3 { margin-bottom: 7px; } section#gl-sec02 .ss-part03 { padding-top: 10%; } section#gl-sec03 .brain_title span { font-size: 32px; } section#gl-sec03 .brain_title { margin-bottom: 10%; } section#gl-sec03 .brain_tabs { margin-bottom: 3.5%; } section#gl-sec03 .brain_tabs span { padding: 3px 13px; } section#gl-sec03 .brain_tabs .brain_tab_before, section#gl-sec03 .brain_tabs .brain_tab_after { font-size: 17px; } .brain-left { height: 300px; } .brain-right { height: 300px; } section#gl-sec05 { padding-bottom: 100px; } section#gl-sec05 .titleWrap { text-align: center; } section#gl-sec05 .titleWrap h2 { margin-bottom: 5px; font-size: 35px; } section#gl-sec05 .titleWrap h3 { font-size: 29px; letter-spacing: -1px; margin-bottom: 35px; } section#gl-sec05 .posi-l { width: inherit; position: inherit; padding: 15px 15px 0; } section#center-map { padding: 7% 0 0; } section#center-map #googleMap { height: 40vh; width: 100%; float: right; } section#center-map .centerListWrap { position: inherit; width: 100%; min-width: 150px; height: 100%; } section#center-map h3 { font-size: 20px; background-size: 25px; padding-top: 40px; margin: 20px; } .popup-videoWrap { position: absolute; top: 50%; left: 50%; width: 90%; height: 40%; margin-top: -20%; margin-left: -45%; } .understanding-mind .canvas{ -ms-transform: scale(.7,.7); /* IE 9 */-webkit-transform: scale(.7,.7); /* Safari */ transform: scale(.7,.7); /* Standard syntax */ } .contact-map-wrap { margin-top: 20px; } .contact-map-wrap #contactMap { height:200px; } } @media screen and (min-width: 768px){ .page nav#nav-leftbar { display: block; } .home.page nav#nav-leftbar { display: none; } .footer .container {max-width:100%;} } @media screen and (max-width: 768px) { body { padding:0; } nav#nav-leftbar {overflow-y: auto;} nav#nav-leftbar { display: none;width: 100%; } nav#nav-leftbar .close-nav { display: block; } nav#nav-leftbar .nav-container { text-align: center; } nav#nav-leftbar .nav-container .nav-header a {display: inline-block; height:auto; } #nav-button { z-index: 999; } #nav-button .menu-hamburger { display: block; } .home section, section#gl-sec02 { padding: 65px 0; } .container { padding-left: 25px; padding-right: 25px; } .hidden-web { display: initial !important; } .hidden-web-br br{ display: inherit !important; } .hidden-mb { display: none; } .contact_container h3 { font-size: 40px; margin-bottom: 25px; } h3 { font-size: 32px; line-height: 1.2; } #top-banner h2{font-size:35px;margin:0;} #pop01{background:#fff url('') 0 0;} .tbWraper #reservation_seminar .row { margin:30px auto; width: 80%; } .tbWraper #reservation_seminar .form-group.col-sm-3 { width: 100%; padding: 0; } section#gl-sec02 h2 { padding: 0 15px; margin-bottom: 15px; font-size: 35px; } section#gl-sec02 .swiper-container2 { padding: 50px 0 0; } section#gl-sec02 .ctrlWrap { top: 0px; bottom: initial; } section#gl-sec02 .try-t p { text-align: initial; } section#gl-sec02 .ss-part01 { /*padding-top: 5%;*/ } section#gl-sec02 .ss-part02 ul li h3 { margin: 0; } section#gl-sec02 .ss-part02 ul li p { font-size: 17px; line-height: 1.3; margin-bottom: 5%; } section#gl-sec03 .brain_title { margin-bottom: 55px; } section#gl-sec03 .brain_title span { font-size: 40px; } section#gl-sec03 .brain_tabs { margin-bottom: 30px; } section#gl-sec03 .brain_contents { padding: 0 10%; } .brain-left { height: 400px; margin: 0 auto 50px; width: 640px; max-width: 100%; } .brain-right { height: 400px; margin: 0 auto; width: 640px; max-width: 100%; } section#gl-sec04 .more-testimonial {margin-top: 80px;} section#gl-sec04 .person_thumb { margin-bottom: 15px; } section#gl-sec04 .vcenter { text-align: center; } section#gl-sec05 .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } #popup-v01 .scroll_info, #popup-v01 .scroll_sprite { display: none !important; } #popup-v01 .curri-nextBtn,#popup-v01 .curri-prevBtn { display:block; } #email-contact-with-bird .contact_bird { width: 50px; height: 50px; top: -50px;} #rsvp_wrap .bird_rsvp { width: 50px; height: 50px; top: -50px;} #rsvp_wrap .bird_rsvp .bubble {left:-15px;width:60px;} .bubble {left: -25px;font-size: 14px;bottom: 60px;width: 85px;} .contact_form_container .nav-tabs.nav-justified>li>a { border-bottom: inherit; } .contact_form_container .nav-tabs.nav-justified>.active>a { border-bottom: 1px solid #41a2db; } .testimonialWrap { margin: 0 15px; } .testimonialWrap .row { margin-left: 0; } footer .container .row div:nth-child(odd) { clear:left; } .page-title h1 {font-size: 40px;} .videos h2 {font-size: 30px;} .videos .videos_title_in h3 { text-align: center;font-size:24px; } .videos .card {text-align:center;} .videos .card img { margin:0 auto; } .bird_container {} .rsvp_form_container .rsvp_part h3 {font-size: 22px;} .rsvp .rsvp_form { max-width:100%; margin: 0; } } @media screen and (max-width: 640px) { .gl-btn { width: 90%; background-color: #fff500; border: 1px solid #ffe335; font-size: 20px; padding: 10px 20px; } #sub-nav li { width: 100%; } #top-banner #reservation_seminar.t-pop-rsv .row{width:100%;} #pop01.popup_wrap{top:5%;text-align:left;} #pop01.popup_wrap h3{font-size: 30px;} section#gl-sec02 .ss-part03 .try-t { margin-top:30px ; } section#gl-sec03 .brain_contents { padding: 0 5%; } section#gl-sec03 .brain_title { margin-bottom: 42px; } section#gl-sec03 .brain_title span { font-size: 30px; } section#gl-sec03 .brain_tabs { margin-bottom: 15px; } section#gl-sec03 .brain_tabs .brain_tab_before, section#gl-sec03 .brain_tabs .brain_tab_after { font-size: 15px; } section#gl-sec03 p { font-size: 19px; margin-top: 30px; text-align: initial; } .brain-left { height: 300px; } .brain-right { height: 300px; } #pop02 { top: initial; bottom: -5%; } #pop02 .popup { margin: 2%; } #pop02 .popup h3 { font-size: 30px; margin-bottom: 15px; font-weight: bold; } #pop02 .schedule-timetable table td { font-size: 14px; } .popup-videoWrap { top: 30% ; } .popup-section .understanding-mind section { height: 100%; width: 100%; left: 0; top: 0; margin: 0; } .popup-section .understanding-mind .canvas{ -ms-transform: scale(.6,.6); /* IE 9 */ -webkit-transform: scale(.6,.6); /* Safari */ transform: scale(.6,.6); /* Standard syntax */ } .swiper-button-prev, .swiper-button-next, .swiper-button-prev2, .swiper-button-next2 { display: none;width:52px;height:50px;background-size:100%; } .contact_container { padding: 25px; } .contact_container .cformWrap .cform_put > input, .contact_container .cformWrap .cform_put > textarea { width: 100%; height: 100%; padding: 6px; font-size:15px; } .contact_container .cformWrap .cform_put { height:auto; margin-bottom: 2%; } .contact_container .gl-btn { width: 100%; } } @media screen and (max-width: 390px) { section#gl-sec03 .brain_title { margin-bottom: 20px; } section#gl-sec03 .brain_tabs { margin-bottom: 7px; } section#gl-sec03 .brain_tabs .brain_tab_before, section#gl-sec03 .brain_tabs .brain_tab_after { font-size: 15px; } .brain-left { height: 240px; } .brain-right { height: 240px; } .popup-section .understanding-mind .canvas{ -ms-transform: scale(.5,.5); /* IE 9 */ -webkit-transform: scale(.5,.5); /* Safari */ transform: scale(.5,.5); /* Standard syntax */ } .understanding-mind .curri-nextBtn { width: 100px; height: 100px; margin-left: -50px; bottom: -50%; } .understanding-mind .canvas p { width: 110%; margin-left: -55%; } .videos .card img { width: 100%; } } @media screen and (min-width: 640px) { } @media screen and (min-width: 768px){ .testimonialWrap { width: 750px; margin: 60px auto 40px; padding: 0 15px; } .testimonialWrap .swiper-wrapper { width: auto !important; display: block; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important; -ms-transition-duration: 0ms !important; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; -ms-transform: translate(0px, 0px) !important; } .testimonialWrap .swiper-wrapper:after { content: " "; display: block; clear: both; } .testimonialWrap .swiper-slide { width: 50% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 40px; float: left; } #popup-v01 .curri-nextBtn,#popup-v01 .curri-prevBtn { display:none !important; } } @media screen and (min-width: 992px) { .testimonialWrap { width: 970px; } } @media screen and (min-width: 1200px) { .testimonialWrap { width: 1170px; } } /*------------------------------------*\ SKIN IMAGE SETTING \*------------------------------------*/ #top-banner {background-repeat:no-repeat;background-position:center center;background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} #top-banner.just-black { background-color:#000;color:#fff; } #top-banner.skin-blue-western-smile { background-image: url("../img/skin/blue-western-smile.jpg"); } #top-banner.skin-blue-blond-meditation { background-image: url("../img/skin/blue-blond-meditation.jpg"); } #top-banner.skin-green-asian-lady { background-image: url("../img/skin/green-asian-lady.jpg"); } #top-banner.skin-green-asian-lady .tbTitle h1 { font-size: 57px; line-height: 1.2; color:#fff;} #top-banner.skin-green-asian-lady .tbTitle h1 span, #top-banner.skin-green-asian-lady .tbWraper-inner p{ color:#fff; } #top-banner.skin-green-asian-lady-2 { background-image: url("../img/skin/green-asian-lady-2.jpg"); } #top-banner.skin-green-asian-lady-2 .tbTitle h1, #top-banner.skin-green-asian-lady-2 .tbTitle h1 span{color:#fff;} #top-banner.skin-green-asian-lady-2 .tbWraper-inner p{color:#fff;} #top-banner.skin-green-children-meditation { background-image: url("../img/skin/green-children-meditation.jpg"); } #top-banner.skin-green-children-meditation .tbTitle h1, #top-banner.skin-green-children-meditation .tbTitle h1 span{color:#000;} #top-banner.skin-green-children-meditation .tbWraper-inner {padding-left: 3vw;} #top-banner.skin-green-children-meditation .tbWraper-inner p{color:#000;} #top-banner.yellow-blond-meditation { background-image: url("../img/skin/yellow-blond-meditation.jpg"); background-size:auto 100%;background-position:center right;background-color:#fafafa;} #top-banner.yellow-blond-meditation-together { background-image: url("../img/skin/yellow-blond-meditation-together.jpg"); background-size:auto 100%;background-position:center right;background-color:#fafafa;} #top-banner.white-western-lady-meditation { background-image: url("../img/skin/white-western-lady-meditation.jpg"); background-size:auto 100%;background-position:center right;background-color:#F1F0EB;} #top-banner.blue-asian-lady-meditation { background-image: url("../img/skin/blue-asian-lady-meditation.jpg"); } #top-banner.blue-asian-lady-meditation-2 { background-image: url("../img/skin/blue-asian-lady-meditation-2.jpg"); } #top-banner.african-smile { background-image: url("../img/skin/african-smile.jpg"); background-size:auto 100%;background-position:center right;background-color:#fff;} #top-banner.african-meditation { background-image: url("../img/skin/african-meditation.jpg"); background-size:auto 100%;background-position:center right;background-color:#fff;} #top-banner.candle { background-image: url("../img/skin/candle.jpg"); background-color:#fff;} #top-banner.window-asian-lady-meditation { background-image: url("../img/skin/window-asian-lady-meditation.jpg"); background-color:#fff;} #top-banner.man-meditating-window { background-image: url("../img/skin/man-meditating-window.jpg"); background-color:#fff;} #top-banner.happy-lecture01 { background-image: url("../img/skin/happy-lecture01.jpg"); background-color:#fff;} #top-banner.in-daily-life-meditation { background-image: url("../img/skin/in-daily-life-meditation.jpg"); background-color:#fff;} #top-banner.usabg171101 { background-image: url("../img/skin/usabg1711-01happypeople.jpg"); } #top-banner.usabg171102 { background-image: url("../img/skin/usabg1711-02happypeople.jpg"); } #top-banner.usabg171103 { background-image: url("../img/skin/usabg1711-03happypeople.jpg"); } #top-banner.usabg1711-meditate-outdoor { background-image: url("../img/skin/usabg1711-meditate-outdoor.jpg"); } #top-banner.usabg1711-children { background-image: url("../img/skin/usabg1711-children.jpg"); } #top-banner.yellow-flower { background-image: url("../img/skin/yellow-flower.jpg"); background-color:#fff;} #top-banner.yellow-flower .tbTitle h1, #top-banner.yellow-flower .tbTitle h1 span{color:#fff;} #top-banner.just-black .tbTitle h1, #top-banner.just-black .tbTitle h1 span, #top-banner.just-black .tbWraper-inner p, #top-banner.candle .tbTitle h1, #top-banner.candle .tbTitle h1 span, #top-banner.candle .tbWraper-inner p, #top-banner.usabg1711-children .tbTitle h1, #top-banner.usabg1711-children .tbTitle h1 span, #top-banner.usabg1711-children .tbWraper-inner p, #top-banner.font-white .tbTitle h1, #top-banner.font-white .tbTitle h1 span, #top-banner.font-white .tbWraper-inner p{ color:#fff; } section#gl-sec06 {background-repeat:no-repeat;background-position:center center;background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} section#gl-sec06.skin-bottom-seminar p span.contact-call-num a { color : #fff; text-decoration: none; } section#gl-sec06.skin-bottom-fatherandson { background-image: url("../img/skin/fatherandson.jpg"); color:#000; } section#gl-sec06.skin-bottom-people-group { background: -webkit-linear-gradient(left, rgba(243,244,238,1) 20%, rgba(243,244,238,0) 70%), url("../img/skin/people-group.jpg") 100% no-repeat #f3f4ee; /*For Safari 5.1 to 6.0*/ background: -o-linear-gradient(right, rgba(243,244,238,1) 20%, rgba(243,244,238,0) 70%), url("../img/skin/people-group.jpg") 100% no-repeat #f3f4ee; /*For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(243,244,238,1) 20%, rgba(243,244,238,0) 70%), url("../img/skin/people-group.jpg") 100% no-repeat #f3f4ee; /*For Firefox 3.6 to 15*/ background: linear-gradient(to right, rgba(243,244,238,1) 20%, rgba(243,244,238,0) 70%), url("../img/skin/people-group.jpg") 100% no-repeat #f3f4ee; /*Standard syntax (must be last)*/ background-size: auto 100%; } section#gl-sec06.skin-bottom-seminar{background-image: url("../img/skin/seminar.jpg");} section#gl-sec06.green-asian-lady-3{background-image: url("../img/skin/green-asian-lady-3.jpg");} section#gl-sec06.asian-lady-with-blue-sky {background-image: url("../img/skin/footer-blue-asian-lady-meditation.jpg"); } section#gl-sec06.pink-flower{background-image: url("../img/skin/pink-flower.jpg");} section#gl-sec06.just-white {background:#fff;} section#gl-sec06.just-black {background:#000;color:#fff;} section#gl-sec06.skin-happy-people {background-image: url("../img/skin/footer-usabg1711-happypeople.jpg");} section#gl-sec06.pink-flower .subtitle, section#gl-sec06.pink-flower h3 {color:#fff;} section#gl-sec06.font-white, section#gl-sec06.font-white .subtitle, section#gl-sec06.font-white h3 {color:#fff;} @media screen and (max-width: 768px) { #top-banner { height:100%; text-align: center;background-position: center 70%;} #top-banner h1 { font-size: 35px; line-height: 1.1; } #top-banner h1 span { margin: 12px 0; font-size: 30px; line-height: 1.1; background: inherit; } #top-banner p { font-size: 17px; } #top-banner .container { padding-left: 10px; padding-right: 10px; } #top-banner .tbWraper-inner { padding:0; width: 95%; margin: 20% auto 75%; } section#gl-sec06 {min-height:900px;text-align: left; } section#gl-sec06 .container { margin-top: 5%; } section#gl-sec06 .subtitle { font-size: 21px; margin-bottom: 8px; } section#gl-sec06 h3 { font-size: 59px; letter-spacing: -1px; } section#gl-sec06 .contact-call-num { letter-spacing: -2px; } section#gl-sec06 .call-icon { width:100px; max-width: 30%; margin: 2% auto 0; display: block !important;} section#gl-sec06 {background-size:100% auto;background-position:center center;} #top-banner.skin-blue-western-smile { background-image: url("../img/skin/blue-western-smile-mb.jpg"); } #top-banner.skin-green-children-meditation { background-image: url("../img/skin/green-children-meditation-mb.jpg"); } #top-banner.skin-green-children-meditation .tbWraper-inner {margin-bottom:110%;} #top-banner.skin-blue-blond-meditation { background-image: url("../img/skin/blue-blond-meditation-mb.jpg"); background-size:100% auto;background-position:bottom center;} #top-banner.skin-blue-blond-meditation .tbWraper-inner {margin-bottom:100%;} #top-banner.skin-green-asian-lady { background-image: url("../img/skin/green-asian-lady-2-mb.jpg"); } #top-banner.skin-green-asian-lady-2 { background-image: url("../img/skin/green-asian-lady-2-mb.jpg"); } #top-banner.yellow-blond-meditation { background-image: url("../img/skin/yellow-blond-meditation-mb.jpg"); background-size:100% auto;background-position:bottom center; background-color:#fff;} #top-banner.yellow-blond-meditation .tbWraper-inner {margin-bottom:135%;} #top-banner.yellow-blond-meditation-together { background-image: url("../img/skin/yellow-blond-meditation-together-mb.jpg");background-size:100% auto;background-position:bottom center; background-color:#fff;} #top-banner.yellow-blond-meditation-together .tbWraper-inner {margin-bottom:130%;} #top-banner.white-western-lady-meditation { background-image: url("../img/skin/white-western-lady-meditation-mb.jpg");background-size:100% auto;background-position:bottom center; background-color:#fff;} #top-banner.white-western-lady-meditation .tbWraper-inner {margin-bottom:95%;} #top-banner.blue-asian-lady-meditation { background-image: url("../img/skin/blue-asian-lady-meditation-mb.jpg"); } #top-banner.blue-asian-lady-meditation-2 { background-image: url("../img/skin/blue-asian-lady-meditation-2-mb.jpg"); } #top-banner.blue-asian-lady-meditation-2 .tbWraper-inner {margin-bottom:95%;} #top-banner.african-smile { background-image: url("../img/skin/african-smile-mb.jpg"); background-size:100% auto;background-position:bottom center;} #top-banner.african-smile .tbWraper-inner {margin-bottom:120%;} #top-banner.african-meditation { background-image: url("../img/skin/african-meditation-mb.jpg"); background-size:100% auto;background-position:bottom center;} #top-banner.african-meditation .tbWraper-inner {margin-bottom:120%;} #top-banner.candle { background-image: url("../img/skin/candle-mb.jpg"); background-size:cover;background-position:bottom center;} #top-banner.candle .tbWraper-inner {margin-bottom:80%;} #top-banner.window-asian-lady-meditation { background-image: url("../img/skin/window-asian-lady-meditation-mb.jpg"); background-color:#fff;} #top-banner.window-asian-lady-meditation .tbWraper-inner {margin-bottom: 90%;} #top-banner.man-meditating-window { background-image: url("../img/skin/man-meditating-window-mb.jpg"); background-color:#fff;} #top-banner.man-meditating-window .tbWraper-inner {margin-bottom: 100%;} #top-banner.happy-lecture01 { background-image: url("../img/skin/happy-lecture01-mb.jpg"); background-color:#fff;} #top-banner.happy-lecture01 .tbWraper-inner {margin-bottom:;} #top-banner.in-daily-life-meditation { background-image: url("../img/skin/in-daily-life-meditation-mb.jpg"); background-color:#fff;} #top-banner.in-daily-life-meditation .tbWraper-inner {margin-bottom: 90%;} #top-banner.yellow-flower { background-image: url("../img/skin/yellow-flower-mb.jpg"); background-size:cover;background-position:bottom center;} #top-banner.usabg171101 { background-image: url("../img/skin/usabg1711-01happypeople-mb.jpg"); } #top-banner.usabg171102 { background-image: url("../img/skin/usabg1711-02happypeople-mb.jpg"); } #top-banner.usabg171103 { background-image: url("../img/skin/usabg1711-03happypeople-mb.jpg"); } #top-banner.usabg1711-meditate-outdoor { background-image: url("../img/skin/usabg1711-meditate-outdoor-mb.jpg"); } #top-banner.usabg1711-children { background-image: url("../img/skin/usabg1711-children-mb.jpg"); } #top-banner.cus-background { background-size: cover; } section#gl-sec06.skin-bottom-fatherandson { background: url("../img/skin/fatherandson-mb.jpg") center 100% no-repeat; background-color: #f3f4ee; background-size: 100% auto; background-color:#fff; } section#gl-sec06.skin-bottom-people-group { background: -webkit-linear-gradient(top, rgba(243,244,238,0.8) 50%, rgba(243,244,238,0) 85%), url("../img/skin/people-group-mb.jpg") 0 100% no-repeat #f3f4ee; /*For Safari 5.1 to 6.0*/ background: -o-linear-gradient(bottom, rgba(243,244,238,0.8) 50%, rgba(243,244,238,0) 85%), url("../img/skin/people-group-mb.jpg") 0 100% no-repeat #f3f4ee; /*For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(243,244,238,0.8) 50%, rgba(243,244,238,0) 85%), url("../img/skin/people-group-mb.jpg") 0 100% no-repeat #f3f4ee; /*For Firefox 3.6 to 15*/ background: linear-gradient(to bottom, rgba(243,244,238,0.8) 50%, rgba(243,244,238,0) 85%), url("../img/skin/people-group-mb.jpg") 0 100% no-repeat #f3f4ee; /*Standard syntax (must be last)*/ background-size: 100% auto; } section#gl-sec06.skin-bottom-seminar { background: url("../img/skin/seminar-mb.jpg") center 70% no-repeat; background-color: #000; background-size: cover; } section#gl-sec06.green-asian-lady-3{background-image: url("../img/skin/green-asian-lady-3-mb.jpg");background-size:cover; color: #fff;} section#gl-sec06.asian-lady-with-blue-sky {background-image: url("../img/skin/footer-blue-asian-lady-meditation-mb.jpg"); background-size: cover; } section#gl-sec06.pink-flower{background-image: url("../img/skin/pink-flower-mb.jpg");background-size:cover;} section#gl-sec06.skin-happy-people {background-image: url("../img/skin/footer-usabg1711-happypeople-mb.jpg");background-position:bottom;background-color:#faf6f3;} } @media screen and (max-width: 640px) { section#gl-sec06 {min-height:800px;} section#gl-sec06 .container { margin-top: 5%; } } @media screen and (max-width: 480px) { section#gl-sec06 {min-height:700px;} section#gl-sec06 .container { margin-top: 0%; } .meditation-experiences .person.active .vcenter { padding: 10% 6%; box-sizing: border-box; background: #fff; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .meditation-experiences .person.active .back-wrap, .meditation-experiences .person.active .testimonial_content { display: block !important; } }