@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&display=swap);
html {
  font-size: 16px;
}

.font-sans-1 {
  font-family: "Lato";
  font-weight: 400;
}
.font-sans-1.font-weight-normal {
  font-weight: 400;
}
.font-sans-1.font-weight-medium {
  font-weight: 700;
}
.font-sans-1.font-weight-bold {
  font-weight: 900;
}

.font-sans-1 b,
b.font-sans-1 {
  font-weight: 900;
}

.font-sans-2 {
  font-family: "Roboto";
  font-weight: 400;
}
.font-sans-2.font-weight-normal {
  font-weight: 400;
}
.font-sans-2.font-weight-medium {
  font-weight: 700;
}
.font-sans-2.font-weight-bold {
  font-weight: 900;
}

.font-sans-2 b,
b.font-sans-2 {
  font-weight: 900;
}

.font-serif {
  font-family: "Lora";
  font-weight: 400;
}
.font-serif.font-weight-normal {
  font-weight: 400;
}
.font-serif.font-weight-medium {
  font-weight: 700;
}
.font-serif.font-weight-bold {
  font-weight: 900;
}

.font-serif b,
b.font-serif {
  font-weight: 900;
}

.bg-black {
  background: #000;
}

.bg-white {
  background: #fff;
}

.bg-yellow-50 {
  background: #FFF9E1;
}

.bg-yellow-100 {
  background: #FFEEB4;
}

.bg-yellow-200 {
  background: #FFE483;
}

.bg-yellow-300 {
  background: #FFDA4F;
}

.bg-yellow-400 {
  background: #FFD026;
}

.bg-yellow-500 {
  background: #FFC800;
}

.bg-yellow-600 {
  background: #FFB900;
}

.bg-yellow-700 {
  background: #FFA600;
}

.bg-yellow-800 {
  background: #FF9500;
}

.bg-yellow-900 {
  background: #FF7500;
}

.bg-green-50 {
  background: #E6F6EC;
}

.bg-green-100 {
  background: #C3E9D0;
}

.bg-green-200 {
  background: #9BDBB3;
}

.bg-green-300 {
  background: #70CD94;
}

.bg-green-400 {
  background: #4DC27E;
}

.bg-green-500 {
  background: #1FB767;
}

.bg-green-600 {
  background: #16A75C;
}

.bg-green-700 {
  background: #069550;
}

.bg-green-800 {
  background: #008444;
}

.bg-green-900 {
  background: #006430;
}

.bg-blue-50 {
  background: #E3F2FD;
}

.bg-blue-100 {
  background: #BBDEFB;
}

.bg-blue-200 {
  background: #90CAF9;
}

.bg-blue-300 {
  background: #64B5F6;
}

.bg-blue-400 {
  background: #42A5F5;
}

.bg-blue-500 {
  background: #2196F3;
}

.bg-blue-600 {
  background: #1E88E5;
}

.bg-blue-700 {
  background: #1976D2;
}

.bg-blue-800 {
  background: #1565C0;
}

.bg-blue-900 {
  background: #0D47A1;
}

.bg-pink-50 {
  background: #FFE6EC;
}

.bg-pink-100 {
  background: #FFBFCF;
}

.bg-pink-200 {
  background: #FF96AF;
}

.bg-pink-300 {
  background: #FF6C8F;
}

.bg-pink-400 {
  background: #FF4D77;
}

.bg-pink-500 {
  background: #FD355F;
}

.bg-pink-600 {
  background: #EC305D;
}

.bg-pink-700 {
  background: #D62A59;
}

.bg-pink-800 {
  background: #C12357;
}

.bg-pink-900 {
  background: #9D1951;
}

.bg-red-50 {
  background: #FFEBEE;
}

.bg-red-100 {
  background: #FFCDD2;
}

.bg-red-200 {
  background: #EF9A9A;
}

.bg-red-300 {
  background: #E57373;
}

.bg-red-400 {
  background: #EF5350;
}

.bg-red-500 {
  background: #F44336;
}

.bg-red-600 {
  background: #E53935;
}

.bg-red-700 {
  background: #D32F2F;
}

