/* 
Main Stylesheet
Created By: Dimbleweb
*/

/* INITIAL CSS */
body {color: #0C0F21; font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 25px; position: relative;}

h1, h2, h3, h4, h5, h6 {font-weight: 100; font-family: 'TitleFont'; color: #0C0F21;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-family: 'TitleBoldFont';}
h1 {font-size: 34px; line-height: 42px; margin-bottom: 15px;}
h2 {font-size: 30px; line-height: 38px; margin-bottom: 15px;}
h3 {font-size: 26px; line-height: 34px; margin-bottom: 15px;}
h4 {font-size: 22px; line-height: 30px; margin-bottom: 15px;}
h5 {font-size: 18px; line-height: 26px; margin-bottom: 15px;}
h1 b, h2 b, h3 b, h4 b, h5 b {font-family: 'TitleBoldFont';}
.ft-med-size {font-size: 18px; line-height: 30px; font-weight: 100;}
.ft-regular {font-family: 'GeneralFont', Arial, Verdana;}
.ft-bold-regular2{font-family: 'BoldFont2', Arial, Verdana;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb {margin-bottom: 0px;}
h4.mb-5 {margin-bottom: 5px;}
p, p a {font-size: 15px; color: #0C0F21; line-height: 25px;}
p.small, p.small a {font-size: 13px; line-height: 17px;}
p a:hover {text-decoration: underline; color: #E92A28;}
p.ft-big {font-size: 18px; line-height: 24px;}
a {color: #E92A28; font-size: 15px; line-height: 25px; text-decoration: none;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
a:hover {color: #ce0000; text-decoration: underline;}
a.pt {cursor: pointer;}
a.no-td:hover {text-decoration: none !important;}
small {font-size: 11px;}

.ft-bold {font-family: 'BoldFont', 'GeneralFont', Arial, Verdana;}

b, strong {font-family: 'BoldFont';}
i, em {font-family: 'GeneralFont' !important; font-style: italic;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldFont'; font-style: italic;}
small {font-size: 13px; line-height: 18px;}
img.full-width {width: 100%; display: block;}
img.round-border {
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}

.big {font-size: 20px; line-height: 28px;}

h2.type-2 {margin-bottom: -15px;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}
.dmb-img-wrap {position: relative; width: 100%; height: 100%; background: transparent;}
.dmb-img-wrap img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.dmb-img-wrap-2 {position: relative; width: 100%; height: 100%; background: transparent;}
.dmb-img-wrap-2 img {position: absolute; top:0; bottom: 15%; left: 0; right: 0; margin: auto;}

.ft-title{font-family: 'BoldFont', Arial, Verdana !important;}
.ft-general{font-family: 'GeneralFont', Arial, Verdana !important;}

.cl-white {color: #fff;}
.cl-white a, .cl-white a:hover {color: #fff;}
.cl-white a:hover {text-decoration: underline;}

.gen-img-wrap {margin-bottom: 30px;}
.gen-img-wrap img {max-width: 100%; display: block;}
.gen-img-wrap img.centered {margin-left: auto; margin-right: auto;}
.mlr-auto {margin: 0 auto;}

.col-pd-left {width: 95%; padding-left: 5%;}
.col-pd-right {width: 95%; padding-right: 5%;}
.col-pd-left-2 {width: 97.5%; padding-left: 2.5%;}
.col-pd-right-2 {width: 97.5%; padding-right: 2.5%;}
.col-pd-both {width: 90%; padding-left: 5%; padding-right: 5%;}
.col-pd-both-2 {width: 95%; padding-left: 2.5%; padding-right: 2.5%;}

.cl-secondary {color: #E92A28;}

.sec-full-width {float: left; width: 100%; position: relative;}

.pd-40 {padding: 40px;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.wrap {width: 1200px; margin: 0 auto; position: relative;}
.wrap-2 {width: 1024px; margin: 0 auto; position: relative;}
.wrap-3 {width: 960px; margin: 0 auto; position: relative;}
.wrap-4 {width: 768px; margin: 0 auto; position: relative;}

@media only screen and (max-width: 1200px) {
	.wrap {width: 95%;}
}

@media only screen and (max-width: 1024px) {
	.wrap-2 {width: 95%;}
}
@media only screen and (max-width: 960px) {
	.wrap-3 {width: 95%;}
}
@media only screen and (max-width: 768px) {
	.wrap-4 {width: 95%;}
}

.container {width: 100%; float: left;}
.section {clear: both; padding: 0px; margin: 0px;}
.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

.dmb-col {display: block; float: left; margin: 0% 0 0% 1.6%; position: relative;}
.dmb-col.first-col {margin-left: 0;}
.dmb-col:first-child {margin-left: 0;} /* all browsers except IE6 and lower */

@media only screen and (max-width: 480px) {
	.dmb-col {margin: 0;}
	.dmb-col.mbtm40 {margin-bottom: 40px;}
	.dmb-col.mbtm30 {margin-bottom: 30px;}
	.dmb-col.mbtm20 {margin-bottom: 20px;}
	.dmb-col.mbtm10 {margin-bottom: 10px;}
	.dmb-col.no-m {margin: 0;}
}

.cl-brown {color: #5c3d38 !important;}
.cl-white {color: #fff !important;}
.cl-green {color: #177c0a !important;}
.cl-gray {color: #555 !important;}
.cl-black {color: #030708 !important;}
/* /GENERAL LAYOUT CSS */


/* TWO COLUMNS CSS */
.span_1_of_2 {width: 49.2%;}
.span_2_of_2 {width: 100%;}
@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 {width: 100%;}
}
/* /TWO COLUMNS CSS */


/* THREE COLUMNS CSS */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}
@media only screen and (max-width: 480px) {
	.span_3_of_3, .span_2_of_3, .span_1_of_3 {width: 100%;}
}
/* /THREE COLUMNS CSS */


/* FOUR COLUMNS CSS */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}
@media only screen and (max-width: 480px) {
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {width: 100%;}
}
/* /FOUR COLUMNS CSS */


/* FIVE COLUMNS CSS */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}
@media only screen and (max-width: 480px) {
	.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {width: 100%;}
}
/* /FIVE COLUMNS CSS */


/* SIX COLUMNS CSS */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}
@media only screen and (max-width: 480px) {
	.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 {width: 100%;}
}
/* /SIX COLUMNS CSS */


/* SEVEN COLUMNS CSS */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}
@media only screen and (max-width: 480px) {
	.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 {width: 100%;}
}
/* /SEVEN COLUMNS CSS */


/* EIGHT COLUMNS CSS */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}
@media only screen and (max-width: 480px) {
	.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {width: 100%;}
}
/* /EIGHT COLUMNS CSS */


/* NINE COLUMNS CSS */
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 88.71%;}
.span_7_of_9 {width: 77.42%;}
.span_6_of_9 {width: 66.13%;}
.span_5_of_9 {width: 54.84%;}
.span_4_of_9 {width: 43.55%;}
.span_3_of_9 {width: 32.26%;}
.span_2_of_9 {width: 20.97%;}
.span_1_of_9 {width: 9.68%;}
@media only screen and (max-width: 480px) {
	.span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9 , .span_1_of_9 {width: 100%;}
}
/* /NONE COLUMNS CSS */


/* TEN COLUMNS CSS */
.span_10_of_10 {	width: 100%;}
.span_9_of_10 {width: 89.84%;}
.span_8_of_10 {width: 79.68%;}
.span_7_of_10 {width: 69.52%;}
.span_6_of_10 {width: 59.36%;}
.span_5_of_10 {width: 49.2%;}
.span_4_of_10 {width: 39.04%;}
.span_3_of_10 {width: 28.88%;}
.span_2_of_10 {width: 18.72%;}
.span_1_of_10 {width: 8.56%;}
@media only screen and (max-width: 480px) {
	.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, 
	.span_4_of_10, .span_3_of_10 , .span_2_of_10, .span_1_of_10 {width: 100%;}
}
/* /TEN COLUMNS CSS */


/* ELEVEN COLUMNS CSS */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {width: 90.76%;}
.span_9_of_11 {width: 81.52%;}
.span_8_of_11 {width: 72.29%;}
.span_7_of_11 {width: 63.05%;}
.span_6_of_11 {width: 53.81%;}
.span_5_of_11 {width: 44.58%;}
.span_4_of_11 {width: 35.34%;}
.span_3_of_11 {width: 26.1%;}
.span_2_of_11 {width: 16.87%;}
.span_1_of_11 {width: 7.63%;}
@media only screen and (max-width: 480px) {
	.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, 
	.span_5_of_11, .span_4_of_11 , .span_3_of_11, .span_2_of_11, .span_1_of_11 {width: 100%;}
}
/* /ELEVEN COLUMNS CSS */


/* TWELVE COLUMNS CSS */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.86%;}
@media only screen and (max-width: 480px) {
	.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, 
	.span_6_of_12, .span_5_of_12 , .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {width: 100%;}
}
/* /TWELVE COLUMNS CSS */

/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 15px; color: #0C0F21; line-height: 25px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 17px; line-height: 27px;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;}
.wysiwyg-content a {color: #888;}
.wysiwyg-content a:hover {color: #0d4e9f; text-decoration: underline;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff;}
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4 {color: #fff;}
.wysiwyg-content ul li {padding-left: 0px; list-style-type: disc; padding-bottom: 3px; margin-left: 55px;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 55px;}
.wysiwyg-content.list-flat ol li {margin-left: 15px;}

.wysiwyg-content img {}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}
.wysiwyg-content img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table tbody tr {border-bottom: 1px solid #ddd;}
.wysiwyg-content table tbody tr:first-child {border-top: 1px solid #ddd;}
.wysiwyg-content table tbody tr td {border-right: 1px solid #ddd; padding: 5px 8px; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:first-child {border-left: 1px solid #ddd;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(odd) td {background: #fff;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(even) td {background: #f5f5f5;}

.wysiwyg-content .wy-left-small {float: left; width: 23%;}
.wysiwyg-content .wy-left-small img {max-width: 100%; margin: 0 auto; display: block;}
.wysiwyg-content .wy-right-large {float: right; width: 74%;}
/* /WYSIWYG CONTENT */

/* FORM */
label.error {display: block; margin-top: 2px; font-size: 12px; line-height: 21px; color: #f21a1a; font-family: 'LightFont'; margin-bottom: 8px;}
.gen-form {}
.gen-form .req {color: #f55151;}
.gen-form-row {width: 100%; float: left; margin-bottom: 16px; position: relative;}
.gen-form-row.half {width: 49%; margin-right: 2%;}
.gen-form-row.half.no-mr {margin-right: 0;}
.gen-form-row.no-mb {margin-bottom: 0 !important;}
.gen-form label.form-label{color: #333; display: block; font-family: 'GeneralFont'; font-size: 16px; line-height: 22px; margin-bottom: 10px;}
.gen-form label.form-label span {color: #b3b3b3;}
.gen-form label.form-label.inline {display: inline; margin: 0;}
.gen-form input[type="text"], .gen-form input[type="email"], .gen-form input[type="password"], .gen-form input[type="number"], .gen-form textarea, ul#sc-content-list .prod-detail input[type="text"] {background: #ffffff; border: 1px solid #0C0F21; font-family: 'TitleFont', Arial, Verdana; color: #0C0F21; width: 65%; font-size: 14px; line-height: 18px; padding: 12px 18px; box-sizing: border-box;
transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;
border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px;}
.gen-form input[type="text"]:hover, .gen-form input[type="text"]:focus, .gen-form input[type="email"]:hover, .gen-form input[type="email"]:focus, 
.gen-form input[type="number"]:hover, .gen-form input[type="number"]:focus, .gen-form input[type="password"]:hover, .gen-form input[type="password"]:focus, .gen-form textarea:hover, .gen-form textarea:focus {outline: 0;
box-shadow: 0px 0px 8px #afafaf; -webkit-box-shadow: 0px 0px 8px #afafaf; -moz-box-shadow: 0px 0px 8px #afafaf; -o-box-shadow: 0px 0px 8px #afafaf;}
.gen-form input[type="text"].readonly, .gen-form input[type="email"].readonly, .gen-form input[type="password"].readonly, .gen-form textarea.readonly {background: #dfdfdf;}
a.gen-btn {display: inline-block;}
a.gen-btn.round {
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
a.gen-btn.block {display: block; font-size: 14px; letter-spacing: 2px;}
.gen-btn.na, .gen-btn.na :hover {background: #383838; color: #fff; cursor: default;}
.gen-form input[type="submit"], .gen-form input[type="button"], a.gen-btn {border: 1px solid #0C0F21; background: #fff; text-align: center; color: #0C0F21; font-size: 14px; line-height: 18px; font-family: 'TitleBoldFont', Arial, Verdana; cursor: pointer; padding: 12px 30px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;
border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px;}
.gen-form input[type="submit"]:hover, .gen-form input[type="button"]:hover, a.gen-btn:hover, 
.gen-form input[type="submit"]:focus, .gen-form input[type="button"]:focus, a.gen-btn:focus {color: #fff; background: #0C0F21; text-decoration: none; outline: 0;}
.gen-form input[type="submit"].wide, a.gen-btn.wide {min-width: 250px;}
.gen-form input[type="submit"].half-wide, a.gen-btn.half-wide, .gen-form input[type="button"].half-wide {min-width: 150px;}
.gen-form input[type="button"].gray {background: #b5b5b5;}
.gen-form input[type="submit"].full-width {width: 100%;}
input[type="submit"].calendar-submit {width: 50%; padding-top: 15px; padding-bottom: 15px;}
.gen-form span.help-block {display: block; font-size: 14px; line-height: 18px; color: #000000; margin-top: 3px;}
.gen-form span.help-block-2 {display: block; font-size: 13px; line-height: 17px; color: #555; margin-top: 5px;}
a.hollow-btn {display: inline-block; border: 2px solid #fff; padding: 12px 25px; background: transparent; font-size: 18px; line-height: 24px; font-family: 'BoldFont'; color: #fff;}
a.hollow-btn:hover {text-decoration: none; background: #fff; color: #E92A28;}

.checkbox-container {}
.checkbox-container input[type="checkbox"] {display: none;}
.checkbox-container label {font-family: 'GeneralFont'; font-size: 14px; line-height: 18px; padding-top: 4px; color: #000000; display: inline-block; padding-left: 28px; background: url(../images/icon/checkbox.png) no-repeat left top;}
.checkbox-container label:hover {cursor: pointer;}
.checkbox-container label.no-mr {margin-right: 0;}
.checkbox-container label a {color: #ce0000; font-size: 16px; line-height: 24px;}
.checkbox-container label a:hover {text-decoration: none;}
.checkbox-container .chb-section {float: left; width: 30%; margin-right: 5%; margin-bottom: 5px;}
.checkbox-container .chb-section:nth-child(3n) {margin-right: 0;}
.checkbox-container .chb-section:nth-child(3n + 1) {clear: both;}

.checkbox-container input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top;}
::-webkit-input-placeholder { color: #0C0F21; font-family: 'GeneralFont';}
::-moz-placeholder { color: #0C0F21; opacity: 1.0; font-family: 'GeneralFont';}
:-ms-input-placeholder { color: #0C0F21; font-family: 'GeneralFont';}

.gen-form-row span.req {color: #ff3333;}

.gen-form select {font-size: 14px; line-height: 18px; font-family: 'GeneralFont', Arial, Verdana; color: #0C0F21; background: white; padding: 12px 3%; box-sizing: border-box; border: 1px solid #0C0F21;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid transparent; background: url(../images/icon/arrow-down.png) no-repeat 98% center #fff;}
.styled-select-wrapper select {display: block; width: 110%; border: none; background: transparent;}
.styled-select-wrapper select option {background: #f1f2f2;}
textarea.no-resize {resize: none !important;}
select:hover, select:focus {outline: 0;
box-shadow: 0px 0px 8px #afafaf; -webkit-box-shadow: 0px 0px 8px #afafaf; -moz-box-shadow: 0px 0px 8px #afafaf; -o-box-shadow: 0px 0px 8px #afafaf;}

.radio-toolbar {margin-top: 11px;}
.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {display:inline-block; padding: 0px 0px 0px 25px; font-size: 16px; line-height: 30px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 9px; cursor: pointer;}
.radio-toolbar label.inline.with-mr {margin-right: 40px;}
.radio-toolbar label.type2 {color: #0d4e9f;}
.radio-toolbar input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 9px;}

.input-file-wrap {cursor: pointer; font-size: 14px; line-height: 18px; color: #0C0F21; font-family: 'GeneralFont'; box-sizing: border-box; padding: 14px 20px; background: #fff; z-index: 1000;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.input-file-wrap:hover {
box-shadow: 0px 0px 8px #afafaf; -webkit-box-shadow: 0px 0px 8px #afafaf; -moz-box-shadow: 0px 0px 8px #afafaf; -o-box-shadow: 0px 0px 8px #afafaf;}
.input-file-wrap input[type="file"] {display: none;}
.input-file-wrap span {font-size: 14px; line-height: 18px;}
.input-file-wrap-info {font-size: 14px; line-height: 18px; padding-left: 20px; color: #939598; margin-top: 8px; margin-bottom: 5px; font-family: 'ItalicFont';}

/* INLINE STYLE */
.gen-form.inline .label-cont {float: left; width: 20%;}
.gen-form.inline .sep-cont {float: left; width: 2%;}
.gen-form.inline .form-cont {float: left; width: 78%;}
.gen-form.inline .form-cont .fl-section {float: left; margin-right: 100px;}
.gen-form.inline .form-cont .fl-section.last {margin-right: 0;}
.gen-form.inline .gen-form-row {margin-bottom: 20px;}
.gen-form.inline label.form-label {font-size: 16px; line-height: 21px; display: block; padding-top: 15px;}
.gen-form.inline label.form-label.label-big {font-size: 16px; line-height: 40px; font-family: 'ItalicTitleFont';}
.gen-form.inline label.error {margin-bottom: 8px; margin-top: 5px;}
.gen-form.inline select {min-width: 70%;}
.gen-form.inline input[type="text"], .gen-form.inline input[type="password"], .gen-form.inline textarea {width: 70%;}
.gen-form.inline input.small {width: 30%;}

.gen-form.inline input[type="text"], .gen-form.inline input[type="email"], .gen-form.inline input[type="number"], .gen-form.inline input[type="password"] {border: none; border-bottom: 1px solid #0C0F21; background: none; margin-top: 3px;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;}
.gen-form.inline input[type="text"]:hover, .gen-form.inline input[type="text"]:focus, .gen-form.inline input[type="email"]:hover, .gen-form.inline input[type="email"]:focus,
.gen-form.inline input[type="number"]:hover, .gen-form.inline input[type="number"]:focus , .gen-form.inline input[type="password"]:hover, .gen-form.inline input[type="password"]:focus {
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
/* /INLINE STYLE */


@media only screen and (max-width: 480px) {
	.gen-form-row.half {width: 100%; margin-right: 0;}
	.radio-toolbar label {background: url(../images/icon/radio-off.png) no-repeat left top 7px;}
	.radio-toolbar input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 7px;}
}

/* /FORM */


/* HEADER */
.sticky-enroll {position: fixed; right: 0; bottom: 150px; z-index: 2000; height: 73px; width: 100px;}
.sticky-enroll.type2 {bottom: 70px;}

.sticky-enroll img {width: 73px; height: 73px; position: absolute; right: 15px; z-index: 2001;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.sticky-enroll img.opened {right: 100px;}
.ste-text {position: absolute; right: 0; margin-top: 13px; z-index: 1000;}
.ste-text a {font-family: 'BoldFont'; display: inline-block; color: #fff; width: 0; font-size: 16px; line-height: 50px; background: #E92A28; text-align: center; padding-left: 0; padding-right: 0;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.sticky-enroll.type2 .ste-text a {background: #1bd741;}
.ste-text a:hover {text-decoration: underline;}
.ste-text a.opened {padding-left: 40px; padding-right: 30px; width: 60px;}

#nav-resp-list-container {display: none;}
#header-sticky {padding: 7px 0 3px; background: #fff; text-align: center; z-index: 1000; position: fixed; width: 100%;
box-shadow: 0px 0px 5px #bfbfbf; -webkit-box-shadow: 0px 0px 5px #bfbfbf; -moz-box-shadow: 0px 0px 5px #bfbfbf; -o-box-shadow: 0px 0px 5px #bfbfbf;
transition: top 0.5s ease-in; -webkit-transition: top 0.5s ease-in; -moz-transition: top 0.5s ease-in; -o-transition: top 0.5s ease-in;}
img#logo {height: 60px;}
#header-sticky.active {top: 0;}
#header-left, #header-s-left {float: left;}
#header-right, #header-s-right {float: right;}
#header-right {margin-top: 23px;}
#header-sticky img.header-logo {max-height: 60px; margin-bottom: 0;}
#header-sticky ul.header-nav-list {float: right; margin-top: 15px;}
#header-sticky ul.header-nav-list > li {margin-right: 45px;}
#header-sticky ul.header-nav-list > li:last-child {margin-right: 0;}
#nav-icon-resp {display: none;}

.header-nav-list-container {position: relative;}
ul.header-nav-list {}
/* ul.header-nav-list > li {display: inline-block; margin-right: 55px;} */
ul.header-nav-list > li {float: left; margin-right: 55px;}
ul.header-nav-list > li:last-child {margin-right: 0;}
ul.header-nav-list > li > a {font-family: 'MediumFont', Arial, Verdana; color: #E92A28; font-size: 16px; line-height: 21px; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid transparent;}
ul.header-nav-list > li > a:hover {color: #ce0000; text-decoration: none;}
ul.header-nav-list > li > a.active, ul.header-nav-list > li > a.active:hover {color: #E92A28; border-bottom: 2px solid #E92A28;}
a.search-icon {position: absolute; display: inline-block; width: 23px; height: 20px; background: url(../images/icon/search.png) no-repeat center; right: 0; top: 0;}
a.search-icon:hover {opacity: 0.6; cursor: pointer;}

@media only screen and (max-width: 768px) {	
	img#logo {height: 50px;}
	#header-s-right {display: none;}
	#nav-icon-resp {float: right; margin-top: 8px; display: block; width: 30px; height: 30px; background: url(../images/icon/nav.png) no-repeat center; cursor: pointer;
	transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in;}
	#nav-icon-resp:hover {background: url(../images/icon/nav-hover.png) no-repeat center;}
	#nav-icon-resp.opened {background: url(../images/icon/nav-close.png) no-repeat center;}	
	#nav-icon-resp.opened:hover {background: url(../images/icon/nav-close-hover.png) no-repeat center;}	
	
	#nav-resp-list-container {position: fixed; top: 65px; z-index: 9999; width: 100%;}
	ul#nav-resp-list {width: 100%;}
	ul#nav-resp-list > li > a {font-family: 'TitleFont', Arial, Verdana; display: block; font-size: 15px; line-height: 22px; background: #E92A28; box-sizing: border-box; padding: 8px 2.5%; color: #fff; cursor: pointer;}
	ul#nav-resp-list > li > a:hover {background: #ce0000;; text-decoration: none;}
	
	.subnav-resp-container {display: none;}
	ul.subnav-resp-list > li > a {font-family: 'TitleFont', Arial, Verdana; display: block; font-size: 15px; line-height: 22px; background: #E92A28; box-sizing: border-box; padding: 5px 7.5%; color: #fff; cursor: pointer;}
	ul.subnav-resp-list > li > a:hover {background: #ce0000; text-decoration: none;}
}

@media only screen and (max-width: 480px) {
	#search-form input[type="text"] {padding-left: 2.5%; padding-right: 10%;}
	a#hsclose-btn {right: 2.5%;}
	
	#header-add-nav ul > li a {font-size: 15px; line-height: 15px;}
	
	.sticky-enroll {bottom: 110px;}
	.sticky-enroll.type2 {bottom: 50px;}
	.sticky-enroll img {width: 57px; height: 57px;}
	.sticky-enroll img.opened {right: 75px;}
	.ste-text {margin-top: 10px;}
	.ste-text a {font-size: 13px; line-height: 40px;}
	.ste-text a.opened  {width: 50px; padding-left: 20px; padding-right: 20px;}
}
/* /HEADER */


/* HOME */
#slideshow-list-container {opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
#slideshow-list-container.slick-initialized {visibility: visible; opacity: 1;}

@media only screen and (min-width: 1201px) {
	#slideshow-list-sfw {margin-top: 75px; height: 100vh;}
	#slideshow-list-container {}
	#slideshow-list-container .slideshow-item {width: 100%; height: 91vh; background-size: cover !important; position: relative;}
	#slideshow-list-container .slideshow-item .img-wrap {width: 100%; height: 100vh;}
	#slideshow-list-container .slideshow-item .img-wrap img {display: none;}
}


#slideshow-list-container .slick-prev {width: 16px; height: 28px; background: url(../images/icon/arrow-prev.png) no-repeat center center; opacity: 0.8; top: 50%; left: 50px; transform: translateY(-50%); z-index: 150;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#slideshow-list-container .slick-prev:hover {opacity: 1.0;}
#slideshow-list-container .slick-prev.slick-disabled, #slideshow-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#slideshow-list-container .slick-next {width: 16px; height: 28px; background: url(../images/icon/arrow-next.png) no-repeat center center; opacity: 0.8; top: 50%; left: auto; right: 50px; transform: translateY(-50%); z-index: 150;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#slideshow-list-container .slick-next:hover {opacity: 1.0;}
#slideshow-list-container .slick-next.slick-disabled, #slideshow-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}
#slideshow-list-container .slick-dots {bottom: 20px; z-index: 151; text-align: center;}
#slideshow-list-container .slick-dots li {width: 10px; margin: 0 4px;}
#slideshow-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet.png) no-repeat center;}
#slideshow-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}

#home-about-sfw {padding: 60px 0; text-align: center;}
h2.big {font-size: 30px; line-height: 38px; margin-bottom: 15px;}

a.gen-bg-btn {background: url(../images/bg/button-border-bg.png) no-repeat center; font-size: 14px; line-height: 29px; display: inline-block; width: 84px; height: 29px; text-align: center; color: #E92A28; font-family: 'MediumFont';}
a.gen-bg-btn:hover {text-decoration: underline;}
a.gen-bg-btn.no-bg {background: none;}
a.gen-bg-btn2 {font-size: 14px; line-height: 14px; display: inline-block; padding: 14px; font-family: 'TitleBoldFont', Arial, Verdana; width: 75px; text-align: center; border: 1px solid #0C0F21; color: #0C0F21;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
a.gen-bg-btn2:hover {text-decoration: none; background: #0C0F21; color: #fff;}
a.gen-bg-btn2.btnresp {display: none;}
input[type="submit"].bg-btn-submit {border: 1px solid #0C0F21; background: none; padding: 14px; font-size: 14px; line-height: 14px; display: inline-block; width: 120px; text-align: center; color: #0C0F21; font-family: 'BoldFont', Arial, Verdana;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
input[type="submit"].bg-btn-submit:hover {background: #0C0F21; color: #fff;}

.sfw-updateable-bg {background-size: cover !important;}
.sfw-updateable-bg img.bg {display: none;}

#home-method-sfw {padding: 80px 0 30px 0;}
#home-method-sfw .inner {padding-left: 400px; background: url(../images/icon/robot-avatar.png) no-repeat left center;}
ul#home-method-list {float: left; width: 100%; position: relative;}
ul#home-method-list > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 50px; min-height: 95px; position: relative;}
ul#home-method-list > li:nth-child(2n) {margin-right: 0;}
ul#home-method-list > li:nth-child(2n + 1) {clear: both;}
ul#home-method-list > li img {position: absolute; top: 50%; transform: translateY(-50%);}
ul#home-method-list > li h4 {position: absolute; top: 50%; transform: translateY(-50%); left: 110px; color: #fff; font-size: 23px; line-height: 29px;}
ul#home-method-list > li a:hover h4 {text-decoration: underline;}

#home-abometel-sfw {padding: 80px 0;}
ul.triroc-list {float: left; width: 100%; position: relative;}
ul.triroc-list > li {float: left; width: 28%; margin-right: 8%;}
ul.triroc-list > li:nth-child(3n) {margin-right: 0;}
ul.triroc-list > li:nth-child(3n + 1) {clear: both;}
.rdframe-container {box-sizing: border-box; padding: 30px; background: #fff;
box-shadow: 0px 0px 10px #cfcfcf; -webkit-box-shadow: 0px 0px 10px #cfcfcf; -moz-box-shadow: 0px 0px 10px #cfcfcf; -o-box-shadow: 0px 0px 10px #cfcfcf;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.rdframe-container .img-wrap {width: 100%; margin-bottom: 50px;}
.rdframe-container .img-wrap img {width: 100%;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;}
.rdframe-container .desc-wrap {min-height: 100px; margin-bottom: 10px; text-align: center;}
.rdframe-container .desc-wrap h5, .rdframe-container .desc-wrap p {color: #E92A28;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.rdframe-container .href-wrap {text-align: center;}
.rdframe-container .href-wrap a {color: #E92A28; font-size: 14px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.rdframe-container:hover {background: #E92A28;}
.rdframe-container:hover .desc-wrap h5, .rdframe-container:hover .desc-wrap p, .rdframe-container:hover .href-wrap a {color: #fff;}

#home-service-sfw {padding: 60px 0;}
#home-service-top-sfw {}
#home-service-bottom-sfw {padding: 60px 0;}
#home-service-list-container {}
#home-service-list-container .slick-prev {width: 72px; height: 10px; background: url(../images/icon/arrow-prev-3.png) no-repeat center center; opacity: 1.0; top: 50%; left: -7.5%; transform: translateY(-55%);
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#home-service-list-container .slick-prev:hover {opacity: 1.0;}
#home-service-list-container .slick-prev.slick-disabled, #home-service-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#home-service-list-container .slick-next {width: 72px; height: 10px; background: url(../images/icon/arrow-next-3.png) no-repeat center center; opacity: 1.0; top: 50%; left: auto; right: -7.5%; transform: translateY(-55%);
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#home-service-list-container .slick-next:hover {opacity: 1.0;}
#home-service-list-container .slick-next.slick-disabled, #home-service-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}
#home-service-list-container .slick-dots {bottom: -25px; z-index: 5000; text-align: center;}
#home-service-list-container .slick-dots li {width: 10px; margin: 0 4px;}
#home-service-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-white.png) no-repeat center;}
#home-service-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet.png) no-repeat center;}

#home-event-sfw {padding: 60px 0 30px 0; text-align: center;}
#home-event-list-container, #gen-event-list-container, #gen-course-list-container {}
#home-event-list-container .slick-prev, #gen-event-list-container .slick-prev, #gen-course-list-container .slick-prev {width: 72px; height: 10px; background: url(../images/icon/arrow-prev-2.png) no-repeat center center; opacity: 1.0; top: 50%; left: -7.5%; transform: translateY(-55%);
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#gen-event-list-container .slick-prev, #gen-course-list-container .slick-prev  {left: -60px;}
#home-event-list-container .slick-prev:hover, #gen-event-list-container .slick-prev:hover, #gen-course-list-container .slick-prev:hover {opacity: 1.0;}
#home-event-list-container .slick-prev.slick-disabled, #home-event-list-container .slick-prev.slick-disabled:hover,
#gen-event-list-container .slick-prev.slick-disabled, #gen-event-list-container .slick-prev.slick-disabled:hover,
#gen-course-list-container .slick-prev.slick-disabled, #gen-course-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#home-event-list-container .slick-next, #gen-event-list-container .slick-next, #gen-course-list-container .slick-next  {width: 72px; height: 10px; background: url(../images/icon/arrow-next-2.png) no-repeat center center; opacity: 1.0; top: 50%; left: auto; right: -7.5%; transform: translateY(-55%);
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#gen-event-list-container .slick-next, #gen-course-list-container .slick-next {right: -60px;}
#home-event-list-container .slick-next:hover, #gen-event-list-container .slick-next:hover {opacity: 1.0;}
#home-event-list-container .slick-next.slick-disabled, #home-event-list-container .slick-next.slick-disabled:hover,
#gen-event-list-container .slick-next.slick-disabled, #gen-event-list-container .slick-next.slick-disabled:hover,
#gen-course-list-container .slick-next.slick-disabled, #gen-course-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}
#home-event-list-container .slick-dots, #gen-event-list-container .slick-dots, #gen-course-list-container .slick-dots {bottom: -25px; z-index: 151; text-align: center;}
#home-event-list-container .slick-dots li, #gen-event-list-container .slick-dots li, #gen-course-list-container .slick-dots li {width: 10px; margin: 0 4px;}
#home-event-list-container .slick-dots li button, #gen-event-list-container .slick-dots li button, #gen-course-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-2.png) no-repeat center;}
#home-event-list-container .slick-dots li.slick-active button, #gen-event-list-container .slick-dots li.slick-active button, #gen-course-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}

.home-event-item {height: 500px !important; box-sizing: border-box; position: relative;}
.home-event-item.type2 {height: 400px !important; text-align: center;}
.home-event-item.static {height: auto !important;}
.home-event-item .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid transparent; width: 90%; box-sizing: border-box; padding: 20px;  background: #fff; text-align: center;
box-shadow: 0px 0px 10px #cfcfcf; -webkit-box-shadow: 0px 0px 10px #cfcfcf; -moz-box-shadow: 0px 0px 10px #cfcfcf; -o-box-shadow: 0px 0px 10px #cfcfcf;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.home-event-item.type2 .inner {padding: 15px; padding-top: 50px; width: 75%;}
.home-event-item.static .inner {width: 100%; position: relative; top: auto; left: auto; transform: none;}
.home-event-item .inner .img-wrap {background-size: cover !important; width: 100%; height: 180px; margin-bottom: 20px;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.home-event-item .inner .img-wrap img {display: none;}
.home-event-item .inner .img-wrap-abs {position: absolute; left: 50%; top: -50px; transform: translateX(-50%); width: 65%; height: 100px;}
.home-event-item .inner .img-wrap-abs img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.home-event-item.static .inner .img-wrap {height: auto;}
.home-event-item .inner h5 {font-size: 16px; line-height: 22px; padding: 5px 10px; border: 1px solid transparent; font-family: 'BoldFont'; text-align: center;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.home-event-item.type2 .inner h5 {color: #E92A28; text-align: center;}
.home-event-item .inner p {font-size: 14px; line-height: 20px; text-align: left;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.home-event-item.type2 .inner p {text-align: center;}
.home-event-item .inner p.secondary-title {font-family: 'BoldFont'; color: #E92A28;}
.home-event-item .inner .ta-center p {text-align: center;}
.home-event-item.static .inner p {min-height: 85px;}
.home-event-item.static .inner p.mh-small {min-height: 30px;}
.home-event-item .inner a.gen-bg-btn {margin-top: 30px;}
.home-event-item.static .inner a.gen-bg-btn {margin-top: 10px;}
.home-event-item .inner.active {width: 100%; background: #E92A28; padding: 25px;}
#gen-event-list-container .home-event-item .inner.active {width: 85%;}
.home-event-item.type2 .inner.active {padding-top: 100px; width: 85%;}
.home-event-item.type2 .inner.active .img-wrap-abs {height: 120px; top: -35px;}
.home-event-item .inner .img-wrap.active {height: 200px;}
.home-event-item .inner h5.active {font-size: 18px; line-height: 24px; color: #E92A28; background: transparent; border: 1px solid transparent; color: #fff}
.home-event-item .inner p.active {font-size: 15px; line-height: 21px; color: #fff; min-height: 130px;}
.home-event-item.type2 .inner p.active {min-height: 30px;}
.home-event-item .inner a.gen-bg-btn.active {background: none; font-size: 15px; line-height: 38px; color: #fff;}
.home-event-item.static.st-effect:hover .inner {background: #E92A28;}
.home-event-item.static.st-effect:hover .inner h5, .home-event-item.static.st-effect:hover .inner p, .home-event-item.static.st-effect:hover .inner a {color: #fff;}

#home-news-sfw {text-align: center;}
#home-news-top-sfw {}
#home-news-bottom-sfw {padding: 60px 0;}
ul.news-list {float: left; width: 100%; position: relative;}
ul.news-list > li {float: left; width: 29%; margin-right: 6.5%; box-sizing: border-box; padding: 15px 15px 30px 15px; min-height: 450px;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.news-list > li:nth-child(3n) {margin-right: 0;}
ul.news-list > li:nth-child(3n + 1) {clear: both;}
ul.news-list > li .img-wrap {background-size: cover !important; margin-bottom: 15px;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;}
ul.news-list > li .img-wrap img {display: none;}
ul.news-list > li .det-wrap {}
ul.news-list > li p {color: #fff; text-align: left;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.news-list > li a.gen-bg-btn {margin-top: 15px; opacity: 0;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul.news-list > li.active {background: #fff;}
ul.news-list > li p.active {color: #E92A28;}
ul.news-list > li a.gen-bg-btn.active {opacity: 1.0;}

@media only screen and (max-width: 1200px) {
	#home-event-list-container {margin-bottom: 40px;}
	.home-event-item .inner .img-wrap {height: 175px;}
	.home-event-item .inner {width: 80%;}
	.home-event-item .inner p {min-height: 100px;}
	.home-event-item.type2 .inner p {min-height: 50px;}
		
	#slideshow-list-sfw {margin-top: 68px; height: auto !important;}
	#slideshow-list-container {}
	#slideshow-list-container .slideshow-item {width: 100%; position: relative;}
	#slideshow-list-container .slideshow-item .img-wrap {width: 100%;}
	#slideshow-list-container .slideshow-item .img-wrap img {width: 100%;}
}	

@media only screen and (max-width: 1024px) {
	#home-method-sfw .inner {padding-left: 0; background: none;}
	.home-event-item .inner.active {width: 95%;}
	
	ul.news-list > li {width: 31%; margin-right: 3.5%;}
	
	ul.triroc-list > li {float: left; width: 31%; margin-right: 3.5%;}
	ul.triroc-list > li:nth-child(3n) {margin-right: 0;}
	ul.triroc-list > li:nth-child(3n + 1) {clear: both;}
}

@media only screen and (max-width: 768px) {
	ul#home-method-list > li {min-height: 40px;}
	ul#home-method-list > li img {width: 55px;}
	ul#home-method-list > li h4 {left: 70px; font-size: 20px; line-height: 26px;}
	
	.home-event-item .inner.active {width: 88%;}
	.home-event-item.type2 .inner {width: 80%;}
	.home-event-item.type2 .inner.active {width: 95%;}
	.home-event-item.type2 .inner.active .img-wrap-abs {top: -25px;}	
		
	ul.news-list > li {width: 100%; margin-right: 0; margin-bottom: 30px; min-height: 0; padding-bottom: 15px;}
	ul.news-list > li:last-child {margin-bottom: 0;}
	ul.news-list > li .img-wrap {float: left; width: 30%; margin-bottom: 0;}
	ul.news-list > li .det-wrap {float: right; width: 65%;}
	ul.news-list > li a.gen-bg-btn {float: left;}
	
	.rdframe-container  {padding: 20px;}
	.rdframe-container .img-wrap {margin-bottom: 15px;}
	.rdframe-container .desc-wrap {min-height: 0;}
	.rdframe-container .desc-wrap p {display: none;}
	
	#slideshow-list-container .slick-prev, #slideshow-list-container .slick-next {top: 50%; transform: translateY(-50%);}
	#slideshow-list-container .slick-prev {left: 20px;}
	#slideshow-list-container .slick-next {right: 20px;}
}

@media only screen and (max-width: 600px) {
	.home-event-item .inner .img-wrap, .home-event-item .inner .img-wrap.active {height: 150px;}
	.home-event-item .inner {width: 85%;}
	.home-event-item .inner.active {width: 95%;}
	.home-event-item .inner p.active {min-height: 100px;}
}

@media only screen and (max-width: 480px) {
	ul#home-method-list > li {width: 100%; margin-right: 0; margin-bottom: 30px;}
	
	.home-event-item {height: 425px !important;}
	.home-event-item .inner, .home-event-item .inner.active {padding: 15px; width: 100%;}
	.home-event-item .inner .img-wrap, .home-event-item .inner .img-wrap.active {height: 120px;}
	.home-event-item .inner p, .home-event-item .inner p.active {min-height: 130px;}
	
	ul.news-list > li .img-wrap {width: 40%;}
	ul.news-list > li .det-wrap {width: 55%;}
	
	ul.triroc-list > li {float: left; width: 100%; margin-right: 0; margin-bottom: 30px;}
	.rdframe-container  {padding: 30px;}
	.rdframe-container .desc-wrap p {display: block;}	
}
/* /HOME */


/* ABOUT */
#gen-content-sfw {padding: 60px 0; min-height: 350px;}

.wise-words {background: #E92A28; padding: 20px;
border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
.wise-words p {text-align: center; font-size: 18px; line-height: 26px; color: #fff;}
.wise-words p.author {float: right; padding-left: 38px; background: url(../images/icon/white-line.png) no-repeat left center; font-size: 21px; line-height: 26px; font-family: 'TitleBoldFont'; color: #fff; margin-top: 5px;}

@media only screen and (max-width: 768px) {		
	.wise-words p.author {background: none; float: none; padding-left: 0; margin-top: 20px;}
}
/* /ABOUT */


/* OUR METHOD */
#our-method-sfw {padding: 60px 0;}

#our-method-list {margin-top: 40px;}
#our-method-list > li {margin-bottom: 50px; width: 960px;}
#our-method-list > li:last-child {margin-bottom: 0;}
#our-method-list > li .title {margin-bottom: 15px; position: relative;}
#our-method-list > li .title img {width: 70px; height: 70px; position: relative; z-index: 100;}
#our-method-list > li .title p {position: absolute; z-index: 99; top: 50%; transform: translateY(-50%); color: #E92A28; font-size: 18px; line-height: 18px; box-sizing: border-box; width: 300px; background: #F2D51E; padding: 10px 30px 10px 40px; margin-left: 50px;
border-top-right-radius: 50px; -webkit-border-top-right-radius: 50px; -moz-border-top-right-radius: 50%; -o-border-top-right-radius: 50%;
border-bottom-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-bottom-right-radius: 50%; -o-border-bottom-right-radius: 50%;}

@media only screen and (max-width: 1024px) {
	#our-method-list > li {width: 100%;}
}

@media only screen and (max-width: 480px) {
	#our-method-list > li .title img {width: 60px; height: 60px;}
	#our-method-list > li .title p {width: 260px; top: 42%; transform: translateY(-42%); font-size: 16px; line-height: 16px; margin-left: 40px; padding-left: 35px;}
}
/* /OUR METHOD */


/* SERVICES */
#service-sfw {padding: 60px 0 60px 0;}

#service-top-sfw {margin-bottom: 40px;}

#service-bottom-sfw {}

@media only screen and (max-width: 768px) {	
	#service-sfw {}
	.wysiwyg-content .wy-left-small {width: 100%; margin-bottom: 30px;}
	.wysiwyg-content .wy-right-large {width: 100%;}
}
/* /SERVICES */


/* EVENT, COURSE & NEWS */
#event-course-sfw {padding: 60px 0;}

ul#event-list {float: left; width: 100%; position: relative; margin-top: 40px;}
ul#event-list > li {float: left; width: 22%; margin-right: 4%; text-align: center; margin-bottom: 50px;}
ul#event-list > li:nth-child(4n) {margin-right: 0;}
ul#event-list > li:nth-child(4n + 1) {clear: both;}

ul.course-list {float: left; width: 100%; position: relative; margin-top: 40px;}
ul.course-list > li {float: left; width: 30%; margin-right: 5%; text-align: center; margin-bottom: 30px;}
ul.course-list > li:nth-child(3n) {margin-right: 0;}
ul.course-list > li:nth-child(3n + 1) {clear: both;}

#event-detail-container {margin-top: 40px; margin-bottom: 30px;}
p.post-date {font-size: 18px; line-height: 24px; font-family: 'TitleFont';}

#evimg-wrap {float: left; width: 25%;}
#evimg-wrap img {display: block; margin: 0 auto; max-width: 100%;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
#evimg-title h4 {margin-bottom: -8px;}
#evdet-wrap {float: right; width: 70%;}
#evdet-wrap.full-width {float: none; width: 100%;}
#evdet-title {display: none;}
#evdet-title.displayed {display: block;}

@media only screen and (max-width: 1200px) {
	ul#event-list > li {width: 23.5%; margin-right: 2%;}
}

@media only screen and (max-width: 1024px) {	
	ul.course-list > li {width: 32%; margin-right: 2%;}
}

@media only screen and (max-width: 768px) {
	ul#event-list > li {width: 47%; margin-right: 6%;}
	ul#event-list > li:nth-child(4n) {margin-right: 6%;}
	ul#event-list > li:nth-child(4n + 1) {clear: none;}
	ul#event-list > li:nth-child(2n) {margin-right: 0;}
	ul#event-list > li:nth-child(2n + 1) {clear: both;}
	
	#evimg-wrap {float: none; width: 100%; margin-bottom: 40px;}
	#evdet-wrap {float: none; width: 100%;}
	
	ul.course-list > li {width: 48%; margin-right: 4%;}
	ul.course-list > li:nth-child(3n) {margin-right: 4%;}
	ul.course-list > li:nth-child(3n + 1) {clear: none;}
	ul.course-list > li:nth-child(2n) {margin-right: 0;}
	ul.course-list > li:nth-child(2n + 1) {clear: both;}
	
	#evimg-title {display: none;}
	#evdet-title {display: block;}
	a.gen-bg-btn2.btnresp {display: block;}
}
/* /EVENT & NEWS */


/* GALLERY */
#home-gallery-sfw {padding: 60px 0;}
#home-gallery-list-container {}
#home-gallery-list-container .slick-prev {width: 72px; height: 10px; background: url(../images/icon/arrow-prev-2.png) no-repeat center center; opacity: 1.0; top: 50%; left: -7.5%; transform: translateY(-55%);
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#home-gallery-list-container .slick-prev:hover {opacity: 1.0;}
#home-gallery-list-container .slick-prev.slick-disabled, #home-gallery-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#home-gallery-list-container .slick-next {width: 72px; height: 10px; background: url(../images/icon/arrow-next-2.png) no-repeat center center; opacity: 1.0; top: 50%; left: auto; right: -7.5%; transform: translateY(-55%);
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#home-gallery-list-container .slick-next:hover {opacity: 1.0;}
#home-gallery-list-container .slick-next.slick-disabled, #home-gallery-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}
#home-gallery-list-container .slick-dots {bottom: -25px; z-index: 151; text-align: center;}
#home-gallery-list-container .slick-dots li {width: 10px; margin: 0 4px;}
#home-gallery-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-2.png) no-repeat center;}
#home-gallery-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}
.gallery-item {padding: 15px;}

#gallery-sfw {padding: 60px 0 100px 0;}
#gallery-list-container {margin-top: 60px; width: 960px; margin-left: auto; margin-right: auto;}
ul#gallery-list {float: left; width: 100%; position: relative;}
ul#gallery-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px;}
ul#gallery-list > li:nth-child(4n) {margin-right: 0;}
ul#gallery-list > li:nth-child(4n + 1) {clear: both;}
.gallery-inner-container {}
.gallery-inner-container .pic-title {display: none;}
.gallery-inner-container .img-wrap {position: relative; background-size: cover !important;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.gallery-inner-container .img-wrap:hover {opacity: 0.8;}
.gallery-inner-container .img-wrap img {display: none;}
.fancybox-title-outside-wrap {text-align: center !important; font-family: 'TitleBoldFont' !important; font-size: 20px !important; line-height: 25px	 !important;}

.popup-container {width: 768px;}
.popup-container.auto-width {width: auto;}
.gallery-img-wrap {text-align: center; margin-bottom: 15px;}
.gallery-img-wrap img {max-width: 100%; margin: 0 auto; display: block;}
.gallery-title h2, .gallery-title h4 {color: #fff; margin-bottom: 0; text-align: center; margin-bottom: 0; font-family: 'MediumFont', Arial, Verdana;}
a.ptr {cursor: pointer;}

@media only screen and (max-width: 1024px) {
	#gallery-list-container {width: 95%;}
}

@media only screen and (max-width: 768px) {
	ul#gallery-list > li {width: 48%; margin-right: 4%;}
	ul#gallery-list > li:nth-child(4n) {margin-right: 4%;}
	ul#gallery-list > li:nth-child(4n + 1) {clear: none;}
	ul#gallery-list > li:nth-child(2n) {margin-right: 0;}
	ul#gallery-list > li:nth-child(2n + 1) {clear: both;}
	
	.popup-container {width: auto;}
	.gallery-img-wrap img {max-width: 100%;}
}
/* /GALLERY */


/* CONTACT */
#contact-sfw {padding: 60px 0; padding-bottom: 0;}

#contact-top-sfw {margin-bottom: 80px;}
#contact-left-container {float: left; width: 50%;}
#contact-form {margin-top: 30px;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {width: 100%;}
#contact-form .styled-select-wrapper {width: 100%; font-size: 16px; line-height: 16px; font-family: 'GeneralFont'; border: 1px solid #0C0F21; padding-left: 12px; background: url(../images/icon/arrow-down.png) no-repeat 90% center #fff;
border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px;}
#contact-form .styled-select-wrapper select:hover, #contact-form .styled-select-wrapper select:focus {
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
#prclass-div {display: none;}
#prclass-div .fl-section {float: left; margin-right: 60px;}
#prclass-div .fl-section:last-child {margin-right: 0;}

#contact-right-container {float: right; width: 27%;}
.contact-info {margin-bottom: 30px;}
#contact-right-container .contact-info:last-child {margin-bottom: 0;}
.contact-info .title {float: right;}
.contact-info h5 {text-align: right; font-family: 'BoldFont'; font-size: 21px; max-width: 300px; margin-bottom: 10px;}
.contact-info h5.address {padding-right: 55px; line-height: 26px; background: url(../images/icon/contact-address.png) no-repeat right center;}
.contact-info h5.email {padding-right: 55px; line-height: 25px; background: url(../images/icon/contact-email.png) no-repeat right center;}
.contact-info h5.phone {padding-right: 50px; line-height: 31px; background: url(../images/icon/contact-phone.png) no-repeat right center;}
ul.contact-info-list > li {text-align: right; font-size: 17px; line-height: 23px; padding-bottom: 15px; margin-bottom: 15px; background: url(../images/icon/black-line.png) no-repeat bottom right;}
ul.contact-info-list > li a {color: #0C0F21; font-size: 17px; line-height: 23px;}
ul.contact-info-list > li:last-child {padding-bottom: 0; margin-bottom: 0; background: none;}

#contact-bottom-sfw {}
#gmap-frame iframe {display: block; width: 100% !important; height: 550px !important;}

#contact-location-sfw {padding-top: 60px;}
ul.ct-location-list {float: left; width: 100%; position: relative;}
ul.ct-location-list > li {float: left; width: 26%; margin-right: 11%; margin-bottom: 80px;}
ul.ct-location-list > li.full-width {width: 100%; margin-right: 0;}
ul.ct-location-list > li.no-mb {margin-bottom: 0;}
ul.ct-location-list > li:nth-child(3n) {margin-right: 0;}
ul.ct-location-list > li:nth-child(3n + 1) {clear: both;}
ul.ct-location-list > li h4 {padding-left: 55px; background: url(../images/icon/contact-address.png) no-repeat left center; min-height: 36px; font-family: 'MediumFont', Arial, Verdana; width: 75%; box-sizing: border-box;}
ul.ct-location-list > li .loc-gmap {margin-bottom: 30px;}
ul.ct-location-list > li .loc-gmap iframe {width: 100% !important; height: 300px;
border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px;
box-shadow: 0px 0px 15px #bfbfbf; -webkit-box-shadow: 0px 0px 15px #bfbfbf; -moz-box-shadow: 0px 0px 15px #bfbfbf; -o-box-shadow: 0px 0px 15px #bfbfbf;}
p.with-icon, p.with-icon a {font-size: 15px; line-height: 23px;}
p.with-icon {margin-bottom: 15px;}
p.with-icon.no-mb {margin-bottom: 0;}
p.with-icon.email {padding-left: 40px; background: url(../images/icon/contact-email.png) no-repeat left 4px; background-size: auto 16px;}
p.with-icon.phone {padding-left: 40px; background: url(../images/icon/contact-phone.png) no-repeat left 2px; background-size: auto 16px;}
p.with-icon.wa {padding-left: 40px; background: url(../images/icon/contact-wa.png) no-repeat left 0px; background-size: auto 23px;}
ul.ct-location-list > li p.with-icon:last-child {margin-bottom: 0;}

@media only screen and (max-width: 960px) {
	#contact-form .gen-form-row.half {width: 100%; margin-right: 0;}
	.contact-info h5 {font-size: 18px; line-height: 22px;}
	ul.contact-info-list > li {font-size: 15px; line-height: 21px;}
	ul.contact-info-list > li a {font-size: 15px; line-height: 21px;}	
	
	ul.ct-location-list > li {width: 30%; margin-right: 5%;}
	ul.ct-location-list > li .loc-gmap iframe {height: 250px;}
}

@media only screen and (max-width: 768px) {
	#contact-left-container, #contact-right-container {width: 100%; margin: 0;}
	#contact-right-container {display: none}
	#contact-left-container {margin-bottom: 0;}
	#contact-top-sfw {margin-bottom: 0;}
	
	.contact-info .title {float: left;}
	.contact-info h5 {text-align: left;}
	.contact-info h5.address {padding-right: 0px; padding-left: 55px; background: url(../images/icon/contact-address.png) no-repeat left center;}
	.contact-info h5.email {padding-right: 0px; padding-left: 55px; background: url(../images/icon/contact-email.png) no-repeat left center;}
	.contact-info h5.phone {padding-right: 0px; padding-left: 50px; background: url(../images/icon/contact-phone.png) no-repeat left center;}
	ul.contact-info-list > li {text-align: left; background: url(../images/icon/black-line.png) no-repeat bottom left;}
	
	#gmap-frame iframe {height: 450px !important;}	
	
	ul.ct-location-list > li {width: 45%; margin-right: 10%;}
	ul.ct-location-list > li:nth-child(3n) {margin-right: 10%;}
	ul.ct-location-list > li:nth-child(3n + 1) {clear: none;}
	ul.ct-location-list > li:nth-child(2n) {margin-right: 0%;}
	ul.ct-location-list > li:nth-child(2n + 1) {clear: both;}
}

@media only screen and (max-width: 600px) {
	ul.ct-location-list > li {width: 100%; margin-right: 0;}
	ul.ct-location-list > li .loc-gmap iframe {height: 300px;}
	
	#prclass-div .fl-section {float: none; margin-right: 0; margin-bottom: 20px;}
	#prclass-div .fl-section:last-child {margin-bottom: 0;}
}
/* /CONTACT */


/* FAQ */
#home-faq-sfw {padding: 60px 0;}
#faq-sfw {padding: 60px 0;}
#faq-top-sfw {}
#faq-bottom-sfw {/* height: 70px; background: #EB2626; margin-bottom: 30px; */}

ul#faq-list {position: relative; margin-top: 30px;}
ul#faq-list > li {padding-bottom: 18px; margin-bottom: 15px; border-bottom: 2px solid #EB2626;}
ul#faq-list > li:last-child {margin-bottom: 0;}
ul#faq-list > li .faq-question {padding-right: 35px; font-size: 18px; line-height: 26px; font-family: 'MediumFont'; color: #0C0F21; background: url(../images/icon/arrow-down.png) no-repeat right 12px; cursor: pointer;}
ul#faq-list > li .faq-question.opened {background: url(../images/icon/arrow-up.png) no-repeat right 12px;}
ul#faq-list > li .faq-question:hover {color: #555;}
ul#faq-list > li .faq-answer {margin-top: 18px; display: none; padding-right: 35px;}
/* /FAQ */


/* ENROLL */
#enroll-form .styled-select-wrapper {width: 100%; border-bottom: 1px solid #0C0F21;}
#enroll-form .form-cont {width: 60%;}
#enroll-form input[type="number"], #enroll-form input[type="text"].smform {width: 30%;}
#enroll-form input[type="text"], #enroll-form input[type="email"], #enroll-form input[type="number"], #enroll-form select {padding-left: 0;} 

@media only screen and (max-width: 768px) {
	#enroll-form .styled-select-wrapper {width: 100%;}
	#enroll-form input[type="number"], #enroll-form input[type="text"].smform {width: 50%;}
}
@media only screen and (max-width: 600px) {
	.resp-none {display: none;}
	#enroll-form input[type="number"], #enroll-form input[type="text"].smform {width: 100%;}
}
/* /ENROLL */


/* ACCOUNT */
#account-sfw {padding: 60px 0 60px 0;}

#login-sfw {padding: 60px 0 100px 0;}
#login-container {}
#forgot-password-container {}
a.side-link {font-size: 14px; line-height: 34px; height: 34px; display: inline-block; color: #E92A28; font-family: 'BoldFont'; margin-left: 10px; cursor: pointer;}

.gen-form.account-form input[type="text"], .gen-form.account-form input[type="email"], .gen-form.account-form input[type="number"], .gen-form.account-form input[type="password"] {width: 100%; font-size: 16px; line-height: 16px; font-family: 'GeneralFont';}
.gen-form.account-form select {width: 110%; font-size: 16px; line-height: 16px;}
#login-form input[type="text"], #login-form input[type="password"], #forgot-password-form input[type="email"] {width: 70%;}

#hacc-container {padding: 7px 0; background: #fff; position: fixed; top: 0; z-index: 1000;}
#hacc-logo-container {float: left; width: 190px; text-align: center;}
img#hacc-logo {height: 58px; display: block; margin: 0 auto;}
#hacc-logout-container {float: right; margin-right: 3%;} 
#hacc-logout-container img {margin-top: 16px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
#hacc-logout-container img:hover {opacity: 0.5;}
a#hacc-nav-menu {margin-right: 12px; display: none;}

#hacc-nav-container {position: fixed; top: 0; left: 0; z-index: 990; height: 100vh; background: #eb2626; box-sizing: border-box; padding-top: 72px; width: 190px;
transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in;}
#hacc-nav-container.hidden {left: -190px;}

ul#hacc-nav-list {}
ul#hacc-nav-list > li {width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 5px; position: relative;}
ul#hacc-nav-list > li:last-child {margin-bottom: 0;}
li#hacc-profile {padding-top: 40px; padding-bottom: 20px;}
ul#hacc-nav-list > li > a.inner-hacc-nav {display: block; color: #fff; font-family: 'TitleFont'; font-size: 16px; line-height: 22px; padding: 10px; text-align: left; position: relative; padding-left: 42px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul#hacc-nav-list > li > a.inner-hacc-nav:hover {text-decoration: none; background: #dc2222;}
ul#hacc-nav-list > li > a.inner-hacc-nav.active, ul#hacc-nav-list > li > a.inner-hacc-nav.active:hover {background: #d02020;}
ul#hacc-nav-list > li > a img {width: 19px; position: absolute; left: 10px; margin-top: 1px;}
#hacc-profile-img-wrap {background-size: cover !important; width: 110px; height: 110px; margin: 0 auto; margin-bottom: 20px;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#hacc-profile-img-wrap img {display: none;}
li#hacc-profile h4 {font-family: 'BoldFont'; margin-bottom: 5px;}
li#hacc-profile h4.name {font-size: 20px; line-height: 26px; color: #fff;}
li#hacc-profile h4.status {font-size: 18px; line-height: 24px; color: #f59393;}
a.account-btn {display: inline-block; font-size: 15px; line-height: 15px; text-align: center; padding: 7px 25px; background: none; border: 1px solid #fff; color: #fff; font-family: 'TitleFont';
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
a.account-btn:hover {background: #fff; color: #eb2626; text-decoration: none;}

a#hacc-nav-container-close-btn {display: none; width: 15px; height: 15px; background: url(../images/icon/close-white.png) no-repeat center; background-size: 15px 15px; position: absolute; bottom: 85px; right: 15px; cursor: pointer;}
a#hacc-nav-container-close-btn:hover {opacity: 0.75;}

#my-account-sfw {width: 100%; min-height: 100vh; box-sizing: border-box; padding-left: 190px;}
#my-account-sfw .my-account-inner {position: relative; width: 100%; min-height: 100vh; box-sizing: border-box; padding-top: 72px;}
.my-account-inner.with-bg {background-size: cover !important;}
.my-account-inner.with-bg img.bg {display: none;}

#dashboard-info {position: absolute; top: 65%; left: 50%; transform: translate(-50%, -65%); text-align: center; width: 70%;}
#dashboard-profile-img-wrap {display: block; margin: 0 auto; width: 225px; height: 225px; margin-bottom: 40px; background-size: cover !important;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#dashboard-profile-img-wrap img {display: none; width: 225px; height: 225px;}
#dashboard-info h2 {color: #fff; margin-bottom: 5px; font-family: 'BoldFont';}
#dashboard-info h4 {color: #bcbcbc; font-family: 'BoldFont';}
.red-trp-btn {width: 201px; height: 62px; background: url(../images/bg/button-red-trp.png) no-repeat center; box-sizing: border-box; text-align: center;}
.red-trp-btn a {font-size: 21px; line-height: 60px; display: inline-block; padding-left: 42px; background: url(../images/icon/point-color.png) no-repeat left center; color: #fff; font-family: 'BoldFont';}
.red-trp-btn a:hover {text-decoration: underline;}
#dashboard-info .red-trp-btn {margin: 0 auto;}

#my-account-info-sfw {background: url(../images/bg/stair-bg.png) no-repeat 20% 18%, url(../images/bg/tri-ruler-big-bg.png) no-repeat 42% 50%, url(../images/bg/toy-bg-2.png) no-repeat 85% 20%,
url(../images/bg/curvy-line-bg.png) no-repeat 45% 90% , url(../images/bg/curvy-line-bg.png) no-repeat 55% 95%;}
#my-account-info-left {position: absolute; top: 60%; left: 10%; width: 40%; transform: translateY(-60%); box-sizing: border-box; padding-left: 25px; padding-right: 25px; text-align: center;}
#my-account-profile-img-wrap {display: block; margin: 0 auto; width: 225px; height: 225px; margin-bottom: 30px; background-size: cover !important;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#my-account-profile-img-wrap img {display: none;}
#my-account-info-left h3, #my-account-info-left h5 {font-family: 'BoldFont'; margin-bottom: 5px;}
#my-account-info-left h5 {color: #717c88;}
#my-account-info-right {position: absolute; top: 60%; left: 50%; width: 45%; transform: translateY(-60%); box-sizing: border-box; padding-left: 25px;}
ul#my-account-info-list {}
ul#my-account-info-list > li {margin-bottom: 30px;}
ul#my-account-info-list > li:last-child {margin-bottom: 0;}
ul#my-account-info-list > li h5, ul#my-account-info-list > li h4 {font-family: 'BoldFont';}
ul#my-account-info-list > li h4 a {font-size: 24px; line-height: 30px; color: #0C0F21;}
ul#my-account-info-list > li h5 {margin-bottom: 0; color: #717c88;}

#my-account-point-sfw {}
#my-account-point-top {background: #122438; padding: 30px 50px;}
#my-account-point-top .inner {background: url(../images/bg/arrows-up-bg.png) no-repeat 0% 0%, url(../images/bg/tri-ruler-bg.png) no-repeat 40% 60%, url(../images/bg/stair-bg-2.png) no-repeat 55% 20%; position: relative;}
#my-account-point-top .inner .title {padding-left: 60px; padding-top: 20px; padding-bottom: 20px; display: inline-block; position: relative;}
#my-account-point-top .inner .point {position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
#my-account-point-top .inner .point .red-trp-btn a:hover {text-decoration: none;}
#my-account-point-top h2 {color: #fff; font-family: 'BoldFont'; font-size: 40px; line-height: 48px; margin-bottom: 5px;}
#my-account-point-top h2.pd-left {padding-left: 60px;}

#my-account-point-bottom {padding-top: 40px; padding-bottom: 40px;}
#my-account-point-bottom h5 {font-family: 'GeneralFont';}
#my-account-point-bottom h5 b {font-family: 'BoldFont';}
.wrap-account {width: 81%; margin: 0 auto; position: relative;}
ul#my-account-point-list {}
ul#my-account-point-list > li {margin-bottom: 15px; position: relative;}
ul#my-account-point-list > li:last-child {margin-bottom: 0;}
ul#my-account-point-list > li h5 {font-family: 'BoldFont'; margin-bottom: 0;}
ul#my-account-point-list > li p {font-size: 14px; line-height: 18px; color: #717c88; font-family: 'BoldFont';}
ul#my-account-point-list > li .summary {float: left; width: 75%; box-sizing: border-box; padding-left: 30px; background: url(../images/icon/bullet-point-detail.png) no-repeat left 6px;}
ul#my-account-point-list > li .pt {float: right; width: 20%; text-align: right; color: #eb2626; font-family: 'BoldFont'; font-size: 20px; line-height: 24px; margin-top: 12px;}

#my-account-dr-sfw {}
table#madr-table {width: 100%;}
table#madr-table thead tr th {padding: 20px 30px; background: #e8c52e; font-size: 22px; line-height: 26px; font-family: 'BoldFont'; border-right: 1px solid #000; vertical-align: middle;}
table#madr-table thead tr th:last-child {border-right: 0;}
table#madr-table tbody tr td {padding: 10px 30px; vertical-align: middle; font-size: 20px; line-height: 24px; font-family: 'BoldFont'; border-right: 1px solid #000;}
table#madr-table tbody tr td:last-child {border-right: 0;}
table#madr-table tbody tr:first-child td {padding-top: 30px;}
table#madr-table tbody tr:last-child td {padding-bottom: 30px; border-bottom: 1px solid #000;}
table#madr-table tbody tr td small {color: #717c88; font-size: 14px; line-height: 14px;}
table#madr-table tbody tr td.red {color: #eb2626;}

#my-account-edit {padding-top: 40px; padding-bottom: 40px;}
.macc-edit-row {margin-bottom: 60px;}
.macc-edit-row.no-mb {margin-bottom: 0;}
.macc-title-section {float: left; width: 27%;}
.macc-form-section {float: right; width: 70%;}
#edit-profile-img-wrap {display: block; width: 150px; height: 150px; position: relative; cursor: pointer; background-size: cover !important;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#edit-profile-img-wrap img.bg {display: none;}
#edit-profile-img-wrap img.spc {display: block; position: absolute; bottom: 0; right: 0; width: 50px; height: 50px;}
form.gen-form.my-account-form .mf-row {margin-bottom: 20px;}
form.gen-form.my-account-form label {display: block; font-size: 18px; line-height: 24px; margin-bottom: 7px; font-family: 'BoldFont';}
form.gen-form.my-account-form label.error {font-size: 16px; line-height: 22px; margin-top: 5px;}
form.gen-form.my-account-form input[type="text"], form.gen-form.my-account-form input[type="password"],
form.gen-form.my-account-form input[type="email"], form.gen-form.my-account-form select {width: 100%; font-family: 'BoldFont'; font-size: 18px; line-height: 24px; color: #9f9f9f; padding-top: 10px; padding-bottom: 10px;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
form.gen-form.my-account-form select {padding-right: 0;}
form.gen-form.my-account-form select.small {width: 100px;}
form.gen-form.my-account-form select.large {width: 175px;}
form.gen-form.my-account-form input[type="reset"], form.gen-form.my-account-form input[type="submit"] {border: none; background: none; font-family: 'BoldFont'; font-size: 20px; line-height: 24px; color: #fff; background: #e8c52e; cursor: pointer; padding: 10px; min-width: 120px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
form.gen-form.my-account-form input[type="reset"]:focus, form.gen-form.my-account-form input[type="reset"]:hover,
form.gen-form.my-account-form input[type="submit"]:focus, form.gen-form.my-account-form input[type="submit"]:hover {background: #d1ad12; text-decoration: none;}

@media only screen and (max-width: 1200px) {
	table#madr-table thead tr th {padding: 15px; font-size: 20px; line-height: 26px;}
	table#madr-table tbody tr td {padding: 10px 15px;}
}

@media only screen and (max-width: 1024px) {
	.gen-form.account-form .form-cont .fl-section {margin-right: 50px;}
	
	.gen-form.inline.account-form .label-cont {width: 27%;}
	.gen-form.inline.account-form .sep-cont {width: 3%;}
	.gen-form.inline.account-form .form-cont {width: 70%;}
	
	.wrap-account {width: 90%;}
	
	#my-account-info-sfw {background: url(../images/bg/stair-bg.png) no-repeat 20% 18%, url(../images/bg/toy-bg-2.png) no-repeat 85% 20%,
	url(../images/bg/curvy-line-bg.png) no-repeat 45% 90% , url(../images/bg/curvy-line-bg.png) no-repeat 55% 95%;}
	#my-account-info-left {left: 5%; width: 40%;}
	#my-account-profile-img-wrap {width: 200px; height: 200px;}	
	#my-account-info-right {left: 47%; width: 48%;}
	
	#my-account-point-top .inner {background: url(../images/bg/tri-ruler-bg.png) no-repeat 20% 60%, url(../images/bg/stair-bg-2.png) no-repeat 80% 20%;}
	#my-account-point-top .inner .title {padding-left: 0;}
	#my-account-point-top .inner .point {right: 0;}
}

@media only screen and (max-width: 768px) {
	#account-sfw {}
	
	.gen-form.account-form .form-cont .fl-section {float: none; width: 100%; margin-right: 0; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #8f8f8f;}
	.gen-form.account-form .form-cont .fl-section.last {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	
	.gen-form.inline.account-form .label-cont {width: 32%; box-sizing: border-box; padding-right: 15px;}
	.gen-form.inline.account-form .sep-cont {width: 5%;}
	.gen-form.inline.account-form .form-cont {width: 63%;}
	
	#login-form input[type="text"], #login-form input[type="password"], #forgot-password input[type="email"] {width: 100%;}
	
	#hacc-container {padding: 5px 0;}
	#hacc-logo-container {width: 150px;}
	img#hacc-logo {height: 50px;}
	#hacc-logout-container img {margin-top: 13px;}
	a#hacc-nav-menu {display: inline-block;}
	a#hacc-nav-container-close-btn {display: inline-block;}
	
	#hacc-nav-container {padding-top: 0px; width: 150px; z-index: 1010;}
	#hacc-nav-container.hidden {left: -150px;}
	
	#hacc-profile-img-wrap {width: 100px; height: 100px; margin-bottom: 10px;}
	li#hacc-profile {padding-top: 20px;}
	li#hacc-profile h4.name {font-size: 18px; line-height: 24px; margin-bottom: 0;}
	li#hacc-profile h4.status {font-size: 16px; line-height: 22px;}
	a.account-btn {font-size: 14px; line-height: 14px;}
	ul#hacc-nav-list > li > a.inner-hacc-nav {font-size: 15px; line-height: 21px; padding: 7px; padding-left: 10px;}
	ul#hacc-nav-list > li > a img {display: none;}
	
	#my-account-sfw {padding-left: 0;}
	#my-account-sfw .my-account-inner {padding-top: 60px;}
	#dashboard-info {width: 90%;}
	#dashboard-profile-img-wrap {width: 200px; height: 200px; margin-bottom: 25px;}
	
	.wrap-account {width: 92%;}
	
	#my-account-profile-img-wrap {width: 150px; height: 150px;}
	#my-account-info-left h3 {font-size: 24px; line-height: 30px;}
	#my-account-info-left h5 {font-size: 16px; line-height: 22px;}
	ul#my-account-info-list > li h5, ul#my-account-info-list > li h4, ul#my-account-info-list > li h4 a {font-size: 18px; line-height: 24px;}
	
	#my-account-point-top {padding-left: 3%; padding-right: 3%;}
	#my-account-point-top h2 {font-size: 28px; line-height: 34px;}
	#my-account-point-top h2.pd-left {padding-left: 0;}
	
	#my-account-dr-sfw {margin-top: 30px;}
	table#madr-table thead tr th {padding: 15px 10px; font-size: 17px; line-height: 23px;}
	table#madr-table tbody tr td {padding: 10px; font-size: 17px; line-height: 23px;}
	table#madr-table tbody tr td small {font-size: 13px; line-height: 13px;}
	
	#my-account-edit {margin-top: 40px;}
}

@media only screen and (max-width: 600px) {
	.macc-title-section, .macc-form-section {float: none; width: 100%; margin: 0;}
	.macc-title-section {margin-bottom: 30px;}
	
	form.gen-form.my-account-form input[type="text"], form.gen-form.my-account-form input[type="password"],
	form.gen-form.my-account-form input[type="email"], form.gen-form.my-account-form select {font-size: 16px; line-height: 21px;}
	
	form.gen-form.my-account-form select.small {width: 80px;}
	form.gen-form.my-account-form select.large {width: 140px;}
	
	#my-account-info-sfw {margin-top: 30px; background: url(../images/bg/toy-bg-2.png) no-repeat 85% 20%,
	url(../images/bg/curvy-line-bg.png) no-repeat 45% 90% , url(../images/bg/curvy-line-bg.png) no-repeat 55% 95%;	}	
	#my-account-info-left, #my-account-info-right {position: relative; top: auto; left: auto; transform: none; width: 100%;}
	#my-account-info-right {text-align: center; margin-top: 15px; padding-top: 30px; border-top: 1px dotted #bfbfbf; padding-bottom: 40px; padding-left: 0;}
	
	.red-trp-btn {width: 180px; height: 56px; background-size: 180px 56px;}
	.red-trp-btn a {font-size: 18px; line-height: 50px; background-size: 27px 27px; padding-left: 35px;}
	
	ul#my-account-point-list > li .summary {width: 70%;}
	ul#my-account-point-list > li .summary h5 {font-size: 17px; line-height: 23px;}
	ul#my-account-point-list > li .summary p {font-size: 13px; line-height: 16px;}
	ul#my-account-point-list > li .pt {width: 25%; font-size: 17px; line-height: 23px; margin-top: 0;}
}

@media only screen and (max-width: 480px) {
	a.side-link  {display: block; margin-left: 0; margin-top: 5px;}
	
	#dashboard-profile-img-wrap {width: 175px; height: 175px;}
	#dashboard-info h2 {font-size: 24px; line-height: 30px;}
	#dashboard-info h4 {font-size: 18px; line-height: 24px;}
	
	table#madr-table thead tr th {padding: 15px 4px; font-size: 15px; line-height: 21px;}
	table#madr-table tbody tr td {padding: 10px 4px; font-size: 15px; line-height: 21px;}
	table#madr-table tbody tr td small {font-size: 13px; line-height: 13px;}
}
/* /ACCOUNT */


/* PAGINATION */
.pagination-container {margin-top: 15px;}
.pagination-list {}
.pagination-list.centered {display: inline-block; margin: 0 auto;}
.pagination-list li {float: left; margin-bottom: 5px; margin-right: 12px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {font-size: 16px; line-height: 16px; color: #0C0F21; font-family: 'TitleFont'; display: inline-block; padding: 11px 12px; box-sizing: border-box; border-bottom: 3px solid #fff; background: #fff;
transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
.pagination-list li a:hover {text-decoration: none; border-bottom: 3px solid #ea0303;}
.pagination-list li a.active, .pagination-list li a.active:hover {font-family: 'TitleBoldFont'; border-bottom: 3px solid #E92A28;}

@media only screen and (max-width: 480px) {
	.pagination-container.fl-right, .pagination-container.fl-left {float: none !important;}
	.pagination-container {text-align: center;}
	.pagination-list {display: inline-block; margin: 0 auto;}
}
/* /PAGINATION */


/* FOOTER */
#footer {text-align: center;}

#footer-top {padding-top: 60px;}
ul#footer-socmed-list {display: inline-block; margin: 0 auto; margin-top: 25px; margin-bottom: 25px;}
ul#footer-socmed-list > li {float: left; margin-right: 10px;}
ul#footer-socmed-list > li:last-child {margin-right: 0;}
ul#footer-socmed-list > li img {width: 50px; height: 50px;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
ul#footer-socmed-list > li img:hover {opacity: 0.75;}

#newsletter-form {}
#newsletter-form .gen-form-row {width: 550px; margin: 0 auto; float: none;}
#newsletter-form .gen-form-row input[type="email"] {width: 100%; border: 4px solid #F2D51E; padding: 0; font-size: 14px; line-height: 14px; height: 60px; padding-left: 30px; padding-right: 150px;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
#newsletter-form .gen-form-row input[type="email"]:focus, #newsletter-form .gen-form-row input[type="email"]:hover {
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
#newsletter-form .gen-form-row input[type="submit"] {position: absolute; top: 0; right: 0; padding: 0; height: 60px; width: 120px; background: #F2D51E; color: #0C0F21; font-family: 'BoldFont'; border: none;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
#newsletter-form .gen-form-row input[type="submit"]:hover {background: #F9D315;}

#footer-bottom {/* background: url(../images/bg/footer-bg.png) no-repeat bottom center; background-size: 100% auto; padding-top: 40px; padding-bottom: 60px; */ padding: 25px 0;}
p.footer-caption, p.footer-caption a {font-size: 14x; line-height: 23px; color: #E92A28; display: inline-block;}
p.footer-caption.mb-10 {margin-bottom: 10px;}
p.footer-caption.icon-email {padding-left: 33px; background: url(../images/icon/email.png) no-repeat left center;}
p.footer-caption.icon-phone {padding-left: 26px; background: url(../images/icon/phone.png) no-repeat left center;}
p.footer-caption.icon-wa {padding-left: 33px; background: url(../images/icon/contact-wa.png) no-repeat left center; background-size: auto 23px;}

@media only screen and (max-width: 768px) {
	/* ul#footer-socmed-list > li {margin-right: 15px;}
	ul#footer-socmed-list > li img {width: 90px; height: 90px;} */
}

@media only screen and (max-width: 600px) {
	#newsletter-form .gen-form-row {width: 95%;}
	#newsletter-form .gen-form-row input[type="email"] {padding-right: 120px;}
	#newsletter-form .gen-form-row input[type="submit"] {width: 100px;}
	
	/* p.footer-caption, p.footer-caption a {font-size: 17px; line-height: 23px;} */
	#footer {}
}

@media only screen and (max-width: 480px) {
	ul#footer-socmed-list > li {margin-right: 10px;}
	/* ul#footer-socmed-list > li img {width: 72px; height: 72px;}
	
	p.footer-caption, p.footer-caption a {font-size: 16px; line-height: 22px;}
	p.small, p.small a {font-size: 12px; line-height: 16px;} */
	
	#newsletter-form .gen-form-row input[type="email"] {padding-right: 100px; padding-left: 25px;}
	#newsletter-form .gen-form-row input[type="submit"] {width: 80px;}
}
/* /FOOTER */


/* WAITING ANIMATION */
#fp-waiting {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 9000; display: none;}
#fp-waiting img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* /WAITING ANIMATION */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 9000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 100%; box-sizing: border-box; padding: 40px; background: #122438; z-index: 10000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 55px; line-height: 60px; font-family: 'TitleBoldFont'; color: #fff; margin-bottom: 15px;}
.notification-content p, .notification-content2 p {font-size: 26px; line-height: 32px; margin-bottom: 0px; font-family: 'TitleFont'; color: #fff;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'TitleBoldFont';}

.notif-success h3, .notif-success2 h3 {padding-top: 100px; background: url(../images/icon/success-notification.png) no-repeat top center; background-size: auto 75px;}
a.notification-close-btn {margin-top: 30px; display: inline-block; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 35px; width: 109px; height: 38px; background: url(../images/bg/button-border-white-bg.png) no-repeat center; color: #fff; cursor: pointer; font-family: 'BoldFont';}
a.notification-close-btn:hover {text-decoration: underline;}

.overlay-bg2, .notification-content2 {display: none;}
.form-control.type2 {display: inline; width: 60%;}


@media only screen and (max-width: 768px) {
	.notification-content h3, .notification-content2 h3 {font-size: 40px; line-height: 48px; margin-bottom: 5px;}
	.notif-success h3, .notif-success2 h3 {background-size: auto 60px; padding-top: 80px;}
	.notification-content p, .notification-content2 p {font-size: 24px; line-height: 30px;}
	a.notification-close-btn {margin-top: 30px; font-size: 18px;}
}
/* /OVERLAY NOTIFICATION */


/* ADDITIONAL */
#gc-feat-img {float: left; width: 25%;}
#gc-feat-img img {
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}

#gc-feat-description {float: right; width: 72%;}
#gc-feat-description.full-width {float: none; width: 100%;}

a.reg-href {font-family: 'MediumFont', Arial, Verdana; color: #fff;}

@media only screen and (max-width: 768px) {
	#gc-feat-img {float: none; width: 100%; margin-bottom: 30px;}
	#gc-feat-description {float: none; width: 100%;}
}
/* /ADDITIONAL */