/* 
Main Stylesheets
*/
	
/* INITIAL CSS */
html {font-size: 10px;}
html .gen-anm {visibility: hidden;}
.no-mb {margin-bottom: 0;}

@media only screen and (min-width: 1500px) {
	html {font-size: 12px;}
}
@media only screen and (min-width: 1900px) {
	html {font-size: 14.5px;}
}
@media only screen and (min-width: 2400px) {
	html {font-size: 18px;}
}
@media only screen and (max-width: 1024px) {
	html {font-size: 9px;}
}

body {color: #808080; font-family: 'GeneralFont', Arial, Verdana; font-size: 1.6rem; line-height: 2.4rem; position: relative; background: #fff; overflow-x: hidden;}

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: 'GeneralFont', Arial, Verdana; color: #141417; 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: 'BoldFont', Arial, Verdana; font-weight: bold;}
h1 i, h2 i, h3 i, h4 i, h5 i, h1 em, h2 em, h3 em, h4 em, h5 em{font-family: 'ItalicFont', 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: 'BoldItalicFont', Arial, Verdana; font-weight: bold;}

h1 {font-size: 3.8rem; line-height: 4.6rem; margin-bottom: 2.5rem;}
h2 {font-size: 3.4rem; line-height: 4.0rem; margin-bottom: 2.5rem;}
h3 {font-size: 3.0rem; line-height: 3.6rem; margin-bottom: 2.5rem;}
h4 {font-size: 2.6rem; line-height: 3.2rem; margin-bottom: 2.5rem;}
h5 {font-size: 2.2rem; line-height: 2.8rem; margin-bottom: 2.5rem;}
h1.no-mb, h2.no-mb, h3.no-mb, h4.no-mb, h5.no-mb {margin-bottom: 0;}

h2.big {font-size: 3.8rem; line-height: 4.6rem; margin-bottom: 3rem;}

p, p a {font-size: 1.8rem; color: #21252C; line-height: 2.6rem;}
p.big, .big {font-size: 2.2rem; line-height: 3rem;}
p a:hover {text-decoration: none; color: #005BAC;}
a {color: #005BAC; font-size: 2rem; line-height: 2.8rem; 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: #79C4F2; text-decoration: none;}

.cl-secondary {color: #005BAC;}
.cl-ternary {color: #79C4F2;}

img {display: block; max-width: 100%;
backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;}
img.full-width {width: 100%; display: block;}
img.centered {margin: 0 auto; display: block; max-width: 100%; height: auto;}
img.round-border {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}

.gen-img-wrap {margin-bottom: 3rem; 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-1 {margin-top: 1rem;}
.mt-2 {margin-top: 2rem;}
.mt-3 {margin-top: 3rem;}
.mt-4 {margin-top: 4rem;}
.mb-1 {margin-bottom: 1rem;}
.mb-2 {margin-bottom: 2rem;}
.mb-3 {margin-bottom: 3rem;}
.mb-4 {margin-bottom: 4rem;}

.rnd-corner {border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -o-border-radius: 1.6rem;}

@media only screen and (max-width: 768px) {
	h1 {font-size: 4.2rem; line-height: 5.2rem;}
	h2 {font-size: 3.6rem; line-height: 4.6rem;}
	h3 {font-size: 3.0rem; line-height: 4.0rem;}
	h4 {font-size: 2.4rem; line-height: 3.4rem;}
}

@media only screen and (max-width: 500px) {
	h1 {font-size: 4.0rem; line-height: 5.0rem;}
	h2 {font-size: 3.4rem; line-height: 4.4rem;}
	h3 {font-size: 2.8rem; line-height: 3.8rem;}
	h4 {font-size: 2.2rem; line-height: 3.2rem;}
}

@media only screen and (max-width: 400px) {
	h1 {font-size: 3.8rem; line-height: 4.8rem;}
	h2 {font-size: 3.2rem; line-height: 4.2rem;}
	h3 {font-size: 2.6rem; line-height: 3.6rem;}
	h4 {font-size: 2.0rem; line-height: 3.0rem;}
}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.amt-flex {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.amt-flex.start {justify-content: flex-start;}
.amt-flex.end {justify-content: flex-end;}
.amt-flex.rtl {flex-direction: row-reverse;}
.amt-flex.centered {justify-content: center;}
.amt-flex.align-centered {align-items: center;}

.wrap {margin: 0 auto; width: 90%; box-sizing: border-box;}
.wrap-2 {margin: 0 auto; width: 70%; box-sizing: border-box;}

@media only screen and (max-width: 768px) {
	.wrap, .wrap-2 {width: 90%;}
}
/* /GENERAL LAYOUT CSS */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 1.8rem; color: #21252C; line-height: 2.6rem; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.color, .wysiwyg-content.color p, .wysiwyg-content.color a, .wysiwyg-content.color ul li, .wysiwyg-content.color ol li {color: #005BAC;} 
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 2rem; line-height: 3.2rem; font-family: 'GeneralFont', Arial, Verdana;}
.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 */


/* TABLE */
table.gen-table {width: 100%;}
table.gen-table thead {}
table.gen-table thead tr {background: #005BAC;}
table.gen-table thead tr td {color: #fff; vertical-align: middle; font-size: 2rem; line-height: 2.8rem; font-family: 'ExtraBoldFont', Arial, Verdana; padding: 1.5rem;}
table.gen-table tbody tr {}
table.gen-table tbody tr td {padding: 1.5rem 2.5rem; font-size: 1.8rem; line-height: 2.6rem; vertical-align: middle; color: #21252C; font-family: 'GeneralFont', Arial, Verdana; border-left: 0.1rem solid #AFAFAF; border-top: 0.1rem solid #AFAFAF;} 
table.gen-table tbody tr td:last-child {border-right: 0.1rem solid #AFAFAF;}
table.gen-table tbody tr:last-child td {border-bottom: 0.1rem solid #AFAFAF;}
table.gen-table tbody tr td.with-bg {background: #005BAC; color: #fff;}
table.gen-table tbody tr td.vtop {vertical-align: top;}
/* /TABLE */


/* FORM */
input[type=text], input[type=email], input[type=password], textarea {font-family: 'GeneralFont', Arial, Verdana; background: #fff; box-sizing: border-box; height: 4.5rem; padding: 1.5rem; font-size: 1.6rem; line-height: 2.4rem; color: #21252C; width: 100%; border: 0.1rem solid #7F7F7F;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;
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; border: 0.1rem solid #005BAC;}
textarea {padding: 1.5rem; min-height: 15rem;}
textarea.no-resize {resize: none;}
input[type=text].datepicker {padding-right: 1.7rem; background: url(../images/icon/calendar.svg) no-repeat right 15px center; background-size: auto 20px;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 1.6rem; line-height: 2.4rem; padding: 0 3rem 0 1.2rem; color: #21252C; box-sizing: border-box;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #7F7F7F; height: 4.5rem; background: url(../images/icon/arrow-down.svg) no-repeat right 1.5rem center #fff; background-size: 2rem auto;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 4.5rem; padding: 0 3rem 0 1.2rem;}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 0.6rem; line-height: 0.9rem;}
.styled-checkbox-wrapper {margin-bottom: 1rem;}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 1.6rem; line-height: 2.4rem; color: #21252C; display: inline-block; padding-left: 4.5rem; padding-top: 0.8rem; background: url(../images/icon/checkbox.svg) no-repeat left top; background-size: 3.6rem auto; text-align: justify; min-height: 3.6rem;}
.styled-checkbox-wrapper label.small {font-size: 1.4rem; line-height: 2rem; padding-top: 1rem;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper label a {color: #21252C;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.svg) no-repeat left top; background-size: 3.6rem 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: 0.5rem; line-height: 0.7rem; color: #808080; background: #dbdbdb; border: 1px solid #dbdbdb; font-family: 'GeneralFont', Arial, Verdana; box-sizing: border-box; padding: 0.5rem; height: 50px; text-align: center;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.styled-input-file-wrapper:hover {background: #282e68; color: #fff;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}
label.upload-file-info {}
label.upload-file-info.warning {display: block; margin-top: 0.5rem; font-size: 0.4rem; line-height: 0.6rem;}

input[type="submit"], button.gen-btn, a.gen-btn {border: none; background: none; display: inline-block; box-sizing: border-box; color: #fff; font-size: 1.6rem; line-height: 2.4rem; font-family: 'BoldFont', Arial, Verdana; background: #005BAC; padding: 1.3rem 2.5rem; text-align: center; cursor: pointer; min-width: 12rem;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type="submit"]:hover, input[type="submit"]:focus, button.gen-btn:hover, button.gen-bth:focus, a.gen-btn:hover, a.gen-btn:focus {background: #007bff; text-decoration: none;}
input[type="submit"].inverse, a.gen-btn.inverse {color: #005BAC; border: 1px solid #005BAC; background: none;}
input[type="submit"].inverse:hover, input[type="submit"].inverse:focus, a.gen-btn.inverse:hover {background: #007bff; color: #fff;}
input[type="submit"].full-width {width: 100%;}
.gen-form input[type="submit"] {width: 15rem;}
button {font-family: 'GeneralFont', Arial, Verdana; font-size: 1.3rem; line-height: 2rem; cursor: pointer; padding: 0.5rem 1.5rem;}
button.gen-btn.disabled, a.gen-btn.disabled {color: #fff; background: #BFBFBF; cursor: default; pointer-events: none;}
a.flat-btn {display: inline-block; font-size: 1.6rem; line-height: 2.2rem;}
a.flat-btn.back {padding-left: 2.5rem; background: url(../images/icon/arrow-back.svg) no-repeat left center; background-size: 1.6rem auto;}

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

::placeholder {color: #AFAFAF;}

.amt-form-notification {display: block; position: relative; padding: 0.5rem 0.6rem; margin-bottom: 0.5rem; border: 1px solid transparent;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.amt-form-notification p {font-size: 0.5rem; line-height: 0.7rem; padding-right: 1rem; font-family: 'BoldFont', Arial, Verdana;}
.amt-form-notification .close-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0.6rem; width: 0.4rem; height: 0.4rem; cursor: pointer;}
.amt-form-notification.success {background: #d9ffd8; border: 1px solid #00b400;}
.amt-form-notification.success p {color: #00b400;}
.amt-form-notification.success .close-btn {background: url(../images/icon/amt-form-close-success.png) no-repeat center; background-size: 0.4rem 0.4rem;}
.amt-form-notification.failed {background: #ffdddf; border: 1px solid #f03a17;}
.amt-form-notification.failed p {color: #f03a17;}
.amt-form-notification.failed .close-btn {background: url(../images/icon/amt-form-close-failed.png) no-repeat center; background-size: 0.4rem 0.4rem;}

label.form-label {font-size: 1.8rem; line-height: 2.4rem; color: #21252C;}
.text-required {color: #ff0000;}

input[type="text"].half-width {width: 50%;}
/* /FORM */


/* LANDING PAGE */
.gen-container {position: relative;}

#header-lp-top-section {}
#header-lp-top-container {padding: 2rem 0;}
#header-lp-top-container img {margin: 0 auto;}
img#logo {max-width: 31rem; max-height: 6rem;}

#lp-content-section {}
#lp-content-container {padding: 6rem 0; background: url(../images/bg/main-bg.jpg) no-repeat center; background-size: cover !important; text-align: center; margin-bottom: 9rem;}
#lp-content-container .wrap {width: 75%;}
a#lp-btn {position: absolute; left: 50%; transform: translateX(-50%); bottom: -2.5rem; min-width: 32rem; font-size: 1.8rem; line-height: 2.6rem;}

@media only screen and (max-width: 1024px) {
	img#logo {max-width: 30rem; max-height: 5.2rem;}
}

@media only screen and (max-width: 768px) {
	img#logo {max-width: 30rem; max-height: 4.8rem;}

	#lp-content-container {margin-bottom: 12rem;}
	#lp-content-container .wrap {width: 80%;}

	h2.big {font-size: 3.6rem; line-height: 4.4rem;}
}

@media only screen and (max-width: 500px) {
	img#logo {max-width: 30rem; max-height: 4.5rem;}

	#lp-content-container .wrap {width: 90%;}
	#lp-content-container h2 {font-size: 2.8rem; line-height: 3.4rem;}
	
	h2.big {font-size: 3.4rem; line-height: 4rem;}
}

@media only screen and (max-width: 420px) {
	h2.big {font-size: 3rem; line-height: 3.6rem;}	
	#lp-content-container h2 {font-size: 2.6rem; line-height: 3.2rem;}
}
/* /LANDING PAGE */


/* PRODUCT DETAIL FORM */
#header-sidebar-section {position: fixed; top: 0; left: 0; width: 28%; height: 100%; box-sizing: border-box; background: url(../images/bg/main-bg.jpg) no-repeat center; background-size: cover !important; z-index: 800; padding: 4rem;}
#header-sidebar-section img#logo {max-width: 100%; margin: 0 auto; margin-bottom: 8rem;}
#header-sidebar-section h2 {}
#header-sidebar-section h3 {font-size: 2.2rem; line-height: 2.8rem;}

#caf-content-section {margin-left: 28%; width: 72%; box-sizing: border-box; padding: 4rem 0 8rem 0;}
#caf-title-container {margin-bottom: 4rem;}
h2.main-title {}
p.step-info-resp {display: none;}

#caf-step-list-container {margin-bottom: 4rem;}
ul#caf-step-list {width: 100%; padding-bottom: 4rem;}
ul#caf-step-list > li {width: 10%; position: relative;}
ul#caf-step-list > li.sep {width: 12%; height: 0.3rem; background: #dfdfdf;}
ul#caf-step-list > li.sep.active, ul#caf-step-list > li.sep.completed {height: 0.3rem; background: #005BAC;}
ul#caf-step-list > li .caf-icon {width: 100%; box-sizing: border-box; border: 0.2rem solid #dfdfdf; background: #dfdfdf; position: relative; margin-bottom: 1rem;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
ul#caf-step-list > li .caf-icon.active {border: 0.2rem solid #005BAC; background: #fff;}
ul#caf-step-list > li .caf-icon.completed {border: 0.2rem solid #005BAC; background: #005BAC;}
ul#caf-step-list > li .caf-icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: auto;}
ul#caf-step-list > li h3 {position: absolute; bottom: -2rem; left: 50%; transform: translate(-50%); width: 170%; font-size: 1.7rem; line-height: 2.1rem; text-align: center; font-family: 'BoldFont', Arial, Verdana; color: #dfdfdf; margin-bottom: 0;}
ul#caf-step-list > li h3.active, ul#caf-step-list > li h3.completed {color: #005BAC;}

#caf-content-container {margin-bottom: 4rem;}

ul.attachment-list {}
ul.attachment-list > li {margin-bottom: 1rem;}
ul.attachment-list > li:last-child {margin-bottom: 0;}
ul.attachment-list > li > a {display: inline-block; font-size: 1.8rem; line-height: 3rem; color: #0067AB;}
ul.attachment-list > li > a:hover {text-decoration: underline;}
ul.attachment-list > li > a.pdf {padding-left: 4.3rem; background: url(../images/icon/doc-pdf.svg) no-repeat left center; background-size: 3rem auto;}

.next-prev-ct {margin-top: 3rem;}
.next-prev-ct button.gen-btn, .next-prev-ct a.gen-btn {margin-right: 1rem;}
.next-prev-ct button.gen-btn:last-child, .next-prev-ct a.gen-btn:last-child {margin-right: 0;}

@media only screen and (max-width: 1200px) {
	#header-sidebar-section {width: 30%;}
	#caf-content-section {margin-left: 30%; width: 70%;}

	ul#caf-step-list > li {width: 12%;}
	ul#caf-step-list > li.sep {width: 10.4%;}
}

@media only screen and (max-width: 1024px) {
	#header-sidebar-section {width: 31%;}
	#caf-content-section {margin-left: 31%; width: 69%;}

	ul#caf-step-list > li {width: 13%;}
	ul#caf-step-list > li.sep {width: 9.6%;}
	ul#caf-step-list > li h3 {font-size: 1.6rem; line-height: 2.2rem;}
}

@media only screen and (max-width: 768px) {
	#header-sidebar-section {position: relative; height: auto; width: 100%; padding: 2.5rem 0;}
	#header-sidebar-section img#logo {margin-bottom: 0; max-height: 5rem;}
	#header-sidebar-section h2, #header-sidebar-section h3 {display: none;}

	#caf-content-section {margin-left: 0; width: 100%;}
	#caf-title-container {text-align: center;}
}

@media only screen and (max-width: 600px) {
	p.step-info-resp {display: block; font-size: 1.7rem; line-height: 2.5rem; margin-bottom: 0.3rem;}

	#caf-step-list-container {display: none;}
	
	table.gen-table tbody tr td  {padding: 1rem 2rem; font-size: 1.6rem; line-height: 2.4rem;}
	ul.attachment-list > li > a {font-size: 1.6rem; line-height: 2.6rem;}
	ul.attachment-list > li > a.pdf {padding-left: 3.5rem; background-size: auto 2.6rem;}
}

@media only screen and (max-width: 420px) {
	p.step-info-resp {font-size: 1.6rem; line-height: 2.4rem;}
}
/* /PRODUCT DETAIL FORM */


/* CAF FILLING FORM */
#caf-filling-form {margin-top: 3rem;}
.gen-form-row {margin-bottom: 3rem;}
form.gen-form .gen-form-row:last-child {margin-bottom: 0;}
.gen-form-row .gfr-label {width: 25%; margin-right: 3%;}
.gen-form-row .gfr-sep {width: 5%; margin-right: 3%;}
.gen-form-row .gfr-sep label.form-label {line-height: 4.5rem;}
.gen-form-row .gfr-form {width: 64%;}
.gen-form-row .gfr-form.full-width {width: 100%;}
#occupation-others-ct {display: none; margin-top: 1.5rem;}

canvas#newSignature {display: block; padding: 0; margin: 0; box-sizing: border-box; position: relative; border: 0.1rem solid #7F7F7F; cursor: crosshair;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
button#clear-signature-btn {margin-top: 1.5rem;}

p.form-note {font-size: 1.4rem; line-height: 2rem; color: #7F7F7F; margin-top: 0.7rem;}
span.text-error {display: block; margin-top: 0.8rem; font-size: 1.3rem; line-height: 1.9rem; color: #FF0000;}
span.text-error.no-mt {margin-top: 0;}
span.text-error.mt-negative {margin-top: -1rem;}

@media only screen and (max-width: 768px) {
	.gen-form-row .gfr-label {width: 30%;}
	.gen-form-row .gfr-form {width: 59%;}
	
	.styled-checkbox-wrapper label {font-size: 1.5rem; line-height: 2.1rem; padding-left: 4.2rem; background-size: 3.2rem auto;}
	.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background-size: 3.2rem auto;}
}

@media only screen and (max-width: 600px) {
	p.gen-description {text-align: center;}

	#caf-filling-form {margin-top: 5rem;}
	#caf-filling-form .gen-form-row {margin-bottom: 3.5rem;}
	#caf-filling-form .gen-form-row .gfr-label {width: 100%; margin-right: 0; margin-bottom: 1.2rem; text-align: center;}
	#caf-filling-form .gen-form-row .gfr-sep {display: none;}
	#caf-filling-form .gen-form-row .gfr-form {width: 100%; text-align: center;}
	#caf-filling-form .gen-form-row .gfr-form canvas {margin: 0 auto;}
	#caf-filling-form .gen-form-row .gfr-form.fix {text-align: left;}
	#caf-filling-form .gen-form-row .gfr-form input, #caf-filling-form .gen-form-row .gfr-form textarea {text-align: center;}
	#caf-filling-form .gen-form-row .gfr-form .styled-select-wrapper select {margin: 0; margin-left: -3rem; text-align: center;}
}

@media only screen and (max-width: 500px) {
	#caf-filling-form .gen-form-row .gfr-form input.half-width {width: 100%;}
	button#clear-signature-btn, button#save-signature-btn {font-size: 1.5rem; line-height: 2.3rem;}
	span.text-error {font-size: 1.35rem; line-height: 1.95rem;}
	
	#caf-filling-form .gen-form-row .gfr-form .styled-select-wrapper select {margin-left: -2rem;}
	
	.styled-checkbox-wrapper label {font-size: 1.4rem; line-height: 2rem; padding-left: 3.8rem; background-size: 3rem auto;}
	.styled-checkbox-wrapper label.small {padding-top: 0.7rem;}
	.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background-size: 2.8rem auto;}
	
	#caf-filling-form input[type="submit"] {width: 10rem;}
	a.flat-btn.back {font-size: 1.5rem; line-height: 2.1rem; padding-left: 2.2rem; background-size: 1.6rem auto;}
}
/* /CAF FILLING FORM */


/* CAF PREVIEW FORM */
#caf-preview-ct {margin-top: 3rem; padding: 4rem; border: 0.1rem solid #AFAFAF;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
img#caf-preview-logo {max-height: 5.5rem; margin-bottom: 5rem;}
h3#caf-preview-title, h3#caf-preview-title i {font-family: Arial, Verdana; font-size: 1.6rem; line-height: 2.6rem; text-align: center; font-weight: bold; color: #21252C;}
h3#caf-preview-title {margin-bottom: 3rem;}
h3#caf-preview-title span {text-decoration: underline;}
p.caf-description {text-align: justify; font-family: Arial, Verdana; font-size: 1.4rem; line-height: 2.2rem; color: #21252C;}
p.caf-description i, p.caf-description b, p.caf-description b i, p.caf-description i b {font-family: Arial, Verdana;}

table.caf-table {width: 100%;}
table.caf-table tbody tr td {font-family: Arial, Verdana; vertical-align: middle; box-sizing: border-box; padding: 1rem 2rem; font-size: 1.4rem; line-height: 2.2rem; color: #21252C; border-top: 0.1rem solid #21252C; border-left: 0.1rem solid #21252C;}
table.caf-table tbody tr td b, table.caf-table tbody tr td i {font-family: Arial, Verdana;}
table.caf-table tbody tr td:last-child {border-right: 0.1rem solid #21252C;}
table.caf-table tbody tr:last-child td {border-bottom: 0.1rem solid #21252C;}
table.caf-table tbody tr td.vtop {vertical-align: top;}
table.caf-table tbody tr td img {max-width: 100%; max-height: 5rem;}
table.caf-table.type-2 tbody tr td {border: 0; border-bottom: 0.1rem solid #21252C;}
table.caf-table.type-2 tbody tr td:first-child {padding-left: 0;}

@media only screen and (max-width: 768px) {
	#caf-preview-ct {padding: 3rem;}
	img#caf-preview-logo {max-height: 5rem; margin-bottom: 4rem;}

	p.caf-description {font-size: 1.3rem; line-height: 2rem;}
	table.caf-table tbody tr td {font-size: 1.3rem; line-height: 2rem;}	
	table.caf-table tbody tr td img {max-width: 100%; max-height: 4rem;}
}

@media only screen and (max-width: 600px) {
	.next-prev-ct.resp-center {text-align: center;}
}

@media only screen and (max-width: 500px) {
	#caf-preview-ct {padding: 2.5rem;}
	img#caf-preview-logo {max-height: 4.5rem; margin-bottom: 3rem;}
}

@media only screen and (max-width: 420px) {
	#caf-preview-ct {padding: 2rem;}
	img#caf-preview-logo {max-height: 4rem;}	
	h3#caf-preview-title, h3#caf-preview-title i {font-size: 1.5rem; line-height: 2.1rem;}

	p.caf-description {font-size: 1.2rem; line-height: 1.9rem;}
	table.caf-table tbody tr td {font-size: 1.2rem; line-height: 1.9rem; padding: 1rem 1.5rem;}
	table.caf-table.type-2 tbody tr td {padding: 1rem 0.8rem;}
}
/* /CAF PREVIEW FORM */


/* FOOTER */
#footer-copyright-section {position: fixed; z-index: 1000; width: 100%; bottom: 0;}
#footer-copyright-container {padding: 1rem 0; background: #005BAC; text-align: center;}
#footer-copyright-container p {font-size: 1.3rem; line-height: 2.1rem; color: #fff;}
/* /FOOTER */