/*POPPINS*/

.pop-10{
    font-family: "Poppins-Regular";
    font-size: 10px;
}
.pop-10-italic{
    font-family: "Poppins-Italic";
    font-size: 10px;
}
.pop-10-medium{
    font-family: "Poppins-Medium";
    font-size: 10px;
}
.pop-10-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 10px;
}
.pop-10-bold{
    font-family: "Poppins-Bold";
    font-size: 10px;
}

.pop-12{
    font-family: "Poppins-Regular";
    font-size: 12px;
}
.pop-12-italic{
    font-family: "Poppins-Italic";
    font-size: 12px;
}
.pop-12-medium{
    font-family: "Poppins-Medium";
    font-size: 12px;
}
.pop-12-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 12px;
}
.pop-12-bold{
    font-family: "Poppins-Bold";
    font-size: 12px;
}

.pop-13{
    font-family: "Poppins-Regular";
    font-size: 13px;
}
.pop-13-italic{
    font-family: "Poppins-Italic";
    font-size: 13px;
}
.pop-13-medium{
    font-family: "Poppins-Medium";
    font-size: 13px;
}
.pop-13-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 13px;
}
.pop-13-bold{
    font-family: "Poppins-Bold";
    font-size: 13px;
}

.pop-14{
    font-family: "Poppins-Regular";
    font-size: 14px;
}
.pop-14-italic{
    font-family: "Poppins-Italic";
    font-size: 14px;
}
.pop-14-medium{
    font-family: "Poppins-Medium";
    font-size: 14px;
}
.pop-14-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 14px;
}
.pop-14-bold{
    font-family: "Poppins-Bold";
    font-size: 14px;
}

.pop-15-medium{
    font-family: "Poppins-Medium";
    font-size: 15px;
}

.pop-16{
    font-family: "Poppins-Regular";
    font-size: 16px;
}
.pop-16-italic{
    font-family: "Poppins-Italic";
    font-size: 16px;
}
.pop-16-medium{
    font-family: "Poppins-Medium";
    font-size: 16px;
}
.pop-16-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 16px;
}
.pop-16-bold{
    font-family: "Poppins-Bold";
    font-size: 16px;
}

.pop-18{
    font-family: "Poppins-Regular";
    font-size: 18px;
}
.pop-18-italic{
    font-family: "Poppins-Italic";
    font-size: 18px;
}
.pop-18-medium{
    font-family: "Poppins-Medium";
    font-size: 18px;
}
.pop-18-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 18px;
}
.pop-18-bold{
    font-family: "Poppins-Bold";
    font-size: 18px;
}

.pop-20{
    font-family: "Poppins-Regular";
    font-size: 20px;
}
.pop-20-italic{
    font-family: "Poppins-Italic";
    font-size: 20px;
}
.pop-20-medium{
    font-family: "Poppins-Medium";
    font-size: 20px;
}
.pop-20-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 20px;
}
.pop-20-bold{
    font-family: "Poppins-Bold";
    font-size: 20px;
}

.pop-21{
    font-family: "Poppins-Regular";
    font-size: 21px;
}
.pop-21-italic{
    font-family: "Poppins-Italic";
    font-size: 21px;
}
.pop-21-medium{
    font-family: "Poppins-Medium";
    font-size: 21px;
}
.pop-21-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 21px;
}
.pop-21-bold{
    font-family: "Poppins-Bold";
    font-size: 21px;
}

.pop-24{
    font-family: "Poppins-Regular";
    font-size: 24px;
}
.pop-24-italic{
    font-family: "Poppins-Italic";
    font-size: 24px;
}
.pop-24-medium{
    font-family: "Poppins-Medium";
    font-size: 24px;
}
.pop-24-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 24px;
}
.pop-24-bold {
    font-family: "Poppins-Bold";
    font-size: 24px;
}

.pop-28{
    font-family: "Poppins-Regular";
    font-size: 28px;
}
.pop-28-italic{
    font-family: "Poppins-Italic";
    font-size: 28px;
}
.pop-28-medium{
    font-family: "Poppins-Medium";
    font-size: 28px;
}
.pop-28-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 28px;
}
.pop-28-bold {
    font-family: "Poppins-Bold";
    font-size: 28px;
}

.pop-30{
    font-family: "Poppins-Regular";
    font-size: 30px;
}
.pop-30-italic{
    font-family: "Poppins-Italic";
    font-size: 30px;
}
.pop-30-medium{
    font-family: "Poppins-Medium";
    font-size: 30px;
}
.pop-30-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 30px;
}
.pop-30-bold{
    font-family: "Poppins-Bold";
    font-size: 30px;
}

