/* 
Main Stylesheet
Created By: Jastanweb

Main Color Used: 
1. Black (#383838), hovered (#c30d23)
2. Blue (#004667)
3. Dark Blue (#002741)
4. Red (#c30d23)
5. Yellow (#f99b05)
*/

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

b, strong {font-family: 'BoldFont', Arial, Verdana;}
i, em {font-family: 'ItalicFont', Arial, Verdana;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana;}

h1, h2, h3, h4, h5 {font-family: 'TitleFont', Arial, Verdana; color: #333;}
h1 b, h2 b, h3 b, h4 b, h5 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-family: 'TitleBoldFont', Arial, Verdana;}
h1 i, h2 i, h3 i, h4 i, h5 i, h1 em, h2 em, h3 em, h4 em, h5 em{font-family: 'TitleItalicFont', Arial, Verdana;}
h1 b i, h2 b i, h3 b i, h4 b i, h5 b i,
h1 i b, h2 i b, h3 i b, h4 i b, h5 i b,
h1 b em, h2 b em, h3 b em, h4 b em, h5 b em,
h1 em b, h2 em b, h3 em b, h4 em b, h5 em b,
h1 strong i, h2 strong i, h3 strong i, h4 strong i, h5 strong i,
h1 i strong, h2 i strong, h3 i strong, h4 i strong, h5 i strong,
h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em,
h1 em strong, h2 em strong, h3 em strong, h4 em strong, h5 em strong {font-family: 'TitleBoldItalicFont', Arial, Verdana;}

h1 {font-size: 48px; line-height: 56px; margin-bottom: 15px;}
h2 {font-size: 42px; line-height: 50px; margin-bottom: 15px;}
h3 {font-size: 36px; line-height: 44px; margin-bottom: 15px;}
h4 {font-size: 30px; line-height: 38px; margin-bottom: 15px;}
h5 {font-size: 24px; line-height: 32px; margin-bottom: 15px;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0px;}

@media only screen and (max-width: 768px) {
	h1 {font-size: 44px; line-height: 52px;}
	h2 {font-size: 38px; line-height: 46px;}
	h3 {font-size: 32px; line-height: 40px;}
	h4 {font-size: 26px; line-height: 34px;}
	h5 {font-size: 20px; line-height: 28px;}
}

@media only screen and (max-width: 500px) {
	h1 {font-size: 42px; line-height: 50px;}
	h2 {font-size: 36px; line-height: 44px;}
	h3 {font-size: 30px; line-height: 38px;}
	h4 {font-size: 24px; line-height: 32px;}
	h5 {font-size: 18px; line-height: 26px;}
}

