*, *:after, *:before {padding:0; margin:0; -webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box}
html, body {height:100%; margin:0; padding:0}
body {background:#f1f1f1}
html, div, p, body, button, input, select, table, textarea, pre, code {font-weight:normal;	font-size: 100%; line-height:1.4;	-webkit-font-smoothing: none; -webkit-font-smoothing:subpixel-antialiased; -webkit-font-smoothing:antialiased}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0;	padding:0;	-webkit-text-size-adjust:none;	list-style: none;	border:none;  background:transparent}
input, textarea, select, button, table {border-collapse:collapse;	-webkit-font-smoothing: antialiased}
img, fieldset, button {border: 0; outline:0}
a {color: #777; text-decoration: none}
input[type=text]::-ms-clear {display:none; width:0; height:0}
input[type=text]::-ms-reveal {display:none; width:0; height:0}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display:none}
a:focus,button:focus,input:focus,select:focus,textarea:focus,div:focus {outline:none}
span.checkbox > svg {display:none}

.bdr_r {border-radius:3px} .bdr_50 {border-radius:50%} .bdr_n {border:none}
.mrg_b {margin-bottom:4px !important} .mrg_t {margin-top:4px !important} .mrg_r {margin-right:4px !important} .mrg_l {margin-left:4px !important}
.mrg_2b {margin-bottom:8px !important} .mrg_2t {margin-top:8px !important} .mrg_2r {margin-right:8px !important} .mrg_2l {margin-left:8px !important}
.mrg_at {margin-left:auto; margin-right:auto}
.h_100 {height:100%} .w_100 {width:100%} .p_m_0 {padding:0; margin:0}
.bxsd {-webkit-box-shadow:0px 2px 16px rgba(40,40,40,.1); -moz-box-shadow:0px 2px 16px rgba(40,40,40,.1); -o-box-shadow:0px 2px 16px rgba(40,40,40,.1); -ms-box-shadow:0px 2px 16px rgba(40,40,40,.1); box-shadow:0px 2px 16px rgba(40,40,40,.1)}
.bxs {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box}
.trs {-webkit-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease}
.fw_7 {font-weight:700} .fw_6 {font-weight:600} .fw_5 {font-weight:500} .fw_4 {font-weight:400} .fw_3 {font-weight:300}
.cf:before, .cf:after {content: ""; display: table} .cf:after {clear: both}
.clear {display:block; position:relative; clear:both;*zoom:1} .clear:after {content:""; display:block; clear:both}
.or_txt {display:inline-block; overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap}
.fl{float:left} .fr{float:right}
.cs_p {cursor:pointer} .d_n {display:none !important}
.t_c {text-align:center} .t_r {text-align:right}
.p_fx {position:fixed} .p_rt {position:relative} .p_as {position:absolute}
@media only screen and (min-width: 1024px) {.dt_hide {display:none}}

#total_container {margin:0 auto; opacity:1; width:100%; height:100%; background:transparent}

/* HEADER */
#pt_header {height:54px; z-index:9999; margin:0; padding:0; width:100%; background:#32373b}
#pt_header .pt_hd_wrap {height:100%; max-width:900px; margin:0 auto}

#pt_header .trigger {top:0; right:0; height:54px; padding:20px 0; z-index:9999}
#pt_header .menu_list {display:none; background:rgba(0,0,0,0.9); padding: 0; top: 74px; right:0;  z-index: 9998;}
#pt_header .menu_list.on {display:block}
.hbg_bar, .hbg_bar:after, .hbg_bar:before {width: 18px; height: 2px}
.hbg_bar:before, .hbg_bar:after {content: ""; position: absolute; left: 0; background: #eee; transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)}
.hbg_bar {position: relative; transform: translateY(5px); background: #eee; transition: all 0ms 300ms}
.hbg_bar:before {bottom: 7px}
.hbg_bar:after {top: 7px}
.hbg_bar.animate {background: rgba(255, 255, 255, 0)}
.hbg_bar.animate:after {top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)}
.hbg_bar.animate:before {bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)}

#pt_header .membership {height:54px; padding:0; right:40px}

#pt_header .logo {font-family:'Montserrat', sans-serif !important; height:54px; line-height:54px; text-align:left; font-size:19px; margin-left:0; color:#eee}

/* CONTAINER */
#pt_container {width:100%; max-width:900px; padding:0; margin:0 auto}