.pop-32{
    font-family: "Poppins-Regular";
    font-size: 32px;
}
.pop-32-italic{
    font-family: "Poppins-Italic";
    font-size: 32px;
}
.pop-32-medium{
    font-family: "Poppins-Medium";
    font-size: 32px;
}
.pop-32-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 32px;
}
.pop-32-bold{
    font-family: "Poppins-Bold";
    font-size: 32px;
}

.pop-40 {
    font-family: "Poppins-Regular";
    font-size: 40px;
}
.pop-40-italic{
    font-family: "Poppins-Italic";
    font-size: 40px;
}
.pop-40-medium{
    font-family: "Poppins-Medium";
    font-size: 40px;
}
.pop-40-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 40px;
}
.pop-40-bold{
    font-family: "Poppins-Bold";
    font-size: 40px;
}

.pop-46 {
    font-family: "Poppins-Regular";
    font-size: 46px;
}
.pop-46-italic{
    font-family: "Poppins-Italic";
    font-size: 46px;
}
.pop-46-medium{
    font-family: "Poppins-Medium";
    font-size: 46px;
}
.pop-46-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 46px;
}
.pop-46-bold{
    font-family: "Poppins-Bold";
    font-size: 46px;
}

.pop-48 {
    font-family: "Poppins-Regular";
    font-size: 48px;
}
.pop-48-italic{
    font-family: "Poppins-Italic";
    font-size: 48px;
}
.pop-48-medium{
    font-family: "Poppins-Medium";
    font-size: 48px;
}
.pop-48-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 48px;
}
.pop-48-bold{
    font-family: "Poppins-Bold";
    font-size: 48px;
}

.pop-52{
    font-family: "Poppins-Regular";
    font-size: 52px;
}
.pop-52-italic{
    font-family: "Poppins-Italic";
    font-size: 52px;
}
.pop-52-medium{
    font-family: "Poppins-Medium";
    font-size: 52px;
}
.pop-52-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 52px;
}
.pop-52-bold{
    font-family: "Poppins-Bold";
    font-size: 52px;
}

.pop-60{
    font-family: "Poppins-Regular";
    font-size: 60px;
}
.pop-60-italic{
    font-family: "Poppins-Italic";
    font-size: 60px;
}
.pop-60-medium{
    font-family: "Poppins-Medium";
    font-size: 60px;
}
.pop-60-semibold{
    font-family: "Poppins-SemiBold";
    font-size: 60px;
}
.pop-60-bold{
    font-family: "Poppins-Bold";
    font-size: 60px;
}


/*UBUNTU*/

.ub-10{
    font-family: "Ubuntu-Regular";
    font-size: 10px;
}
.ub-10-light{
    font-family: "Ubuntu-Light";
    font-size: 10px;
}
.ub-10-medium{
    font-family: "Ubuntu-Medium";
    font-size: 10px;
}
.ub-10-bold{
    font-family: "Ubuntu-Bold";
    font-size: 10px;
}

.ub-12{
    font-family: "Ubuntu-Regular";
    font-size: 12px;
}
.ub-12-light{
    font-family: "Ubuntu-Light";
    font-size: 12px;
}
.ub-12-medium{
    font-family: "Ubuntu-Medium";
    font-size: 12px;
}
.ub-12-bold{
    font-family: "Ubuntu-Bold";
    font-size: 12px;
}

.ub-13{
    font-family: "Ubuntu-Regular";
    font-size: 13px;
}
.ub-13-light{
    font-family: "Ubuntu-Light";
    font-size: 13px;
}
.ub-13-medium{
    font-family: "Ubuntu-Medium";
    font-size: 13px;
}
.ub-13-bold{
    font-family: "Ubuntu-Bold";
    font-size: 13px;
}

.ub-14{
    font-family: "Ubuntu-Regular";
    font-size: 14px;
}
.ub-14-light{
    font-family: "Ubuntu-Light";
    font-size: 14px;
}
.ub-14-medium{
    font-family: "Ubuntu-Medium";
    font-size: 14px;
}
.ub-14-bold{
    font-family: "Ubuntu-Bold";
    font-size: 14px;
}

.ub-16{
    font-family: "Ubuntu-Regular";
    font-size: 16px;
}
.ub-16-light{
    font-family: "Ubuntu-Light";
    font-size: 16px;
}
.ub-16-medium{
    font-family: "Ubuntu-Medium";
    font-size: 16px;
}
.ub-16-bold{
    font-family: "Ubuntu-Bold";
    font-size: 16px;
}

.ub-18{
    font-family: "Ubuntu-Regular";
    font-size: 18px;
}
.ub-18-light{
    font-family: "Ubuntu-Light";
    font-size: 18px;
}
.ub-18-medium{
    font-family: "Ubuntu-Medium";
    font-size: 18px;
}
.ub-18-bold{
    font-family: "Ubuntu-Bold";
    font-size: 18px;
}