.bg-red-800 {
  background: #C62828;
}

.bg-red-900 {
  background: #B71B1C;
}

.bg-purple-50 {
  background: #F3E5F5;
}

.bg-purple-100 {
  background: #E1BEE7;
}

.bg-purple-200 {
  background: #CE93D8;
}

.bg-purple-300 {
  background: #BA68C8;
}

.bg-purple-400 {
  background: #AB47BC;
}

.bg-purple-500 {
  background: #9B27B0;
}

.bg-purple-600 {
  background: #8D24AA;
}

.bg-purple-700 {
  background: #7A1FA2;
}

.bg-purple-800 {
  background: #691B9A;
}

.bg-purple-900 {
  background: #49148C;
}

.bg-gray-50 {
  background: #FAFAFA;
}

.bg-gray-100 {
  background: #F5F5F5;
}

.bg-gray-200 {
  background: #EEEEEE;
}

.bg-gray-300 {
  background: #E0E0E0;
}

.bg-gray-400 {
  background: #9E9E9E;
}

.bg-gray-500 {
  background: #9E9E9E;
}

.bg-gray-600 {
  background: #757575;
}

.bg-gray-700 {
  background: #616161;
}

.bg-gray-800 {
  background: #424242;
}

.bg-gray-900 {
  background: #212121;
}

.bg-blue-gray-50 {
  background: #E3E7ED;
}

.bg-blue-gray-100 {
  background: #B9C3D3;
}

.bg-blue-gray-200 {
  background: #8D9DB5;
}

.bg-blue-gray-300 {
  background: #627798;
}

.bg-blue-gray-400 {
  background: #415C84;
}

.bg-blue-gray-500 {
  background: #1A4373;
}

.bg-blue-gray-600 {
  background: #133C6B;
}

.bg-blue-gray-700 {
  background: #083461;
}

.bg-blue-gray-800 {
  background: #022B55;
}

.bg-blue-gray-900 {
  background: #001B3D;
}

.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

.text-yellow-50 {
  color: #FFF9E1;
}

.text-yellow-100 {
  color: #FFEEB4;
}

.text-yellow-200 {
  color: #FFE483;
}

.text-yellow-300 {
  color: #FFDA4F;
}

.text-yellow-400 {
  color: #FFD026;
}

.text-yellow-500 {
  color: #FFC800;
}

.text-yellow-600 {
  color: #FFB900;
}

.text-yellow-700 {
  color: #FFA600;
}

.text-yellow-800 {
  color: #FF9500;
}

.text-yellow-900 {
  color: #FF7500;
}

.text-green-50 {
  color: #E6F6EC;
}

.text-green-100 {
  color: #C3E9D0;
}

.text-green-200 {
  color: #9BDBB3;
}

.text-green-300 {
  color: #70CD94;
}

.text-green-400 {
  color: #4DC27E;
}

.text-green-500 {
  color: #1FB767;
}

.text-green-600 {
  color: #16A75C;
}

.text-green-700 {
  color: #069550;
}

.text-green-800 {
  color: #008444;
}

.text-green-900 {
  color: #006430;
}

.text-blue-50 {
  color: #E3F2FD;
}

.text-blue-100 {
  color: #BBDEFB;
}

.text-blue-200 {
  color: #90CAF9;
}

.text-blue-300 {
  color: #64B5F6;
}

.text-blue-400 {
  color: #42A5F5;
}

.text-blue-500 {
  color: #2196F3;
}

.text-blue-600 {
  color: #1E88E5;
}

.text-blue-700 {
  color: #1976D2;
}

.text-blue-800 {
  color: #1565C0;
}

.text-blue-900 {
  color: #0D47A1;
}

.text-pink-50 {
  color: #FFE6EC;
}

.text-pink-100 {
  color: #FFBFCF;
}

.text-pink-200 {
  color: #FF96AF;
}

.text-pink-300 {
  color: #FF6C8F;
}

.text-pink-400 {
  color: #FF4D77;
}

.text-pink-500 {
  color: #FD355F;
}

.text-pink-600 {
  color: #EC305D;
}

.text-pink-700 {
  color: #D62A59;
}