/* NAVIGATION */
.ac_menu {text-align:left; padding:36px 32px 24px}
.ac_menu ul {display: none}
.ac_menu li {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:1.4}
.ac_menu li.md-hide.open > a {color:#fff; font-weight:500}
.ac_menu li.open li.open a:before {content: ""; display:block; width:8px; position:absolute; height:11px; border:solid #fff; border-width:0 2px 2px 0; left:-4px; top:6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.ac_menu li li {padding-left: 20px}
.ac_menu li li > a {border-left: 1px dashed rgba(255,255,255,0.1)}
.ac_menu input[type=checkbox] {position: absolute; opacity: 0}

.ac_menu ul a {position: relative; text-transform:uppercase; display: block; padding: 8px 0; color: #ccc; font-size: 12px}
.ac_menu label, .ac_menu > li > a {cursor: pointer; display: block; font-size:13px; padding: 0; color: #fff}
.ac_menu > li > a {color:#fff; padding:0 0 16px}
.ac_menu input[type=checkbox]:checked + label {color:#fff}
.ac_menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.ac_menu input[type=checkbox]:checked + label + ul, .ac_menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {margin:4px 0 16px; display: block}
.ac_menu > li:last-of-type > label, .ac_menu > li:last-of-type > a, .ac_menu > li > ul > li:last-of-type label, .ac_menu > li > ul > li:last-of-type a {box-shadow: none}
.ac_menu ul label, .ac_menu ul a {background: transparent; padding-left: 16px}

/* LOGIN WIDGET */
.pp_bg {position:fixed; z-index:10000; left:0; top:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); opacity:0; visibility:hidden; -webkit-transition:opacity 0.05s 0s, visibility 0s 0.05s; -moz-transition:opacity 0.05s 0s, visibility 0s 0.05s; transition:opacity 0.05s 0s, visibility 0s 0.05s}
	.pp_bg.on {opacity:1; visibility:visible; -webkit-transition:opacity 0.2s 0s, visibility 0s 0s; -moz-transition:opacity 0.2s 0s, visibility 0s 0s; transition:opacity 0.2s 0s, visibility 0s 0s}
	.pp_window {box-sizing:border-box; left:calc((100vw - 320px)/2); top:calc((100vh - 340px)/2); position:absolute; background:#fff; width:320px; height:auto; padding:0; text-align:center; -webkit-backface-visibility:hidden}

	#loggedInfo a {display:block; border-bottom:1px solid #fafafa; line-height:1; padding:16px 0; font-size:13px; color:#666}
	#loggedInfo a:hover {background:rgba(0,0,0,0.05)}
	#loggedInfo a:last-of-type {border-bottom:0}

	#loginForm {padding:36px 24px}
	#loginForm input {height:48px; line-height:48px; width:100%; font-size:12px; background:#f7f7f7; padding:0 16px; margin-bottom:8px}
	#loginForm input[type=submit] {background: #32373b; width:100%; color:#fff; border:none}

	#loginForm .social {margin:16px 0}
	#loginForm .social a {float:left; display:block; width:50%; height:48px; line-height:48px; font-size:11px; font-weight:bold; color:#fff; margin-bottom:8px}
	#loginForm .fb {background:#3e5a98}
	#loginForm .social .nb {background:#1ec800; margin-right:0}

	#loginForm .footer {font-weight:bold; text-align:center; font-size:13px}
	#loginForm .footer > a, #loginForm .footer > label {color: #999; font-weight: 400; padding: 4px 8px; font-size: 11px}
	#loginForm .footer > a:hover, #loginForm .footer > label:hover {background:#ff3654; color:#fff}


	.pp_bg .message {margin:8px 8px 0; text-align:center; padding:0}

	.keepSign input[type="checkbox"] {display:none; visibility:hidden}
	.keepSign input[type="checkbox"] + label {transition:border-color 0.3s ease-in-out, background-color 0.3s ease-in-out}
	.keepSign input[type="checkbox"] + label:before {display:inline-block; content:""; margin:0 2px 2px 0px; width:12px; height:12px; background-color:#eee; border:none; vertical-align:middle}
	.keepSign input[type="checkbox"]:checked + label:before {background-color:#ff3654; background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:10px auto; -moz-background-size:10px auto; -o-background-size:10px auto; background-size:10px auto; background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K');}


/* WIDE VIEW (width 1500px over) */
@media screen and (min-width: 1500px) {}

/* TABLET VIEW (width 480px - 1023px) */
@media screen and (min-width: 480px) and (max-width: 1023px) {
.tb_view {display:block !important}
.tb_hide {display:none !important}
}

/* MOBILE VIEW (max-width 479px) */
@media only screen and (max-width: 479px) {
.mb_hide {display:none !important}
.cs_p {cursor:default}
a,button,label {cursor:default !important}
	.pp_window {left:0; top:initial; bottom:0; position:absolute; background:#fff; width:100%}
#pt_header .trigger {padding:20px 16px 20px 0}
#pt_header .membership {right:56px}
#pt_header .logo {margin-left:16px}
#pt_header .menu_list {position:fixed; left:0; top: 0; width:100%; height:100%}
.ac_menu {padding:64px 32px 24px}
}