*{
	margin:0 auto;
	padding:0;
}
:root {
	--c-main: #78bde7;
	--c-main-vivid: #50c1ed;
	--c-main-light: #a6d7f5;
	--c-main-dark: #3e8cbc;
	--c-sub: #72ae58;
	--c-sub-vivid: #92d274;
	--c-sub-dark: #4a862e;
	--c-red: #c94c52;
	--c-text: #333;
	--f-icon: 'Font Awesome 6 Free';
	--f-title: "Poppins", sans-serif;
}
body{
	font-family: "Roboto", sans-serif;
	line-height: 1.4;
}
ul{
	list-style:none;
}
ul,li{
	margin:0;
	padding:0;
}
img{
	border:0;
	max-width: 100%;
}
a,
a:hover{
	text-decoration:none;
}
p{
	margin-bottom: 0;
}
.container{
	width: 1190px;
	max-width: 100%;
}
.mt50{margin-top: 50px;  }
.mt40{margin-top: 40px;  }
.mt30{margin-top: 30px; }
.mt20{margin-top: 20px;  }
.mt15{margin-top: 15px;  }
.mt10{margin-top: 10px;  }
.mt5{margin-top: 5px;  }
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pb15{padding-bottom: 15px;}
.w100{width: 100%;}
.disblock{
	display: block;
}
@media(min-width:575px){
	.block-575{
		display: none;
	}
}
@media (min-width: 767px) {
	.block-767{
		display: none;
	}
}
@media (max-width: 767px) {
	.pt100{padding-top: 70px;}
	.pb100{padding-bottom: 70px;}
	.hidden-767{
		display: none;
	}
}
/*--- Button ---*/
.btn-cm{
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	max-width: 100%;
}
.btn-big{
	font-size: 20px;
	font-weight: 500;
	padding: 15px;
	width: 285px;
}
.btn-medium{
	font-size: 18px;
	font-weight: 500;
	padding: 13px;
	width: 240px;
}
.btn-small{
	font-size: 16px;
	font-weight: 500;
	padding: 5px;
	width: 125px;
}
.btn-blue{
	color: #fff;
	background-color: var(--c-main);
	border:none;
}
.btn-blue:hover{
	color: #fff;
	background-color: var(--c-main-light);
}
.btn-blue:focus{
	color: #fff;
	background-color: var(--c-main-dark);
}
.btn-green{
	color: #fff;
	background-color: var(--c-sub);
	border:none;
}
.btn-green:hover{
	color: #fff;
	background-color: var(--c-sub-vivid);
}
.btn-green:focus{
	color: #fff;
	background-color: var(--c-sub-dark);
}
.btn-unavailable{
	color: #c8c8c8;
	background-color: #e8e8e8;
	border:none;
}
.btn-line-blue{
	color: var(--c-main);
	border:1px solid var(--c-main);
}
.btn-line-blue:hover{
	color: var(--c-main-light);
	border:1px solid var(--c-main-light);
}
.btn-line-blue:focus{
	color: var(--c-main-dark);
	border:1px solid var(--c-main-dark);
}
.btn-green-blue{
	color: var(--c-sub);
	border:1px solid var(--c-sub);
}
.btn-green-blue:hover{
	color: var(--c-sub-vivid);
	border:1px solid var(--c-sub-vivid);
}
.btn-green-blue:focus{
	color: var(--c-main-dark);
	border:1px solid var(--c-sub-dark);
}
.btn-line-unavailable{
	color: #c8c8c8;
	border: 1px solid  #e8e8e8;
}
.btn-line-white{
	color: #333;
	border:1px solid #333;
}
.btn-line-white:hover{
	color: var(--c-main-light);
	border:1px solid var(--c-main-light);
}
.btn-line-white:focus{
	color: var(--c-main-dark);
	border:1px solid var(--c-main-dark);
}
/*--- End Button ---*/
/*--- Text ---*/
h1,h2,h3,h4,h5{
	font-family: var(--f-title);
	font-weight: bold;
}
.textlink{
	color: #007aff;
	text-decoration: underline;
}
.textlink:hover{
	color: #1a8cd2;
}
.textred{
	color: var(--c-red);
}
.textsmall{
	font-size: 14px;
}
/*--- End text ---*/

/*-------------- Custom select bootstrap ----------------*/
.form-group {
	margin-bottom: 20px;
}
textarea,
.form-control, input{
	border:1px solid #9f9f9f;
	border-radius: 0;
}
.custom-control {
	padding-left: 32px;
	display: inline-block;
}
.custom-control-label::before,
.custom-control-label::after {
	top: 0;
	left: -32px;
	width: 20px;
	height: 20px;
	border-radius: 50% !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after,
.custom-control-label::before {
	background: #fff;
	border: 1px solid #707070;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background: url(../img/icon/icon_check_02.svg) no-repeat center center #F989B1 !important;
	box-shadow: none;
	background-size: 50% !important;
	border: none;
	outline: none;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	border: none;
}
.custom-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../img/icon/icon_select.svg);
	background-repeat: no-repeat;
	background-position: right center;
	border-radius: 0;
	border: 1px solid #9F9F9F;
	padding-right: 45px;
	background-size: auto 100%;
}
/*-------------- End Custom select bootstrap ----------------*/