.text-pink-800 {
  color: #C12357;
}

.text-pink-900 {
  color: #9D1951;
}

.text-red-50 {
  color: #FFEBEE;
}

.text-red-100 {
  color: #FFCDD2;
}

.text-red-200 {
  color: #EF9A9A;
}

.text-red-300 {
  color: #E57373;
}

.text-red-400 {
  color: #EF5350;
}

.text-red-500 {
  color: #F44336;
}

.text-red-600 {
  color: #E53935;
}

.text-red-700 {
  color: #D32F2F;
}

.text-red-800 {
  color: #C62828;
}

.text-red-900 {
  color: #B71B1C;
}

.text-purple-50 {
  color: #F3E5F5;
}

.text-purple-100 {
  color: #E1BEE7;
}

.text-purple-200 {
  color: #CE93D8;
}

.text-purple-300 {
  color: #BA68C8;
}

.text-purple-400 {
  color: #AB47BC;
}

.text-purple-500 {
  color: #9B27B0;
}

.text-purple-600 {
  color: #8D24AA;
}

.text-purple-700 {
  color: #7A1FA2;
}

.text-purple-800 {
  color: #691B9A;
}

.text-purple-900 {
  color: #49148C;
}

.text-gray-50 {
  color: #FAFAFA;
}

.text-gray-100 {
  color: #F5F5F5;
}

.text-gray-200 {
  color: #EEEEEE;
}

.text-gray-300 {
  color: #E0E0E0;
}

.text-gray-400 {
  color: #9E9E9E;
}

.text-gray-500 {
  color: #9E9E9E;
}

.text-gray-600 {
  color: #757575;
}

.text-gray-700 {
  color: #616161;
}

.text-gray-800 {
  color: #424242;
}

.text-gray-900 {
  color: #212121;
}

.text-blue-gray-50 {
  color: #E3E7ED;
}

.text-blue-gray-100 {
  color: #B9C3D3;
}

.text-blue-gray-200 {
  color: #8D9DB5;
}

.text-blue-gray-300 {
  color: #627798;
}

.text-blue-gray-400 {
  color: #415C84;
}

.text-blue-gray-500 {
  color: #1A4373;
}

.text-blue-gray-600 {
  color: #133C6B;
}

.text-blue-gray-700 {
  color: #083461;
}

.text-blue-gray-800 {
  color: #022B55;
}

.text-blue-gray-900 {
  color: #001B3D;
}

.border-black {
  border-color: #000 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-yellow-50 {
  border-color: #FFF9E1 !important;
}

.border-yellow-100 {
  border-color: #FFEEB4 !important;
}

.border-yellow-200 {
  border-color: #FFE483 !important;
}

.border-yellow-300 {
  border-color: #FFDA4F !important;
}

.border-yellow-400 {
  border-color: #FFD026 !important;
}

.border-yellow-500 {
  border-color: #FFC800 !important;
}

.border-yellow-600 {
  border-color: #FFB900 !important;
}

.border-yellow-700 {
  border-color: #FFA600 !important;
}

.border-yellow-800 {
  border-color: #FF9500 !important;
}

.border-yellow-900 {
  border-color: #FF7500 !important;
}

.border-green-50 {
  border-color: #E6F6EC !important;
}

.border-green-100 {
  border-color: #C3E9D0 !important;
}

.border-green-200 {
  border-color: #9BDBB3 !important;
}

.border-green-300 {
  border-color: #70CD94 !important;
}

.border-green-400 {
  border-color: #4DC27E !important;
}

.border-green-500 {
  border-color: #1FB767 !important;
}

.border-green-600 {
  border-color: #16A75C !important;
}

.border-green-700 {
  border-color: #069550 !important;
}

.border-green-800 {
  border-color: #008444 !important;
}

.border-green-900 {
  border-color: #006430 !important;
}

.border-blue-50 {
  border-color: #E3F2FD !important;
}

.border-blue-100 {
  border-color: #BBDEFB !important;
}

.border-blue-200 {
  border-color: #90CAF9 !important;
}

.border-blue-300 {
  border-color: #64B5F6 !important;
}