p, p a {font-size: 15px; color: #383838; line-height: 25px;}
p a:hover {text-decoration: underline; color: #383838;}
a {color: #c30d23; 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: #ffaf36; text-decoration: underline;}

.cl-secondary {color: #c30d23;}
p a.cl-secondary:hover {color: #ffaf36;}
.cl-ternary {color: #ffaf36;}
.cl-white {color: #fff;}

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;}

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

.full-img-wrap {position: relative;}
.full-img-wrap img {width: 100%; display: block;}

.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;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.ta-justify {text-align: justify;}

.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}

.sfw {float: left; width: 100%; position: relative;}
.mt-10 {margin-top: 10px;}
.mt-80 {margin-top: 80px;}
.mb-30 {margin-bottom: 30px;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.wrap {width: 90%; margin: 0 auto; position: relative;}
.wrap-small {width: 960px; margin: 0 auto; position: relative;}
.wrap-medium {width: 960px; margin: 0 auto; position: relative;}

@media only screen and (min-width: 1800px) {
	.wrap {width: 1600px;}
}

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

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

.container {width: 100%; float: left; box-sizing: border-box;}
.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 */
/* /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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: 500px) {
	.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: #383838; 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: 18px; line-height: 26px; 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 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 a {color: #383838;}
.wysiwyg-content a:hover {color: #c30d23; text-decoration: underline;}
.wysiwyg-content p a {color: #383838;}
.wysiwyg-content p a:hover {color: #383838;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff; text-decoration: underline}
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4, .wysiwyg-content.white h5 {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.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table {width: 100%;}
.wysiwyg-content table tbody tr {border-top: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr:last-child {border-bottom: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr td {padding: 15px 20px; font-size: 15px; line-height: 23px; border-left: 1px solid #eaeaea; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:last-child {border-right: 1px solid #eaeaea;}
.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;}

@media only screen and (max-width: 500px) {
	p, p a {font-size: 14px; line-height: 24px;}
	.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 14px; line-height: 24px;}
}
/* /WYSIWYG CONTENT */

/* FORM */
label.error {display: block; font-size: 12px; line-height: 20px; color: #f21a1a; font-family: 'GeneralFont', Arial, Verdana; margin-top: 5px; margin-bottom: 10px;}
.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.5%; margin-right: 3%;}
.gen-form-row.half.no-mr {margin-right: 0;}
.gen-form-row.no-mb {margin-bottom: 0 !important;}
.gen-form-row.third {width: 32%; margin-right: 4%;}
.gen-form-row.twothird {width: 64%; margin-right: 4%;}
.gen-form-row.twothird.no-mr {margin-right: 0;}

.gen-form label.form-label{color: #383838; display: block; font-family: 'GeneralFont', Arial, Verdana; font-size: 16px; line-height: 28px; margin-bottom: 10px;}
.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 {border: 1px solid transparent; font-family: 'GeneralFont', Arial, Verdana; color: #333; width: 100%; font-size: 14px; line-height: 14px; padding: 17px 20px; box-sizing: border-box; border: 1px solid #cfcfcf;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.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; border: 1px solid #c30d23;}
.gen-form input[type="text"].readonly, .gen-form input[type="email"].readonly, .gen-form input[type="password"].readonly, .gen-form textarea.readonly {background: #efefef;}
.gen-form input[type="submit"], .gen-form input[type="button"], a.gen-btn {font-size: 13px; line-height: 13px; font-family: 'BoldFont', Arial, Verdana; color: #fff; display: inline-block; padding: 15px 30px; background: #c30d23; border: none; text-align: 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;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;}
.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: #ab0b1f; text-decoration: none; outline: 0;}
.gen-form input[type="submit"].full-width, .gen-form input[type="button"].full-width, a.gen-btn.full-width {width: 100%; display: block;}
.gen-form span.help-block {display: block; font-size: 14px; line-height: 18px; color: #383838; margin-top: 3px;}

.checkbox-container {}
.checkbox-container input[type="checkbox"] {display: none;}
.checkbox-container label {font-family: 'GeneralFont'; font-size: 16px; line-height: 28px; padding-top: 3px; color: #383838; display: inline-block; padding-left: 35px; background: url(../images/icon/checkbox.png) no-repeat left top; background-size: 25px auto;}
.checkbox-container label:hover {cursor: pointer;}
.checkbox-container label.no-mr {margin-right: 0;}
.checkbox-container label a {color: #383838; font-size: 16px; line-height: 28px;}
.checkbox-container label a:hover {text-decoration: underline;}

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

.gen-form select {font-size: 16px; line-height: 16px; font-family: 'GeneralFont', Arial, Verdana; color: #383838; padding: 7px 15px; box-sizing: border-box; border: 1px solid #dddddd; background: #fff;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #dddddd; background: url(../images/icon/arrow-down.png) no-repeat 96% center; background-size: auto 8px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent;}
.styled-select-wrapper select option {background: none;}
textarea.no-resize {resize: none !important;}
select:hover, select:focus {outline: 0;}

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

.input-file-wrap {cursor: pointer; font-size: 16px; line-height: 28px; color: #383838; font-family: 'GeneralFont'; box-sizing: border-box; padding: 10px 20px 5px 20px; z-index: 1000; min-width: 120px; text-align: center; border: 1px solid #383838;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.input-file-wrap:hover {color: #fff; background: #383838;}
.input-file-wrap input[type="file"] {display: none;}
.input-file-wrap span {font-size: 14px; line-height: 18px;}
.input-file-wrap-info {font-size: 16px; line-height: 28px; padding-left: 20px; color: #383838; font-family: 'BoldFont', Arial, Verdana;}

/* INLINE STYLE */
.gen-form.inline .label-cont {float: left; width: 25%;}
.gen-form.inline .sep-cont {float: left; width: 5%;}
.gen-form.inline .form-cont {float: left; width: 70%;}
.gen-form.inline .gen-form-row {margin-bottom: 20px;}
.gen-form.inline label.form-label {font-size: 16px; line-height: 28px; display: block; padding-top: 8px;}
.gen-form.inline label.error {margin-bottom: 10px; margin-top: 5px;}

a.gen-btn.gbtn-hollow-gray {background: none; color: #222222; border: 2px solid #eaeaea;}
a.gen-btn.gbtn-hollow-gray:hover {background: #eaeaea; color: #222222; border: 2px solid #eaeaea;}
a.gen-btn.gbtn-hollow-colour {background: #fff; color: #c30d23; border: 1px solid #c30d23;}
a.gen-btn.gbtn-hollow-colour:hover {background: #c30d23; color: #fff; border: 1px solid #c30d23;}
a.gen-btn.gbtn-fill-white {background: #fff; color: #ffaf36; border: 1px solid #fff;}
a.gen-btn.gbtn-fill-white:hover {background: #ffaf36; color: #fff; border: 1px solid #ffaf36;}
/* /INLINE STYLE */
/* /FORM */

/* HEADER */
#header {background: #fff; height: 75px; border-bottom: 3px solid #002741; box-sizing: border-box; position: fixed; top: 0; z-index: 1001;}
#logo-hct {float: left;}
img#logo {margin-top: 10px; display: block; height: 50px;}

#nav-hct {float: right;}
ul#hnav-list {}
ul#hnav-list > li {float: left; margin-right: 40px; position: relative;}
ul#hnav-list > li:last-child {margin-right: 0;}
ul#hnav-list > li > a {display: inline-block; font-family: 'GeneralFont', Arial, Verdana; color: #004667; font-size: 14px; line-height: 18px; padding: 27px 0; box-sizing: border-box; border-bottom: 3px solid transparent; letter-spacing: 0; cursor: pointer;}
ul#hnav-list > li > a:hover {text-decoration: none; color: #c30d23;}
ul#hnav-list > li > a.active, ul#hnav-list > li a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #c30d23; border-bottom: 3px solid #c30d23;}
#hnav-icon {display: none;}

.hsubnav-container {position: absolute; top: 100%; display: none;}
ul.hsubnav-list {}
ul.hsubnav-list > li > a {font-size: 14px; line-height: 20px; display: inline-block; padding: 12px 20px; width: 225px; box-sizing: border-box; background: #004667; color: #fff; font-family: 'GeneralFont', Arial, Verdana;}
ul.hsubnav-list > li > a:hover {text-decoration: none; background: #002741;}

#header-resp-nav-cover {background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; z-index: 2000; display: none;}
#header-resp-nav-ct {position: fixed; z-index: 2001; top: 0; left: -320px; width: 320px; height: 100%; box-sizing: border-box; padding: 30px 35px; background: #c30d23; position: relative;
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;}
#header-resp-nav-ct.opened {left: 0;}
#hnav-close {width: 30px; height: 30px; background: url(../images/icon/nav-close.png) no-repeat center; bottom: 15px; right: 15px; position: absolute; cursor: pointer; background-size: 30px 30px;
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;}
#header-resp-nav-close:hover {opacity: 0.8;}
#header-resp-nav-inner {max-height: 90%;}
.gen-scb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #fff !important;}
.gen-scb .mCSB_scrollTools .mCSB_draggerRail {background-color: #7f7f7f !important;}
ul#header-resp-nav-list {}
ul#header-resp-nav-list > li {margin-bottom: 7px;}
ul#header-resp-nav-list > li:last-child {margin-bottom: 0;}
ul#header-resp-nav-list > li > a {font-size: 14px; line-height: 20px; color: #fff; display: inline-block; padding-bottom: 3px; border-bottom: 3px solid transparent;}
ul#header-resp-nav-list > li > a:hover {text-decoration: none; color: #dfdfdf;}
ul#header-resp-nav-list > li > a.has-sub {background: url(../images/icon/arrow-nav-down.png) no-repeat right 7px; background-size: 10px auto; padding-right: 25px; cursor: pointer;}
ul#header-resp-nav-list > li > a.has-sub.opened {background: url(../images/icon/arrow-nav-up.png) no-repeat right 7px; background-size: 10px auto;}
ul#header-resp-nav-list > li > a.active, ul#header-resp-nav-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana;}
.header-resp-line {margin-top: 20px; margin-bottom: 20px; width: 100%; border-top: 1px dotted #fff;}
#header-resp-nav-ct h5 {font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 10px; font-family: 'TitleBoldFont', Arial, Verdana;}
#header-resp-nav-ct p, #header-resp-nav-ct p a {color: #fff; font-size: 13px; line-height: 18px;}

.hsubnav-resp-container {display: none;}
ul.hsubnav-resp-list {}
ul.hsubnav-resp-list > li {margin-bottom: 5px; padding-left: 20px;}
ul.hsubnav-resp-list > li:last-child {margin-bottom: 0;}
ul.hsubnav-resp-list > li > a {font-size: 14px; line-height: 20px; color: #fff;}
ul.hsubnav-resp-list > li > a:hover {text-decoration: none; color: #dfdfdf;}

@media only screen and (max-width: 1200px) {
	ul#hnav-list > li {margin-right: 35px;}
	ul#hnav-list > li > a {font-size: 13px;}
	
	ul.hsubnav-list > li > a {font-size: 13px; line-height: 18px; padding: 10px 15px; width: 200px;}
}

@media only screen and (max-width: 960px) {
	ul#hnav-list {display: none;}
	#hnav-icon {display: block; width: 24px; height: 24px; background: url(../images/icon/nav.png) no-repeat center; background-size: 24px 24px; margin-top: 23px; cursor: pointer;
	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;}
	#hnav-icon:hover {background: url(../images/icon/nav-hover.png) no-repeat center;}
}

@media only screen and (max-width: 360px) {
	#header-resp-nav-ct {left: -100%; width: 100%;}
}
/* /HEADER */


/* HOME */
#pages-mt-top-sfw {margin-top: 75px;}

#home-slideshow-sfw {position: relative;}
#home-slideshow-resp-sfw {display: none;}
.slideshow-item {position: relative;}
.slideshow-item a, .slideshow-item a:hover {text-decoration: none;}
.slideshow-item img {display: none; width: 100%; display: block;}
.slideshow-item .caption {position: absolute; top: 50%; left: 150px; transform: translateY(-50%); z-index: 100; width: 40%; box-sizing: border-box; padding: 23px 35px 30px 35px; background: rgba(20, 24, 25, 0.5);
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;}
.slideshow-item .caption h2 {font-size: 40px; line-height: 50px; margin-bottom: 20px; color: #fff; font-family: 'TitleBoldFont', Arial, Verdana; color: #c30d23;}
.slideshow-item .caption p {font-size: 16px; line-height: 25px; color: #fff;}
.slideshow-item .caption a.gen-btn {margin-top: 40px;}
.slideshow-list-container .slick-prev {content: ''; width: 45px; height: 45px; background: url(../images/icon/arrow-left.png) no-repeat center !important; left: 40px; top: 50%; transform: translateY(-50%); opacity: 0.7; background-size: 45px 45px !important;
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;}
.slideshow-list-container .slick-next {content: ''; width: 45px; height: 45px; background: url(../images/icon/arrow-right.png) no-repeat center !important; right: 40px; top: 50%; transform: translateY(-50%); opacity: 0.7;  background-size: 45px 45px !important;
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;}
.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;}
.slideshow-list-container .slick-dots li {margin: 0 5px; width: 16px; height: 16px;}
.slideshow-list-container .slick-dots {bottom: 30px; z-index: 100; text-align: center;}
.slideshow-list-container .slick-dots li button {width: 16px; height: 16px; background: url(../images/icon/bullet-off.png) no-repeat center;}
.slideshow-list-container .slick-dots li.slick-active button {background: url(../images/icon/bullet-on.png) no-repeat center;}
#mousescroll-icon {position: absolute; left: 50%; transform: translateX(-50%); bottom: 35px; width: 25px; height: 72px; background: url(../images/icon/mouse-scroll.png) no-repeat center; z-index: 100;}

.with-pdtb {padding: 80px 0;}
.with-pdtb.no-pt {padding-top: 0;}
.with-pdtb.pb-small {padding-bottom: 30px;}
#home-highlight-sfw {}
#highlight-title {margin-bottom: 80px;}
#ht-title {float: left; width: 22%; margin-right: 3%;}
#ht-title h5 {font-size: 35px; line-height: 45px; padding-left: 80px; background: url(../images/icon/dash.png) no-repeat left center; font-family: 'GeneralFont', Arial, Verdana; color: #c30d23;}
#ht-desc {float: left; width: 75%;}
ul#home-highlight-list {float: left; width: 100%; box-sizing: border-box; padding-left: 7%; padding-right: 7%;}
ul#home-highlight-list > li {float: left; width: 22%; margin-right: 4%; position: relative;}
ul#home-highlight-list > li:nth-child(4n) {margin-right: 0;}
ul#home-highlight-list > li .inner {box-sizing: border-box; width: 100%; border: 15px solid #f5f5f5; background: #fff; position: relative;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
box-shadow: inset 0px 0px 35px #cfcfcf; -webkit-box-shadow: inset 0px 0px 35px #cfcfcf; -moz-box-shadow: inset 0px 0px 35px #cfcfcf; -o-box-shadow: inset 0px 0px 35px #cfcfcf;}
ul#home-highlight-list > li .inner .caption {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; text-align: center;}
ul#home-highlight-list > li .inner .caption h5 {font-size: 26px; line-height: 34px; margin-bottom: 0; font-family: 'TitleBoldFont', Arial, Verdana; color: #222222;}
ul#home-highlight-list > li .inner .caption h5 span {font-size: 18px;}
ul#home-highlight-list > li .inner .caption p {font-family: 'TitleFont', Arial, Verdana; color: #222222; font-size: 16px; line-height: 24px;}

#home-banner-sfw {background: #002741;}
.main-title-ct {text-align: center; margin-bottom: 60px;}
.main-title-ct.no-mb {margin-bottom: 0;}
.main-title-ct h2 {font-family: 'TitleBoldFont', Arial, Verdana; color: #fff; font-size: 40px; line-height: 48px;}
.main-title-ct.type2 h2, .main-title-ct.type3 h2 {color: #222222;}
.main-title-ct h2 .cl-secondary {color: #c30d23;}
.mtline-icon {margin: 0 auto; width: 250px; position: relative;}
.mtline-icon .mtline {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background: #999999; z-index: 99;}
.main-title-ct.type2 .mtline-icon .mtline, .main-title-ct.type3 .mtline-icon .mtline {background: #e1e1e1;}
.mtline-icon img {margin: 0 auto; display: block; height: 20px; padding: 0 15px; z-index: 100; position: relative; background: #002741;}
.main-title-ct.type2 .mtline-icon img {background: #fff;}
.main-title-ct.type3 .mtline-icon img {background: #f8f8f8;}
.main-title-ct .desc {margin-top: 40px;}
.main-title-ct .desc p {color: #dfdfdf;}
.main-title-ct.type2 .desc p {color: #959595;}
.main-title-ct.type3 .desc p {color: #8d8d8d;}

ul#home-banner-list {}
ul#home-banner-list > li {float: left; width: 31%; margin-right: 3.5%; position: relative;}
ul#home-banner-list > li:nth-child(3n) {margin-right: 0;}
ul#home-banner-list > li img {display: block; opacity: 1.0; width: 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#home-banner-list > li img:hover {
box-shadow: 0px 0px 20px #dfdfdf; -webkit-box-shadow: 0px 0px 20px #dfdfdf; -moz-box-shadow: 0px 0px 20px #dfdfdf; -o-box-shadow: 0px 0px 20px #dfdfdf;}

#home-service-sfw {padding-bottom: 50px;}
#home-service-list-ct {}
.hsl-ct-float {float: left; width: 48.5%; margin-right: 3%;}
.hsl-ct-float.no-mr {margin-right: 0;}
ul.home-service-list > li {margin-bottom: 30px; float: left;}
ul.home-service-list > li:nth-child(1) {width: 100%; margin-right: 0;}
ul.home-service-list > li:nth-child(2), ul.home-service-list > li:nth-child(3) {width: 48%; margin-right: 4%;}
ul.home-service-list > li:nth-child(3) {margin-right: 0;}
ul.home-service-list.reverse > li:nth-child(1), ul.home-service-list.reverse > li:nth-child(2) {width: 48%; margin-right: 4%;}
ul.home-service-list.reverse > li:nth-child(2) {margin-right: 0;}
ul.home-service-list.reverse > li:nth-child(3) {width: 100%; margin-right: 0;}

.gen-service-item .img-wrap {width: 100%; position: relative;}
.gen-service-item .img-wrap img {display: block; width: 100%; position: relative; z-index: 99;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;}
.gen-service-item .img-wrap .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(195, 13, 35, 0.8); z-index: 100; display: none;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;}
.gen-service-item .img-wrap .cover .plus {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: url(../images/icon/plus.png) no-repeat center; background-size: 50px 50px;}
.gen-service-item.medium .img-wrap .cover .plus {width: 40px; height: 40px; background-size: 40px 40px;}
.gen-service-item.small .img-wrap .cover .plus {width: 30px; height: 30px; background-size: 30px 30px;}
.gen-service-item .img-wrap .cover .title {position: absolute; left: 25px; bottom: 25px;}
.gen-service-item .img-wrap .cover .title h5 {font-size: 17px; line-height: 25px; color: #fff; margin-bottom: 0; font-family: 'TitleBoldFont', Arial, Verdana;}
.gen-service-item .img-wrap .cover .title p {color: #fff;}

#home-testimonial-sfw {background: #f8f8f8;}
#home-testimonial-list-container {}
.testimonial-item {padding: 0 25px;}
.testimonial-item .inner {padding-top: 10px; padding-bottom: 20px; background: url(../images/icon/tri-down.png) no-repeat 35px bottom; background-size: auto 20px;}
.testimonial-item .balloon {padding: 0 30px 30px 30px; min-height: 160px; background: #fff; 
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;
box-shadow: 5px -5px 10px #efefef; -webkit-box-shadow: 5px -5px 10px #efefef; -moz-box-shadow: 5px -5px 10px #efefef; -o-box-shadow: 5px -5px 10px #efefef;}
.testimonial-item .balloon .quote {padding: 15px 30px; background: url(../images/icon/quote.png) no-repeat center #c30d23; background-size: auto 14px; display: inline-block; margin-bottom: 15px;}
.testimonial-item .balloon p {color: #929292; font-family: 'ItalicFont', Arial, Verdana; font-size: 16px; line-height: 26px;}
.testimonial-item .name {margin-top: 20px;}
.testimonial-item .name .img-wrap {float: left; width: 12%; margin-right: 5%;}
.testimonial-item .name .img-wrap img {width: 100%; display: block; border: 3px solid #c30d23;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;}
.testimonial-item .name .desc-wrap {float: left; width: 82%; margin-top: 15px;}
.testimonial-item .name .desc-wrap.full-width {float: none; width: 100%; margin-top: 0;}
.testimonial-item .name .desc-wrap h5 {font-family: 'TitleBoldFont', Arial, Verdana; color: #222222; font-size: 17px; line-height: 23px; margin-bottom: 0;}
.testimonial-item .name .desc-wrap p {font-family: 'TitleFont', Arial, Verdana; color: #929292; font-size: 14px; line-height: 18px;}

#home-client-sfw {background: #1d1d1d; padding-bottom: 70px;}
ul#client-list {}
ul#client-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px;}
ul#client-list > li:nth-child(4n) {margin-right: 0;}
ul#client-list > li:nth-child(4n + 1) {clear: both;}
ul#client-list > li .inner {background: #fff; width: 100%; height: 150px; position: relative;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
ul#client-list > li .inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 75%; max-height: 75%;
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(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#client-list > li .inner:hover img {
filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0);}

#home-news-sfw {padding-bottom: 60px;}
ul.news-list {}
ul.news-list > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
ul.news-list > li:nth-child(3n) {margin-right: 0;}
ul.news-list > li:nth-child(3n + 1) {clear: both;}
ul.news-list > li:nth-child(4n) {display: none;}
ul.news-list > li .img-wrap {position: relative;}
ul.news-list > li .img-wrap .cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(195, 13, 35, 0.8); z-index: 100; display: none;
border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; -o-border-top-left-radius: 20px;
border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; -o-border-top-right-radius: 20px;}
ul.news-list > li .img-wrap img {width: 100%; display: block; position: relative; z-index: 99;
border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; -o-border-top-left-radius: 20px;
border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; -o-border-top-right-radius: 20px;}
ul.news-list > li .desc-wrap {padding: 30px; background: #f8f8f8; min-height: 220px;
border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px;
box-shadow: 0px 5px 0px #dbdbdb; -webkit-box-shadow: 0px 5px 0px #dbdbdb; -moz-box-shadow: 0px 5px 0px #dbdbdb; -o-box-shadow: 0px 5px 0px #dbdbdb;
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.news-list > li .desc-wrap.hovered {
box-shadow: 0px 5px 0px #c30d23; -webkit-box-shadow: 0px 5px 0px #c30d23; -moz-box-shadow: 0px 5px 0px #c30d23; -o-box-shadow: 0px 5px 0px #c30d23;}
ul.news-list > li .desc-wrap .top {margin-bottom: 15px;}
.blog-info {display: inline-block; font-family: 'TitleFont', Arial, Verdana; font-size: 13px; line-height: 18px; color: #616161;}
.blog-post-date {}
.blog-viewed {padding-left: 22px; background: url(../images/icon/view.png) no-repeat left center;}
ul.news-list > li .desc-wrap .top .blog-post-date {float: left;}
ul.news-list > li .desc-wrap .top .blog-viewed {float: right;}
ul.news-list > li .desc-wrap h5.title, ul.news-list > li .desc-wrap h5.title a {font-family: 'TitleFont', Arial, Verdana; color: #222222; font-size: 18px; line-height: 24px; margin-bottom: 15px;}
ul.news-list > li .desc-wrap h5.title {
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.news-list > li .desc-wrap h5.title.hovered, ul.news-list > li .desc-wrap h5.title.hovered a {color: #c30d23;}
ul.news-list > li .desc-wrap p.description {color: #929292; font-size: 14px; line-height: 22px; margin-bottom: 20px;}
ul.news-list > li .desc-wrap a.read-more {font-family: 'BoldFont', Arial, Verdana; color: #222222; font-size: 14px; line-height: 18px;
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.news-list > li .desc-wrap a.read-more.hovered {color: #c30d23;}

@media only screen and (max-width: 1200px) {		
	.slideshow-item .caption {left: 50%; transform: translate(-50%, -50%); width: 50%; text-align: center;}
	.slideshow-item .caption h2 {font-size: 32px; line-height: 40px;}
	.slideshow-item .caption p {font-size: 14px; line-height: 22px;}
	#mousescroll-icon {display: none;}
	
	#ht-title {width: 23%; margin-right: 4%;}
	#ht-desc {width: 73%;}
	#ht-title h5 {padding-left: 50px; background-size: 40px 2px;}
	
	ul#home-highlight-list {padding-left: 3%; padding-right: 3%;}
	ul#home-highlight-list > li {width: 23.5%; margin-right: 2%;}
	ul#home-highlight-list > li .inner {border: 10px solid #f8f8f8;}
	
	.testimonial-item .name .desc-wrap  {margin-top: 0;}
}

@media only screen and (max-width: 1024px) {	
	#ht-title {width: 30%; margin-right: 5%}
	#ht-title h5 {padding-left: 0; background: none;}
	#ht-desc {width: 65%;}
	
	ul#home-highlight-list > li .inner {border: 5px solid #f8f8f8;}
	ul#home-highlight-list > li .inner .caption h5 {font-size: 22px; line-height: 30px;}
	
	ul.home-service-list > li:nth-child(1), ul.home-service-list > li:nth-child(2), ul.home-service-list > li:nth-child(3) {float: none; width: 100%;}	
	ul.home-service-list.reverse > li:nth-child(1), ul.home-service-list.reverse > li:nth-child(2), ul.home-service-list.reverse > li:nth-child(3) {float: none; width: 100%;}
	ul.home-service-list > li .gen-service-item .img-wrap .cover .plus, ul.home-service-list > li .gen-service-item.small .img-wrap .cover .plus {width: 40px; height: 40px; background-size: 40px 40px;}
	
	.testimonial-item {padding: 0 15px;}
	.testimonial-item .balloon .quote {padding: 15px 30px; background-size: auto 10px; margin-bottom: 7px;}
	.testimonial-item .name .img-wrap {width: 17%; margin-right: 5%;}
	.testimonial-item .name .desc-wrap {width: 78%;}
	.testimonial-item .name .desc-wrap.full-width {float: none; width: 100%;}
}

@media only screen and (max-width: 768px) {	
	.main-title-ct h2 {font-size: 36px; line-height: 44px;}
	
	#home-slideshow-sfw {display: none;}
	#home-slideshow-resp-sfw {display: block;}
	
	.slideshow-item .caption {width: 75%;}
	.slideshow-list-container .slick-prev, .slideshow-list-container .slick-next {width: 35px; height: 35px; background-size: 35px 35px !important;}
	.slideshow-list-container .slick-prev {left: 15px;}
	.slideshow-list-container .slick-next {right: 15px;}
	.slideshow-list-container .slick-dots {bottom: 20px;}
	.slideshow-list-container .slick-dots > li {margin: 0 4px;}
	
	#ht-title {float: none; width: 100%; margin: 0; text-align: center; margin-bottom: 30px;}
	#ht-desc {float: none; width: 100%; margin: 0; text-align: center;}
	
	ul#home-highlight-list > li .inner .caption h5 {font-size: 18px; line-height: 26px;}
	ul#home-highlight-list > li .inner .caption p {font-size: 12px; line-height: 16px;}
	
	ul.home-service-list > li .gen-service-item .img-wrap .cover .plus, ul.home-service-list > li .gen-service-item.small .img-wrap .cover .plus {width: 30px; height: 30px; background-size: 30px 30px;}
	.testimonial-item .balloon {min-height: 0;}	
	
	ul#client-list > li {width: 48%; margin-right: 4%;}
	ul#client-list > li:nth-child(4n) {margin-right: 4%;}
	ul#client-list > li:nth-child(4n + 1) {clear: none;}
	ul#client-list > li:nth-child(2n) {margin-right: 0;}
	ul#client-list > li:nth-child(2n + 1) {clear: both;}	
	
	ul.news-list > li {width: 48%; margin-right: 4%;}
	ul.news-list > li:nth-child(3n) {margin-right: 4%;}
	ul.news-list > li:nth-child(3n + 1) {clear: none;}
	ul.news-list > li:nth-child(2n) {margin-right: 0;}
	ul.news-list > li:nth-child(2n + 1) {clear: both;}	
	ul.news-list > li:nth-child(4n) {display: block;}
	
	.with-pdtb {padding: 60px 0;}
	.with-pdtb.no-pt {padding-top: 0;}
	.with-pdtb.pb-small {padding-bottom: 30px;}
	
	.testimonial-item .name .img-wrap {width: 15%; margin-right: 5%;}
	.testimonial-item .name .desc-wrap {margin-top: 10px; width: 80%;}
	.testimonial-item .name .desc-wrap.full-width {float: none; width: 100%;}
}
@media only screen and (max-width: 500px) {
	.main-title-ct {text-align: center; margin-bottom: 40px;}
	.main-title-ct.no-mb {margin-bottom: 0;}

	.main-title-ct h2 {font-size: 28px; line-height: 36px;}
	.slideshow-item .caption {width: 60%; padding: 15px 25px 25px 25px;}
	.slideshow-item .caption h2 {margin-bottom: 0; font-size: 22px; line-height: 30px;}
	.slideshow-item .caption p {display: none;}
	.slideshow-item .caption a.gen-btn {margin-top: 15px; font-size: 11px; line-height: 11px; padding: 11px 20px;}
	.slideshow-list-container .slick-dots li {margin: 0 2px;}
	.slideshow-list-container .slick-dots li button {width: 14px; height: 14px; background-size: 14px 14px;}
	.slideshow-list-container .slick-dots li.slick-active button {background-size: 14px 14px;}
	
	ul#home-highlight-list > li {width: 48%; margin-right: 4%; margin-bottom: 20px;}
	ul#home-highlight-list > li:nth-child(4n) {margin-right: 4%;}
	ul#home-highlight-list > li:nth-child(4n + 1) {clear: none;}
	ul#home-highlight-list > li:nth-child(2n) {margin-right: 0;}
	ul#home-highlight-list > li:nth-child(2n + 1) {clear: both;}
	
	ul#home-highlight-list > li .inner .caption h5 {font-size: 22px; line-height: 30px;}
	ul#home-highlight-list > li .inner .caption p {font-size: 14px; line-height: 22px;}
	
	ul#home-banner-list > li {float: none; width: 100%; margin-right: 0; margin-bottom: 20px;}
	ul#home-banner-list > li:last-child {margin-bottom: 0;}
	
	.testimonial-item .name .img-wrap {width: 17%; margin-right: 6%;}
	.testimonial-item .name .desc-wrap {margin-top: 0; width: 77%;}
	.testimonial-item .name .desc-wrap.full-width {float: none; width: 100%;}

	.hsl-ct-float {width: 100%; margin: 0;}
	ul.home-service-list > li .gen-service-item .img-wrap .cover .plus, ul.home-service-list > li .gen-service-item.small .img-wrap .cover .plus {display: none;}
	.gen-service-item .img-wrap .cover .title {bottom: 15px; left: 15px;}
	ul.home-service-list > li .gen-service-item .img-wrap .cover .title h5 {font-size: 15px; line-height: 23px;}
	ul.home-service-list > li .gen-service-item .img-wrap .cover .title p {font-size: 12px; line-height: 16px;}

	ul#client-list > li .inner {height: 120px;}
	
	ul.news-list > li {float: none; width: 100%; margin-right: 0;}
	ul.news-list > li:nth-child(3), ul.news-list > li:nth-child(4) {display: none;}
	ul.news-list > li .desc-wrap {min-height: 0;}
	
	.with-pdtb {padding: 40px 0;}
	.with-pdtb.no-pt {padding-top: 0;}
	.with-pdtb.pb-small {padding-bottom: 30px;}
}
/* /HOME */


/* ABOUT */
#pages-title-top-sfw {}
#pages-title-top-sfw .inner {position: relative;}
#pages-title-top-sfw img {display: block; width: 100%;}
#pt-caption {left: 5%; position: absolute; top: 50%; transform: translateY(-50%); width: 45%; box-sizing: border-box; background: rgba(0, 70, 103, 0.75); padding: 25px 30px 30px 30px;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;}
#pt-caption h2 {font-size: 40px; line-height: 48px; margin-bottom: 10px; color: #c30d23; font-family: 'TitleBoldFont', Arial, Verdana;}
ul#breadcrumb-list {}
ul#breadcrumb-list > li {margin-right: 15px; float: left;}
ul#breadcrumb-list > li:last-child {margin-right: 0;}
ul#breadcrumb-list > li > a {font-size: 15px; line-height: 23px; color: #fff;}
ul#breadcrumb-list > li > a:hover {color: #fff;}
ul#breadcrumb-list > li > a.active, ul#breadcrumb-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; text-decoration: none;}

#about-highlight-sfw {background: #f8f8f8; padding-bottom: 30px;}
ul#about-point-list {}
ul#about-point-list > li {float: left; width: 29%; margin-right: 6.5%; margin-bottom: 60px;}
ul#about-point-list > li:nth-child(3n) {margin-right: 0;}
ul#about-point-list > li:nth-child(3n + 1) {clear: both;}
ul#about-point-list > li .img-wrap {float: left; width: 20%;}
ul#about-point-list > li .img-wrap img {display: block; width: 100%;}
ul#about-point-list > li .desc-wrap {float: right; width: 75%;}
ul#about-point-list > li .desc-wrap h5 {font-size: 20px; line-height: 28px; margin-bottom: 10px; color: #c30d23;}
ul#about-point-list > li .desc-wrap p {font-size: 14px; line-height: 22px;}

#about-team-title-sfw {}
#about-team-sfw {background: #f8f8f8;}
ul#about-team-list {}
ul#about-team-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 40px;}
ul#about-team-list > li:nth-child(4n) {margin-right: 0;}
ul#about-team-list > li:nth-child(4n + 1) {clear: both;}
ul#about-team-list > li .img-wrap {position: relative;}
ul#about-team-list > li .img-wrap img {display: block; width: 100%;}
ul#about-team-list > li .name-wrap {padding: 50px 30px 30px 30px; background: #fff; text-align: center; min-height: 120px; position: relative;
border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px;
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#about-team-list > li .name-wrap.hovered {background: #c30d23;}
ul#about-team-list > li .name-wrap h5 {color: #222222; font-size: 18px; line-height: 26px; margin-bottom: 5px; font-family: 'BoldFont', Arial, Verdana;}
ul#about-team-list > li .name-wrap.hovered h5 {color: #fff;}
ul#about-team-list > li .name-wrap p {font-size: 14px; line-height: 18px; color: #929292;}
ul#about-team-list > li .name-wrap.hovered p {color: #fff;}
ul#about-team-list > li .name-wrap .socmed {position: absolute; top: -20px; left: 50%; transform: translateX(-50%); padding: 12px 20px 7px 20px; background: #c30d23; text-align: center; width: 120px;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;
box-shadow: 0px 5px 0px #dbdbdb; -webkit-box-shadow: 0px 5px 0px #dbdbdb; -moz-box-shadow: 0px 5px 0px #dbdbdb; -o-box-shadow: 0px 5px 0px #dbdbdb;
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#about-team-list > li .name-wrap .socmed.hovered {background: #fff;
box-shadow: 0px 5px 0px #afafaf; -webkit-box-shadow: 0px 5px 0px #afafaf; -moz-box-shadow: 0px 5px 0px #afafaf; -o-box-shadow: 0px 5px 0px #afafaf;}
ul#about-team-list > li .name-wrap .add-info {margin-top: 15px;}
ul#about-team-list > li .name-wrap .add-info p, ul#about-team-list > li .name-wrap .add-info p a {color: #c30d23; font-size: 14px; line-height: 20px;}
ul#about-team-list > li .name-wrap.hovered .add-info p, ul#about-team-list > li .name-wrap.hovered .add-info p a {color: #fff;}
ul.team-socmed-list {display: inline-block; margin: 0 auto;}
ul.team-socmed-list > li {float: left; margin-right: 10px;}
ul.team-socmed-list > li:last-child {margin-right: 0;}
ul.team-socmed-list > li > a {display: inline-block; height: 17px; width: 25px;}
ul.team-socmed-list > li > a:hover {opacity: 0.8;}
ul.team-socmed-list > li > a.t-facebook {background: url(../images/icon/facebook-white.png) no-repeat center; background-size: auto 17px;}
ul.team-socmed-list.hovered > li > a.t-facebook {background: url(../images/icon/facebook-color.png) no-repeat center; background-size: auto 17px;}
ul.team-socmed-list > li > a.t-instagram {background: url(../images/icon/instagram-white.png) no-repeat center; background-size: auto 17px;}
ul.team-socmed-list.hovered > li > a.t-instagram {background: url(../images/icon/instagram-color.png) no-repeat center; background-size: auto 17px;}
ul.team-socmed-list > li > a.t-linkedin {background: url(../images/icon/linkedin-white.png) no-repeat center; background-size: auto 17px;}
ul.team-socmed-list.hovered > li > a.t-linkedin {background: url(../images/icon/linkedin-color.png) no-repeat center; background-size: auto 17px;}

#about-video-sfw {background: #f8f8f8;}
#about-video-sfw iframe {width: 100% !important; height: 450px !important;}

@media only screen and (max-width: 1200px) {
	ul#about-point-list > li {width: 31%; margin-right: 3.5%;}
	
	ul#about-team-list > li .name-wrap .socmed {width: 100px;}	
}

@media only screen and (max-width: 1024px) {
	#pt-caption {width: 52%;}
	
	ul#about-point-list > li {text-align: center; width: 30%; margin-right: 5%;}
	ul#about-point-list > li .img-wrap {float: none; width: 100%; margin-bottom: 20px;}
	ul#about-point-list > li .img-wrap img {margin: 0 auto; width: auto; max-width: 100px;}
	ul#about-point-list > li .desc-wrap {float: none; width: 100%;}
	
	ul#about-team-list > li .name-wrap {padding: 50px 20px 20px 20px;}
	ul#about-team-list > li .name-wrap .socmed {padding: 10px 15px 5px 15px;}
	ul.team-socmed-list > li {float: left; margin-right: 5px;}
	ul.team-socmed-list > li > a {width: 20px; height: 15px;}
	ul.team-socmed-list > li > a.t-facebook {background-size: auto 15px;}
	ul.team-socmed-list.hovered > li > a.t-facebook {background-size: auto 15px;}
	ul.team-socmed-list > li > a.t-instagram {background-size: auto 15px;}
	ul.team-socmed-list.hovered > li > a.t-instagram {background-size: auto 15px;}
	ul.team-socmed-list > li > a.t-linkedin {background-size: auto 15px;}
	ul.team-socmed-list.hovered > li > a.t-linkedin {background-size: auto 15px;}
}

@media only screen and (max-width: 768px) {
	#pages-title-top-sfw {display: none;}
	
	ul#about-point-list > li {width: 48%; margin-right: 4%;}
	ul#about-point-list > li:nth-child(3n) {margin-right: 4%;}
	ul#about-point-list > li:nth-child(3n + 1) {clear: none;}
	ul#about-point-list > li:nth-child(2n) {margin-right: 0;}
	ul#about-point-list > li:nth-child(2n + 1) {clear: both;}	
	
	ul#about-team-list > li {width: 48%; margin-right: 4%;}
	ul#about-team-list > li:nth-child(4n) {margin-right: 4%;}
	ul#about-team-list > li:nth-child(4n + 1) {clear: none;}	
	ul#about-team-list > li:nth-child(2n) {margin-right: 0;}
	ul#about-team-list > li:nth-child(2n + 1) {clear: both;}	
	
	#about-video-sfw iframe {height: 400px !important;}
}
@media only screen and (max-width: 500px) {
	ul#about-team-list > li {width: 100%; margin-right: 0;}
	
	ul#about-point-list > li {width: 46%; margin-right: 8%;}
	ul#about-point-list > li:nth-child(3n) {margin-right: 8%;}
	ul#about-point-list > li:nth-child(3n + 1) {clear: none;}
	ul#about-point-list > li:nth-child(2n) {margin-right: 0;}
	ul#about-point-list > li:nth-child(2n + 1) {clear: both;}	
	ul#about-point-list > li .img-wrap img {max-width: 80px;}
	ul#about-point-list > li .desc-wrap h5 {font-size: 16px; line-height: 24px;}
	
	ul#about-team-list > li .name-wrap {min-height: 100px;}
	ul#about-team-list > li .name-wrap h5 {font-size: 15px; line-height: 23px; margin-bottom: 0;}
	ul#about-team-list > li .name-wrap p {font-size: 12px; line-height: 17px;}
	ul#about-team-list > li .name-wrap .add-info p, ul#about-team-list > li .name-wrap .add-info p a {font-size: 12px; line-height: 18px;}
	
	ul#about-team-list > li .name-wrap .socmed {width: 75px;}	
	ul.team-socmed-list > li {float: left; margin-right: 3px;}
	ul.team-socmed-list > li > a {width: 20px; height: 13px;}
	ul.team-socmed-list > li > a.t-facebook {background-size: auto 13px;}
	ul.team-socmed-list.hovered > li > a.t-facebook {background-size: auto 13px;}
	ul.team-socmed-list > li > a.t-instagram {background-size: auto 13px;}
	ul.team-socmed-list.hovered > li > a.t-instagram {background-size: auto 13px;}
	ul.team-socmed-list > li > a.t-linkedin {background-size: auto 13px;}
	ul.team-socmed-list.hovered > li > a.t-linkedin {background-size: auto 13px;}
	
	#about-video-sfw iframe {height: 350px !important;}
}
/* /ABOUT */


/* SERVICE */
#service-cat-sfw {padding: 25px 0 15px 0; background: #c30d23; text-align: center;}
ul#service-cat-list {display: inline-block;}
ul#service-cat-list > li {float: left; margin-right: 50px; margin-bottom: 0;}
ul#service-cat-list > li:last-child {margin-right: 0;}
ul#service-cat-list > li > a {font-size: 14px; line-height: 22px; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid transparent; color: #fff; opacity: 1.0; font-family: 'TitleFont', Arial, Verdana; cursor: pointer;}
ul#service-cat-list > li > a:hover {opacity: 0.8; text-decoration: none;}
ul#service-cat-list > li > a.active, ul#service-cat-list > li a.active:hover {opacity: 1.0; border-bottom: 2px solid #fff; font-family: 'TitleBoldFont', Arial, Verdana; color: #fff; cursor: text;}
#service-cat-form {display: none;}

ul.service-list {}
ul.service-list > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
ul.service-list > li:nth-child(3n) {margin-right: 0;}
ul.service-list > li:nth-child(3n + 1) {clear: both;}
ul.service-list > li.no-result {float: none; width: 100%; text-align: center;}

#load-next-service-container {text-align: center; margin-top: 30px;}

#service-pic-sfw {background: #f8f8f8; padding-bottom: 60px;}
ul.service-pic-list {}
ul.service-pic-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px;}
ul.service-pic-list > li:nth-child(4n) {margin-right: 0;}
ul.service-pic-list > li:nth-child(4n + 1) {clear: both;}
ul.service-pic-list > li img {width: 100%; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden;
transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;}
ul.service-pic-list > li img:hover {
box-shadow: 0px 0px 15px #004667; -webkit-box-shadow: 0px 0px 15px #004667; -moz-box-shadow: 0px 0px 15px #004667; -o-box-shadow: 0px 0px 15px #004667;}
ul.service-pic-list > li p.pic-title {display: none;}
.fancybox-title.fancybox-title-outside-wrap {font-family: 'GeneralFont', Arial, Verdana; font-size: 20px; line-height: 28px; text-align: center;}

#service-video-sfw {}
#service-video-sfw.type2 {background: #f8f8f8;}
#service-video-sfw iframe {width: 100% !important; height: 450px !important;}

#service-other-list-sfw {padding-bottom: 60px;}
#service-other-list-sfw.type2 {background: #f8f8f8;}

@media only screen and (max-width: 1024px) {
	ul#service-cat-list > li {margin-right: 40px;}
	
	ul.service-list > li .gen-service-item.medium .img-wrap .cover .plus {display: none;}
	
	ul.service-list > li .gen-service-item .img-wrap .cover .title h5 {font-size: 15px; line-height: 23px;}
	ul.service-list > li .gen-service-item .img-wrap .cover .title p {font-size: 13px; line-height: 18px;}	
	
	ul.service-pic-list > li {width: 32%; margin-right: 2%;}
	ul.service-pic-list > li:nth-child(4n) {margin-right: 2%;}
	ul.service-pic-list > li:nth-child(4n + 1) {clear: none;}
	ul.service-pic-list > li:nth-child(3n) {margin-right: 0;}
	ul.service-pic-list > li:nth-child(3n + 1) {clear: both;}
}
@media only screen and (max-width: 768px) {	
	#service-cat-sfw  {padding: 25px 0;}
	ul#service-cat-list {display: none;}
	#service-cat-form {display: block;}
	#service-cat-form select {width: 450px;}
	
	
	ul.service-list > li {width: 48%; margin-right: 4%;}
	ul.service-list > li:nth-child(3n) {margin-right: 4%;}
	ul.service-list > li:nth-child(3n + 1) {clear: none;}	
	ul.service-list > li:nth-child(2n) {margin-right: 0;}
	ul.service-list > li:nth-child(2n + 1) {clear: both;}	
	
	ul.service-pic-list > li {width: 48%; margin-right: 4%;}
	ul.service-pic-list > li:nth-child(3n) {margin-right: 4%;}
	ul.service-pic-list > li:nth-child(3n + 1) {clear: none;}
	ul.service-pic-list > li:nth-child(2n) {margin-right: 0;}
	ul.service-pic-list > li:nth-child(2n + 1) {clear: both;}
	
	#service-video-sfw iframe {height: 400px !important;}
	
	#service-pic-sfw {padding-bottom: 40px;}
}
@media only screen and (max-width: 500px) {
	#service-cat-form select {width: 300px;}	
	
	ul.service-list > li {width: 100%; margin-right: 0;}
	ul.service-list > li .gen-service-item .img-wrap .cover .title {left: 20px; bottom: 20px;}
	
	#service-video-sfw iframe {height: 350px !important;}
	
	#service-pic-sfw {padding-bottom: 20px;}
}
/* /SERVICE */


/* BLOG */
#blog-list-sfw {}
#blog-list-ct {float: left; width: 70%;}
#blog-sidebar-ct {float: right; width: 25%;}

ul#blog-list {}
ul#blog-list > li {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #efefef;}
.blog-item .img-wrap {position: relative; margin-bottom: 20px;}
.blog-item .img-wrap img {display: block; width: 100%;}
.blog-item .info-wrap {margin-bottom: 20px;}
p.blog-info {display: inline-block; font-size: 13px; line-height: 18px; font-family: 'TitleFont', Arial, Verdana; color: #989898; margin-right: 40px;}
p.blog-info.blinfo-view {padding-left: 22px; background: url(../images/icon/view.png) no-repeat left center; color: #c30d23; margin-right: 0;}
.blog-item .desc-wrap {}
.blog-item .desc-wrap h4 {font-size: 30px; line-height: 38px; color: #222222; margin-bottom: 20px; font-family: 'TitleBoldFont', Arial, Verdana;}
.blog-item .desc-wrap h5, .blog-item .desc-wrap h5 a {font-size: 22px; line-height: 30px; color: #222222; margin-bottom: 10px; font-family: 'TitleBoldFont', Arial, Verdana;}
.blog-item .desc-wrap h5 a:hover {color: #c30d23; text-decoration: none;}
.blog-item .desc-wrap a.read-more {font-size: 14px; line-height: 18px; font-family: 'BoldFont', Arial, Verdana; color: #c30d23; margin-top: 30px; display: inline-block;}

h5.sidebar-title {font-size: 22px; line-height: 30px; padding-left: 25px; background: url(../images/icon/dot.png) no-repeat left center; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 30px;}
ul#pop-blog-list {}
ul#pop-blog-list > li {margin-bottom: 20px;}
ul#pop-blog-list > li:last-child {margin-bottom: 0;}
ul#pop-blog-list > li .img-wrap {float: left; width: 25%; margin-top: 2px;}
ul#pop-blog-list > li .img-wrap img {display: block; width: 100%;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
ul#pop-blog-list > li .desc-wrap {float: right; width: 68%; padding-bottom: 20px; border-bottom: 1px solid #efefef;}
ul#pop-blog-list > li .desc-wrap h5, ul#pop-blog-list > li .desc-wrap h5 a {font-size: 15px; line-height: 21px; margin-bottom: 10px; color: #222222; font-family:' TitleBoldFont', Arial, Verdana;}
ul#pop-blog-list > li .desc-wrap h5 a:hover {color: #c30d23; text-decoration: none;}
ul#pop-blog-list > li .desc-wrap p {font-size: 12px; line-height: 15px; color: #919191;}

.nextprev-sfw {height: 45px; background: url(../images/icon/sep-line.png) repeat-x center; background-size: auto 3px; position: relative; margin-bottom: 80px;}
.nextprev-sfw .prev {position: absolute; left: 0; top: 0; box-sizing: border-box; height: 45px; border: 1px solid #c30d23; padding: 5px; width: 60px; background: url(../images/icon/arrow-prev-white.png) no-repeat 20px center #c30d23; background-size: 9px 16px; cursor: pointer; border-left: 1px solid transparent;
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-top-right-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-top-right-radius: 30px; -o-border-top-right-radius: 30px;
border-bottom-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -o-border-bottom-right-radius: 30px;}
.nextprev-sfw .prev:hover {background-color: #ab0b1f; background-position: 13px center; border: 1px solid #ab0b1f;}
.nextprev-sfw .next {position: absolute; right: 0; top: 0; box-sizing: border-box; height: 45px; border: 1px solid #c30d23; padding: 5px; width: 60px; background: url(../images/icon/arrow-next-white.png) no-repeat 26px center #c30d23; background-size: 9px 16px; cursor: pointer; border-right: 1px solid transparent;
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-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; -o-border-top-left-radius: 30px;
border-bottom-left-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-bottom-left-radius: 30px; -o-border-bottom-left-radius: 30px;}
.nextprev-sfw .next:hover {background-color: #ab0b1f; background-position: 33px center; border: 1px solid #ab0b1f;}
.nextprev-sfw .allpost {position: absolute; left: 50%; transform: translate(-50%);}
.nextprev-sfw .allpost a.gen-btn {padding: 17px 30px;}

@media only screen and (max-width: 1024px) {	
	#blog-list-ct {float: left; width: 65%;}
	#blog-sidebar-ct {float: right; width: 30%;}
}
@media only screen and (max-width: 768px) {
	#blog-list-ct {float: none; width: 100%;}
	#blog-sidebar-ct {display: none;}
	
	.blog-item .desc-wrap h4 {font-size: 26px; line-height: 34px;}
}
@media only screen and (max-width: 500px) {
	.blog-item .desc-wrap h4 {font-size: 22px; line-height: 30px;}
}

/* /BLOG */


/* GALLERY */
#gallery-top-sfw {}

#gallery-item-sfw {background: #f8f8f8; padding-bottom: 60px;}
ul.gallery-item-list {}
ul.gallery-item-list > li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px;}
ul.gallery-item-list > li:nth-child(4n) {margin-right: 0;}
ul.gallery-item-list > li:nth-child(4n + 1) {clear: both;}
ul.gallery-item-list > li img {width: 100%; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden;
transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px;}
ul.gallery-item-list > li img:hover {
box-shadow: 0px 0px 15px #004667; -webkit-box-shadow: 0px 0px 15px #004667; -moz-box-shadow: 0px 0px 15px #004667; -o-box-shadow: 0px 0px 15px #004667;}
ul.gallery-item-list > li p.pic-title {display: none;}
.fancybox-title.fancybox-title-outside-wrap {font-family: 'GeneralFont', Arial, Verdana; font-size: 20px; line-height: 28px; text-align: center;}

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

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


/* FAQ */
#faq-list-sfw {}
ul#faq-list {}
ul#faq-list > li {margin-bottom: 15px; padding: 25px 30px 30px 30px; border: 1px solid #bfbfbf; cursor: pointer;}
ul#faq-list > li:last-child {margin-bottom: 0;}
ul#faq-list > li:hover {border: 1px solid #c30d23;}
ul#faq-list > li.opened, ul#faq-list > li.opened:hover {border: 1px solid #c30d23; cursor: default;}
ul#faq-list > li .question h5 {font-size: 20px; line-height: 28px; color: #222222; margin-bottom: 0;}
ul#faq-list > li:hover .question h5 {color: #c30d23;}
ul#faq-list > li.opened .question h5, ul#faq-list > li.opened:hover .question h5 {color: #c30d23; font-family: 'TitleBoldFont', Arial, Verdana;}
ul#faq-list > li .answer {margin-top: 30px; display: none;}

@media only screen and (max-width: 768px) {
	ul#faq-list > li {padding: 20px 25px 25px 25px;}
	ul#faq-list > li .question h5 {font-size: 18px; line-height: 26px;}
	ul#faq-list > li .answer {margin-top: 20px;}
}
@media only screen and (max-width: 500px) {
	ul#faq-list > li .question h5 {font-size: 16px; line-height: 24px;}	
}
/* /FAQ */


/* CONTACT */
#contact-detail-sfw {}

#contact-form-ct {float: left; width: 65%;}
#contact-info-ct {float: right; width: 30%;}

.contact-info {margin-bottom: 40px;}
#contact-info-ct .contact-info:last-child {margin-bottom: 0;}
.contact-info p {padding-left: 68px; font-size: 13px; line-height: 21px; font-family: 'TitleFont', Arial, Verdana; color: #383838;}
.contact-info p a {font-size: 13px; line-height: 21px; font-family: 'TitleFont', Arial, Verdana; color: #383838;}
.contact-info p span {font-size: 18px; line-height: 26px; display: inline-block; margin-bottom: 5px; font-family: 'BoldFont', Arial, Verdana; color: #383838;}
.contact-info p.ct-location {background: url(../images/icon/ct-location.png) no-repeat left 5px; background-size: 50px 50px;}
.contact-info p.ct-phone {background: url(../images/icon/ct-phone.png) no-repeat left 5px; background-size: 50px 50px;}
.contact-info p.ct-email {background: url(../images/icon/ct-email.png) no-repeat left 5px; background-size: 50px 50px;}

#contact-gmap-sfw {margin-bottom: -7px;}
#gmap-frame iframe {width: 100%; height: 450px !important;}

@media only screen and (max-width: 1024px) {	
	#contact-form-ct {float: left; width: 60%;}
	#contact-info-ct {float: right; width: 35%;}
}
@media only screen and (max-width: 768px) {
	#contact-form-ct, #contact-info-ct {float: none; width: 100%; margin: 0;}
	#contact-form-ct {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #7f7f7f;}
	
	.contact-info {width: 30%; margin-right: 5%; float: left; margin-bottom: 0;}
	#contact-info-ct .contact-info:nth-child(3n) {margin-right: 0;}
	.contact-info p {padding-left: 0; padding-top: 60px; text-align: center; font-size: 12px; line-height: 20px;}
	.contact-info p.ct-location {background: url(../images/icon/ct-location.png) no-repeat top center; background-size: 45px 45px;}
	.contact-info p.ct-phone {background: url(../images/icon/ct-phone.png) no-repeat top center; background-size: 45px 45px;}
	.contact-info p.ct-email {background: url(../images/icon/ct-email.png) no-repeat top center; background-size: 45px 45px;}
	.contact-info p span {margin-bottom: 10px; font-size: 16px; line-height: 24px;}
	
	#gmap-frame iframe {height: 400px !important;}
}
@media only screen and (max-width: 500px) {
	.contact-info {float: none; width: 100%; margin-right: 0; margin-bottom: 40px;}
	#contact-info-ct .contact-info:last-child {margin-bottom: 0;}	
	.contact-info p {padding-left: 60px; padding-top: 0; text-align: center; font-size: 12px; line-height: 20px; text-align: left;}
	.contact-info p.ct-location {background: url(../images/icon/ct-location.png) no-repeat left 4px; background-size: 45px 45px;}
	.contact-info p.ct-phone {background: url(../images/icon/ct-phone.png) no-repeat left 4px; background-size: 45px 45px;}
	.contact-info p.ct-email {background: url(../images/icon/ct-email.png) no-repeat left 4px; background-size: 45px 45px;}
	.contact-info p span {margin-bottom: 5px;}
	
	#contact-form .gen-form-row.half {width: 100%; margin-right: 0;}
	
	#gmap-frame iframe {height: 350px !important;}
}
/* /CONTACT */


/* FOOTER */
#footer {background: #002741; padding: 60px 0 15px 0;}
#footer-top {}
#ft-col-1 {float: left; width: 35%; box-sizing: border-box; padding-right: 60px; position: relative;}
#ft-col-2 {float: left; width: 35%; box-sizing: border-box; padding-right: 60px; position: relative;}
#ft-col-3 {float: right; width: 30%; box-sizing: border-box; position: relative;}
#footer h5 {color: #fff; font-family: 'TitleBoldFont', Arial, Verdana; font-size: 22px; line-height: 30px; margin-bottom: 20px; padding-left: 25px; background: url(../images/icon/dot.png) no-repeat left center;}
#footer p {color: #dfdfdf; font-size: 14px; line-height: 22px;}
.ft-info, .ft-info a {font-size: 14px; line-height: 22px; margin-bottom: 15px; color: #dfdfdf;}
#ft-col-1 .ft-info:last-child {margin-bottom: 0;}
.finf-label {float: left; width: 20%; color: #f4112d; font-family: 'BoldFont', Arial, Verdana;}
.finf-sep {float: left; width: 5%; color: #f4112d; font-family: 'BoldFont', Arial, Verdana;}
.finf-value {float: left; width: 60%; color: #dfdfdf;}
.finf-value a {color: #dfdfdf;}

#ft-col-2-left {float: left; width: 100%;}
ul.footer-nav-list {}
ul.footer-nav-list > li {margin-bottom: 8px; float: left; width: 48%; margin-right: 4%;}
ul.footer-nav-list > li:nth-child(2n) {margin-right: 0;}
ul.footer-nav-list > li:nth-child(2n + 1) {clear: both;}
ul.footer-nav-list > li:last-child {margin-bottom: 0;}
ul.footer-nav-list > li > a {color: #dfdfdf; font-size: 14px; line-height: 22px;}
ul.footer-nav-list > li > a:hover {text-decoration: none; color: #fff;}

ul#ft-socmed-list {}
ul#ft-socmed-list > li {float: left; margin-right: 5px;}
ul#ft-socmed-list > li:last-child {margin-right: 0;}
ul#ft-socmed-list > li img {width: 38px; height: 38px; -webkit-backface-visibility: hidden;
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#ft-socmed-list > li img:hover {opacity: 0.8;}
/* ul#ft-socmed-list > li {}
ul#ft-socmed-list > li:last-child {margin-bottom: 0;}
ul#ft-socmed-list > li > a {display: inline-block; font-size: 14px; line-height: 38px; color: #bfbfbf; padding-left: 55px;}
ul#ft-socmed-list > li > a:hover {text-decoration: none; color: #fff;}
ul#ft-socmed-list > li > a.f-facebook {background: url(../images/icon/f-facebook.png) no-repeat left center;}
ul#ft-socmed-list > li > a.f-twitter {background: url(../images/icon/f-twitter.png) no-repeat left center;}
ul#ft-socmed-list > li > a.f-instagram {background: url(../images/icon/f-instagram.png) no-repeat left center;}
ul#ft-socmed-list > li > a.f-youtube {background: url(../images/icon/f-youtube.png) no-repeat left center;} */

#footer-bottom {margin-top: 40px; padding-top: 15px; border-top: 1px dotted #7f7f7f;}
#footer-bottom p {color: #dfdfdf; font-size: 12px; line-height: 16px;}
#footer-bottom p a {color: #f4112d; font-size: 12px; line-height: 16px;}
#footer-bottom p a:hover {text-decoration: underline;}
#f-copyright {float: left;}
#f-powered {float: right;}

@media only screen and (max-width: 1200px) {
	#ft-col-1 {width: 30%;}
	#ft-col-2 {width: 45%;}
	#ft-col-3 {width: 25%;}
}
@media only screen and (max-width: 1024px) {
	#ft-col-2 {display: none;}
	#ft-col-1 {width: 65%;}
	#ft-col-3 {width: 30%; float: right;}	
}
@media only screen and (max-width: 768px) {
	#f-copyright, #f-powered {float: none; width: 100%; margin: 0; text-align: center;}
}
@media only screen and (max-width: 600px) {
	#ft-col-1, #ft-col-3 {float: none; width: 100%; margin: 0;}
	#ft-col-1 {margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px dotted #7f7f7f;}
	
	#footer-bottom p, #footer-bottom p a {font-size: 11px; line-height: 15px;}
}

/* /FOOTER */


/* PAGINATION */
.pagination-sfw {margin-top: 50px;}
.pagination-list {}
.pagination-list.centered {display: inline-block; margin: 0 auto;}
.pagination-list li {float: left; margin-bottom: 5px; margin-right: 20px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {font-size: 18px; line-height: 18px; color: #c30d23; display: inline-block; font-family: 'TitleFont', Arial, Verdana; color: #999999;
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; color: #c30d23;}
.pagination-list li a.active, .pagination-list li a.active:hover {color: #c30d23; font-family: 'TitleBoldFont', Arial, Verdana;}

@media only screen and (max-width: 500px) {
	.pagination-list li a.edge {display: none;}
	.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 */


/* 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: 40%; box-sizing: border-box; padding: 40px; background: #ffffff; z-index: 10000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 30px; line-height: 36px; font-family: 'BoldFont', Arial, Verdana; color: #333333; margin-bottom: 20px;}
.notification-content p, .notification-content2 p {font-size: 18px; line-height: 26px; margin-bottom: 0px; font-family: 'GeneralFont', Arial, Verdana; color: #333333;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'GeneralFont', Arial, Verdana;}

.notif-success h3, .notif-success2 h3 {padding-top: 100px; background: url(../images/icon/success-notif.png) no-repeat top center; background-size: auto 72px;}
a.notification-close-btn {margin-top: 15px; cursor: pointer;}
a.notification-close-btn.gen-btn {padding: 12px 35px;}

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

@media only screen and (max-width: 1024px) {
	.notification-content, .notification-content2 {width: 450px;}
	.notification-content h3, .notification-content2 h3 {font-size: 28px;}
	.notification-content p, .notification-content2 p {font-size: 16px; line-height: 24px;}
}

@media only screen and (max-width: 500px) {
	.notification-content, .notification-content2 {width: 280px; padding: 30px;}
	.notification-content h3, .notification-content2 h3 {font-size: 24px; line-height: 32px;}
	.notification-content p, .notification-content2 p {font-size: 14px; line-height: 22px;}
}
/* /OVERLAY NOTIFICATION */


/* NOT FOUND */
#not-found-sfw {}
/* /NOT FOUND */


/* ADDITIONAL */
#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%);}
/* /ADDITIONAL */


/* FLOATING WA */
.sticky-wa {position: fixed; right: 0; bottom: 70px; z-index: 2000; height: 73px; width: 100px;}
.sticky-wa img {width: 73px; height: 73px; position: absolute; right: 15px; z-index: 2001;
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;}
.sticky-wa 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: 15px; line-height: 50px; background: #1bd741; text-align: center; padding-left: 0; padding-right: 0;
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;}
.ste-text a:hover {text-decoration: underline;}
.ste-text a.opened {padding-left: 40px; padding-right: 30px; width: 60px;}

@media only screen and (max-width: 500px) {
	.sticky-wa {bottom: 50px;}
	.sticky-wa img {width: 57px; height: 57px;}
	.sticky-wa img.opened {right: 75px;}
	.ste-text {margin-top: 10px;}
	.ste-text a {font-size: 12px; line-height: 40px;}
	.ste-text a.opened  {width: 50px; padding-left: 20px; padding-right: 20px;}
}
/* /FLOATING WA */