/* 
Main Stylesheet
Created By: Dimbleweb
*/

/* INITIAL CSS */
body {color: #000000; font-family: 'GeneralFont', Arial, Verdana; font-size: 17px; line-height: 23px; position: relative; background: #efefef;}

h1, h2, h3, h4, h5, h6 {font-weight: 100; font-family: 'TitleFont';}
h1 {font-size: 38px; line-height: 44px; margin-bottom: 15px;}
h2 {font-size: 34px; line-height: 40px; margin-bottom: 15px;}
h3 {font-size: 30px; line-height: 36px; margin-bottom: 15px;}
h4 {font-size: 26px; line-height: 32px; margin-bottom: 15px;}
h5 {font-size: 22px; line-height: 28px; 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;}
.ft-title-bold {font-family: 'TitleBoldFont', Arial, Verdana;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb {margin-bottom: 0px;}
p, p a {font-size: 17px; color: #000000; line-height: 23px;}
p a:hover {text-decoration: underline; color: #605e5e;}
p.ft-big {font-size: 20px; line-height: 26px;}
a {color: #b6a78d; font-size: 16px; line-height: 26px; text-decoration: none;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a:hover {color: #605e5e; 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;}
.ft-title {font-family: 'TitleFont', 'BoldFont', 'GeneralFont', Arial, Verdana;}

b, strong {font-family: 'BoldFont';}
i, em {font-family: 'ItalicFont' !important;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont';}
img.full-width {width: 100%;}
.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;}

img.gen-img {max-width: 100%; display: block;}
.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: #b6a78d;}
.cl-ternary {color: #0d4e9f;}

.sec-full-width {float: left; width: 100%; position: relative;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.wrap {width: 1165px; 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: 1165px) {
	.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: 1% 0 1% 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;}
/* /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: 17px; color: #000000; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana;}
.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 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 */

/* 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: 15px; position: relative;}
.gen-form-row.half {width: 48%; margin-right: 4%;}
.gen-form-row.half.no-mr {margin-right: 0;}
.gen-form-row.no-mb {margin-bottom: 0 !important;}
.gen-form label.form-label{color: #000000; display: block; margin-bottom: 5px; font-family: 'GeneralFont'; font-size: 13px; line-height: 23px; margin-bottom: 7px;}
.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 textarea, ul#sc-content-list .prod-detail input[type="text"] {background: transparent; border: none; border: 2px solid transparent; border-bottom: 2px solid #605e5f;  font-family: 'GeneralFont', Arial, Verdana; color: #000000; width: 60%; font-size: 17px; line-height: 23px; padding: 10px 3%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
.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="password"]:hover, .gen-form input[type="password"]:focus, .gen-form textarea:hover, .gen-form textarea:focus {outline: 0;
box-shadow: 0px 0px 8px #8f8f8f; -webkit-box-shadow: 0px 0px 8px #8f8f8f; -moz-box-shadow: 0px 0px 8px #8f8f8f; -o-box-shadow: 0px 0px 8px #8f8f8f;}
.gen-form input[type="text"].readonly, .gen-form input[type="email"].readonly, .gen-form input[type="password"].readonly, .gen-form textarea.readonly {background: #dfdfdf;}
.gen-form textarea {width: 90%; border: 2px solid #605e5f;}
a.gen-btn {display: inline-block;}
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: 0; background: #d8d8d8; text-align: center; color: #000000; font-size: 16px; font-family: 'TitleFont', Arial, Verdana; cursor: pointer; padding: 7px 20px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.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: #605e5f; text-decoration: none; outline: 0;}
.gen-form input[type="submit"].wide, a.gen-btn.wide {min-width: 350px;}
.gen-form input[type="submit"].half-wide, a.gen-btn.half-wide, .gen-form input[type="button"].half-wide {min-width: 200px;}
.gen-form input[type="button"].gray {background: #b5b5b5;}
.gen-form input[type="submit"].full-width {width: 100%;}
a.gen-btn.type2 {background: #888;}
a.gen-btn.type2:hover {background: #fff; color: #888; border: 1px solid #888;}
input[type="submit"].calendar-submit {width: 50%; padding-top: 15px; padding-bottom: 15px;}

.checkbox-container {margin-bottom: 20px;}
.checkbox-container input[type="checkbox"] {display: none;}
.checkbox-container label {font-family: 'MediumFont'; font-size: 13px; line-height: 25px; color: #0d4e9f; display: inline-block; padding-left: 32px; background: url(../images/icon/radio-blue.png) no-repeat left center;}
.checkbox-container label.small {color: #000000; font-size: 12px; line-height: 25px; background: url(../images/icon/radio-black.png) no-repeat left center;}
.checkbox-container label:hover {cursor: pointer;}
.checkbox-container label.no-mr {margin-right: 0;}
.checkbox-container label a {color: #605e5e; font-size: 16px; line-height: 24px;}
.checkbox-container label a:hover {text-decoration: none;}

.checkbox-container input[type="checkbox"]:checked + label {background: url(../images/icon/radio-active.png) no-repeat left center;}
::-webkit-input-placeholder { color: #000;}
::-moz-placeholder { color: #000; opacity: 1.0;}
:-ms-input-placeholder { color: #000;}

#sg_keyword::-webkit-input-placeholder {font-style: italic;}
#sg_keyword::-moz-input-placeholder {font-style: italic;}
#sg_keyword:ms-input-placeholder {font-style: italic;}

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

.gen-form select {padding-left: 10px; padding-right: 10px; font-size: 15px; line-height: 15px; height: 30px; font-family: 'GeneralFont', Arial, Verdana; color: #000000; background: white;}
.styled-select-wrapper {width: 100%; overflow: hidden; border: 5px solid #cbcbcb; border-right: 0; box-sizing: border-box; background: url(../images/icon/arrow-down-with-box.png) no-repeat right center #efefef; background-size: auto 100%;}
.styled-select-wrapper select {display: block; width: 110%; border: none; background: transparent;}
textarea.no-resize {resize: none !important;}
select:hover, select:focus {outline: 0;}

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

.gen-form .input-file-wrap {cursor: pointer; width: 60%; padding: 10px 2%; background: url(../images/icon/file-upload.png) no-repeat 96% #fff; border: 1px solid #454545;}
.gen-form .input-file-wrap:hover {background: url(../images/icon/file-upload.png) no-repeat 96% #fff;
box-shadow: 0px 0px 10px #8f8f8f; -moz-box-shadow: 0px 0px 10px #8f8f8f; -webkit-box-shadow: 0px 0px 10px #8f8f8f; -o-box-shadow: 0px 0px 10px #8f8f8f;}
.gen-form .input-file-wrap input[type="file"] {display: none;}
.gen-form .input-file-wrap span {font-size: 14px; line-height: 24px;}

/* INLINE STYLE */
.gen-form.inline .label-cont {float: left; width: 26%;}
.gen-form.inline .sep-cont {float: left; width: 2%;}
.gen-form.inline .form-cont {float: left; width: 72%;}
.gen-form.inline .gen-form-row {margin-bottom: 25px;}
.gen-form.inline label.form-label {font-size: 17px; line-height: 17px; display: block; padding-top: 15px;}
.gen-form.inline label.form-label.label-big {font-size: 17px; 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%;}
/* /INLINE STYLE */


@media only screen and (max-width: 480px) {
	.gen-form-row.half {width: 100%; margin-right: 0;}
}

/* /FORM */


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

.sticky-enroll img {width: 74px; height: 74px; 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: 85px;}
.ste-text {position: absolute; right: 0; margin-top: 15px; z-index: 1000;}
.ste-text a {font-family: 'TitleBoldItalicFont'; display: inline-block; color: #000; width: 0; font-size: 17px; line-height: 50px; text-align: center; background: #dfdfdf; padding-left: 0; padding-right: 0;
box-shadow: 0px 0px 5px #9f9f9f; -webkit-box-shadow: 0px 0px 5px #9f9f9f; -moz-box-shadow: 0px 0px 5px #9f9f9f; -o-box-shadow: 0px 0px 5px #9f9f9f;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.ste-text a:hover {color: #5f5f5f; text-decoration: none;}
.ste-text a.opened {padding-left: 33px; padding-right: 25px; width: 52px;}

#header-top-line {height: 15px; background: #000;}
#header-resp {display: none;}
#header-nav-resp {display: none;}

#header-top {padding-top: 55px; padding-bottom: 30px; background: #d8d8d8;}
#logo-container {text-align: center; margin-bottom: 30px;}
img#logo {max-width: 217px; margin: 0 auto;}

#header-nav-container {text-align: center; position: relative;}
ul#header-nav-list {display: inline-block; margin: 0 auto;}
ul#header-nav-list > li {margin-right: 15px; padding-top: 5px; border-top: 2px solid transparent; float: left; position: relative;}
ul#header-nav-list > li.active {border-top: 2px solid #000;}
ul#header-nav-list > li:last-child {margin-right: 0;}
ul#header-nav-list > li > a {border: 2px solid transparent; color: #000; display: inline-block; font-size: 17px; line-height: 17px; padding: 7px 15px;
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;}
ul#header-nav-list > li > a:hover {text-decoration: none; border: 2px solid #000;}
ul#header-nav-list > li > a.active {border: 2px solid #000; font-family: 'BoldFont';}
ul#header-nav-list > li > a.semi-active {border: 2px solid #000;}
ul#header-nav-list > li > a.has-sub {background: url(../images/icon/arrow-down-small.png) no-repeat 94% center; padding-right: 20px;}

ul.header-subnav-list {position: absolute; padding-top: 10px; display: none; z-index: 1000;}
ul.header-subnav-list > li {}
ul.header-subnav-list > li > a {display: block; padding: 6px 15px; font-size: 17px; line-height: 23px; background: #605e5e; color: #000; width: 220px; text-align: left; z-index: 100;
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;}
ul.header-subnav-list > li > a:hover {color: #fff; text-decoration: none;}
ul.header-subnav-list > li > a.active, ul.header-subnav-list > li > a.active:hover {color: #fff; font-family: 'BoldFont';}

#header-search-form {position: absolute; right: 0; top: 10px;}
form#search-form input[type="text"] {border: 1px solid transparent; background: url(../images/icon/lup.png) no-repeat 93% center transparent; padding: 8px 30px 8px 10px; width: 120px;}
form#search-form input[type="text"]:hover, form#search-form input[type="text"]:focus {
box-shadow: 0px 0px 8px #8f8f8f; -webkit-box-shadow: 0px 0px 8px #8f8f8f; -moz-box-shadow: 0px 0px 8px #8f8f8f; -o-box-shadow: 0px 0px 8px #8f8f8f;
}
#header-search-form img {opacity: 1.0; width: 13px; height: 13px; -webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#header-search-form img:hover {opacity: 0.7;}

@media only screen and (max-width: 1165px) {
	#header-search-form {position: relative; right: auto; top: auto; margin-top: 15px; margin-left: auto; margin-right: auto;}
	form#search-form input[type="text"] {width: 220px; padding: 8px 40px 8px 15px;}
	ul#header-nav-list > li {margin-right: 10px;}
	ul#header-nav-list > li > a {font-size: 16px; line-height: 15px; padding: 7px 13px;}
}

@media only screen and (max-width: 768px) {
	#header-top-line {display: none;}
	#header-top {display: none;}
	.top-sfw {margin-top: 75px;}
	
	#header-resp {display: block; z-index: 1500; padding: 17px 0 15px 0; border-top: 3px solid #000; position: fixed; top: 0; background: #efefef;
	box-shadow: 0px 0px 8px #8f8f8f; -webkit-box-shadow: 0px 0px 8px #8f8f8f; -moz-box-shadow: 0px 0px 8px #8f8f8f; -o-box-shadow: 0px 0px 8px #8f8f8f;}
	#header-resp-logo-container {float: left;}
	img#logo-resp {height: 32px;}
	#nav-resp {float: right; width: 25px; height: 20px; background: url(../images/icon/nav.png) no-repeat center; cursor: pointer; margin-top: 8px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	#nav-resp:hover {background: url(../images/icon/nav-hover.png) no-repeat center;}
	#nav-resp.opened {background: url(../images/icon/nav-close.png) no-repeat center;}
	#nav-resp.opened:hover {background: url(../images/icon/nav-close-hover.png) no-repeat center;}
	
	#header-nav-resp {position: fixed; top: 75px; z-index: 2000;}
	ul#header-nav-resp-list {float: left; width: 100%; position: relative;}
	ul#header-nav-resp-list > li > a {display: block; padding: 10px 2.5%; background: #000; font-size: 16px; line-height: 16px; color: #fff; font-family: 'TitleFont';
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	ul#header-nav-resp-list > li > a:hover {background: #605e5f; text-decoration: none;}
	ul#header-nav-resp-list > li > a.has-sub {background: url(../images/icon/arrow-down-small-white.png) no-repeat 97.5% center #000; cursor: pointer;}
	ul#header-nav-resp-list > li > a.has-sub:hover {background: url(../images/icon/arrow-down-small-white.png) no-repeat 97.5% center #605e5f;}
	ul#header-nav-resp-list > li > a.has-sub.active {background: url(../images/icon/arrow-up-small-white.png) no-repeat 97.5% center #000; cursor: pointer;}
	ul#header-nav-resp-list > li > a.has-sub.active:hover {background: url(../images/icon/arrow-up-small-white.png) no-repeat 97.5% center #605e5f;}
	ul.header-subnav-resp-list {float: left; width: 100%; position: relative; display: none;}
	ul.header-subnav-resp-list > li > a {display: block; padding: 8px 6%; background: #000; font-size: 14px; line-height: 14px; color: #fff; font-family: 'TitleFont';
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	ul.header-subnav-resp-list > li > a:hover {background: #605e5f; text-decoration: none;}
	
	.sticky-enroll {bottom: 135px;}
	.sticky-enroll.type2 {bottom: 60px;}
	.sticky-enroll img {width: 65px; height: 65px;}
	.ste-text {margin-top: 9px;}
	.ste-text a {font-size: 15px; line-height: 45px;}
	.ste-text a.opened {width: 45px; padding-left: 30px;}
}
/* /HEADER */


/* HOME */
.top-sfw {}

.slideshow-item {position: relative; z-index: 99;}
.slideshow-item img {width: 100%; display: none;}
.slideshow-list-container .slick-dots {bottom: 35px; z-index: 1000; text-align: center;}
.slideshow-list-container .slick-dots li {margin: 0 2px;}
.slideshow-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-idle.png) no-repeat center;}
.slideshow-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center;}
.slideshow-list-container .slick-prev {content: ''; width: 22px; height: 34px; background: url(../images/icon/arrow-left-new.png) no-repeat center !important; left: 5%; top: 50%; transform: translateY(-50%); opacity: 0.3;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.slideshow-list-container .slick-next {content: ''; width: 22px; height: 34px; background: url(../images/icon/arrow-right-new.png) no-repeat center !important; right: 5%; top: 50%; transform: translateY(-50%); opacity: 0.3;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.slideshow-list-container .slick-prev:hover {opacity: 1.0;}
.slideshow-list-container .slick-next:hover {opacity: 1.0;}
.slideshow-list-container .slick-prev.slick-disabled, .slideshow-list-container .slick-prev.slick-disabled:hover, .slideshow-list-container .slick-prev.slick-disabled:focus {opacity: 0.2;}
.slideshow-list-container .slick-next.slick-disabled, .slideshow-list-container .slick-next.slick-disabled:hover, .slideshow-list-container .slick-next.slick-disabled:focus {opacity: 0.2;}

#home-event-sfw {padding-top: 60px; padding-bottom: 60px;}
#home-event-left {float: left; width: 48%; margin-top: 40px;}
#home-active-event {padding: 40px; background: #d8d8d8;}
#hav-img-wrap {}
#hav-img-wrap img {display: block; width: 100%;}
#hav-inner {padding: 0;}
#hav-title-container {margin-bottom: 25px;}
#hav-title-left {float: left; width: 50%; background: #353535; padding: 15px 0px 15px 10px; height: 50px; overflow: visible; position: relative; color: #fff; font-family: 'TitleBoldItalicFont'; font-size: 18px; line-height: 24px;}
#hav-title-left:after {content: ""; position: absolute; display: block; top: 0; width: 0; height: 0; right: -40px; border-top: solid 80px #353535; border-right: solid 40px transparent;}
#hav-title-right {float: right; width: 40%; padding-top: 5px;}
#hav-title-right p {font-family: 'TitleBoldFont'; color: #000; text-align: right;}
#hav-title-right p#hav-author {font-size: 16px; line-height: 22px;}
#hav-title-right p.hav-icon {font-size: 16px; line-height: 22px;}
#hav-title-right p.hav-icon.calendar {padding-right: 27px; background: url(../images/icon/calendar.png) no-repeat right center;}
#hav-title-right p.hav-icon.clock {padding-right: 27px; background: url(../images/icon/clock.png) no-repeat right center;}
#hav-description {font-size: 17px; line-height: 23px; color: #000; margin-bottom: 15px;}
#hav-href {font-family: 'TitleItalicFont'; color: #000; float: right;}
#hav-href:hover {text-decoration: underline;}

#home-event-right {float: right; width: 45%; margin-top: -14px;}
ul.event-list {float: left; width: 100%; position: relative;}
ul.event-list > li {float: left; width: 45%; padding-right: 10%; border-top: 4px solid #000; margin-bottom: 25px;}

ul.event-list > li:nth-child(2n) {padding-right: 0;}
ul.event-list > li:nth-child(2n + 1) {clear: both;}

ul.event-list.half-complete {margin-top: 30px;}
ul.event-list.half-complete > li {width: 30%; padding-right: 5%; margin-bottom: 50px;}
ul.event-list.half-complete > li:nth-child(2n) {padding-right: 5%;}
ul.event-list.half-complete > li:nth-child(2n + 1) {clear: none;}
ul.event-list.half-complete > li:nth-child(3n) {padding-right: 0;}
ul.event-list.half-complete > li:nth-child(3n + 1) {clear: both;}

ul.event-list.complete {margin-top: 30px;}
ul.event-list.complete > li {width: 22%; padding-right: 4%; margin-bottom: 50px;}
ul.event-list.complete > li:nth-child(2n) {padding-right: 4%;}
ul.event-list.complete > li:nth-child(2n + 1) {clear: none;}
ul.event-list.complete > li:nth-child(4n) {padding-right: 0;}
ul.event-list.complete > li:nth-child(4n + 1) {clear: both;}

ul.event-list > li .img-wrap {margin-bottom: 5px;}
ul.event-list > li .img-wrap img {width: 100%; cursor: pointer;
-webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.event-list > li .img-wrap img:hover {opacity: 0.8;}
ul.event-list > li .img-wrap img.active {opacity: 0.3;}
ul.event-list > li h5, ul.event-list > li h5 a {font-family: 'TitleBoldItalicFont'; color: #000; margin-bottom: 5px; font-size: 22px; line-height: 28px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.event-list > li h5 a:hover {color: #605e5f; text-decoration: none;}
ul.event-list > li p.additional-det {font-size: 17px; line-height: 21px; color: #605e5e; margin-bottom: 15px; font-family: 'TitleFont';}
ul.event-list > li p.additional-det span.event-time, ul.event-list > li .n-description {display: none;}
ul.event-list > li p.additional-det-2 {font-size: 14px; line-height: 18px;}
ul.event-list > li a.read-more {float: right; font-family: 'TitleItalicFont'; font-size: 17px; line-height: 21px; color: #000;}
ul.event-list > li a.read-more:hover {text-decoration: underline;}

#home-event-list-container {padding-bottom: 30px;}
#home-event-list-container .slick-prev {content: ''; width: 17px; height: 29px; background: url(../images/icon/arrow-left-2.png) no-repeat center !important; bottom: 0; left: auto; right: 40px; opacity: 0.3;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#home-event-list-container .slick-next {content: ''; width: 17px; height: 29px; background: url(../images/icon/arrow-right-2.png) no-repeat center !important; bottom: 0; right: 0; opacity: 0.3;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#home-event-list-container .slick-prev:hover {opacity: 1.0;}
#home-event-list-container .slick-next:hover {opacity: 1.0;}
#home-event-list-container .slick-prev.slick-disabled, #home-event-list-container .slick-prev.slick-disabled:hover, #home-event-list-container .slick-prev.slick-disabled:focus {opacity: 0.2;}
#home-event-list-container .slick-next.slick-disabled, #home-event-list-container .slick-next.slick-disabled:hover, #home-event-list-container .slick-next.slick-disabled:focus {opacity: 0.2;}
#home-event-resp {display: none;}

#home-gallery-sfw {padding-top: 40px; padding-bottom: 40px; background: #d8d8d8;}
/*
ul#home-gallery-list {float: left; width: 100%; position: relative; margin-top: 15px;}
ul#home-gallery-list > li {float: left; width: 18%; margin-right: 2.5%; margin-bottom: 20px;}
ul#home-gallery-list > li:nth-child(5n) {margin-right: 0;}
ul#home-gallery-list > li:nth-child(5n + 1) {clear: both;}
ul#home-gallery-list > li img {width: 100%; opacity: 0.5;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#home-gallery-list > li img:hover {opacity: 1.0;} */

#home-gallery-list-container {margin-top: 30px; margin-bottom: 30px;}
.home-gallery-item {margin: 0 10px;}
.home-gallery-item img {width: 100%; opacity: 0.5; display: none;
-webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.home-gallery-item img:hover {opacity: 1.0;}
#home-gallery-list-container .slick-dots {bottom: -45px; z-index: 1000; text-align: center;}
#home-gallery-list-container .slick-dots li {margin: 0 2px;}
#home-gallery-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-idle.png) no-repeat center;}
#home-gallery-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center;}
a.read-more {font-family: 'TitleItalicFont'; color: #000; font-size: 17px; line-height: 23px; position: relative; z-index: 1001;}
a.read-more:hover {text-decoration: underline;}

.popup-container {margin: 0 auto;}

@media only screen and (min-width: 1400px) {
	.popup-container {width: 1200px;}
}
@media only screen and (max-width: 1399px) {
	.popup-container {width: 1024px;}
}
@media only screen and (max-width: 1024px) {
	.popup-container {width: 960px;}
}
@media only screen and (max-width: 960px) {
	.popup-container {width: 768px;}
}
@media only screen and (max-width: 768px) {
	.popup-container {width: 600px;}
}
@media only screen and (max-width: 600px) {
	.popup-container {width: 480px;}
}
@media only screen and (max-width: 480px) {
	.popup-container {width: 360px;}
}
@media only screen and (max-width: 360px) {
	.popup-container {width: 300px;}
}

.gallery-title {margin-bottom: 30px;}
.gallery-title h2, .gallery-title h4 {color: #fff; margin-bottom: 0; text-align: center;}
.gallery-img-wrap {text-align: center;}
.gallery-img-wrap img {max-width: 100%; margin: 0 auto;}

#home-trainer-sfw {padding-top: 40px; padding-bottom: 40px; background: #fff;}
#home-trainer-left {float: left; width: 14%; padding-left: 6%; padding-right: 6%;}
#home-trainer-list-container {padding-top: 30px; padding-bottom: 30px; margin-top: 37px;}
.home-trainer-item {}
.home-trainer-item .inner {padding: 10px;}
.home-trainer-item img {width: 100%; opacity: 0.5; cursor: pointer; 
-webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.home-trainer-item img:hover {opacity: 1.0;}
.home-trainer-item img.active {opacity: 1.0;}
.home-trainer-item .title, .home-trainer-item .description, .home-trainer-item .href {display: none;}
#home-trainer-list-container .slick-prev {width: 32px; height: 19px; background: url(../images/icon/arrow-up-new.png) no-repeat center center; opacity: 0.3; top: 8px; left: 50%; transform: translateX(-50%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#home-trainer-list-container .slick-prev:hover {opacity: 1.0;}
#home-trainer-list-container .slick-prev.slick-disabled, #home-trainer-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#home-trainer-list-container .slick-next {width: 32px; height: 19px; background: url(../images/icon/arrow-down-new.png) no-repeat center center; opacity: 0.3; bottom: 0; left: 50%; transform: translateX(-50%);
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#home-trainer-list-container .slick-next:hover {opacity: 1.0;}
#home-trainer-list-container .slick-next.slick-disabled, #home-trainer-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}

#home-trainer-right {float: right; width: 70%;}
#hat-left {float: left; width: 40%;}
img#hat-img {width: 100%;}
#hat-right {float: right; width: 50%; padding-right: 6%;}
#hat-title {font-family: 'TitleBoldFont'; font-size: 25px; line-height: 30px; margin-top: 30px; margin-bottom: 20px; color: #000;}
#hat-description {font-size: 17px; line-height: 22px; color: #000; margin-bottom: 35px;}
#home-trainer-resp {display: none;}

@media only screen and (max-width: 1165px) {
	#home-event-left {width: 60%;}
	#home-event-right {width: 35%;}
	
	#home-trainer-left {padding-left: 0; padding-right: 0;}
	#home-trainer-right {width: 80%;}
	#hat-title {margin-top: 0;}
}

@media only screen and (max-width: 960px) {
	#home-event-left, #home-event-right {display: none;}
	#home-event-resp {display: block;}
	
	ul#home-gallery-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px;}
	ul#home-gallery-list > li:nth-child(5n) {margin-right: 2%;}
	ul#home-gallery-list > li:nth-child(5n + 1) {clear: none;}
	ul#home-gallery-list > li:nth-child(4n) {margin-right: 0;}
	ul#home-gallery-list > li:nth-child(4n + 1) {clear: both;}
}

@media only screen and (max-width: 768px) {
	.slideshow-list-container .slick-dots {bottom: 15px;}
	.slideshow-list-container .slick-dots li {margin: 0 1px;}	
	
	ul.event-list.half-complete > li {width: 48%; padding-right: 4%; margin-bottom: 50px;}
	ul.event-list.half-complete > li:nth-child(3n) {padding-right: 4%;}
	ul.event-list.half-complete > li:nth-child(3n + 1) {clear: none;}
	ul.event-list.half-complete > li:nth-child(2n) {padding-right: 0;}
	ul.event-list.half-complete > li:nth-child(2n + 1) {clear: both;}
	
	#home-trainer-left, #home-trainer-right {display: none;}
	#home-trainer-resp {display: block;}	
	
	.gallery-title h2 {font-size: 28px; line-height: 34px;}
	.gallery-title h4 {font-size: 21px; line-height: 27px;}
	
	.gallery-title h2 {font-size: 24px; line-height: 30px;}
	.gallery-title h4 {font-size: 17px; line-height: 23px;}
	.gallery-img-wrap {text-align: center;}
}

@media only screen and (max-width: 480px) {
	.slideshow-list-container .slick-dots {bottom: 7px;}
}
/* /HOME */


/* ABOUT */
#about-sfw {padding-top: 60px; padding-bottom: 100px;}

#about-history-container {text-align: center; margin-bottom: 80px;}
#about-history-content {margin: 0 auto; position: relative; width: 768px; text-align: justify;}

#about-vm-left {float: left; width: 40%;}
#about-vm-right {float: right; width: 40%;}
#about-vm-middle {float: left; padding-left: 9.9%; padding-right: 9.9%; width: 0.15%; margin-top: 55px;}
#about-vm-middle .inner {height: 75px; background: #000;}
#about-vm-left .wysiwyg-content, #about-vm-right .wysiwyg-content {text-align: justify;}

#about-bottom-sfw {padding: 80px 0; background: #fff;}
#about-bottom-sfw .feat-img {text-align: center;}
#about-bottom-sfw .feat-img img {margin: 0 auto; max-width: 100%;}


@media only screen and (max-width: 768px) {
	#about-history-content {width: 95%;}
}

@media only screen and (max-width: 480px) {
	#about-vm-left, #about-vm-right {float: none; width: 100%; margin: 0; text-align: center;}
	#about-vm-left {margin-bottom: 80px;}
	#about-vm-middle {display: none;}
	
}
/* /ABOUT */


/* PROGRAM */
#program-sfw {padding: 80px 0;}

ul#program-banner-list {float: left; width: 100%; position: relative;}
ul#program-banner-list > li {margin-bottom: 10px;}
ul#program-banner-list > li:last-child {margin-bottom: 0;}
ul#program-banner-list > li .img-wrap {position: relative;}
ul#program-banner-list > li .img-wrap img {width: 100%;}
ul#program-banner-list > li .title-container {position: absolute; left: 0; top: 25px; padding: 25px 50px; min-width: 300px; background: rgba(0, 0, 0, 0.2); font-size: 43px; line-height: 46px; color: #fff;}

#program-detail-sfw {padding: 80px 0;}

#prd-description {}

#prd-left {float: left; width: 47%;}
#prd-left.wide {width: 60%;}
#prd-left h2.main-title {font-family: 'TitleBoldItalicFont'; margin-bottom: 30px;}
#prd-left .wysiwyg-content {text-align: justify;}

#prd-right {float: right; width: 47%;}
#prd-right .wysiwyg-content {margin-top: 150px;}

#prd-sub-description {}
h4#prd-sub-title {color: #605e5f; margin-bottom: 30px;}
#prd-sub-description-left {float: left; width: 45%; text-align: justify;}
#prd-sub-description-right {float: right; width: 45%; text-align: justify;}

#prd-contact {margin-top: 40px;}
#prd-contact a {display: inline-block; font-size: 17px; line-height: 25px; padding-left: 30px; padding-right: 30px; background: url(../images/icon/double-arrow-left.png) no-repeat left center, url(../images/icon/double-arrow-right.png) no-repeat right center; color: #605e5f;}
#prd-contact a:hover {color: #000; text-decoration: none;}

#prd-sub-list-container {margin-top: 120px;}
h4#prd-sub-list-title {font-family: 'TitleBoldItalicFont'; border-bottom: 3px solid #605e5f; margin-bottom: 30px; display: inline-block;}
ul#prd-sub-list {float: left; width: 100%; position: relative;}
ul#prd-sub-list > li {float: left; width: 25%; margin-bottom: 12px; text-align: center;}
ul#prd-sub-list > li:nth-child(4n) {margin-right: 0;}
ul#prd-sub-list > li:nth-child(4n + 1) {clear: both;}
ul#prd-sub-list > li > a.prs-title {display: inline-block; margin: 0 auto; width: 85%; text-align: center; padding: 8px 2%; background: #d8d8d8; font-size: 16px; line-height: 22px; color: #000; cursor: pointer; font-family: 'TitleFont';
box-shadow: 0px 0px 5px #8f8f8f; -webkit-box-shadow: 0px 0px 5px #8f8f8f; -moz-box-shadow: 0px 0px 5px #8f8f8f; -o-box-shadow: 0px 0px 5px #8f8f8f;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
ul#prd-sub-list > li > a.prs-title:hover {background: #555; color: #fff; text-decoration: none;}
ul#prd-sub-list > li > a.prs-title.active, ul#prd-sub-list > li > a.prs-title.active:hover {width: 95%; background: #353535; color: #fff; font-family: 'BoldFont';}
ul#prd-sub-list > li .prs-description-1, ul#prd-sub-list > li .prs-description-2 {display: none;}

#program-testimonial-sfw {padding: 80px 0; background: #fff;}
#pr-testimonial-list-container {margin-top: 45px; margin-bottom: 80px;}
.pr-testimonial-item {display: none; text-align: center;}
.pr-testimonial-item .inner {padding-left: 35px; padding-right: 35px;}
.pr-testimonial-item .img-wrap {position: relative; margin-bottom: 45px;}
.pr-testimonial-item .img-wrap img {width: 100%; margin: 0 auto;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.pr-testimonial-item .testimonial {padding-top: 50px; text-align: center; background: url(../images/icon/quote.png) no-repeat top left; padding-left: 20px; padding-right: 20px;}
.pr-testimonial-item .testimonial p {margin: 0 auto; min-height: 130px; border-bottom: 2px solid #c7c7c7; font-size: 16px; line-height: 20px;}
.pr-testimonial-item .name {margin-top: 20px; text-align: center;}
.pr-testimonial-item .name h4 {font-family: 'TitleBoldItalicFont'; color: #000; margin-bottom: 0;}
.pr-testimonial-item .name p {color: #605e5f;}

#pr-testimonial-list-container .slick-dots {bottom: -75px; z-index: 1000; text-align: center;}
#pr-testimonial-list-container .slick-dots li {margin: 0 2px;}
#pr-testimonial-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-idle-2.png) no-repeat center;}
#pr-testimonial-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center;}

#prd-sub-form h4 {font-family: 'TitleBoldItalicFont'; margin-bottom: 5px; text-align: right; font-size: 22px; line-height: 26px;}
#prd-sub-form .gen-form-row {margin-bottom: 20px;}
#prd-sub-form .styled-select-wrapper {min-width: 400px;}

@media only screen and (max-width: 1165px) {
	ul#prd-sub-list > li {float: left; width: 33.33%;}
	ul#prd-sub-list > li:nth-child(4n) {margin-right: 0;}
	ul#prd-sub-list > li:nth-child(4n + 1) {clear: none;}
	ul#prd-sub-list > li:nth-child(3n) {margin-right: 0;}
	ul#prd-sub-list > li:nth-child(3n + 1) {clear: both;}
}

@media only screen and (max-width: 960px) {
	#prd-sub-form .styled-select-wrapper {min-width: 300px;}
}

@media only screen and (max-width: 768px) {		
	ul#prd-sub-list > li {float: left; width: 50%;}
	ul#prd-sub-list > li:nth-child(3n) {margin-right: 0;}
	ul#prd-sub-list > li:nth-child(3n + 1) {clear: none;}
	ul#prd-sub-list > li:nth-child(2n) {margin-right: 0;}
	ul#prd-sub-list > li:nth-child(2n + 1) {clear: both;}
	ul#program-banner-list > li .title-container {min-width: 200px; font-size: 26px; line-height: 32px; padding: 15px 30px;}
	
	#prd-left, #prd-right {width: 100%; margin: 0; float: none;}
	#prd-right {margin-top: 40px;}
	#prd-sub-form h4 {text-align: left;}
	#prd-sub-form .styled-select-wrapper {width: 350px;}
	#prd-sub-form input[type="submit"] {float: left;}
	
	.pr-testimonial-item .inner {padding-left: 15px; padding-right: 15px;}
	.pr-testimonial-item .testimonial {padding-left: 0; padding-right: 0;}
	.pr-testimonial-item .testimonial p {min-height: 150px; font-size: 15px; line-height: 19px;}
	.pr-testimonial-item .name h4 {font-size: 20px; line-height: 24px;}
	.pr-testimonial-item .name p {font-size: 15px; line-height: 19px;}
	
	h4#prd-sub-list-title {font-size: 22px; line-height: 26px;}
}

@media only screen and (max-width: 480px) {
	ul#program-banner-list > li .title-container {top: 0; max-width: 80%; font-size: 22px; line-height: 28px; padding: 10px 20px;}
	#prd-sub-description-left, #prd-sub-description-right {float: none; width: 100%; margin: 0;}
	#prd-sub-description-left {margin-bottom: 40px;}
	
	ul#prd-sub-list > li {float: left; width: 100%;}
	#prd-sub-form .styled-select-wrapper {width: 100%;}
}
/* /PROGRAM */


/* CUSTOMER */
#our-customer-sfw {padding: 80px 0; background: #fff;}

ul#our-customer-list {margin-top: 30px; float: left; width: 100%; position: relative;}
ul#our-customer-list > li {float: left; width: 25%; height: 150px;}
ul#our-customer-list > li:nth-child(4n) {margin-right: 0;}
ul#our-customer-list > li:nth-child(4n + 1) {clear: both;}
ul#our-customer-list > li .img-wrap {position: relative; width: 100%; height: 100%;}
ul#our-customer-list > li .img-wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 85%; max-height: 85%;
-webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#our-customer-list > li .img-wrap img:hover {opacity: 0.75;}
ul#our-customer-list > li .pic-title {display: none;}
.fancybox-title-outside-wrap {font-size: 25px !important; line-height: 30px !important; font-family: 'TitleFont' !important; text-align: center; margin-top: 15px !important;}

@media only screen and (max-width: 768px) {
	ul#our-customer-list > li {width: 33.33%; height: 120px;}	
	ul#our-customer-list > li:nth-child(4n) {margin-right: 0;}
	ul#our-customer-list > li:nth-child(4n + 1) {clear: none;}
	ul#our-customer-list > li:nth-child(3n) {margin-right: 0;}
	ul#our-customer-list > li:nth-child(3n + 1) {clear: both;}
}

@media only screen and (max-width: 480px) {
	ul#our-customer-list > li {width: 50%; height: 150px;}	
	ul#our-customer-list > li:nth-child(3n) {margin-right: 0;}
	ul#our-customer-list > li:nth-child(3n + 1) {clear: none;}
	ul#our-customer-list > li:nth-child(2n) {margin-right: 0;}
	ul#our-customer-list > li:nth-child(2n + 1) {clear: both;}
	
}
/* /CUSTOMER */


/* EVENT */
.mb-10 {margin-bottom: 10px;}
#event-list-sfw {padding: 80px 0;}

#event-detail-sfw {padding: 80px 0;}

#event-detail-container {margin-top: 60px;}

#evt-left {float: left; width: 42%;}
.gen-img-wrap {margin-bottom: 25px;}
.gen-img-wrap img {width: 100%; display: block;}
#evt-title-detail {padding: 15px; border-top: 4px solid #605e5f; width: 75%;}
#evt-title-detail h4 {color: #000; font-size: 22px; line-height: 28px; font-family: 'TitleBoldItalicFont';}
a.gen-btn.small {font-size: 16px; line-height: 16px; padding: 8px 15px;}
a.gen-btn.big {font-size: 20px; line-height: 20px; padding: 12px 20px; font-family: 'TitleBoldFont';}
a.gen-btn.black {color: #fff; background: #353535;}
a.gen-btn.black:hover {background: #000;}
a.gen-btn.gray {color: #010000; background: #d8d8d8;}
a.gen-btn.gray:hover {color: #fff; background: #353535;}
a.gen-btn.disabled, a.gen-btn.disabled:hover {color: #353535; background: #605e5e; cursor: default;}
.evt-fac-container {padding-left: 25px;}

#evt-right {float: right; width: 52%;}

#search-event-sfw {padding: 80px 0;}
#search-event-form-container {margin-top: 60px; padding-left: 30px; padding-right: 30px;}
#search-event-form .gen-form-row.half {width: 38%; margin-right: 4%;}
#search-event-form .gen-form-row.half.small {width: 16%; margin-right: 0; margin-top: 3px;}
#search-event-form label.form-label {text-align: right; font-size: 20px; line-height: 25px; margin-bottom: 10px; font-family: 'TitleBoldItalicFont';}

#search-result-container {padding: 60px 0;}
.search-result-item {padding-left: 30px; padding-right: 30px;}

ul.search-result-list {float: left; width: 100%; position: relative;}
ul.search-result-list > li {float: left; width: 45%; margin-right: 10%; margin-bottom: 40px;}
ul.search-result-list > li:nth-child(2n) {margin-right: 0;}
ul.search-result-list > li:nth-child(2n + 1) {clear: both;}
ul.search-result-list > li .img-wrap {float: left; width: 60%;}
ul.search-result-list > li .img-wrap img {width: 100%;}
ul.search-result-list > li .description {float: right; width: 30%; margin-top: 15px;}
ul.search-result-list > li .description p.title, ul.search-result-list > li .description p.title a {margin-bottom: 5px; font-family: 'BoldFont';}
ul.search-result-list > li .description p.title a:hover {text-decoration: none;}
ul.search-result-list > li .description p.det {font-family: 'TitleFont'; color: #605e5e;}
ul.search-result-list > li .description a.gen-btn {margin-top: 15px;}

#search-result-list-container .slick-dots {bottom: -75px; z-index: 1000; text-align: center;}
#search-result-list-container .slick-dots li {margin: 0 2px;}
#search-result-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-idle-2.png) no-repeat center;}
#search-result-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center;}

#search-no-result h2, #search-no-result h4 {font-family: 'GeneralFont'; margin-bottom: 0;}
#search-no-result h2 {font-family: 'BoldFont';}
#search-no-result a.gen-btn {margin: 0 auto; margin-top: 25px;}

@media only screen and (max-width: 1024px) {	
	#search-event-form-container, .search-result-item {padding-left: 0; padding-right: 0;}
}

@media only screen and (max-width: 768px) {	
	ul.event-list.complete > li {width: 48%; padding-right: 4%; margin-bottom: 50px;}
	ul.event-list.complete > li:nth-child(4n) {padding-right: 4%;}
	ul.event-list.complete > li:nth-child(4n + 1) {clear: none;}
	ul.event-list.complete > li:nth-child(2n) {padding-right: 0;}
	ul.event-list.complete > li:nth-child(2n + 1) {clear: both;}
	
	#evt-left, #evt-right {width: 100%;}
	#evt-left {margin-bottom: 40px;}
	
	ul.search-result-list > li {width: 47.5%; margin-right: 5%; margin-bottom: 60px;}
	ul.search-result-list > li .img-wrap {width: 100%;}
	ul.search-result-list > li .description {float: left; width: 100%;}
}

@media only screen and (max-width: 600px) {
	#search-event-form .gen-form-row.half {width: 100%; margin-right: 0;}
	#search-event-form .gen-form-row.half.small {width: 30%;}
	#search-event-form label.form-label {text-align: left;}
}

@media only screen and (max-width: 480px) {
	#evt-title-detail {width: 90%;}
	
	ul.search-result-list > li {width: 47%; margin-right: 6%;}
}
/* /EVENT */


/* TRAINER */
#trainer-top-sfw {padding: 80px 0;}

#trainer-detail-container {}
#trd-left {float: left; width: 40%; text-align: center;}
#trd-left .img-wrap {width: 90%; padding-left: 5%; padding-right: 5%; margin-bottom: 15px;}
#trd-left .img-wrap img {width: 100%; display: block;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}

#trd-right {float: right; width: 50%; margin-top: 50px;}
.trainer-det {margin-top: 30px; padding-top: 30px; border-top: 3px solid #605e5f;}
.trainer-det.with-pd {padding-left: 15px; padding-right: 15px;}
.trainer-det .trainer-det-item {margin-bottom: 0; font-family: 'TitleFont'; color: #353535; font-size: 17px; line-height: 23px; text-align: left;}
.trainer-det .trainer-det-item span.label {display: block; float: left; width: 25%; margin-right: 5%;}
.trainer-det .trainer-det-item span.value {display: block; float: right; width: 65%;}
#trd-right a.read-more {margin-top: 40px;}

#trainer-list-sfw {padding: 80px 0; background: #fff;}

#search-trainer-form-container {margin-top: 40px;}
#search-trainer-form label.form-label {font-size: 20px; line-height: 25px; margin-bottom: 10px; font-family: 'TitleBoldItalicFont';}
#search-trainer-form .gen-form-row {margin-bottom: 5px;}
#search-trainer-form .gen-form-row.small {width: 30%; margin-right: 3%;}
#search-trainer-form .gen-form-row.small.no-mr {margin-right: 0;}
#search-trainer-form input[type="text"]:hover, #search-trainer-form input[type="text"]:focus {outline: 0;
	box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px transparent;
}
#search-trainer-form input[type="submit"] {margin-top: 5px;}

.gen-form input[type="text"].styled {width: 100%; padding: 5px 10px; padding-right: 40px; font-size: 15px; line-height: 20px; font-family: 'GeneralFont', Arial, Verdana; color: #000; background: white;
border: 5px solid #cbcbcb; border-right: 0; box-sizing: border-box; background: url(../images/icon/lup-with-box.png) no-repeat right center #efefef; background-size: auto 100%;}

#trainer-list-container {margin-top: 60px; margin-bottom: 80px;}
.trainer-item {padding-left: 17px; padding-right: 17px; display: none; text-align: center;}
.trainer-item .img-wrap {width: 100%; margin: 0 auto; position: relative; z-index: 1000;}
.trainer-item .img-wrap img {width: 100%; display: block;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.trainer-item .img-wrap .cover {position: absolute; z-index: 1001; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); display: none;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.trainer-item .img-wrap .cover .title-container {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center;}
.trainer-item .img-wrap .cover h4 {font-family: 'TitleBoldFont'; margin-bottom: 5px; font-size: 26px; line-height: 26px;}
.trainer-item .img-wrap .cover p {font-family: 'TitleBoldFont'; font-size: 17px; line-height: 17px;}
.trainer-item h4.title-resp {display: none; margin-top: 15px;}
.trainer-item h4.title-resp, .trainer-item h4.title-resp a {font-family: 'TitleBoldFont'; font-size: 20px; line-height: 24px; margin-bottom: 0; text-align: center; color: #000000;}
.trainer-item h4.title-resp a:hover {color: #b6a78d; text-decoration: none;}
p.trainer-no-class {margin-top: -15px; margin-bottom: 15px;}

#trainer-list-container .slick-prev {width: 17px; height: 29px; background: url(../images/icon/arrow-left-2.png) no-repeat center center; opacity: 0.3; bottom: -75px; left: 47%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#trainer-list-container .slick-prev:hover {opacity: 1.0;}
#trainer-list-container .slick-prev.slick-disabled, #trainer-list-container .slick-prev.slick-disabled:hover {opacity: 0.25;}
#trainer-list-container .slick-next {width: 17px; height: 29px; background: url(../images/icon/arrow-right-2.png) no-repeat center center; opacity: 0.3; bottom: -75px; left: auto; right: 47%;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#trainer-list-container .slick-next:hover {opacity: 1.0;}
#trainer-list-container .slick-next.slick-disabled, #trainer-list-container .slick-next.slick-disabled:hover {opacity: 0.25;}
#trainer-list-container .slick-dots {bottom: -75px; z-index: 1000; text-align: center;}
#trainer-list-container .slick-dots li {margin: 0 2px;}
#trainer-list-container .slick-dots li button {width: 10px; height: 10px; background: url(../images/icon/bullet-idle-2.png) no-repeat center;}
#trainer-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center;}

@media only screen and (max-width: 768px) {
	#trd-right {margin-top: 0;}	
	#search-trainer-form .gen-form-row.small {width: 48%; margin-right: 2%;}
	
	#trd-left.com-det, #trd-right.com-det {float: none; width: 100%;}
	#trd-left.com-det {margin-bottom: 40px;}
	#trd-left.com-det .img-wrap {width: 45%; margin-left: auto; margin-right: auto;}
	
	#trainer-list-container .slick-prev {left: 45%;}
	#trainer-list-container .slick-next {right: 45%;}
	
	.trainer-item h4.title-resp {display: block;}
}

@media only screen and (max-width: 600px) {
	#search-trainer-form .gen-form-row.small {width: 100%; margin-right: 0; margin-bottom: 10px;}
	
	#trainer-list-container .slick-prev {left: 44%;}
	#trainer-list-container .slick-next {right: 44%;}
}

@media only screen and (max-width: 480px) {
	#trd-left, #trd-right {float: none; width: 100%;}
	#trd-left {margin-bottom: 40px;}
	#trd-left .img-wrap, #trd-left.com-det .img-wrap {width: 60%; margin-left: auto; margin-right: auto;}	
	
	.trainer-det .trainer-det-item span.label {width: 25%; margin-right: 5%;}
	.trainer-det .trainer-det-item span.value {width: 65%;}
	
	#trainer-list-container .slick-prev {left: 42%;}
	#trainer-list-container .slick-next {right: 42%;}
}
/* /TRAINER */


/* BLOG */
#blog-sfw {padding: 80px 0;}

#blog-sidebar-container {float: left; width: 23%;}
#blog-category-container {margin-top: 40px;}
ul#blog-category-list {float: left; width: 100%; position: relative;}
ul#blog-category-list > li {padding-left: 15px; margin-bottom: 3px;}
ul#blog-category-list > li:last-child {margin-bottom: 0;}
ul#blog-category-list > li > a {font-size: 17px; line-height: 23px; color: #000;}
ul#blog-category-list > li > a:hover {color: #605e5f; text-decoration: none;}
ul#blog-category-list > li > a.active, ul#blog-category-list > li > a.active:hover {color: #000; font-family: 'BoldFont';}

.sidebar-container {margin-top: 20px; padding-top: 20px; border-top: 4px solid #605e5f;}
.sidebar-container.no-brd {border-top: 0;}
ul#blog-favorite-list {float: left; width: 100%; position: relative; margin-top: 15px;}
ul#blog-favorite-list > li {margin-bottom: 40px; padding-left: 15px;}
ul#blog-favorite-list > li:last-child {margin-bottom: 0;}
ul#blog-favorite-list > li .img-wrap {float: left; width: 45%;}
ul#blog-favorite-list > li .img-wrap img {width: 100%; display: block;}
ul#blog-favorite-list > li .description {float: right; width: 48%;}
ul#blog-favorite-list > li .description h5, ul#blog-favorite-list > li .description h5 a {font-size: 17px; line-height: 17px; font-family: 'TitleBoldItalicFont'; color: #000; margin-bottom: 5px;}
ul#blog-favorite-list > li .description h5 a:hover {color: #605e5f; text-decoration: none;}
ul#blog-favorite-list > li .description p {font-size: 14px; line-height: 14px; font-family: 'TitleFont';}
ul#blog-favorite-list > li .description p.post-date {margin-top: 12px; text-align: right; font-family: 'TitleItalicFont';}

ul#blog-archive-list {float: left; width: 100%; position: relative;}
ul#blog-archive-list > li {padding-left: 15px; margin-bottom: 3px;}
ul#blog-archive-list > li:last-child {margin-bottom: 0;}
ul#blog-archive-list > li a {font-size: 17px; line-height: 23px; color: #000;}
ul#blog-archive-list > li a:hover {color: #605e5f; text-decoration: none;}
ul#blog-archive-list > li a.active, ul#blog-archive-list > li a.active:hover {color: #000; font-family: 'BoldFont';}

#blog-list-container {float: right; width: 70%;}
ul#blog-list {float: left; width: 100%; position: relative;}
ul#blog-list > li {float: left; width: 47%; margin-right: 6%; margin-bottom: 40px;}
ul#blog-list > li:nth-child(2n) {margin-right: 0;}
ul#blog-list > li:nth-child(2n + 1) {clear: both;}
ul#blog-list > li .img-wrap {width: 100%; position: relative;}
ul#blog-list > li .img-wrap img {width: 100%; display: block;}
ul#blog-list > li .img-wrap .cover {position: absolute; width: 100%; height: 100%; z-index: 500; background: rgba(255, 255, 255, 0.7);}
ul#blog-list > li .img-wrap .cover h4 {font-family: 'TitleBoldItalicFont'; position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #000;}

#blog-feat-img-wrap {text-align: center; margin-top: 25px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 4px solid #353535;}
#blog-feat-img-wrap img {margin: 0 auto; max-width: 100%;}
#blog-add-det {padding-left: 15px;}

#blog-detail-sfw {padding: 80px 0; background: #fff;}

@media only screen and (max-width: 1024px) {
	.sidebar-container h4 {font-size: 22px; line-height: 26px;}
	ul#blog-favorite-list > li .img-wrap {width: 100%; margin-bottom: 10px;}
	ul#blog-favorite-list > li .description {float: left; width: 100%;}
}

@media only screen and (max-width: 768px) {
	#blog-list-container, #blog-sidebar-container {width: 100%; margin: 0;}
	#blog-list-container {margin-bottom: 40px;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {		
	ul#blog-favorite-list > li {float: left; width: 46%; margin-right: 8%; padding-left: 0;}
	ul#blog-favorite-list > li:nth-child(2n) {margin-right: 0;}
	ul#blog-favorite-list > li:nth-child(2n + 1) {clear: both;}
	ul#blog-favorite-list > li .img-wrap {width: 45%;}
	ul#blog-favorite-list > li .description {float: right; width: 50%;}
}

@media only screen and (max-width: 480px) {	
	ul#blog-list > li {width: 100%; margin-right: 0;}
}
/* /BLOG */


/* GALLERY */
#gallery-sfw {padding: 80px 0;}

ul#gallery-list {float: left; width: 100%; position: relative; margin-top: 15px;}
ul#gallery-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 15px;}
ul#gallery-list > li:nth-child(4n) {margin-right: 0;}
ul#gallery-list > li:nth-child(4n + 1) {clear: both;}
ul#gallery-list > li img {width: 100%; opacity: 0.5; display: block;
-webkit-backface-visibility: hidden;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#gallery-list > li img:hover {opacity: 1.0;}

@media only screen and (max-width: 768px) {
	ul#gallery-list > li {width: 31%; margin-right: 3.5%;}
	ul#gallery-list > li:nth-child(4n) {margin-right: 3.5%;}
	ul#gallery-list > li:nth-child(4n + 1) {clear: none;}	
	ul#gallery-list > li:nth-child(3n) {margin-right: 0%;}
	ul#gallery-list > li:nth-child(3n + 1) {clear: both;}	
}

@media only screen and (max-width: 480px) {
	ul#gallery-list > li {width: 47.5%; margin-right: 5%;}
	ul#gallery-list > li:nth-child(3n) {margin-right: 5%;}
	ul#gallery-list > li:nth-child(3n + 1) {clear: none;}	
	ul#gallery-list > li:nth-child(2n) {margin-right: 0%;}
	ul#gallery-list > li:nth-child(2n + 1) {clear: both;}	
}
/* /GALLERY */


/* CONTACT */
#contact-form-sfw {padding: 80px 0;}
#contact-form-container {padding-left: 30px; margin-top: 40px;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {width: 95%; padding-left: 2.5%; padding-right: 2.5%;}
#contact-form .styled-select-wrapper {width: 70%;}

#contact-gmap-sfw {padding: 80px 0; background: #fff;}
#gmap-container {margin-top: 40px;}
#gmap-container iframe {width: 100% !important; height: 580px !important;}

@media only screen and (max-width: 768px) {
	#contact-form-container {padding-left: 0;}
	
	#gmap-container iframe {height: 450px !important;}
}

@media only screen and (max-width: 480px) {
	#contact-form .label-cont {float: left; width: 40%;}
	#contact-form .sep-cont {float: left; width: 10%;}
	#contact-form .form-cont {width: 100%; margin-top: 10px;}
	#contact-form .styled-select-wrapper {width: 100%;}
	
	#gmap-container iframe {height: 350px !important;}
	
}
/* /CONTACT */


/* REGISTER */
#register-form-sfw {padding: 80px 0;}

#register-form-container {padding-left: 30px; margin-top: 40px;}
#register-form input[type="text"], #register-form input[type="email"], #register-form textarea {width: 95%; padding-left: 2.5%; padding-right: 2.5%;}
#register-form .radio-toolbar {padding-left: 25px;}
#register-form .styled-select-wrapper {width: 70%;}

@media only screen and (max-width: 768px) {
	#register-form-container {padding-left: 0;}
}

@media only screen and (max-width: 480px) {	
	#register-form .label-cont {float: left; width: 40%;}
	#register-form .sep-cont {float: left; width: 10%;}
	#register-form .form-cont {width: 100%; margin-top: 10px;}
	#register-form .styled-select-wrapper {width: 100%;}
}
/* /REGISTER */


/* SEARCH GLOBAL */
#search-global-sfw {padding: 80px 0;}

#search-global-form input[type="text"] {width: 85%; padding-left: 7.5%; padding-right: 7.5%; text-align: center; font-size: 18px; line-height: 18px; font-family: 'BoldFont';}
#search-global-form input[type="text"]:hover, #search-global-form input[type="text"]:focus {border-bottom: 2px solid #000;
	box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; -o-box-shadow: 0px 0px 0px transparent;
}
#search-global-form #reset_submit {position: absolute; right: 10px; top: 13px;}
#search-global-form #reset_submit img {cursor: pointer;}


@media only screen and (max-width: 480px) {	
	#search-global-form input[type="text"] {width: 80%; padding-left: 7.5%; padding-right: 12.5%;}
}
/* /SEARCH GLOBAL */


/* FOOTER */
#footer {padding-top: 70px; padding-bottom: 30px; background: url(../images/bg/footer-top-bg.png) no-repeat top center; background-size: 100% 60px; background-color: #000000;}

#footer h5 {font-family: 'MicrosoftBoldFont'; color: #fff; font-size: 23px; line-height: 28px; margin-bottom: 10px;}
#footer p, #footer p a {color: #fff; font-size: 16px; line-height: 20px;}
#footer p a:hover {text-decoration: underline;}

#footer-top {margin-bottom: 100px;}
#footer-top-left {float: left; width: 21%; margin-right: 8%;}
#footer-top-left-resp {display: none;}

#footer-top-middle {float: left; width: 35%; margin-right: 2%;}
ul#footer-nav-list {float: left; width: 100%; position: relative;}
ul#footer-nav-list > li {float: left; width: 30%;}
ul#footer-nav-list > li:nth-child(3n) {width: 40%;}
ul#footer-nav-list > li:nth-child(3n + 1) {clear: both;}
ul#footer-nav-list > li > a {display: block; font-family: 'TitleFont'; font-size: 16px; line-height: 20px; color: #fff; padding-left: 10px; padding-right: 10px; border-right: 1px solid #605e5e;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul#footer-nav-list > li > a:hover {color: #9f9f9f; text-decoration: none;}
ul#footer-nav-list > li:nth-child(3n) a {border-right: 1px solid transparent;}
#footer-top-middle a.resp-href {display: none;}

#footer-top-middle-2 {float: left; width: 14%;}
#footer-top-middle-2 a {font-size: 16px; line-height: 20px; color: #fff; font-family: 'TitleFont';
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
#footer-top-middle-2 a:hover {text-decoration: none; color: #9f9f9f;}

#footer-top-right {float: right; width: 20%;}
ul.footer-socmed-list {float: right;}
ul.footer-socmed-list.resp {float: left;}
ul.footer-socmed-list > li {float: left; margin-right: 10px;}
ul.footer-socmed-list > li img {height: 20px; 
-webkit-backface-visibility: hidden;
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
ul.footer-socmed-list > li img:hover {opacity: 0.7;}
#footer-top-right p, #footer-top-right p a {text-align: right;}

#footer-bottom {text-align: center;}
#footer-bottom img {margin: 0 auto; max-height: 52px; margin-bottom: 15px;}
#footer-bottom p, #footer-bottom p a {font-size: 12px; line-height: 17px; color: #fff;}

p.with-brd {padding-top: 7px; padding-bottom: 7px; border-top: 1px dotted #000; border-bottom: 1px dotted #000;}

@media only screen and (max-width: 1165px) {
	#footer-top-middle {width: 40%;}
	#footer-top-middle-2 {display: none;}
	#footer-top-right {width: 25%;}
	
	#footer-top-middle a.resp-href {display: inline-block; font-family: 'TitleFont'; margin-top: 18px; font-size: 16px; line-height: 20px; color: #fff; padding-left: 10px;}
	#footer-top-middle a.resp-href:hover {text-decoration: none; color: #9f9f9f;}
}

@media only screen and (max-width: 960px) {
	#footer-top-left {width: 45%;}
	#footer-top-middle {float: right; width: 45%;}
	#footer-top-right {display: none;}
	
	#footer-top-left-resp {display: block; margin-top: 40px;}	
}

@media only screen and (max-width: 768px) {	
	ul#footer-nav-list > li {float: left; width: 50%;}
	ul#footer-nav-list > li:nth-child(3n) {width: 50%;}
	ul#footer-nav-list > li:nth-child(3n + 1) {clear: none;}
	ul#footer-nav-list > li:nth-child(2n) {width: 50%;}
	ul#footer-nav-list > li:nth-child(2n + 1) {clear: both;}
	ul#footer-nav-list > li:nth-child(3n) a {border-right: 1px solid #605e5e;}
	ul#footer-nav-list > li:nth-child(2n) a {border-right: 1px solid transparent;}
}

@media only screen and (max-width: 600px) {
	#footer-top-left, #footer-top-middle, #footer-top-right {width: 100%; margin: 0; display: block;}
	#footer-top-left, #footer-top-middle {margin-bottom: 40px;}
	#footer-top-left-resp {display: none;}
	
	ul#footer-nav-list > li {float: left; width: 28%;}
	ul#footer-nav-list > li a {font-size: 15px;}
	ul#footer-nav-list > li:nth-child(2n) {width: 28%;}
	ul#footer-nav-list > li:nth-child(2n + 1) {clear: none;}
	ul#footer-nav-list > li:nth-child(3n) {width: 44%;}
	ul#footer-nav-list > li:nth-child(3n + 1) {clear: both;}
	ul#footer-nav-list > li:nth-child(3n + 1) a {padding-left: 0;}
	ul#footer-nav-list > li:nth-child(2n) a {border-right: 1px solid #605e5e;}
	ul#footer-nav-list > li:nth-child(3n) a {border-right: 1px solid transparent;}
	#footer-top-middle a.resp-href {padding-left: 0;}
	
	ul.footer-socmed-list {float: left;}
	#footer-top-right p, #footer-top-right p a {text-align: left;}
}
/* /FOOTER */

/* 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: 5px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {font-size: 15px; line-height: 15px; color: #605e5e; font-family: 'TitleFont'; display: inline-block; padding: 10px 12px; border: 1px solid #605e5e;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.pagination-list li a:hover {border: 1px solid #605e5e; text-decoration: none; background: #605e5e; color: #fff;}
.pagination-list li a.active, .pagination-list li a.active:hover {font-family: 'TitleBoldFont'; color: #fff; border: 1px solid #353535; background: #353535;}
.pagination-list.wide li a {padding: 12px 15px; min-width: 75px; text-align: center;}

@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-list.wide li a {min-width: 60px;}
}
/* /PAGINATION */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 10000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 42%; padding: 20px; background: #787878; z-index: 10001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 34px; line-height: 40px; font-family: 'GeneralFont'; text-transform: uppercase; margin-bottom: 5px; color: #f7f7f7; font-weight: bold;}
.notification-content p, .notification-content2 p {font-size: 18px; line-height: 24px; margin-bottom: 0px; font-family: 'GeneralFont'; color: #f7f7f7;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'GeneralFont';}

.notif-success h3, .notif-success2 h3 {padding-top: 58px; background: url(../images/icon/success-notification-2.png) no-repeat top center;}
.notification-btn {display: inline-block; margin: 0 auto; margin-top: 15px; padding: 5px 15px; background: #d8d8d8; color: #000000; font-family: 'TitleFont'; font-size: 16px; line-height: 16px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.notification-btn:hover {background: #e8e8e8; cursor: pointer; text-decoration: none; color: #000;}

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

@media only screen and (max-width: 960px) {
	.notification-content, .notification-content2 {width: 70%;}
}
@media only screen and (max-width: 767px) {
	.notification-content, .notification-content2 {margin-top: 35%;}
}