.ub-20{
    font-family: "Ubuntu-Regular";
    font-size: 20px;
}
.ub-20-light{
    font-family: "Ubuntu-Light";
    font-size: 20px;
}
.ub-20-medium{
    font-family: "Ubuntu-Medium";
    font-size: 20px;
}
.ub-20-bold{
    font-family: "Ubuntu-Bold";
    font-size: 20px;
}

.ub-21{
    font-family: "Ubuntu-Regular";
    font-size: 21px;
}
.ub-21-light{
    font-family: "Ubuntu-Light";
    font-size: 21px;
}
.ub-21-medium{
    font-family: "Ubuntu-Medium";
    font-size: 21px;
}
.ub-21-bold{
    font-family: "Ubuntu-Bold";
    font-size: 21px;
}

.ub-24{
    font-family: "Ubuntu-Regular";
    font-size: 24px;
}
.ub-24-light{
    font-family: "Ubuntu-Light";
    font-size: 24px;
}
.ub-24-medium{
    font-family: "Ubuntu-Medium";
    font-size: 24px;
}
.ub-24-bold{
    font-family: "Ubuntu-Bold";
    font-size: 24px;
}

.ub-30{
    font-family: "Ubuntu-Regular";
    font-size: 30px;
}
.ub-30-light{
    font-family: "Ubuntu-Light";
    font-size: 30px;
}
.ub-30-medium{
    font-family: "Ubuntu-Medium";
    font-size: 30px;
}
.ub-30-bold{
    font-family: "Ubuntu-Bold";
    font-size: 30px;
}

.ub-32{
    font-family: "Ubuntu-Regular";
    font-size: 32px;
}
.ub-32-light{
    font-family: "Ubuntu-Light";
    font-size: 32px;
}
.ub-32-medium{
    font-family: "Ubuntu-Medium";
    font-size: 32px;
}
.ub-32-bold{
    font-family: "Ubuntu-Bold";
    font-size: 32px;
}

.ub-40{
    font-family: "Ubuntu-Regular";
    font-size: 40px;
}
.ub-40-light{
    font-family: "Ubuntu-Light";
    font-size: 40px;
}
.ub-40-medium{
    font-family: "Ubuntu-Medium";
    font-size: 40px;
}
.ub-40-bold{
    font-family: "Ubuntu-Bold";
    font-size: 40px;
}

.ub-52{
    font-family: "Ubuntu-Regular";
    font-size: 52px;
}
.ub-52-light{
    font-family: "Ubuntu-Light";
    font-size: 52px;
}
.ub-52-medium{
    font-family: "Ubuntu-Medium";
    font-size: 52px;
}
.ub-52-bold{
    font-family: "Ubuntu-Bold";
    font-size: 52px;
}


/*OPEN SANS*/

/*400*/
@font-face {
    font-family: "OpenSans-Regular";
    src: url("../fonts/OpenSans-Regular.ttf");
}
/*500*/
@font-face {
    font-family: "OpenSans-Medium";
    src: url("../fonts/OpenSans-Medium.ttf");
}
/*600*/
@font-face {
    font-family: "OpenSans-SemiBold";
    src: url("../fonts/OpenSans-SemiBold.ttf");
}
/*700*/
@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-Bold.ttf");
}
/*800*/
@font-face {
    font-family: "OpenSans-ExtraBold";
    src: url("../fonts/OpenSans-ExtraBold.ttf");
}
@font-face {
    font-family: "OpenSans-ExtraBoldItalic";
    src: url("../fonts/OpenSans-ExtraBoldItalic.ttf");
}


.open-10{
    font-family: "OpenSans-Regular";
    font-size: 10px;
}
.open-10-medium{
    font-family: "OpenSans-Medium";
    font-size: 10px;
}
.open-10-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 10px;
}
.open-10-bold{
    font-family: "OpenSans-Bold";
    font-size: 10px;
}
.open-10-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 10px;
}
.open-10-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 10px;
}

.open-12{
    font-family: "OpenSans-Regular";
    font-size: 12px;
}
.open-12-medium{
    font-family: "OpenSans-Medium";
    font-size: 12px;
}
.open-12-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 12px;
}
.open-12-bold{
    font-family: "OpenSans-Bold";
    font-size: 12px;
}
.open-12-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 12px;
}
.open-12-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 12px;
}

