html, body {
	font: 400 22px/25px 'helvethaica';
	letter-spacing: 0 !important;
	color: rgba(12,12,12,1);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5,
.title-main, .title-sub, .title-default-1, .title-default-2 {
	font-weight:400;
}
h1, .h1, .title-main {
	font-size: 45px;
	line-height: 50px;
}
h2, .h2, .title-sub {
	font-size: 40px;
	line-height: 45px;
}
h3, .h3 {
	font-size: 35px;
	line-height:40px;
}
h4, .h4, .title-default-1 {
	font-size: 30px;
	line-height:35px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
}
h6, .h6 {
	font-size: 22px;
	line-height: 25px;
	font-weight:500;
}
.tooltip {
	font: 400 13px/20px 'helvethaica';
	letter-spacing: 0 !important;
}
.tooltip>.tooltip-inner {
	padding: 10px 15px !important;
	max-width: 250px !important;
}

/* .title-main.font-semi-bold,
.title-main.font-bold {
	letter-spacing:-0.3px !important;
}
.title-sub.font-semi-bold,
.title-sub.font-bold {
	letter-spacing:-0.3px !important;
}
.title-default.font-semi-bold,
.title-default.font-bold {
	letter-spacing:-0.4px !important;
} */

.text-default {
	font-size: 22px;
	line-height: 25px;
	font-weight: 400;
}

.text-min {
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.text-min.en {
    font-family: "rubik";
    font-size: 10px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase !important;
    letter-spacing: 0.7px;
}

/* --- font weight --- */

.font-light {
	font-weight: 300 !important;
}
.font-regular {
	font-weight: 400 !important;
}
.font-medium {
	font-weight: 500 !important;
}
.font-semi-bold {
	font-weight: 600 !important;
}
.font-bold {
	font-weight: 700 !important;
}
.font-extra-bold {
	font-weight: 800 !important;
}
.font-black {
	font-weight: 900 !important;
}

i.icon,span.icon {
    position: relative;
    display: inline-block;
	vertical-align: middle;
	/* height: 0; */
	line-height: 0;
}
.icon.h-zero {
	line-height: 0;
	height: 0;
}
i.icon:before,span.icon:before {
	display: inline-block;
	line-height:inherit !important;
}
.fa, .fas, .far, .fal, .fad, .fab {
    line-height:inherit !important;
}

/* icon */
[class*="font-icon-"]::before {
	line-height:1 !important;
}
.font-icon-extra-small {
	font-size: 30px;
	line-height: 0;
}
.font-icon-small {
	font-size: 50px;
	line-height: 0;
}
.font-icon-default {
	font-size: 70px;
	line-height: 0;
}
.font-icon-larger {
	font-size: 90px;
	line-height: 0;
}
.font-icon-extra-larger {
	font-size: 120px;
	line-height: 0;
}

[class*="font-icon-"].animate-beat {
	animation-duration: 0.5s;
    animation-name: animateBeatForIcon;
	animation-iteration-count: infinite;
	transform: scale(1);
}
@keyframes animateBeatForIcon {
    from {
        transform: scale(1);
    }  
    to {
        transform: scale(1.1);
    }
}

.more-info-icon {
	position: relative;
	width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 15px !important;
	cursor: pointer !important;
	margin-left: 5px;
	text-align: center;
}


/* xxl */
@media (min-width: 1400px) {}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

h1, .h1, .title-main {
	font-size: 40px;
	line-height: 45px;
}
h2, .h2, .title-sub {
	font-size: 35px;
	line-height:40px;
}
h3, .h3 {
	font-size: 30px;
	line-height:35px;
}
h4, .h4, .title-default-1 {
	font-size: 25px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
	font-weight:500;
}
h6, .h6 {
	font-size: 22px;
	line-height: 25px;
	font-weight:500;
}

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {

h1, .h1, .title-main {
	font-size: 40px;
	line-height: 45px;
}
h2, .h2, .title-sub {
	font-size: 35px;
	line-height:40px;
}
h3, .h3 {
	font-size: 30px;
	line-height:35px;
}
h4, .h4, .title-default-1 {
	font-size: 25px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
	font-weight:500;
}
h6, .h6 {
	font-size: 22px;
	line-height: 25px;
	font-weight:500;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

html, body {
	font-size: 20px;
	line-height: 25px;
}
h1, .h1, .title-main {
	font-size: 35px;
	line-height:40px;
}
h2, .h2, .title-sub {
	font-size: 30px;
	line-height:35px;
}
h3, .h3 {
	font-size: 25px;
	line-height: 30px;
}
h4, .h4, .title-default-1 {
	font-size: 25px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
}
h6, .h6 {
	font-size: 20px;
	line-height: 25px;
}

.text-default {
	font-size: 20px;
	line-height: 25px;
}	

/* .text-min {
	font-size: 15px;
	line-height: 15px;
} */

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

html, body {
	font-size: 20px;
	line-height: 25px;
}
h1, .h1, .title-main {
	font-size: 35px;
	line-height: 40px;
}
h2, .h2, .title-sub {
	font-size: 30px;
	line-height:35px;
}
h3, .h3 {
	font-size: 25px;
	line-height: 30px;
}
h4, .h4, .title-default-1 {
	font-size: 25px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
}
h6, .h6 {
	font-size: 20px;
	line-height: 25px;
}

.text-default {
	font-size: 20px;
	line-height: 25px;
}	

/* .text-min {
	font-size: 15px;
	line-height: 15px;
} */

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

html, body {
	font-size: 20px;
	line-height: 25px;
}
h1, .h1, .title-main {
	font-size: 35px;
	line-height:40px;
}
h2, .h2, .title-sub {
	font-size: 30px;
	line-height:35px;
}
h3, .h3 {
	font-size: 25px;
	line-height: 30px;
}
h4, .h4, .title-default-1 {
	font-size: 25px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
}
h6, .h6 {
	font-size: 20px;
	line-height: 25px;
}

.text-default {
	font-size: 20px;
	line-height: 25px;
}	

/* .text-min {
	font-size: 15px;
	line-height: 15px;
} */

}

/* sm - xs */
@media (max-width: 767.98px) {
.text-min {
	font-size: 15px;
	line-height: 15px;
}
}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {
html, body {
	font-size: 20px;
	line-height: 25px;
}
h1, .h1, .title-main {
	font-size: 35px;
	line-height:40px;
}
h2, .h2, .title-sub {
	font-size: 30px;
	line-height:35px;
}
h3, .h3 {
	font-size: 25px;
	line-height: 30px;
}
h4, .h4, .title-default-1 {
	font-size: 25px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 25px;
	line-height: 30px;
}
h6, .h6 {
	font-size: 20px;
	line-height: 25px;
}

.text-default {
	font-size: 20px;
	line-height: 25px;
}

}

/* xs */
@media (max-width: 575.98px) {
html, body {
	font-size: 20px;
	line-height: 25px;
}
/* h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5,
.title-main, .title-sub, .title-default-1, .title-default-2 {
	font-weight:500;
} */
h1, h2, h3,
.title-main, .title-sub {
	font-weight:500;
}
h1, .h1, .title-main {
	font-size: 30px;
	line-height:35px;
}
h2, .h2, .title-sub {
	font-size: 25px;
	line-height: 30px;
}
h3, .h3 {
	font-size: 25px;
	line-height: 30px;
}
h4, .h4, .title-default-1 {
	font-size: 22px;
	line-height: 30px;
}
h5, .h5, .title-default-2 {
	font-size: 22px;
	line-height: 30px;
}
h6, .h6 {
	font-size: 19px;
	line-height: 25px;
}

.text-default {
	font-size: 19px;
	line-height: 25px;
}

}

/* xs custom */
@media (max-width: 399.98px) {}