@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Oswald';
    src: url('Oswald-Medium.woff2') format('woff2'),
        url('Oswald-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('Oswald-Light.woff2') format('woff2'),
        url('Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('Inter-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('Inter-SemiBold.woff2') format('woff2'),
        url('Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
        url('Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
        url('Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*-------------Buttons---------------*/
.button-box, .s1btn-box, .s2btn-box, .s3btn-box, .s4btn-box, .s8btn-box, .s10btn-box, .s12btn-box{
	width:422px;
	margin:30px 0 0 0;
	display:block;
}
.s1btn-box{margin:30px auto 0 auto;}
.s3btn-box{margin:46px auto 0 auto;}
.s6btn-box{margin:25px auto 0 auto;}
a.bnrbtn, a.s1btn, a.mobbtn{
	height:70px;
	width:100%;
	background:#00bf31;
	border:none;	
	border-radius:40px;
	font-weight:bold;
	font-size:34px;
	line-height:70px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-shadow:1px 1px #0c942f;
	margin:8px auto 0 auto;
	display:block;
	outline:none;
	cursor:pointer;
	box-shadow:5px 5px 10px #cdd0d0;	
}
a.s1btn{box-shadow:5px 5px 10px #1b6079;}
a.mobbtn{margin:0 auto;display:block;box-shadow:none;font-size:27px;height:60px;line-height:60px;}
a.bnrbtn img, a.s1btn img, a.mobbtn img{
	margin:0 0 4px 16px;
	display:inline-block;
	vertical-align:middle;
}
a.mobbtn img{margin:0 0 6px 10px;}
.btntxt1, .btntxt2, .btntxt3{
	font-weight:500;
	font-size:14px;
	line-height:18px;
	color:#060606;
	text-align:center;	
}
.btntxt1 img{margin:0 4px -4px 0;display:inline-block;}
.btntxt2, .btntxt3{margin:8px 0 0 0;position:relative;}
.btntxt2::before, .btntxt2::after, .btntxt3::before, .btntxt3::after{
	content: "";
	display: block;
	position:absolute;
	top:50%;
	height:1px;
	background:#6e6e6e;
	width:82px;
}
.btntxt2::before, .btntxt3::before{left:10px;}
.btntxt2::after, .btntxt3::after{right:10px;}
.btntxt3::before, .btntxt3::after{background:#f4f4f4;}
.white{color:#fff;}
@media only screen and (max-width: 1190px){
.s8btn-box{margin:30px 0 0 476px;}
}
@media only screen and (max-width: 1020px){
.button-box, .s1btn-box{width:360px;}
a.bnrbtn, a.s1btn{font-size:30px;}
.btntxt2::before, .btntxt2::after, .btntxt3::before, .btntxt3::after{width:56px;}
}
@media only screen and (max-width: 767px){
.button-box, .s1btn-box{display:none;}
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.hide-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359{display:none;}
.hide-400, .hide-479{display:inline-block;}
@media only screen and (max-width: 1190px){
.show-desk{display:block;}
.show-hide{display:none;}
}
@media only screen and (max-width: 1020px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767, .hide-desk{display:none;}
.show-767{display:block;}
.bnricon-mob{display:inline-block;}
}
@media only screen and (max-width: 570px){
.hide-570{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479, .tab-video{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}

#app_common_modal .app_modal_body {
    min-width: inherit !important;
    padding: 2.5%!important;
}
input.has-error, select.has-error {
    border: 1px solid orange !important;
    background: url(../../images/error-input.png) 99.5% 50% no-repeat !important;
}
input.no-error, select.no-error {
    border: 1px solid green !important;
    background: url(../../images/tick-input.png) 99.5% 50% no-repeat !important;
}




.chk-left .cstchbox {
    margin: 20px 0 0;
    width: 100%;
    float: left;
    text-align: left;
    display: flex;
    align-items: center;
}
.chk-left .cstchbox input {
    margin-right: 6px;
    width: 15px;
    height: 15px;
    position: relative;
    top: -2px;
    cursor: pointer;
}
.chk-left .cstchbox label {
    font-family: graphik;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #1c1c1c;
    cursor: pointer;
}
@media (max-width: 800px){
    .chk-left .cstchbox label {
        font-size: 14px;
        line-height: 1;
    }
    .chk-left .cstchbox input {
        margin-right: 4px;
        top: -1px;
    }
}