.open-13{
    font-family: "OpenSans-Regular";
    font-size: 13px;
}
.open-13-medium{
    font-family: "OpenSans-Medium";
    font-size: 13px;
}
.open-13-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 13px;
}
.open-13-bold{
    font-family: "OpenSans-Bold";
    font-size: 13px;
}
.open-13-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 13px;
}
.open-13-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 13px;
}

.open-14{
    font-family: "OpenSans-Regular";
    font-size: 14px;
}
.open-14-medium{
    font-family: "OpenSans-Medium";
    font-size: 14px;
}
.open-14-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 14px;
}
.open-14-bold{
    font-family: "OpenSans-Bold";
    font-size: 14px;
}
.open-14-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 14px;
}
.open-14-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 14px;
}

.open-16{
    font-family: "OpenSans-Regular";
    font-size: 16px;
}
.open-16-medium{
    font-family: "OpenSans-Medium";
    font-size: 16px;
}
.open-16-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 16px;
}
.open-16-bold{
    font-family: "OpenSans-Bold";
    font-size: 16px;
}
.open-16-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 16px;
}
.open-16-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 16px;
}

.open-18{
    font-family: "OpenSans-Regular";
    font-size: 18px;
}
.open-18-medium{
    font-family: "OpenSans-Medium";
    font-size: 18px;
}
.open-18-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 18px;
}
.open-18-bold{
    font-family: "OpenSans-Bold";
    font-size: 18px;
}
.open-18-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 18px;
}
.open-18-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 18px;
}

.open-20{
    font-family: "OpenSans-Regular";
    font-size: 20px;
}
.open-20-medium{
    font-family: "OpenSans-Medium";
    font-size: 20px;
}
.open-20-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 20px;
}
.open-20-bold{
    font-family: "OpenSans-Bold";
    font-size: 20px;
}
.open-20-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 20px;
}
.open-20-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 20px;
}

.open-21{
    font-family: "OpenSans-Regular";
    font-size: 21px;
}
.open-21-medium{
    font-family: "OpenSans-Medium";
    font-size: 21px;
}
.open-21-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 21px;
}
.open-21-bold{
    font-family: "OpenSans-Bold";
    font-size: 21px;
}
.open-21-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 21px;
}
.open-21-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 21px;
}

.open-24{
    font-family: "OpenSans-Regular";
    font-size: 24px;
}
.open-24-medium{
    font-family: "OpenSans-Medium";
    font-size: 24px;
}
.open-24-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 24px;
}
.open-24-bold {
    font-family: "OpenSans-Bold";
    font-size: 24px;
}
.open-24-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 24px;
}
.open-24-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 24px;
}

.open-30{
    font-family: "OpenSans-Regular";
    font-size: 30px;
}
.open-30-medium{
    font-family: "OpenSans-Medium";
    font-size: 30px;
}
.open-30-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 30px;
}
.open-30-bold{
    font-family: "OpenSans-Bold";
    font-size: 30px;
}
.open-30-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 30px;
}
.open-30-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 30px;
}

.open-32{
    font-family: "OpenSans-Regular";
    font-size: 32px;
}
.open-32-medium{
    font-family: "OpenSans-Medium";
    font-size: 32px;
}
.open-32-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 32px;
}
.open-32-bold{
    font-family: "OpenSans-Bold";
    font-size: 32px;
}
.open-32-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 32px;
}
.open-32-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 32px;
}

.open-40 {
    font-family: "OpenSans-Regular";
    font-size: 40px;
}
.open-40-medium{
    font-family: "OpenSans-Medium";
    font-size: 40px;
}
.open-40-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 40px;
}
.open-40-bold{
    font-family: "OpenSans-Bold";
    font-size: 40px;
}
.open-40-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 40px;
}
.open-40-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 40px;
}

.open-52{
    font-family: "OpenSans-Regular";
    font-size: 52px;
}
.open-52-medium{
    font-family: "OpenSans-Medium";
    font-size: 52px;
}
.open-52-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 52px;
}
.open-52-bold{
    font-family: "OpenSans-Bold";
    font-size: 52px;
}
.open-52-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 52px;
}
.open-52-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 52px;
}

.open-56{
    font-family: "OpenSans-Regular";
    font-size: 56px;
}
.open-56-medium{
    font-family: "OpenSans-Medium";
    font-size: 56px;
}
.open-56-semibold{
    font-family: "OpenSans-SemiBold";
    font-size: 56px;
}
.open-56-bold{
    font-family: "OpenSans-Bold";
    font-size: 56px;
}
.open-56-extrabold{
    font-family: "OpenSans-ExtraBold";
    font-size: 56px;
}
.open-56-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 56px;
}

.open-60-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 60px;
}

.open-90-extrabolditalic{
    font-family: "OpenSans-ExtraBoldItalic";
    font-size: 90px;
}