/* 
Main Stylesheet
Created By: Andamant Works

Main Color Used: 
1. General: #898989
2. Red (secondary): #FF0017
3. Pink 1 (ternary) : #F25F70
4. Pink 2 (ternary) : #FF93A0
*/
	
/* INITIAL CSS */
body {color: #898989; font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 24px; position: relative;}

b, strong {font-family: 'BoldFont', Arial, Verdana; font-weight: normal;}
i, em {font-family: 'ItalicFont', Arial, Verdana; font-weight: normal;}
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: #898989; font-weight: normal;}
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; font-weight: normal;}
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; font-weight: normal;}
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; font-weight: normal;}

h1 {font-size: 36px; line-height: 44px; margin-bottom: 15px;}
h2 {font-size: 32px; line-height: 40px; margin-bottom: 15px;}
h3 {font-size: 28px; line-height: 36px; margin-bottom: 15px;}
h4 {font-size: 24px; line-height: 32px; margin-bottom: 15px;}
h5 {font-size: 20px; line-height: 28px; margin-bottom: 15px;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0px;}

p, p a {font-size: 17px; color: #898989; line-height: 25px;}
p.big, .big {font-size: 18px; line-height: 26px;}
p a:hover {text-decoration: underline; color: #898989;}
a {color: #FF0017; font-size: 17px; 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: #F25F70; text-decoration: underline;}

.cl-secondary {color: #FF0017;}
.cl-ternary {color: #F25F70;}
.cl-white {color: #fff;}
.cl-gray {color: #999999;}
.cl-dark-gray {color: #696969;}

.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}

img {
backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;}
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;}

@media only screen and (max-width: 500px) {
	h1 {font-size: 36px; line-height: 44px; margin-bottom: 15px;}
	h2 {font-size: 32px; line-height: 40px; margin-bottom: 15px;}
	h3 {font-size: 28px; line-height: 36px; margin-bottom: 15px;}
	h4 {font-size: 24px; line-height: 32px; margin-bottom: 15px;}
	h5 {font-size: 20px; line-height: 28px; margin-bottom: 15px;}
}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.sfw {float: left; width: 100%; position: relative;}
.wrap {width: 90%; margin: 0 auto; position: relative;}
/* /GENERAL LAYOUT CSS */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 15px; color: #898989; line-height: 24px; 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: 27px; 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: #FF0017;}
.wysiwyg-content a:hover {color: #FF0017; text-decoration: underline;}
.wysiwyg-content p a {color: #898989;}
.wysiwyg-content p a:hover {color: #FF0017;}
.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;}
/* /WYSIWYG CONTENT */


/* TABLE */
table {width: 100%;}
table thead {}
table thead th {border: 1px solid #bfbfbf; background: #ffff00; padding: 8px; font-size: 15px; line-height: 24px; text-align: left; vertical-align: middle;}
table tbody {}
table tbody tr {}
table tbody tr td {border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; padding: 8px 12px; vertical-align: middle; font-size: 15px; line-height: 24px;}
table tbody tr:last-child td {border-bottom: 1px solid #bfbfbf;}
table tbody tr td:last-child {border-right: 1px solid #bfbfbf;}
table tfoot td {border: 1px solid #bfbfbf; background: #00ffff; padding: 8px; font-size: 15px; line-height: 23px; text-align: left; vertical-align: middle;}
/* /TABLE */


/* FORM */
input[type=text], input[type=email], input[type=password], textarea {font-family: 'GeneralFont', Arial, Verdana; border: 1px solid #bfbfbf; box-sizing: border-box; height: 45px; padding: 10px 20px; font-size: 14px; line-height: 20px; color: #898989; width: 100%;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {outline: 0;
box-shadow: 0px 0px 5px #ff0017; -webkit-box-shadow: 0px 0px 5px #ff0017; -moz-box-shadow: 0px 0px 5px #ff0017; -o-box-shadow: 0px 0px 5px #ff0017;}
textarea.no-resize {resize: none;}
input[type=text].datepicker {padding-right: 50px; background: url(../images/icon/calendar.svg) no-repeat right 15px center; background-size: auto 20px;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 14px; line-height: 20px; color: #000; box-sizing: border-box;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #bfbfbf; height: 45px; background: url(../images/icon/arrow-down.svg) no-repeat right 10px center #fff; background-size: auto 16px;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 45px; padding: 10px 15px;}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 24px;;}
.styled-checkbox-wrapper {margin-bottom: 10px;}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 15px; line-height: 23px; padding-top: 3px; color: #000; display: inline-block; padding-left: 35px; background: url(../images/icon/checkbox.png) no-repeat left top; background-size: 25px auto;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper label a {color: #ff0017;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top; background-size: 25px auto;}

input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 24px;}
.styled-radio-wrapper{position: relative;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 24px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 3px; cursor: pointer; background-size: 20px auto;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 3px; background-size: 20px auto;}

input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;}
.styled-input-file-wrapper {cursor: pointer; font-size: 15px; line-height: 24px; color: #000; font-family: 'GeneralFont', Arial, Verdana; box-sizing: border-box; padding: 10px; height: 45px; border: 1px solid #bfbfbf; background: url(../images/icon/file-upload.png) no-repeat 99% center; background-size: 16px 16px;}
.styled-input-file-wrapper:hover {border: 1px solid #000;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}

input[type="submit"], button, a.btn {display: inline-block; background: #ff0017; border: 1px solid #ff0017; outline: 0; box-sizing: border-box; cursor: pointer; color: #fff;
font-family: 'TitleBoldFont', Arial, Verdana; font-size: 15px; line-height: 15px; height: 45px; padding: 10px 20px; color: #fff;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, a.btn:hover, a.btn:focus {color: #fff; background: #f25f70;}

.gen-form-wrapper {margin-bottom: 20px;}
.gen-form-wrapper.no-mb {margin-bottom: 0;}
.gen-form-wrapper.inline {}
.gen-form-wrapper.inline .gfw-title {float: left; width: 22%; margin-right: 3%; box-sizing: border-box;}
.gen-form-wrapper.inline .gfw-sep {float: left; width: 3%; margin-right: 3%; box-sizing: border-box;}
.gen-form-wrapper.inline .gfw-input {float: left; width: 69%; box-sizing: border-box;}
.gen-form-wrapper.inline label {font-size: 15px; line-height: 45px;}
/* /FORM */


/* UNDER CONSTRUCTION */
#under-cons-content {padding: 40px 0; text-align: center;}
#uc-title-ct {margin-bottom: 30px;}
#uc-title-ct h2 {margin-bottom: 20px;}
#uc-icons-ct {margin-bottom: 40px; display: inline-block; text-align: center;}
.uc-icon {float: left; margin-right: 50px;}
.uc-icon.no-mr {margin-right: 0;}
.uc-icon p {display: inline-block;}
.uc-icon p, .uc-icon p a {font-family: 'GeneralFont2', Arial, Verdana; font-size: 15px; line-height: 21px;}
p.uc-icon-phone {padding-left: 30px; background: url(../images/icon/phone.png) no-repeat left center; background-size: 18px auto;}
p.uc-icon-email {padding-left: 30px; background: url(../images/icon/email.png) no-repeat left top 5px; background-size: 18px auto;}
#under-cons-content p.uc-icon:last-child {margin-right: 0;}
#uc-image-ct {}
#uc-image-ct img {margin: 0 auto; max-width: 600px;}

@media only screen and (max-width: 768px) {
	.uc-icon {float: none; margin-right: 0; width: 100%; text-align: center;}
	#uc-image-ct img {max-width: 480px;}
}

@media only screen and (max-width: 500px) {
	#uc-image-ct img {max-width: 100%;}	
	#uc-title-ct h2 {font-size: 28px; line-height: 33px;}
	p {font-size: 15px; line-height: 21px;}
	.uc-icon p, .uc-icon p a {font-size: 13px; line-height: 18px;}
	p.uc-icon-phone {padding-left: 26px; background-size: 16px auto;}
	p.uc-icon-email {background-position: left top 3px; padding-left: 26px; background-size: 16px auto;}
}
/* /UNDER CONSTRUCTION */