/* INITIAL CSS */
body {color: #212528; font-family: 'GeneralFont', Arial, Verdana; font-size: 16px; 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: #484a46;}
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: 44px; line-height: 50px; margin-bottom: 20px;}
h2 {font-size: 40px; line-height: 46px; margin-bottom: 20px;}
h3 {font-size: 36px; line-height: 42px; margin-bottom: 20px;}
h4 {font-size: 32px; line-height: 38px; margin-bottom: 20px;}
h5 {font-size: 28px; line-height: 34px; margin-bottom: 20px;}
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: 40px; line-height: 46px;}
	h2 {font-size: 36px; line-height: 42px;}
	h3 {font-size: 32px; line-height: 38px;}
	h4 {font-size: 28px; line-height: 34px;}
	h5 {font-size: 24px; line-height: 30px;}
}

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

p, p a {font-size: 16px; color: #212528; line-height: 25px;}
p a:hover {text-decoration: underline; color: #212528;}
a {color: #ed1c24; font-size: 16px; line-height: 25px; 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: #0b9444; text-decoration: underline;}

.cl-secondary {color: #ed1c24;}
.cl-ternary {color: #0b9444;}
.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: 900px; margin: 0 auto; position: relative;}
.wrap-medium {width: 1024px; margin: 0 auto; position: relative;}
.wrap-ss {width: 500px; 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%;}
	.wrap-medium {width: 95%;}
}

@media only screen and (max-width: 900px) {
	.wrap-small {width: 95%;}
}
@media only screen and (max-width: 500px) {
	.wrap-ss {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: 16px; color: #212528; 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: 24px; line-height: 32px; font-family: 'GeneralFont', Arial, Verdana; margin-bottom: 15px;}
.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: #ed1c24;}
.wysiwyg-content a:hover {color: #ed1c24; text-decoration: underline;}
.wysiwyg-content p a {color: #484a46;}
.wysiwyg-content p a:hover {color: #ed1c24;}
.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: 768px) {
	.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 21px; line-height: 26px;}
}
@media only screen and (max-width: 500px) {
	.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: 21px;}
}
/* /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: #212528; 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: #212528; width: 100%; font-size: 14px; line-height: 20px; padding: 14px 20px; box-sizing: border-box; border: 1px solid #bfbfbf;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;}
.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 #ed1c24;}
.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: 12px; line-height: 12px; font-family: 'TitleBoldFont', Arial, Verdana; color: #fff; display: inline-block; padding: 15px 30px; background: #ed1c24; border: none; text-align: center; cursor: pointer; border: 2px solid transparent;
transition: background 0.2s linear; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;}
.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: #ed1c24; background: #fff; border: 2px solid #ed1c24; 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: #212528; 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: #212528; 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: #484a46; 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: #b0b0b0; font-family: 'GeneralFont';}
::-moz-placeholder { color: #b0b0b0; opacity: 1.0; font-family: 'GeneralFont';}
:-ms-input-placeholder { color: #b0b0b0; font-family: 'GeneralFont';}

.gen-form select {font-size: 16px; line-height: 16px; font-family: 'GeneralFont', Arial, Verdana; color: #212528; 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: #212528; 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: #484a46; font-family: 'GeneralFont'; box-sizing: border-box; padding: 10px 20px 5px 20px; z-index: 1000; min-width: 120px; text-align: center; border: 1px solid #484a46;
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: #484a46;}
.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: #212528; 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 {background: none; color: #ed1c24; border: 2px solid #ed1c24;}
a.gen-btn.gbtn-hollow:hover {background: #ed1c24; color: #fff;}
a.gen-btn.gbtn-hollow-white {background: none; color: #fff; border: 2px solid #fff;}
a.gen-btn.gbtn-hollow-white:hover {background: #fff; color: #ed1c24;}
a.gen-btn.gbtn-hollow-black {background: none; color: #212528; border: 2px solid #212528;}
a.gen-btn.gbtn-hollow-black:hover {background: #212528; color: #fff;}
/* /INLINE STYLE */
/* /FORM */


/* UNDER CONSTRUCTION */
#under-cons-ct {}
#under-cons-ct-resp {display: none;}

@media only screen and (max-width: 768px) {
	#under-cons-ct {display: none;}
	#under-cons-ct-resp {display: block;}
}
/* /UNDER CONSTRUCTION */


/* HEADER */
#header {position: absolute; top: 0; z-index: 1000; left: 50%; transform: translateX(-50%); width: 50%; padding: 10px 0;}
#header.type2 {background: #000; left: 0; transform: none; width: 100%; position: relative;}

img#logo {display: block; margin: 0 auto; max-height: 55px;}
p#logo-title {font-size: 25px; line-height: 33px; color: #fff; text-align: center;}

@media only screen and (max-width: 1200px) {
	img#logo {max-height: 45px;}
	#header {position: relative; left: 0; transform: none; background: #000000; width: 100%;}
	p#logo-title {margin-top: 10px; font-size: 22px; line-height: 30px; margin-top}
}

@media only screen and (max-width: 500px) {
	img#logo {max-height: 35px;}
	p#logo-title {font-size: 16px; height: 24px; margin-top: 3px;}
}
/* /HEADER */


/* SLIDESHOW */
#dsec-home {}

#slideshow-sfw
.slideshow-list-container {}
.slideshow-item {}
.slideshow-item iframe {width: 100% !important; height: 92vh !important; display: block;}
.slideshow-item img.featured {width: 100%; display: block;}
.slideshow-item img.thumb {display: none;}

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

@media only screen and (max-width: 768px) {
	.slideshow-item iframe {height: 70vh !important;}
	.slideshow-list-container .slick-dots li  {margin: 0 5px;}
	
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.thumb {width: 100%; display: block;}
}

@media only screen and (max-width: 500px) {
	.slideshow-item iframe {height: 68vh !important;}
}
/* /SLIDESHOW */


/* HOME CAP 1 */
#home-cap-1-sfw {background: #2f3337; padding: 10px 0;}
#home-cap-1-sfw p {text-align: center; color: #fff; font-size: 20px; line-height: 25px;}

@media only screen and (max-width: 1024px) {
	#home-cap-1-sfw p {font-size: 18px; line-height: 23px;}
}

@media only screen and (max-width: 768px) {
	#home-cap-1-sfw p {font-size: 16px; line-height: 20px;}
}
/* /HOME CAP 1 */


/* HOME CAP 2 */
#home-cap-2-sfw {background: #000; padding: 8px 0; position: fixed; bottom: 0; z-index: 5000;}
#home-cap-2-sfw p, #home-cap-2-sfw p a {font-size: 13px; line-height: 18px; color: #fff;}
#home-cap-2-sfw p a:hover {color: #fff; text-decoration: underline;}
a.wa-icon {display: inline-block; margin-left: 5px; padding-left: 25px; background: url(../images/icon/wa-small.png) no-repeat left center; background-size: auto 18px;}

#home-cap-2-col-1 {float: left; width: 18%; margin-right: 3%; position: relative;}
img#cap-2-logo {height: 23px; margin-top: 8px;}

#home-cap-2-col-2 {float: left; width: 45%; margin-right: 3%;}
#home-cap-2-col-2 p, #home-cap-2-col-2 p a {font-size: 13px; line-height: 25px; margin-top: 10px;}

#home-cap-2-col-3 {float: right; width: 30%;}
#home-cap-2-col-3 p {font-family: 'LightFont', Arial, Verdana; font-size: 10px; line-height: 13px;}
#home-cap-2-col-3 p b {font-family: 'MediumFont', Arial, Verdana; font-size: 12px; line-height: 15px;}

@media only screen and (max-width: 1200px) {
	#home-cap-2-col-1 {display: none;}
	
	#home-cap-2-col-2 {width: 45%; margin-right: 0;}
	#home-cap-2-col-2 p{margin-top: 3px;}
	#home-cap-2-col-2 p, #home-cap-2-col-2 p a {font-size: 13px; line-height: 18px;}
	#home-cap-2-col-2 p span {display: block;}
	#home-cap-2-col-3 {width: 45%; margin-right: 0;}
}

@media only screen and (max-width: 768px) {
	#home-cap-2-col-2, #home-cap-2-col-3 {width: 100%; margin: 0; text-align: center;}
	#home-cap-2-col-2 p span  {display: inline;}
	#home-cap-2-col-2 {margin-bottom: 10px;}
}
@media only screen and (max-width: 500px) {
	#home-cap-2-col-2 p, #home-cap-2-col-2 p a {font-size: 12px; line-height: 15px;}
	#home-cap-2-col-2 p span {display: block;}
	#home-cap-2-col-2 {margin-bottom: 12px;}
	#home-cap-2-col-3 p {font-size: 10px; line-height: 12px;}
	#home-cap-2-col-3 p b {font-size: 11px; line-height: 14px;}
}

/* /HOME CAP 2 */


/* ABOUT 1 */
#about-1-sfw {}
.sfw.with-pdtb {padding: 60px 0;}
.updateable-bg {background-size: cover !important;}

img.img-bg-updateable {display: none;}
h2.section-title {color: #212528; font-family: 'BoldFont', Arial, Verdana;}
h2.section-title.cl-white {color: #fff;}
h2.section-title.big {font-family: 'BoldFont', Arial, Verdana; color: #fff; text-align: center; letter-spacing: 5px; background: #2f3337; margin-bottom: 0; padding: 25px 0;}

@media only screen and (max-width: 768px) {
	.sfw.with-pdtb {padding: 50px 0;}
}
@media only screen and (max-width: 500px) {
	.sfw.with-pdtb {padding: 40px 0;}
}

/* /ABOUT 1 */


/* ABOUT 2 */
#about-2-sfw {}
#about-2-sfw .inner {text-align: right; width: 65%;}

@media only screen and (max-width: 768px) {
	#about-2-sfw .inner {width: 80%;}
}
@media only screen and (max-width: 500px) {
	#about-2-sfw .inner {width: 85%;}
}
/* /ABOUT 2 */


/* SOLUTION */
#solution-sfw {}

#solution-list-sfw {}

ul#solution-list {}
ul#solution-list > li {float: left; width: 45%; margin-right: 10%; margin-bottom: 50px; text-align: center;}
ul#solution-list > li:nth-child(2n) {margin-right: 0;}
ul#solution-list > li:nth-child(2n + 1) {clear: both;}
ul#solution-list > li h3 {font-family: 'BoldFont', Arial, Verdana; color: #000000; margin-bottom: 15px;}
ul#solution-list > li h3 span {display: block; font-size: 20px; line-height: 28px; margin-top: 5px;}
ul#solution-list > li p {font-size: 24px; line-height: 32px; color: #000000;}

@media only screen and (max-width: 768px) {
	#solution-list-sfw .wrap-small {width: 480px}
	ul#solution-list > li {float: none; width: 100%; margin-right: 0;}
	ul#solution-list > li:last-child {margin-bottom: 0;}
	ul#solution-list > li h3 {margin-bottom: 10px;}
	ul#solution-list > li p {font-size: 21px; line-height: 28px;}
}

@media only screen and (max-width: 500px) {
	#solution-list-sfw .wrap-small {width: 95%;}
	ul#solution-list > li p {font-size: 18px; line-height: 24px;}
}
/* /SOLUTION */


/* IG POST */
#igpost-sfw {background: #030403;}

#igacc-link-ct {text-align: center; margin-top: 40px;}
#igacc-link-ct a {display: inline-block; margin: 0 auto; font-size: 24px; line-height: 32px; color: #fff; padding-left: 45px; background: url(../images/icon/ig.png) no-repeat left center; background-size: 30px 30px;}
#igacc-link-ct a:hover {text-decoration: underline;}
#igacc-link-ct a.st:hover {text-decoration: none;}
/* /IG POST */


/* PORTFOLIO */
#portfolio-sfw {padding-bottom: 80px;}

#portfolio-list-sfw {}

ul#portfolio-list {}
ul#portfolio-list > li {float: left; width: 25%; height: 150px; position: relative; margin-bottom: 10px;}
ul#portfolio-list > li img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 85%; max-height: 85%;}

@media only screen and (max-width: 1024px) {
	ul#portfolio-list > li {width: 25%;}
}
@media only screen and (max-width: 768px) {
	#portfolio-sfw {padding-bottom: 120px;}
	
	ul#portfolio-list > li {width: 33.333%;}
	ul#portfolio-list > li:nth-child(3n) {width: 33.334%;}
	ul#portfolio-list > li:nth-child(3n + 1) {clear: both;}
}
@media only screen and (max-width: 500px) {
	#portfolio-sfw {padding-bottom: 150px;}
	ul#portfolio-list > li {width: 50%;}
	ul#portfolio-list > li:nth-child(3n) {width: 50%;}
	ul#portfolio-list > li:nth-child(3n + 1) {clear: none;}
	ul#portfolio-list > li:nth-child(2n + 1) {clear: both;}
}
/* /PORTFOLIO */


/* FOOTER */
#footer {}
/* /FOOTER */



/* FLOATING WA */
.sticky-wa {position: fixed; right: 0; bottom: 75px; 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: 768px) {	
	.sticky-wa img {width: 60px; height: 60px;}
	.sticky-wa {bottom: 90px;}
	.ste-text {margin-top: 5px;}
	.ste-text {margin-top: 10px;}
	.ste-text a {font-size: 13px; line-height: 40px;}
}

@media only screen and (max-width: 500px) {
	.sticky-wa {bottom: 110px;}
	.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 */