/* FONT */
@font-face {
    font-family: "Light";
    src: url("../../fonts/NunitoSans-Light.ttf");
}

@font-face {
    font-family: "Regular";
    src: url("../../fonts/NunitoSans-Regular.ttf");
}

@font-face {
    font-family: "Medium";
    src: url("../../fonts/NunitoSans-SemiBold.ttf");
}

@font-face {
    font-family: "Bold";
    src: url("../../fonts/NunitoSans-Bold.ttf");
}

@font-face {
  font-family: "ExtraBold";
  src: url("../../fonts/NunitoSans-ExtraBold.ttf");
}

.font-10{font-size: 10px;line-height: 135%;}
.font-12{font-size: 12px;line-height: 135%;}
.font-14{font-size: 14px;line-height: 135%;}
.font-16{font-size: 16px;line-height: 135%;}
.font-18{font-size: 18px;line-height: 135%;}
.font-20{font-size: 20px;line-height: 135%;}
.font-24{font-size: 24px;line-height: 135%;}
.font-28{font-size: 28px;line-height: 135%;}
.font-26{font-size: 26px;line-height: 135%;}
.font-32{font-size: 32px;line-height: 135%;}
.font-64{font-size: 64px;line-height: 135%;}

.font-12.nospace{line-height: 100%;}
.font-14.nospace{line-height: 100%;}

.font-light{font-family: 'Light', sans-serif;}
.font-regular{font-family: 'Regular', sans-serif;}
.font-medium, .font-hover-medium:hover{font-family: 'Medium', sans-serif;}
.font-bold{font-family: 'Bold', sans-serif;}
.font-extrabold{font-family: 'ExtraBold', sans-serif;}

.font-16.two-lines{
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 43.2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* DECORATION */
.font-underline{text-decoration: underline;}

/* CUSTOM */
.font-title {font-size: 29px;line-height: 135%;letter-spacing: -0.04em;}
.font-caption {letter-spacing: 0.16em;}
.font-text-180{line-height: 180% !important;}
.font-text-150{line-height: 150% !important;}

.font-strike{text-decoration: line-through;}

@media (min-width: 1281px) {

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1026px) and (max-width: 1280px) {

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 850px) and (max-width: 1025px) {
   
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 481px) and (max-width: 849px){
    
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 0px) and (max-width: 480px) {
    /* .font-14{font-size: 14px;line-height: 120%;}
    .font-16{font-size: 14px;line-height: 120%;}
    .font-32{font-size: 20px;line-height: 120%;}
    .font-64{font-size: 24px;line-height: 120%;} */
    .font-64{font-size: 24px;line-height: 120%;}
    
}