.border-blue-400 {
  border-color: #42A5F5 !important;
}

.border-blue-500 {
  border-color: #2196F3 !important;
}

.border-blue-600 {
  border-color: #1E88E5 !important;
}

.border-blue-700 {
  border-color: #1976D2 !important;
}

.border-blue-800 {
  border-color: #1565C0 !important;
}

.border-blue-900 {
  border-color: #0D47A1 !important;
}

.border-pink-50 {
  border-color: #FFE6EC !important;
}

.border-pink-100 {
  border-color: #FFBFCF !important;
}

.border-pink-200 {
  border-color: #FF96AF !important;
}

.border-pink-300 {
  border-color: #FF6C8F !important;
}

.border-pink-400 {
  border-color: #FF4D77 !important;
}

.border-pink-500 {
  border-color: #FD355F !important;
}

.border-pink-600 {
  border-color: #EC305D !important;
}

.border-pink-700 {
  border-color: #D62A59 !important;
}

.border-pink-800 {
  border-color: #C12357 !important;
}

.border-pink-900 {
  border-color: #9D1951 !important;
}

.border-red-50 {
  border-color: #FFEBEE !important;
}

.border-red-100 {
  border-color: #FFCDD2 !important;
}

.border-red-200 {
  border-color: #EF9A9A !important;
}

.border-red-300 {
  border-color: #E57373 !important;
}

.border-red-400 {
  border-color: #EF5350 !important;
}

.border-red-500 {
  border-color: #F44336 !important;
}

.border-red-600 {
  border-color: #E53935 !important;
}

.border-red-700 {
  border-color: #D32F2F !important;
}

.border-red-800 {
  border-color: #C62828 !important;
}

.border-red-900 {
  border-color: #B71B1C !important;
}

.border-purple-50 {
  border-color: #F3E5F5 !important;
}

.border-purple-100 {
  border-color: #E1BEE7 !important;
}

.border-purple-200 {
  border-color: #CE93D8 !important;
}

.border-purple-300 {
  border-color: #BA68C8 !important;
}

.border-purple-400 {
  border-color: #AB47BC !important;
}

.border-purple-500 {
  border-color: #9B27B0 !important;
}

.border-purple-600 {
  border-color: #8D24AA !important;
}

.border-purple-700 {
  border-color: #7A1FA2 !important;
}

.border-purple-800 {
  border-color: #691B9A !important;
}

.border-purple-900 {
  border-color: #49148C !important;
}

.border-gray-50 {
  border-color: #FAFAFA !important;
}

.border-gray-100 {
  border-color: #F5F5F5 !important;
}

.border-gray-200 {
  border-color: #EEEEEE !important;
}

.border-gray-300 {
  border-color: #E0E0E0 !important;
}

.border-gray-400 {
  border-color: #9E9E9E !important;
}

.border-gray-500 {
  border-color: #9E9E9E !important;
}

.border-gray-600 {
  border-color: #757575 !important;
}

.border-gray-700 {
  border-color: #616161 !important;
}

.border-gray-800 {
  border-color: #424242 !important;
}

.border-gray-900 {
  border-color: #212121 !important;
}

.border-blue-gray-50 {
  border-color: #E3E7ED !important;
}

.border-blue-gray-100 {
  border-color: #B9C3D3 !important;
}

.border-blue-gray-200 {
  border-color: #8D9DB5 !important;
}

.border-blue-gray-300 {
  border-color: #627798 !important;
}

.border-blue-gray-400 {
  border-color: #415C84 !important;
}

.border-blue-gray-500 {
  border-color: #1A4373 !important;
}

.border-blue-gray-600 {
  border-color: #133C6B !important;
}

.border-blue-gray-700 {
  border-color: #083461 !important;
}

.border-blue-gray-800 {
  border-color: #022B55 !important;
}

.border-blue-gray-900 {
  border-color: #001B3D !important;
}

.fix-3 {
  width: 85px;
}

.fix-6 {
  width: 150px;
}

.fix-9 {
  width: 250px;
}

.fix-12 {
  width: 350px;
}

.full-width {
  width: 100%;
}