/* 

Main Stylesheet

Created By: Dimbleweb

*/



/* INITIAL CSS */

body {color: #797979; font-family: 'GeneralFont', Arial, Verdana; font-size: 16px; line-height: 22px; position: relative;}



h1, h2, h3, h4, h5, h6 {font-weight: 100; font-family: 'BoldFont';}

h1 {font-size: 44px; line-height: 52px; margin-bottom: 15px;}

h2 {font-size: 40px; line-height: 48px; margin-bottom: 15px;}

h3 {font-size: 36px; line-height: 46px; margin-bottom: 15px;}

h4 {font-size: 32px; line-height: 42px; margin-bottom: 15px;}

h5 {font-size: 28px; line-height: 38px; margin-bottom: 15px;}

.ft-med-size {font-size: 18px; line-height: 30px; font-weight: 100;}

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

.ft-bold-regular2{font-family: 'BoldFont2', Arial, Verdana;}

h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb {margin-bottom: 0px;}

p, p a {font-size: 20px; color: #797979; line-height: 28px;}

p a:hover {text-decoration: underline; color: #b51d1b;}

p.ft-big {font-size: 24px; line-height: 34px;}

a {color: #d73432; font-size: 20px; line-height: 28px; text-decoration: none;

transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}

a:hover {color: #50493c; text-decoration: underline;}

a.pt {cursor: pointer;}

a.no-td:hover {text-decoration: none !important;}

small {font-size: 11px;}



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

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



b, strong {font-family: 'BoldFont';}

i, em {font-family: 'ItalicFont' !important;}

b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont';}

img.full-width {width: 100%;}

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



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



.ta-center {text-align: center;}

.ta-left {text-align: left;}

.ta-right {text-align: right;}

.fl-left {float: left;}

.fl-right {float: right;}

.fl-clear {clear: both;}

.dmb-img-wrap {position: relative; width: 100%; height: 100%; background: transparent;}

.dmb-img-wrap img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.dmb-img-wrap-2 {position: relative; width: 100%; height: 100%; background: transparent;}

.dmb-img-wrap-2 img {position: absolute; top:0; bottom: 15%; left: 0; right: 0; margin: auto;}



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

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



.cl-white {color: #fff;}

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

.cl-white a:hover {text-decoration: underline;}

.cl-black {color: #000;}



img.gen-img {max-width: 100%; display: block;}

.mlr-auto {margin: 0 auto;}



.col-pd-left {width: 95%; padding-left: 5%;}

.col-pd-right {width: 95%; padding-right: 5%;}

.col-pd-left-2 {width: 97.5%; padding-left: 2.5%;}

.col-pd-right-2 {width: 97.5%; padding-right: 2.5%;}

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

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



.cl-secondary {color: #d73432;}

.cl-ternary {color: #b51d1b;}



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

/* /INITIAL CSS */





/* GENERAL LAYOUT CSS */

.wrap {width: 1170px; margin: 0 auto; position: relative;}

.wrap-2 {width: 768px; margin: 0 auto; position: relative;}

.wrap-3 {width: 960px; margin: 0 auto; position: relative;}



@media only screen and (max-width: 1170px) {

	.wrap {width: 95%;}

}



@media only screen and (max-width: 960px) {

	.wrap-3 {width: 95%;}

}



@media only screen and (max-width: 768px) {

	.wrap-2 {width: 95%;}

}





.container {width: 100%; float: left;}

.section {clear: both; padding: 0px; margin: 0px;}

.group:before, .group:after {content: ""; display: table;}

.group:after {clear: both;}

.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}



.dmb-col {display: block; float: left; margin: 0% 0 0% 1.6%; position: relative;}

.dmb-col.first-col {margin-left: 0;}

.dmb-col:first-child {margin-left: 0;} /* all browsers except IE6 and lower */

@media only screen and (max-width: 480px) {

	.dmb-col {margin: 1% 0 1% 0%;}

	.dmb-col.mbtm40 {margin-bottom: 40px;}

	.dmb-col.mbtm30 {margin-bottom: 30px;}

	.dmb-col.mbtm20 {margin-bottom: 20px;}

	.dmb-col.mbtm10 {margin-bottom: 10px;}

	.dmb-col.no-m {margin: 0;}

}



.cl-brown {color: #5c3d38 !important;}

.cl-white {color: #fff !important;}

.cl-green {color: #177c0a !important;}

/* /GENERAL LAYOUT CSS */





/* TWO COLUMNS CSS */

.span_1_of_2 {width: 49.2%;}

.span_2_of_2 {width: 100%;}

@media only screen and (max-width: 480px) {

	.span_2_of_2, .span_1_of_2 {width: 100%;}

}

/* /TWO COLUMNS CSS */





/* THREE COLUMNS CSS */

.span_3_of_3 {width: 100%;}

.span_2_of_3 {width: 66.13%;}

.span_1_of_3 {width: 32.26%;}

@media only screen and (max-width: 480px) {

	.span_3_of_3, .span_2_of_3, .span_1_of_3 {width: 100%;}

}

/* /THREE COLUMNS CSS */





/* FOUR COLUMNS CSS */

.span_4_of_4 {width: 100%;}

.span_3_of_4 {width: 74.6%;}

.span_2_of_4 {width: 49.2%;}

.span_1_of_4 {width: 23.8%;}

@media only screen and (max-width: 480px) {

	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {width: 100%;}

}

/* /FOUR COLUMNS CSS */





/* FIVE COLUMNS CSS */

.span_5_of_5 {width: 100%;}

.span_4_of_5 {width: 79.68%;}

.span_3_of_5 {width: 59.36%;}

.span_2_of_5 {width: 39.04%;}

.span_1_of_5 {width: 18.72%;}

@media only screen and (max-width: 480px) {

	.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {width: 100%;}

}

/* /FIVE COLUMNS CSS */





/* SIX COLUMNS CSS */

.span_6_of_6 {width: 100%;}

.span_5_of_6 {width: 83.06%;}

.span_4_of_6 {width: 66.13%;}

.span_3_of_6 {width: 49.2%;}

.span_2_of_6 {width: 32.26%;}

.span_1_of_6 {width: 15.33%;}

@media only screen and (max-width: 480px) {

	.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 {width: 100%;}

}

/* /SIX COLUMNS CSS */





/* SEVEN COLUMNS CSS */

.span_7_of_7 {width: 100%;}

.span_6_of_7 {width: 85.48%;}

.span_5_of_7 {width: 70.97%;}

.span_4_of_7 {width: 56.45%;}

.span_3_of_7 {width: 41.94%;}

.span_2_of_7 {width: 27.42%;}

.span_1_of_7 {width: 12.91%;}

@media only screen and (max-width: 480px) {

	.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 {width: 100%;}

}

/* /SEVEN COLUMNS CSS */





/* EIGHT COLUMNS CSS */

.span_8_of_8 {width: 100%;}

.span_7_of_8 {width: 87.3%;}

.span_6_of_8 {width: 74.6%;}

.span_5_of_8 {width: 61.9%;}

.span_4_of_8 {width: 49.2%;}

.span_3_of_8 {width: 36.5%;}

.span_2_of_8 {width: 23.8%;}

.span_1_of_8 {width: 11.1%;}

@media only screen and (max-width: 480px) {

	.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {width: 100%;}

}

/* /EIGHT COLUMNS CSS */





/* NINE COLUMNS CSS */

.span_9_of_9 {width: 100%;}

.span_8_of_9 {width: 88.71%;}

.span_7_of_9 {width: 77.42%;}

.span_6_of_9 {width: 66.13%;}

.span_5_of_9 {width: 54.84%;}

.span_4_of_9 {width: 43.55%;}

.span_3_of_9 {width: 32.26%;}

.span_2_of_9 {width: 20.97%;}

.span_1_of_9 {width: 9.68%;}

@media only screen and (max-width: 480px) {

	.span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9 , .span_1_of_9 {width: 100%;}

}

/* /NONE COLUMNS CSS */





/* TEN COLUMNS CSS */

.span_10_of_10 {	width: 100%;}

.span_9_of_10 {width: 89.84%;}

.span_8_of_10 {width: 79.68%;}

.span_7_of_10 {width: 69.52%;}

.span_6_of_10 {width: 59.36%;}

.span_5_of_10 {width: 49.2%;}

.span_4_of_10 {width: 39.04%;}

.span_3_of_10 {width: 28.88%;}

.span_2_of_10 {width: 18.72%;}

.span_1_of_10 {width: 8.56%;}

@media only screen and (max-width: 480px) {

	.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, 

	.span_4_of_10, .span_3_of_10 , .span_2_of_10, .span_1_of_10 {width: 100%;}

}

/* /TEN COLUMNS CSS */





/* ELEVEN COLUMNS CSS */

.span_11_of_11 {width: 100%;}

.span_10_of_11 {width: 90.76%;}

.span_9_of_11 {width: 81.52%;}

.span_8_of_11 {width: 72.29%;}

.span_7_of_11 {width: 63.05%;}

.span_6_of_11 {width: 53.81%;}

.span_5_of_11 {width: 44.58%;}

.span_4_of_11 {width: 35.34%;}

.span_3_of_11 {width: 26.1%;}

.span_2_of_11 {width: 16.87%;}

.span_1_of_11 {width: 7.63%;}

@media only screen and (max-width: 480px) {

	.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, 

	.span_5_of_11, .span_4_of_11 , .span_3_of_11, .span_2_of_11, .span_1_of_11 {width: 100%;}

}

/* /ELEVEN COLUMNS CSS */





/* TWELVE COLUMNS CSS */

.span_12_of_12 {width: 100%;}

.span_11_of_12 {width: 91.53%;}

.span_10_of_12 {width: 83.06%;}

.span_9_of_12 {width: 74.6%;}

.span_8_of_12 {width: 66.13%;}

.span_7_of_12 {width: 57.66%;}

.span_6_of_12 {width: 49.2%;}

.span_5_of_12 {width: 40.73%;}

.span_4_of_12 {width: 32.26%;}

.span_3_of_12 {width: 23.8%;}

.span_2_of_12 {width: 15.33%;}

.span_1_of_12 {width: 6.86%;}

@media only screen and (max-width: 480px) {

	.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, 

	.span_6_of_12, .span_5_of_12 , .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {width: 100%;}

}

/* /TWELVE COLUMNS CSS */



/* WYSIWYG CONTENT */

.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 20px; color: #797979; line-height: 30px; 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.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 20px; line-height: 36px;}

.wysiwyg-content a, .wysiwyg-content p a {color: #d73432;}

.wysiwyg-content a:hover {color: #b51d1b; text-decoration: underline;}

.wysiwyg-content.white a {color: #fff;}

.wysiwyg-content.white a:hover {color: #fff;}

.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4 {color: #fff;}

.wysiwyg-content ul li {padding-left: 0px; list-style-type: disc; padding-bottom: 3px; margin-left: 55px;}

.wysiwyg-content ol li {list-style-type: decimal; margin-left: 55px;}



.wysiwyg-content img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}

.wysiwyg-content img {max-width: 100% !important;}

/* /WYSIWYG CONTENT */



/* FORM */

label.error {display: block; margin-top: 2px; font-size: 12px; line-height: 21px; color: #f21a1a; font-family: 'LightFont'; margin-bottom: 8px;}

.gen-form {}

.gen-form .req {color: #f55151;}

.gen-form-row {width: 100%; float: left; margin-bottom: 30px; position: relative;}

.gen-form-row.half {width: 48%; margin-right: 4%;}

.gen-form-row.half.no-mr {margin-right: 0;}

.gen-form-row.no-mb {margin-bottom: 0 !important;}

.gen-form label.form-label{color: #000; display: block; margin-bottom: 5px; font-family: 'BoldFont'; font-size: 18px; line-height: 26px; margin-bottom: 10px;}

.gen-form label.form-label span {color: #b3b3b3;}

.gen-form label.form-label.inline {display: inline; margin: 0;}

.gen-form input[type="text"], .gen-form input[type="email"], .gen-form input[type="password"], .gen-form textarea, ul#sc-content-list .prod-detail input[type="text"] {background: #fff; border: 1px solid #e1e1e1; font-family: 'GeneralFont', Arial, Verdana; color: #797979; width: 60%; font-size: 16px; line-height: 24px; padding: 10px 3%;

transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}

.gen-form input[type="text"]:hover, .gen-form input[type="text"]:focus, .gen-form input[type="email"]:hover, .gen-form input[type="email"]:focus, .gen-form input[type="password"]:hover, .gen-form input[type="password"]:focus, .gen-form textarea:hover, .gen-form textarea:focus {outline: 0;

box-shadow: 0px 0px 5px #cfcfcf; -webkit-box-shadow: 0px 0px 5px #cfcfcf; -moz-box-shadow: 0px 0px 5px #cfcfcf; -o-box-shadow: 0px 0px 5px #cfcfcf;}

.gen-form input[type="text"].readonly, .gen-form input[type="email"].readonly, .gen-form input[type="password"].readonly, .gen-form textarea.readonly {background: #dfdfdf;}

.gen-form textarea {width: 90%;}

a.gen-btn {display: inline-block;}

a.gen-btn.block {display: block; font-size: 14px; letter-spacing: 2px;}

.gen-btn.na, .gen-btn.na :hover {background: #383838; color: #fff; cursor: default;}

.gen-form input[type="submit"], .gen-form input[type="button"], a.gen-btn {border: 0; background: #f6f6f6; text-align: center; color: #000; font-size: 15px; font-family: 'BlackFont', Arial, Verdana; cursor: pointer; padding: 12px 30px;

transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;

border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}

.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: #000; text-decoration: none; outline: 0;}

.gen-form input[type="submit"], .gen-form input[type="button"] {color: #fff; background: #d73432;}

.gen-form input[type="submit"]:hover, .gen-form input[type="button"]:hover,

.gen-form input[type="submit"]:focus, .gen-form input[type="button"]:focus {background: #b51d1b;}

.gen-form input[type="submit"].wide, a.gen-btn.wide {min-width: 350px;}

.gen-form input[type="submit"].half-wide, a.gen-btn.half-wide, .gen-form input[type="button"].half-wide {min-width: 200px;}

.gen-form input[type="button"].gray {background: #b5b5b5;}

.gen-form input[type="submit"].full-width {width: 100%;}

a.gen-btn.type2 {background: #888;}

a.gen-btn.type2:hover {background: #fff; color: #888; border: 1px solid #888;}

a.gen-btn.btn-red {background: #d73432; color: #fff;}

a.gen-btn.btn-red:hover {background: #b51d1b; color: #fff;}

a.gen-btn.btn-gray, a.gen-btn.btn-gray:hover {background: #9f9f9f; color: #fff; cursor: default;}

a.gen-btn.hl-white {color: #fff; background: transparent; border: 2px solid #fff;}

a.gen-btn.hl-white:hover {color: #d73432; background: #fff;}

input[type="submit"].calendar-submit {width: 50%; padding-top: 15px; padding-bottom: 15px;}



.checkbox-container {margin-bottom: 20px;}

.checkbox-container input[type="checkbox"] {display: none;}

.checkbox-container label {font-family: 'MediumFont'; font-size: 13px; line-height: 25px; color: #0d4e9f; display: inline-block; padding-left: 32px; background: url(../images/icon/radio-blue.png) no-repeat left center;}

.checkbox-container label.small {color: #797979; font-size: 12px; line-height: 25px; background: url(../images/icon/radio-black.png) no-repeat left center;}

.checkbox-container label:hover {cursor: pointer;}

.checkbox-container label.no-mr {margin-right: 0;}

.checkbox-container label a {color: #50493c; font-size: 16px; line-height: 24px;}

.checkbox-container label a:hover {text-decoration: none;}



.checkbox-container input[type="checkbox"]:checked + label {background: url(../images/icon/radio-active.png) no-repeat left center;}

::-webkit-input-placeholder { color: #6f6f6f;}

::-moz-placeholder { color: #6f6f6f; opacity: 1.0;}

:-ms-input-placeholder { color: #6f6f6f;}



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



.gen-form select {height: 45px; padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; font-family: 'GeneralFont', Arial, Verdana; color: #797979; background: white;}

.gen-form select:hover, .gen-form select:focus {outline: 0;}

.styled-select-wrapper {width: 100%; overflow: hidden; border: 1px solid transparent; background: url(../images/icon/select-dropdown.png) no-repeat 98% #fff;

border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}

.styled-select-wrapper select {display: block; width: 110%; border: none; background: transparent;}

textarea.no-resize {resize: none !important;}



.radio-toolbar input[type="radio"] {display:none;}

.radio-toolbar label {display:inline-block; padding: 5px 5px 0px 32px; font-size: 13px; line-height: 25px; font-family: 'MediumFont', Arial, Verdana; background: url(../images/icon/radio-blue.png) no-repeat left center; cursor: pointer;}

.radio-toolbar label.type2 {color: #0d4e9f;}

.radio-toolbar input[type="radio"]:checked + label {background: url(../images/icon/radio-active.png) no-repeat left center;}



.gen-form .input-file-wrap {cursor: pointer; width: 60%; padding: 10px 2%; background: url(../images/icon/file-upload.png) no-repeat 96% #fff; border: 1px solid #454545;}

.gen-form .input-file-wrap:hover {background: url(../images/icon/file-upload.png) no-repeat 96% #fff;

box-shadow: 0px 0px 10px #8f8f8f; -moz-box-shadow: 0px 0px 10px #8f8f8f; -webkit-box-shadow: 0px 0px 10px #8f8f8f; -o-box-shadow: 0px 0px 10px #8f8f8f;}

.gen-form .input-file-wrap input[type="file"] {display: none;}

.gen-form .input-file-wrap span {font-size: 14px; line-height: 24px;}



/* INLINE STYLE */

.gen-form.inline .label-cont {float: left; width: 26%;}

.gen-form.inline .sep-cont {float: left; width: 2%;}

.gen-form.inline .form-cont {float: left; width: 72%;}

.gen-form.inline .gen-form-row {margin-bottom: 12px;}

.gen-form.inline label.form-label {font-size: 14px; line-height: 45px;}

.gen-form.inline label.form-label.label-big {font-size: 24px; line-height: 45px; font-family: 'ItalicTitleFont';}

.gen-form.inline label.error {margin-bottom: 8px; margin-top: 5px;}

.gen-form.inline select {min-width: 70%;}

.gen-form.inline input[type="text"], .gen-form.inline input[type="password"], .gen-form.inline textarea {width: 70%;}

.gen-form.inline input.small {width: 30%;}

/* /INLINE STYLE */





@media only screen and (max-width: 480px) {

	.gen-form-row.half {width: 100%; margin-right: 0;}

}



/* /FORM */





/* HEADER */

#header {position: fixed; padding: 20px 0; z-index: 1000;

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

#header.sticky {padding: 10px 0; background: #fff;

box-shadow: 0px 0px 15px #bfbfbf; -moz-box-shadow: 0px 0px 15px #bfbfbf; -webkit-box-shadow: 0px 0px 15px #bfbfbf; -o-box-shadow: 0px 0px 15px #bfbfbf;}

#header-resp {display: none;}

#header-resp-nav-list-container {display: none;}



#header-logo-container {float: left;}

img#logo {height: 50px;

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

img#logo.sticky {height: 40px;}



#header-nav-container {float: right;}

ul#header-nav-list {float: left; position: relative; margin-top: 15px;

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

ul#header-nav-list.sticky {margin-top: 10px;}

ul#header-nav-list > li {float: left; margin-right: 45px;}

ul#header-nav-list > li:last-child {margin-right: 0;}

ul#header-nav-list > li > a {font-family: 'MediumFont'; font-size: 14px; line-height: 20px; color: #fff; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid transparent;

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

ul#header-nav-list > li > a:hover {text-decoration: none; color: #cfcfcf;}

ul#header-nav-list > li > a.active {border-bottom: 2px solid #fff;}

ul#header-nav-list > li > a.sticky {color: #d73432;}

ul#header-nav-list > li > a.sticky:hover {color: #b51d1b;}

ul#header-nav-list > li > a.sticky.active, ul#header-nav-list > li > a.sticky.active:hover {color: #d73432; border-bottom: 2px solid #d73432;}

ul#header-nav-list > li > a.btn {color: #d73432; padding: 10px 23px; background: #fff; margin-top: -27px;

border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

ul#header-nav-list > li > a.btn:hover {color: #fff; background: #d73432;}

ul#header-nav-list > li > a.btn.sticky {color: #fff; background: #d73432;}

ul#header-nav-list > li > a.btn.sticky:hover {background: #b51d1b;}



@media only screen and (max-width: 768px) {

	#header {display: none;}

	#header-resp {display: block; position: fixed; padding-top: 8px; padding-bottom: 8px; z-index: 1000;

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

	#header-resp.sticky {background: #fff;

	box-shadow: 0px 0px 15px #bfbfbf; -moz-box-shadow: 0px 0px 15px #bfbfbf; -webkit-box-shadow: 0px 0px 15px #bfbfbf; -o-box-shadow: 0px 0px 15px #bfbfbf;}

	#logo-resp-container {float: left;}

	#logo-resp-container img {height: 40px;}

	#nav-resp-container {width: 30px; height: 17px; background: url(../images/icon/nav-white.png) no-repeat center; float: right; margin-top: 15px; cursor: pointer;

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

	#nav-resp-container:hover {background: url(../images/icon/nav-white-hover.png) no-repeat center;}

	#nav-resp-container.sticky {background: url(../images/icon/nav-2.png) no-repeat center;}

	#nav-resp-container.sticky:hover {background: url(../images/icon/nav-2-hover.png) no-repeat center;}

	

	#header-resp-nav-list-container {position: fixed; top: 0; background: #fff; height: 100vh; z-index: 1500;}

	#nc-top-container {padding-top: 8px; padding-bottom: 8px;}

	#nc-top-container .left {float: left;}

	#nc-top-container .left img {height: 40px;}

	#nc-top-container .right {float: right; margin-top: 15px;}

	#nav-resp-close {width: 23px; height: 23px; background: url(../images/icon/nav-close.png) no-repeat center; cursor: pointer;

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

	#nav-resp-close:hover {background: url(../images/icon/nav-close-hover.png) no-repeat center;}

	

	#nc-bottom-container {padding: 30px; background: #ebebeb;}

	ul#nc-bottom-nav-list {float: left; position: relative; width: 100%;}

	ul#nc-bottom-nav-list > li {float: left; width: 100%; position: relative; margin-bottom: 10px;}

	ul#nc-bottom-nav-list > li:last-child {margin-bottom: 0;}

	ul#nc-bottom-nav-list > li > a {display: block; color: #d73432; padding: 16px 18px; text-align: center; font-size: 18px; line-height: 24px; font-family: 'MediumFont'; border: 1px solid transparent;

	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;

	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

	ul#nc-bottom-nav-list > li > a:hover {border: 1px solid #d73432; text-decoration: none;}

	ul#nc-bottom-nav-list > li > a.active, ul#nc-bottom-nav-list > li > a.active:hover {background: #d73432; color: #fff; text-decoration: none;}

}

/* /HEADER */





/* HOME */

#slideshow-list-container {}

.slideshow-item {width: 100%; height: 100vh;}

.sl-left, .sl-right {float: left; width: 50%; height: 100vh; background-size: cover !important; position: relative;}

.sl-right {float: right;}

.sl-left img, .sl-right img {display: none !important;}

.sl-caption {position: absolute; top: 50%; left: 63%; width: 50%; transform: translate(-60%, -50%);}

.sl-caption h2, .sl-caption p {color: #fff;}

.sl-caption h2 {margin-bottom: 30px;}

.sl-caption p {font-size: 20px; line-height: 26px;}



#home-about-container {background: #fff; padding-top: 120px; padding-bottom: 120px; min-height: 450px;}

#home-about-container img.bg {display: none;}

#home-about-container .description {float: left; width: 40%; position: relative;}



#home-video-container {margin-top: 60px;}



#home-product-container {margin-top: 60px;}

ul.product-list {float: left; position: relative; width: 100%; margin-top: 40px;}

ul.product-list > li {float: left; width: 25%; margin-bottom: 60px;}

ul.product-list > li .inner {padding-left: 15px; padding-right: 15px; text-align: center;}

ul.product-list > li .inner .img-wrap {height: 200px; margin-bottom: 40px; position: relative;}

ul.product-list > li .inner .img-wrap img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

ul.product-list > li .summary h5, ul.product-list > li .summary h5 a {font-size: 24px; line-height: 30px; margin-bottom: 15px; color: #000; font-family: 'BoldFont';

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

ul.product-list > li .summary h5:hover, ul.product-list > li .summary h5 a:hover {text-decoration: none; color: #d73432;}

ul.product-list > li .summary p {min-height: 70px;}

ul.product-list > li .summary a.btn-more {display: inline-block; padding: 15px 40px; background: #eb2328; color: #fff; font-size: 16px; line-height: 22px; font-family: 'BlackFont'; margin-top: 20px;

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

ul.product-list > li .summary a.btn-more:hover {text-decoration: none; background: #cf1419;}



@media only screen and (max-width: 768px) {

	.sl-left {display: none;}

	.sl-right {width: 100%;}

	.sl-caption {width: 50%;}

	

	#home-about-container {padding-top: 40px; padding-bottom: 150px; min-height: 250px; background-size: auto 300px !important;}

	#home-about-container .description {width: 100%;}

	

	#home-video-container {margin-top: 40px;}

	#home-video-container iframe {height: 300px !important;}

	

	ul.product-list > li {width: 50%;}

	ul.product-list > li .inner .img-wrap {height: 150px;}

}



@media only screen and (max-width: 600px) {

	ul.product-list > li .inner {padding-left: 10px; padding-right: 10px;}

	ul.product-list > li .inner .img-wrap {height: 135px;}

	ul.product-list > li .summary h5, ul.product-list > li .summary h5 a {font-size: 18px; line-height: 24px;}

	ul.product-list > li .summary p {font-size: 16px; line-height: 22px;}

	ul.product-list > li .summary a.btn-more {padding: 15px 30px; font-size: 14px;}

}



@media only screen and (max-width: 480px) {

	.sl-caption {width: 70%;}	

	

	ul.product-list > li .summary a.btn-more {padding: 10px 20px; font-size: 12px;}

}

/* /HOME */





/* ABOUT */

.ptb-60 {padding-top: 60px; padding-bottom: 60px;}



#vf-sfw {margin-top: 65px;}

#top-image-sfw {height: 480px; background-size: cover !important; position: relative;}

#top-image-sfw .wrap {height: 480px;}

#top-image-sfw img.top-image-bg {display: none;}

#top-image-sfw .caption {position: absolute; left: 7%; top: 50%; transform: translateY(-50%); width: 35%; padding: 40px 2.5%; background: rgba(255, 255, 255, 0.9);}



#about-content-1-sfw {padding-top: 70px; padding-bottom: 70px; text-align: center; background: #fff;}



#about-content-2-sfw {padding-top: 70px; padding-bottom: 70px; text-align: center; background: #d73432;}



#about-content-3-sfw {background: #fff;}

.about-content-img-container {float: left; width: 50%; background-size: cover !important;}

.about-content-img-container img {display: none;}

.about-content-desc-container {float: right; width: 50%; position: relative;}



@media only screen and (min-width: 769px) {

	#about-content-3-sfw, .about-content-img-container, .about-content-desc-container {height: 480px;}

	.about-content-desc-container .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;}

}



@media only screen and (max-width: 768px) {

	#top-image-sfw {height: 350px;}

	#top-image-sfw .caption {left: 0; padding: 30px 2.5%; width: 95%;}

	

	#about-content-3-sfw {min-height: 350px;}

	.about-content-img-container, .about-content-desc-container {width: 100%;}

	.about-content-img-container {height: 350px;}

	.about-content-desc-container {min-height: 100px;}

	.about-content-desc-container .inner {padding: 40px 2.5% 60px 2.5%;}

}

/* /ABOUT */





/* PRODUCT */

#top-image-sfw-3 {height: 380px; background-size: cover !important; position: relative;}

#top-image-sfw-3 .wrap {height: 380px;}

#top-image-sfw-3 img.top-image-bg {display: none;}

#top-image-sfw-3 .caption {position: absolute; top: 50%; left: 10.5%; transform: translate(-10%, -50%); width: 40%;}

#top-image-sfw-3 .caption h3 {color: #fff;}



#product-cat-sfw {padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1;}

ul.cat-list {float: left; width: 100%; position: relative;}

ul.cat-list > li {float: left; margin-right: 55px; margin-bottom: 10px;}

ul.cat-list > li:last-child {margin-right: 0;}

ul.cat-list > li > a {display: inline-block; font-size: 14px; line-height: 22px; color: #d73432; padding: 10px 18px; border: 1px solid transparent;

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;

border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

ul.cat-list > li > a:hover {border: 1px solid #d73432; text-decoration: none;}

ul.cat-list > li > a.active, ul.cat-list > li a.active:hover {background: #d73432; border: 1px solid #d73432; color: #fff; font-family: 'BoldFont'; text-decoration: none;}



#product-content-sfw {}

ul.product-cat-list {float: left; width: 100%; position: relative;}

ul.product-cat-list > li {float: left; width: 100%; padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #e1e1e1;}

ul.product-cat-list > li:last-child {border-bottom: 0;}



.product-content-title {margin-bottom: 40px; text-align: center; width: 960px; margin-left: auto; margin-right: auto;}

.product-content-title h5.title {font-family: 'BoldFont'; font-size: 24px; line-height: 32px; margin-bottom: 20px; color: #000;}



#breadcrumb-sfw {padding-top: 30px;}

ul#breadcrumb-list {display: inline-block; margin: 0 auto;}

ul#breadcrumb-list > li {float: left; margin-right: 10px;}

ul#breadcrumb-list > li > a {font-size: 16px; line-height: 24px; color: #797979;

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

ul#breadcrumb-list > li > a:hover {color: #d73432; text-decoration: none;}

ul#breadcrumb-list > li > a.sep, ul#breadcrumb-list > li > a.sep:hover {color: #797979;}

ul#breadcrumb-list > li > a.active, ul#breadcrumb-list > li > a.active:hover {font-family: 'BoldFont'; color: #d73432;}



#product-detail-sfw {}

#product-detail-sfw .inner {padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #e1e1e1;}



#product-detail-left-container {float: left; width: 40%;}

#cur-prod-img {height: 420px; margin-bottom: 30px; position: relative;}

#cur-prod-img img {position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}

#prod-img-list-container {}

#prod-img-list-container .slick-prev {content: ''; width: 8px; height: 13px; background: url(../images/icon/arrow-left-red.png) no-repeat center !important; left: -15px; top: 55%; transform: translateY(-55%); opacity: 0.8;

transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}

#prod-img-list-container .slick-next {content: ''; width: 8px; height: 13px; background: url(../images/icon/arrow-right-red.png) no-repeat center !important; right: -15px; top: 55%; transform: translateY(-55%); opacity: 0.8;

transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}

#prod-img-list-container .slick-prev:hover {opacity: 1.0;}

#prod-img-list-container .slick-next:hover {opacity: 1.0;}

#prod-img-list-container .slick-prev.slick-disabled, #prod-img-list-container .slick-prev.slick-disabled:hover, #prod-img-list-container .slick-prev.slick-disabled:focus {opacity: 0.2;}

#prod-img-list-container .slick-next.slick-disabled, #prod-img-list-container .slick-next.slick-disabled:hover, #prod-img-list-container .slick-next.slick-disabled:focus {opacity: 0.2;}

.prod-img-item {margin: 0 5px; border: 1px solid #e1e1e1; height: 120px; position: relative; cursor: pointer;

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

.prod-img-item:hover {border: 1px solid #b51d1b;}

.prod-img-item.active, .prod-img-item.active:hover {border: 1px solid #d73432;}

.prod-img-item .inner {}

.prod-img-item .inner img {position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}

.prod-img-item span {display: none;}

#product-detail-right-container {float: right; width: 55%;}



#prd-det-title {margin-bottom: 40px;}

#prd-det-title h2.title {font-size: 48px; line-height: 56px; color: #000; font-family: 'BoldFont';}

#prd-det-title h3.price {font-size: 36px; line-height: 44px; color: #d73432; font-family: 'BoldFont';}



#prd-det-var-title {margin-bottom: 50px;}

ul.prd-var-list {float: left; width: 100%; position: relative; margin-top: 15px;}

ul.prd-var-list > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 15px;}

ul.prd-var-list > li:nth-child(3n) {margin-right: 0;}

ul.prd-var-list > li:nth-child(3n + 1) {clear: both;}

ul.prd-var-list > li > a {display: block; text-align: center; padding: 10px; border: 2px solid #e1e1e1; color: #797979;}

ul.prd-var-list > li > a:hover {border: 2px solid #d73432; text-decoration: none; cursor: pointer;}

ul.prd-var-list > li > a.active, ul.prd-var-list > li > a.active:hover {color: #000; border: 2px solid #000;}

ul.prd-var-list > li span {display: none;}



#prd-det-desc-title {margin-bottom: 40px;}



@media only screen and (max-width: 960px) {

	.product-content-title {width: 95%; padding-left: 2.5%; padding-right: 2.5%;}

}



@media only screen and (max-width: 768px) {

	#top-image-sfw-3 {height: 350px;}

	#top-image-sfw-3 .caption {left: 0; transform: translate(0, -50%); width: 95%; padding-left: 2.5%; padding-top: 2.5%;}

	

	#product-detail-left-container {width: 100%; margin-bottom: 30px;}

	#cur-prod-img {height: 300px;}

	.prod-img-item {margin: 0 8px;}

	#prod-img-list-container .slick-prev {left: -10px;}

	#prod-img-list-container .slick-next {right: -10px;}

	

	#product-detail-right-container {width: 100%;}

}



@media only screen and (max-width: 480px) {

	ul.cat-list > li {margin-right: 35px;}

	

	#cur-prod-img {height: 220px;}

	.prod-img-item {margin: 0 10px;}

	#prod-img-list-container .slick-prev {left: -7px;}

	#prod-img-list-container .slick-next {right: -7px;}

	

	#prd-det-title h2.title {font-size: 32px; line-height: 38px;}

	#prd-det-title h3.price {font-size: 26px; line-height: 32px;}

	

	ul.prd-var-list > li {width: 48.5%; margin-right: 3%; margin-bottom: 10px;}

	ul.prd-var-list > li:nth-child(3n) {margin-right: 3%;}

	ul.prd-var-list > li:nth-child(3n + 1) {clear: none;}

	ul.prd-var-list > li:nth-child(2n) {margin-right: 0;}

	ul.prd-var-list > li:nth-child(2n + 1) {clear: both;}

	ul.prd-var-list > li > a {font-size: 18px; line-height: 24px; padding: 8px;}

}

/* /PRODUCT */





/* VIDEO */

#video-sfw {padding-top: 40px; padding-bottom: 40px;}

#current-video {margin-bottom: 30px;}

ul#video-list {float: left; width: 100%; position: relative;}

ul#video-list > li {float: left; width: 32%; margin-right: 2%; margin-bottom: 40px}

ul#video-list > li:nth-child(3n) {margin-right: 0;}

ul#video-list > li:nth-child(3n + 1) {clear: both;}

ul#video-list > li .inner {border: 2px solid transparent;

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

ul#video-list > li .inner:hover {border: 2px solid #d73432;}

ul#video-list > li .inner.active, ul#video-list > li .inner.active:hover {border: 2px solid #d73432;}

ul#video-list > li .youtube-frame {position: relative;}

ul#video-list > li .youtube-frame .play-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; background: url(../images/icon/play.png) no-repeat center; z-index: 1000; cursor: pointer; opacity: 0.8;

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

ul#video-list > li .inner:hover .play-icon {opacity: 1.0;}

ul#video-list > li .play-icon:hover {background: url(../images/icon/play-hover.png) no-repeat center;}

ul#video-list > li .inner.active .play-icon {background: url(../images/icon/play-hover.png) no-repeat center; opacity: 1.0;}

ul#video-list > li .summary {padding-top: 20px; padding-bottom: 20px;

transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}

ul#video-list > li .inner:hover .summary, ul#video-list > li .inner.active .summary, ul#video-list > li .inner.active:hover .summary {padding-left: 20px; padding-right: 20px;}

ul#video-list > li p.date {font-size: 16px; line-height: 24px; margin-top: 3px;}



@media only screen and (max-width: 768px) {

	#current-video iframe {height: 350px !important;}

	ul#video-list > li {width: 48.5%; margin-right: 3%;}

	ul#video-list > li:nth-child(3n) {margin-right: 3%;}

	ul#video-list > li:nth-child(3n + 1) {clear: none;}

	ul#video-list > li:nth-child(2n) {margin-right: 0;}

	ul#video-list > li:nth-child(2n + 1) {clear: both;}

}



@media only screen and (max-width: 480px) {

	#current-video {display: none;}

	ul#video-list > li {width: 100%; margin-right: 0;}

	ul#video-list > li iframe {height: 250px !important;}

}

/* /VIDEO */





/* CONTACT */

#top-image-sfw-2 {height: 300px; background-size: cover !important; position: relative;}

#top-image-sfw-2 .caption {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 960px;}

#top-image-sfw-2 img.top-image-bg {display: none;}

select#search-agent {font-size: 24px; line-height: 32px; color: #000; font-family: 'BoldFont'; height: 60px; padding-left: 15px; padding-right: 15px;}

.loading {margin: 0 auto; margin-bottom: 40px; width: 30px; height: 32px; background: url(../images/default/loading.gif) no-repeat center;}

.thin-line {height: 1px; border-top: 1px dotted #e1e1e1; margin-bottom: 30px;}



#search-result-sfw {padding-top: 60px; padding-bottom: 60px;}

ul#search-agent-list {float: left; width: 100%; position: relative;}

ul#search-agent-list > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;}

ul#search-agent-list > li:nth-child(2n) {margin-right: 0;}

ul#search-agent-list > li:nth-child(2n + 1) {clear: both;}

ul#search-agent-list > li .inner {border: 1px solid #e1e1e1; padding: 35px; text-align: center; min-height: 100px;

border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

ul#search-agent-list > li .inner p.name {color: #000; font-family: 'BoldFont'; margin-bottom: 10px;}



#contact-gmap-sfw {}

#gmap-container iframe {width: 100% !important; height: 350px !important;}



#contact-form-sfw {padding-top: 60px; padding-bottom: 60px;}

#contact-form-left-container {float: left; width: 30%;}

#contact-form-left-container p a {color: #d73432;}

#contact-form-left-container p a:hover {color: #b51d1b;}

#contact-form-right-container {float: right; width: 63%;}

#contact-form-right-container .inner {border: 5px solid #ebebeb; padding: 50px;}

#contact-form input[type="text"], #contact-form input[type="email"]  {width: 92%; padding-left: 4%; padding-right: 4%;}

#contact-form textarea {width: 96%; padding-left: 2%; padding-right: 2%;}



@media only screen and (max-width: 960px) {

	#top-image-sfw-2 .caption {width: 95%;}

}



@media only screen and (min-width: 601px) and (max-width: 768px) {

	ul#search-agent-list > li .inner {min-height: 225px;}

}



@media only screen and (max-width: 768px) {

	#contact-form-sfw {padding-top: 40px; padding-bottom: 40px;}

	#contact-form-left-container, #contact-form-right-container {width: 100%; margin: 0;}

	#contact-form-left-container {margin-bottom: 40px;}

	#contact-form-right-container .inner {padding: 25px;}

}



@media only screen and (max-width: 600px) {

	ul#search-agent-list > li {width: 100%; margin-right: 0; min-height: 100px;}

}

/* /CONTACT */





/* FOOTER */

#footer-contact-container {background: #fff; padding-top: 175px; padding-bottom: 175px; background-size: cover !important; text-align: center;}

#footer-contact-container img.bg {display: none;}

h2.big {font-size: 48px; line-height: 56px;}



#footer {padding: 40px 0; background: #333333;}



#footer-top-container {float: left; width: 100%; position: relative; padding-bottom: 15px; border-bottom: 2px solid #5c5c5c; margin-bottom: 18px;}

#footer-top-left {float: left; width: 70%;}

#footer-top-right {float: right; width: 25%;}



ul#footer-nav-list {float: left; position: relative; margin-top: 10px;}

ul#footer-nav-list > li {float: left; margin-right: 40px;}

ul#footer-nav-list > li:last-child {margin-right: 0;}

ul#footer-nav-list > li > a {font-family: 'MediumFont'; font-size: 16px; line-height: 24px; color: #fff;

transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}

ul#footer-nav-list > li > a:hover {color: #fa4c4a; text-decoration: none;}



ul#footer-socmed-list {float: right; position: relative;}

ul#footer-socmed-list > li {float: left; margin-right: 12px;}

ul#footer-socmed-list > li:last-child {margin-right: 0;}

ul#footer-socmed-list > li img {width: 40px; height: 40px;

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

ul#footer-socmed-list > li img:hover {opacity: 0.7;}



#footer-bottom-container {}

#footer-bottom-container p, #footer-bottom-container p a {font-size: 14px; line-height: 20px; color: #fff;}
#footer-bottom-container p a:hover {color: #d73432; text-decoration: underline;}
#fbtm-copyright {float: left;}
#fbtm-powered {float: right;}


@media only screen and (max-width: 768px) {

	#footer-contact-container {padding-top: 120px; padding-bottom: 120px;}

	#footer-top-left, #footer-top-right {width: 100%; float: none;}

	#footer-top-left {margin-bottom: 10px;}

	ul#footer-socmed-list {float: left;}
	
	#fbtm-copyright, #fbtm-powered {float: none;}

}



@media only screen and (max-width: 480px) {

	#footer-contact-container {padding-top: 100px; padding-bottom: 100px;}

	#footer-top-left, #footer-top-right {text-align: center;}

	ul#footer-nav-list {float: none; display: inline-block; margin: 0 auto;}

	ul#footer-nav-list > li {float: none; width: 100%; text-align: center; margin-bottom: 12px;}

	ul#footer-socmed-list {float: none; display: inline-block; margin: 0 auto;}

	#footer-bottom-container p {text-align: center;}

	#footer-bottom-container p span {display: block;}

}

/* /FOOTER */





/* OVERLAY NOTIFICATION */

.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: url(../images/bg/overlay-bg.png); z-index: 10000; left: 0; top: 0; position: fixed;}

.notification-content, .notification-content2 {width: 42%; padding: 15px; background: #efefef; z-index: 10001; margin: 0 auto; margin-top: 20%; position: fixed; left: 50%; right: 50%; left: -300px; right: -300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}

.notification-content h3, .notification-content2 h3 {font-size: 24px; line-height: 30px; font-family: 'BoldFont'; padding-left: 32px; text-transform: uppercase; margin-bottom: 5px;}

.notification-content p, .notification-content2 p {padding-left: 3px; line-height: 22px; font-size: 18px; color: #444; margin-bottom: 0px; font-family: 'GeneralFont';}

.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #444; font-family: 'GeneralFont';}



.notif-success, .notif-success2 {border: 3px solid #2A9C45;}

.notif-success h3, .notif-success2 h3  { background: url(../images/icon/success-notification.png) no-repeat left center; color: #2A9C45; }

.notif-failed, .notif-failed2 {border: 3px solid #C51D2A;}

.notif-failed h3, .notif-failed2 h3 { background: url(../images/icon/failed-notification.png) no-repeat left center; color: #C51D2A; }



.overlay-bg2, .notification-content2 {display: none;}

.form-control.type2 {display: inline; width: 60%;}



@media only screen and (max-width: 960px) {

	.notification-content, .notification-content2 {width: 70%;}

}

@media only screen and (max-width: 767px) {

	.notification-content, .notification-content2 {margin-top: 35%;}

}