body, html {
    font-family: 'Arimo', sans-serif;
}
html, body, [class*=btn], .swal, .swal2-content {
    font-size: 10px;
}
@media screen and (min-width: 320px) {
    html, body, [class*=btn], .swal, .swal2-content {
        font-size: calc(10px + 2 * ((100vw - 320px) / 680));
    }
}
@media screen and (min-width: 1000px) {
    html, body, [class*=btn], .swal, .swal2-content {
        font-size: 12px;
    }
}
#region-main-settings-menu.has-blocks, #region-main.has-blocks {
    display: inline-block;
    width: calc(100% - 275px);
}
[data-region="blocks-column"] {
    width: 260px;
    float: right;
}
@media (max-width: 980px) {
    [data-region="blocks-column"] {
        width: 100%;
    }
    #region-main-settings-menu.has-blocks, #region-main.has-blocks {
        width: 100%;
        display: block;
    }
}
@media screen and (-webkit-max-device-pixel-ratio:1) {
    html, body, [class*=btn] {
        font-size: 14px;
    }
    @media screen and (min-width: 320px) {
        html, body, [class*=btn] {
            font-size: calc(14px + 2 * ((100vw - 320px) / 680));
        }
    }
    @media screen and (min-width: 1000px) {
        html, body, [class*=btn] {
            font-size: 16px;
        }
    }
}
.logo-login {
    max-width: 80px;
}
@media (min-width: 980px) {
    body#page-login-index #region-main-box {
        padding-top: 0;
        display: grid;
        place-items: center;
        height: 100vh;
    }
}
.card-body, .block .block-cards .course-info-container {
    padding: .5em;
}
.cookie-ad {
    transform: scale(.6);
}
#loginbtn {
    line-height: 1 !important;
    height: auto !important;
    letter-spacing: normal !important;
    padding: 10px 10px !important;
    word-break: break-word !important;
}
#nav-drawer {
    top: 40px;
    padding: 1rem;
    height: calc(100% - 40px);
    background: #29292a;
}
#page-wrapper .navbar {
    background-color: #fff;
    border-bottom: solid 1px rgba(144, 144, 144, .35);
    box-shadow: 0 0.0375em 0.125em 0 rgba(0, 0, 0, .05);
    color: #484b49;
    cursor: default;
    font-weight: lighter;
    height: 40px;
    max-height: 40px;
    left: 0;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 10000;
}
nav.navbar .logo img {
    max-height: 35px !important;
}
.btn-menu-ham {
    height: 1.8em;
}
.message-app.drawer, .message-drawer, [data-region=right-hand-drawer].drawer {
    top: 40px;
    height: calc(100% - 40px);
}
.rowlogin {
    height: auto;
    padding-bottom: 15vh;
}
@media(min-width:769px) {
    .rowlogin {
        height: 80vh;
        padding-bottom: 0vh;
    }
}
body #page {
    margin-top: 0;
}
.rowlogin .input-group-text {
    background-color: #FFF;
    border: none;
    font-size: 1.5em;
    color: #5d666f;
}
.rowlogin .form-group {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    border-radius: 8px;
    overflow: hidden;
}
.rowlogin form input[type="text"], .rowlogin form input[type="password"], .rowlogin form input[type="email"], .rowlogin form select, .rowlogin form textarea {
    background-color: #FFF!important;
    border: none!important;
}
.categorytitletxt {
    font-weight: bold;
    color: #3c3c3b!important;
}
.block_category_tiles h5.card-title.d-inline {
    display: none!important;
}
body#page-site-index #page-content .card {
    background-color: #FFF;
}
#defaultfrontpagebody {
    display: none!important;
}
body#page-site-index #page-content #region-main {
    background-color: transparent;
}
.bgheaderfrontpage img {
    opacity: 1;
    width: 100%;
    height: auto;
    display: block;
}
.bgheaderfrontpage {
    border-bottom: 5px solid #FFF;
    margin-top: 0em;
}
@media(min-width:769px) {
    /*
  .bgheaderfrontpage img{
    opacity:1; width: 100%; height:auto;
    display:block;
  }
  */
    /*
  .bgheaderfrontpage {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    border-bottom: 5px solid #FFF;
    background-image: url(/xtrafiles/img/bgheader1.png);
    margin-top: 2em;
    height:250px;
  }
  */
}
.cardcurso {
    border-radius: 8px;
    overflow: hidden;
}
#page-wrapper .navbar .d-inline-block.mr-3 button {
    background-color: transparent;
    font-size: 1.3em;
}
.cardcurso .card-img-top {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}
#page .block {
    border-top: 4px solid #2c70b5;
}
.border-trema:before, body #page #page-header .card:before, body#page-login-index .card:before, body#page-site-index #page-content:before, body#page-site-index #frontpage-cards:before, body.pagelayout-maintenance #page-wrapper #page:before, body.path-mod-forum #region-main .forumpost:before {
    display: none!important;
}
.border-trema:after, body #page #page-header .card:after, body#page-login-index .card:after, body#page-site-index #page-content:after, body#page-site-index #frontpage-cards:after, body.pagelayout-maintenance #page-wrapper #page:after, body.path-mod-forum #region-main .forumpost:after {
    display: none!important;
}
.sectionname a {
    color: #5d666f!important;
    font-weight: bold;
}
.sectionname span {
    color: #5d666f!important;
    font-weight: bold;
}
/*#section-0{display:none!important;}*/

#section-0 h3 {
    display: none!important;
}
.block_mycertificates h4.card-title {
    display: none;
}
.block_myoverview h5.card-title.d-inline {
    display: none!important;
}
.pagelayout-login nav {
    display: none!important;
}
.btn-secondary, .btn-primary {
    text-transform: inherit!important;
    text-rendering: optimizeLegibility;
    border: none!important;
    border-radius: 10px!important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px!important;
}
.rowlogin form input[type="text"], .rowlogin form input[type="password"], .rowlogin form input[type="email"], .rowlogin form select, .rowlogin form textarea {
    width: auto!important;
}
/*#nav-drawer { font-size:13px !important; }*/

#nav-drawer nav.list-group .list-group-item[href*="/?redirect=0"], #nav-drawer nav.list-group .list-group-item[href*="/calendar/view.php?view=month"], [data-key="privatefiles"], [data-key="contentbank"], [href*="user/forum.php"], [href*="user/language.php"], [href*="message/edit.php"], [href*="user/contentbank.php"], [href*="user/edit.php"], [href*="message/notificationpreferences.php"], [href*="user/calendar.php"], [href*="user/editor.php"], .pagelayout-mydashboard #page-header, [action*="user/profile.php"], [data-region="activity-information"], [href*="user/edit.php"], [href*="user/language.php"], [href*="user/forum.php"], [href*="user/editor.php"], [href*="user/calendar.php"], [href*="user/contentbank.php"], [href*="user/contentbank.php"], #page-user-profile .singlebutton, #page-user-profile #action-menu-2-menu .dropdown-item {
    display: none !important;
}
#page-user-profile #action-menu-2-menu div.dropdown-item:nth-child(2) {
    display: block !important;
}
.node_category_7, .node_category_3, .node_category_1 {
    display: none !important;
}
/*****************************************************/
body.is_siteadmin [href*="user/forum.php"],
body.is_siteadmin [href*="user/language.php"],
body.is_siteadmin [href*="message/edit.php"],
body.is_siteadmin [href*="user/contentbank.php"],
body.is_siteadmin [href*="user/edit.php"],
body.is_siteadmin [href*="message/notificationpreferences.php"],
body.is_siteadmin [href*="user/calendar.php"],
body.is_siteadmin [href*="user/editor.php"],
body.is_siteadmin [action*="user/profile.php"],
body.is_siteadmin #nav-drawer nav.list-group .list-group-item[href*="/?redirect=0"]
{display:inherit !important;}

body.is_siteadmin.pagelayout-mydashboard #page-header,
body.is_siteadmin .node_category_7, 
body.is_siteadmin .node_category_3, 
body.is_siteadmin .node_category_1,
body.is_siteadmin [action*="user/profile.php"],
body.is_siteadmin [data-region="activity-information"]
{ display:inherit !important; }
/****************************/

body.is_siteadmin #nav-drawer nav.list-group .list-group-item[href*="/?redirect=0"], body.is_siteadmin #nav-drawer nav.list-group .list-group-item[href*="/calendar/view.php?view=month"], body.is_siteadmin [data-key="privatefiles"], body.is_siteadmin [data-key="contentbank"], body.is_siteadmin [href*="user/forum.php"], body.is_siteadmin [href*="user/language.php"], body.is_siteadmin [href*="message/edit.php"], body.is_siteadmin [href*="user/contentbank.php"], body.is_siteadmin [href*="user/edit.php"], body.is_siteadmin [href*="message/notificationpreferences.php"], body.is_siteadmin [href*="user/calendar.php"], body.is_siteadmin [href*="user/editor.php"], body.is_siteadmin .pagelayout-mydashboard #page-header, body.is_siteadmin [action*="user/profile.php"], body.is_siteadmin [class*="node_category_"], body.is_siteadmin [data-region="activity-information"], body.is_siteadmin [href*="user/edit.php"], body.is_siteadmin [href*="user/language.php"], body.is_siteadmin [href*="user/forum.php"], body.is_siteadmin [href*="user/editor.php"], body.is_siteadmin [href*="user/calendar.php"], body.is_siteadmin [href*="user/contentbank.php"], body.is_siteadmin [href*="user/contentbank.php"], body.is_siteadmin .singlebutton, body.is_siteadmin #action-menu-2-menu .dropdown-item {
    display: inherit !important;
}
.f19 {
    font-size: 17px;
}
@media screen and (min-width:320px) {
    .f19 {
        font-size: calc(17px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f19 {
        font-size: 19px;
    }
}
.f20 {
    font-size: 18px;
}
@media screen and (min-width:320px) {
    .f20 {
        font-size: calc(18px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f20 {
        font-size: 20px;
    }
}
.f21 {
    font-size: 19px;
}
@media screen and (min-width:320px) {
    .f21 {
        font-size: calc(19px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f21 {
        font-size: 21px;
    }
}
.f22 {
    font-size: 20px;
}
@media screen and (min-width:320px) {
    .f22 {
        font-size: calc(20px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f22 {
        font-size: 22px;
    }
}
.f23 {
    font-size: 21px;
}
@media screen and (min-width:320px) {
    .f23 {
        font-size: calc(21px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f23 {
        font-size: 23px;
    }
}
.f24 {
    font-size: 22px;
}
@media screen and (min-width:320px) {
    .f24 {
        font-size: calc(22px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f24 {
        font-size: 24px;
    }
}
.f25 {
    font-size: 23px;
}
@media screen and (min-width:320px) {
    .f25 {
        font-size: calc(23px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f25 {
        font-size: 25px;
    }
}
.f26 {
    font-size: 24px;
}
@media screen and (min-width:320px) {
    .f26 {
        font-size: calc(24px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f26 {
        font-size: 26px;
    }
}
.f27 {
    font-size: 25px;
}
@media screen and (min-width:320px) {
    .f27 {
        font-size: calc(25px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f27 {
        font-size: 27px;
    }
}
.f28 {
    font-size: 26px;
}
@media screen and (min-width:320px) {
    .f28 {
        font-size: calc(26px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f28 {
        font-size: 28px;
    }
}
.f29 {
    font-size: 27px;
}
@media screen and (min-width:320px) {
    .f29 {
        font-size: calc(27px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f29 {
        font-size: 29px;
    }
}
.f30 {
    font-size: 28px;
}
@media screen and (min-width:320px) {
    .f30 {
        font-size: calc(28px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f30 {
        font-size: 30px;
    }
}
.f31 {
    font-size: 29px;
}
@media screen and (min-width:320px) {
    .f31 {
        font-size: calc(29px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f31 {
        font-size: 31px;
    }
}
.f32 {
    font-size: 30px;
}
@media screen and (min-width:320px) {
    .f32 {
        font-size: calc(30px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f32 {
        font-size: 32px;
    }
}
.f33 {
    font-size: 31px;
}
@media screen and (min-width:320px) {
    .f33 {
        font-size: calc(31px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f33 {
        font-size: 33px;
    }
}
.f34 {
    font-size: 32px;
}
@media screen and (min-width:320px) {
    .f34 {
        font-size: calc(32px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f34 {
        font-size: 34px;
    }
}
.f35 {
    font-size: 33px;
}
@media screen and (min-width:320px) {
    .f35 {
        font-size: calc(33px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f35 {
        font-size: 35px;
    }
}
.f36 {
    font-size: 34px;
}
@media screen and (min-width:320px) {
    .f36 {
        font-size: calc(34px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f36 {
        font-size: 36px;
    }
}
.f37 {
    font-size: 35px;
}
@media screen and (min-width:320px) {
    .f37 {
        font-size: calc(35px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f37 {
        font-size: 37px;
    }
}
.f38 {
    font-size: 36px;
}
@media screen and (min-width:320px) {
    .f38 {
        font-size: calc(36px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f38 {
        font-size: 38px;
    }
}
.f39 {
    font-size: 37px;
}
@media screen and (min-width:320px) {
    .f39 {
        font-size: calc(37px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f39 {
        font-size: 39px;
    }
}
.f40 {
    font-size: 38px;
}
@media screen and (min-width:320px) {
    .f40 {
        font-size: calc(38px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f40 {
        font-size: 40px;
    }
}
.f41 {
    font-size: 39px;
}
@media screen and (min-width:320px) {
    .f41 {
        font-size: calc(39px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f41 {
        font-size: 41px;
    }
}
.f42 {
    font-size: 40px;
}
@media screen and (min-width:320px) {
    .f42 {
        font-size: calc(40px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f42 {
        font-size: 42px;
    }
}
.f43 {
    font-size: 41px;
}
@media screen and (min-width:320px) {
    .f43 {
        font-size: calc(41px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f43 {
        font-size: 43px;
    }
}
.f44 {
    font-size: 42px;
}
@media screen and (min-width:320px) {
    .f44 {
        font-size: calc(42px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f44 {
        font-size: 44px;
    }
}
.f45 {
    font-size: 43px;
}
@media screen and (min-width:320px) {
    .f45 {
        font-size: calc(43px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f45 {
        font-size: 45px;
    }
}
.f46 {
    font-size: 44px;
}
@media screen and (min-width:320px) {
    .f46 {
        font-size: calc(44px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f46 {
        font-size: 46px;
    }
}
.f47 {
    font-size: 45px;
}
@media screen and (min-width:320px) {
    .f47 {
        font-size: calc(45px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f47 {
        font-size: 47px;
    }
}
.f48 {
    font-size: 46px;
}
@media screen and (min-width:320px) {
    .f48 {
        font-size: calc(46px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f48 {
        font-size: 48px;
    }
}
.f49 {
    font-size: 47px;
}
@media screen and (min-width:320px) {
    .f49 {
        font-size: calc(47px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f49 {
        font-size: 49px;
    }
}
.f50 {
    font-size: 48px;
}
@media screen and (min-width:320px) {
    .f50 {
        font-size: calc(48px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f50 {
        font-size: 50px;
    }
}
.f51 {
    font-size: 49px;
}
@media screen and (min-width:320px) {
    .f51 {
        font-size: calc(49px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f51 {
        font-size: 51px;
    }
}
.f52 {
    font-size: 50px;
}
@media screen and (min-width:320px) {
    .f52 {
        font-size: calc(50px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f52 {
        font-size: 52px;
    }
}
.f53 {
    font-size: 51px;
}
@media screen and (min-width:320px) {
    .f53 {
        font-size: calc(51px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f53 {
        font-size: 53px;
    }
}
.f54 {
    font-size: 52px;
}
@media screen and (min-width:320px) {
    .f54 {
        font-size: calc(52px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f54 {
        font-size: 54px;
    }
}
.f55 {
    font-size: 53px;
}
@media screen and (min-width:320px) {
    .f55 {
        font-size: calc(53px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f55 {
        font-size: 55px;
    }
}
.f56 {
    font-size: 54px;
}
@media screen and (min-width:320px) {
    .f56 {
        font-size: calc(54px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f56 {
        font-size: 56px;
    }
}
.f57 {
    font-size: 55px;
}
@media screen and (min-width:320px) {
    .f57 {
        font-size: calc(55px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f57 {
        font-size: 57px;
    }
}
.f58 {
    font-size: 56px;
}
@media screen and (min-width:320px) {
    .f58 {
        font-size: calc(56px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f58 {
        font-size: 58px;
    }
}
.f59 {
    font-size: 57px;
}
@media screen and (min-width:320px) {
    .f59 {
        font-size: calc(57px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f59 {
        font-size: 59px;
    }
}
.f60 {
    font-size: 58px;
}
@media screen and (min-width:320px) {
    .f60 {
        font-size: calc(58px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f60 {
        font-size: 60px;
    }
}
.f61 {
    font-size: 59px;
}
@media screen and (min-width:320px) {
    .f61 {
        font-size: calc(59px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f61 {
        font-size: 61px;
    }
}
.f62 {
    font-size: 60px;
}
@media screen and (min-width:320px) {
    .f62 {
        font-size: calc(60px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f62 {
        font-size: 62px;
    }
}
.f63 {
    font-size: 61px;
}
@media screen and (min-width:320px) {
    .f63 {
        font-size: calc(61px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f63 {
        font-size: 63px;
    }
}
.f64 {
    font-size: 62px;
}
@media screen and (min-width:320px) {
    .f64 {
        font-size: calc(62px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f64 {
        font-size: 64px;
    }
}
.f65 {
    font-size: 63px;
}
@media screen and (min-width:320px) {
    .f65 {
        font-size: calc(63px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f65 {
        font-size: 65px;
    }
}
.f66 {
    font-size: 64px;
}
@media screen and (min-width:320px) {
    .f66 {
        font-size: calc(64px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f66 {
        font-size: 66px;
    }
}
.f67 {
    font-size: 65px;
}
@media screen and (min-width:320px) {
    .f67 {
        font-size: calc(65px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f67 {
        font-size: 67px;
    }
}
.f68 {
    font-size: 66px;
}
@media screen and (min-width:320px) {
    .f68 {
        font-size: calc(66px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f68 {
        font-size: 68px;
    }
}
.f69 {
    font-size: 67px;
}
@media screen and (min-width:320px) {
    .f69 {
        font-size: calc(67px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f69 {
        font-size: 69px;
    }
}
.f70 {
    font-size: 68px;
}
@media screen and (min-width:320px) {
    .f70 {
        font-size: calc(68px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f70 {
        font-size: 70px;
    }
}
.f71 {
    font-size: 69px;
}
@media screen and (min-width:320px) {
    .f71 {
        font-size: calc(69px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f71 {
        font-size: 71px;
    }
}
.f72 {
    font-size: 70px;
}
@media screen and (min-width:320px) {
    .f72 {
        font-size: calc(70px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f72 {
        font-size: 72px;
    }
}
.f73 {
    font-size: 71px;
}
@media screen and (min-width:320px) {
    .f73 {
        font-size: calc(71px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f73 {
        font-size: 73px;
    }
}
.f74 {
    font-size: 72px;
}
@media screen and (min-width:320px) {
    .f74 {
        font-size: calc(72px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f74 {
        font-size: 74px;
    }
}
.f75 {
    font-size: 73px;
}
@media screen and (min-width:320px) {
    .f75 {
        font-size: calc(73px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f75 {
        font-size: 75px;
    }
}
.f76 {
    font-size: 74px;
}
@media screen and (min-width:320px) {
    .f76 {
        font-size: calc(74px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f76 {
        font-size: 76px;
    }
}
.f77 {
    font-size: 75px;
}
@media screen and (min-width:320px) {
    .f77 {
        font-size: calc(75px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f77 {
        font-size: 77px;
    }
}
.f78 {
    font-size: 76px;
}
@media screen and (min-width:320px) {
    .f78 {
        font-size: calc(76px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f78 {
        font-size: 78px;
    }
}
.f79 {
    font-size: 77px;
}
@media screen and (min-width:320px) {
    .f79 {
        font-size: calc(77px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f79 {
        font-size: 79px;
    }
}
.f80 {
    font-size: 78px;
}
@media screen and (min-width:320px) {
    .f80 {
        font-size: calc(78px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f80 {
        font-size: 80px;
    }
}
.f81 {
    font-size: 79px;
}
@media screen and (min-width:320px) {
    .f81 {
        font-size: calc(79px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f81 {
        font-size: 81px;
    }
}
.f82 {
    font-size: 80px;
}
@media screen and (min-width:320px) {
    .f82 {
        font-size: calc(80px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f82 {
        font-size: 82px;
    }
}
.f83 {
    font-size: 81px;
}
@media screen and (min-width:320px) {
    .f83 {
        font-size: calc(81px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f83 {
        font-size: 83px;
    }
}
.f84 {
    font-size: 82px;
}
@media screen and (min-width:320px) {
    .f84 {
        font-size: calc(82px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f84 {
        font-size: 84px;
    }
}
.f85 {
    font-size: 83px;
}
@media screen and (min-width:320px) {
    .f85 {
        font-size: calc(83px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f85 {
        font-size: 85px;
    }
}
.f86 {
    font-size: 84px;
}
@media screen and (min-width:320px) {
    .f86 {
        font-size: calc(84px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f86 {
        font-size: 86px;
    }
}
.f87 {
    font-size: 85px;
}
@media screen and (min-width:320px) {
    .f87 {
        font-size: calc(85px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f87 {
        font-size: 87px;
    }
}
.f88 {
    font-size: 86px;
}
@media screen and (min-width:320px) {
    .f88 {
        font-size: calc(86px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f88 {
        font-size: 88px;
    }
}
.f89 {
    font-size: 87px;
}
@media screen and (min-width:320px) {
    .f89 {
        font-size: calc(87px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f89 {
        font-size: 89px;
    }
}
.f90 {
    font-size: 88px;
}
@media screen and (min-width:320px) {
    .f90 {
        font-size: calc(88px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f90 {
        font-size: 90px;
    }
}
.f91 {
    font-size: 89px;
}
@media screen and (min-width:320px) {
    .f91 {
        font-size: calc(89px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f91 {
        font-size: 91px;
    }
}
.f92 {
    font-size: 90px;
}
@media screen and (min-width:320px) {
    .f92 {
        font-size: calc(90px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f92 {
        font-size: 92px;
    }
}
.f93 {
    font-size: 91px;
}
@media screen and (min-width:320px) {
    .f93 {
        font-size: calc(91px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f93 {
        font-size: 93px;
    }
}
.f94 {
    font-size: 92px;
}
@media screen and (min-width:320px) {
    .f94 {
        font-size: calc(92px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f94 {
        font-size: 94px;
    }
}
.f95 {
    font-size: 93px;
}
@media screen and (min-width:320px) {
    .f95 {
        font-size: calc(93px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f95 {
        font-size: 95px;
    }
}
.f96 {
    font-size: 94px;
}
@media screen and (min-width:320px) {
    .f96 {
        font-size: calc(94px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f96 {
        font-size: 96px;
    }
}
.f97 {
    font-size: 95px;
}
@media screen and (min-width:320px) {
    .f97 {
        font-size: calc(95px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f97 {
        font-size: 97px;
    }
}
.f98 {
    font-size: 96px;
}
@media screen and (min-width:320px) {
    .f98 {
        font-size: calc(96px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f98 {
        font-size: 98px;
    }
}
.f99 {
    font-size: 97px;
}
@media screen and (min-width:320px) {
    .f99 {
        font-size: calc(97px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f99 {
        font-size: 99px;
    }
}
.f100 {
    font-size: 98px;
}
@media screen and (min-width:320px) {
    .f100 {
        font-size: calc(98px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f100 {
        font-size: 100px;
    }
}
.f101 {
    font-size: 99px;
}
@media screen and (min-width:320px) {
    .f101 {
        font-size: calc(99px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f101 {
        font-size: 101px;
    }
}
.f102 {
    font-size: 100px;
}
@media screen and (min-width:320px) {
    .f102 {
        font-size: calc(100px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f102 {
        font-size: 102px;
    }
}
.f103 {
    font-size: 101px;
}
@media screen and (min-width:320px) {
    .f103 {
        font-size: calc(101px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f103 {
        font-size: 103px;
    }
}
.f104 {
    font-size: 102px;
}
@media screen and (min-width:320px) {
    .f104 {
        font-size: calc(102px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f104 {
        font-size: 104px;
    }
}
.f105 {
    font-size: 103px;
}
@media screen and (min-width:320px) {
    .f105 {
        font-size: calc(103px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f105 {
        font-size: 105px;
    }
}
.f106 {
    font-size: 104px;
}
@media screen and (min-width:320px) {
    .f106 {
        font-size: calc(104px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f106 {
        font-size: 106px;
    }
}
.f107 {
    font-size: 105px;
}
@media screen and (min-width:320px) {
    .f107 {
        font-size: calc(105px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f107 {
        font-size: 107px;
    }
}
.f108 {
    font-size: 106px;
}
@media screen and (min-width:320px) {
    .f108 {
        font-size: calc(106px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f108 {
        font-size: 108px;
    }
}
.f109 {
    font-size: 107px;
}
@media screen and (min-width:320px) {
    .f109 {
        font-size: calc(107px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f109 {
        font-size: 109px;
    }
}
.f110 {
    font-size: 108px;
}
@media screen and (min-width:320px) {
    .f110 {
        font-size: calc(108px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f110 {
        font-size: 110px;
    }
}
.f111 {
    font-size: 109px;
}
@media screen and (min-width:320px) {
    .f111 {
        font-size: calc(109px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f111 {
        font-size: 111px;
    }
}
.f112 {
    font-size: 110px;
}
@media screen and (min-width:320px) {
    .f112 {
        font-size: calc(110px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f112 {
        font-size: 112px;
    }
}
.f113 {
    font-size: 111px;
}
@media screen and (min-width:320px) {
    .f113 {
        font-size: calc(111px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f113 {
        font-size: 113px;
    }
}
.f114 {
    font-size: 112px;
}
@media screen and (min-width:320px) {
    .f114 {
        font-size: calc(112px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f114 {
        font-size: 114px;
    }
}
.f115 {
    font-size: 113px;
}
@media screen and (min-width:320px) {
    .f115 {
        font-size: calc(113px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f115 {
        font-size: 115px;
    }
}
.f116 {
    font-size: 114px;
}
@media screen and (min-width:320px) {
    .f116 {
        font-size: calc(114px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f116 {
        font-size: 116px;
    }
}
.f117 {
    font-size: 115px;
}
@media screen and (min-width:320px) {
    .f117 {
        font-size: calc(115px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f117 {
        font-size: 117px;
    }
}
.f118 {
    font-size: 116px;
}
@media screen and (min-width:320px) {
    .f118 {
        font-size: calc(116px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f118 {
        font-size: 118px;
    }
}
.f119 {
    font-size: 117px;
}
@media screen and (min-width:320px) {
    .f119 {
        font-size: calc(117px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f119 {
        font-size: 119px;
    }
}
.f120 {
    font-size: 118px;
}
@media screen and (min-width:320px) {
    .f120 {
        font-size: calc(118px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f120 {
        font-size: 120px;
    }
}
.f121 {
    font-size: 119px;
}
@media screen and (min-width:320px) {
    .f121 {
        font-size: calc(119px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f121 {
        font-size: 121px;
    }
}
.f122 {
    font-size: 120px;
}
@media screen and (min-width:320px) {
    .f122 {
        font-size: calc(120px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f122 {
        font-size: 122px;
    }
}
.f123 {
    font-size: 121px;
}
@media screen and (min-width:320px) {
    .f123 {
        font-size: calc(121px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f123 {
        font-size: 123px;
    }
}
.f124 {
    font-size: 122px;
}
@media screen and (min-width:320px) {
    .f124 {
        font-size: calc(122px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f124 {
        font-size: 124px;
    }
}
.f125 {
    font-size: 123px;
}
@media screen and (min-width:320px) {
    .f125 {
        font-size: calc(123px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f125 {
        font-size: 125px;
    }
}
.f126 {
    font-size: 124px;
}
@media screen and (min-width:320px) {
    .f126 {
        font-size: calc(124px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f126 {
        font-size: 126px;
    }
}
.f127 {
    font-size: 125px;
}
@media screen and (min-width:320px) {
    .f127 {
        font-size: calc(125px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f127 {
        font-size: 127px;
    }
}
.f128 {
    font-size: 126px;
}
@media screen and (min-width:320px) {
    .f128 {
        font-size: calc(126px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f128 {
        font-size: 128px;
    }
}
.f129 {
    font-size: 127px;
}
@media screen and (min-width:320px) {
    .f129 {
        font-size: calc(127px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f129 {
        font-size: 129px;
    }
}
.f130 {
    font-size: 128px;
}
@media screen and (min-width:320px) {
    .f130 {
        font-size: calc(128px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f130 {
        font-size: 130px;
    }
}
.f131 {
    font-size: 129px;
}
@media screen and (min-width:320px) {
    .f131 {
        font-size: calc(129px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f131 {
        font-size: 131px;
    }
}
.f132 {
    font-size: 130px;
}
@media screen and (min-width:320px) {
    .f132 {
        font-size: calc(130px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f132 {
        font-size: 132px;
    }
}
.f133 {
    font-size: 131px;
}
@media screen and (min-width:320px) {
    .f133 {
        font-size: calc(131px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f133 {
        font-size: 133px;
    }
}
.f134 {
    font-size: 132px;
}
@media screen and (min-width:320px) {
    .f134 {
        font-size: calc(132px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f134 {
        font-size: 134px;
    }
}
.f135 {
    font-size: 133px;
}
@media screen and (min-width:320px) {
    .f135 {
        font-size: calc(133px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f135 {
        font-size: 135px;
    }
}
.f136 {
    font-size: 134px;
}
@media screen and (min-width:320px) {
    .f136 {
        font-size: calc(134px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f136 {
        font-size: 136px;
    }
}
.f137 {
    font-size: 135px;
}
@media screen and (min-width:320px) {
    .f137 {
        font-size: calc(135px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f137 {
        font-size: 137px;
    }
}
.f138 {
    font-size: 136px;
}
@media screen and (min-width:320px) {
    .f138 {
        font-size: calc(136px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f138 {
        font-size: 138px;
    }
}
.f139 {
    font-size: 137px;
}
@media screen and (min-width:320px) {
    .f139 {
        font-size: calc(137px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f139 {
        font-size: 139px;
    }
}
.f140 {
    font-size: 138px;
}
@media screen and (min-width:320px) {
    .f140 {
        font-size: calc(138px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f140 {
        font-size: 140px;
    }
}
.f141 {
    font-size: 139px;
}
@media screen and (min-width:320px) {
    .f141 {
        font-size: calc(139px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f141 {
        font-size: 141px;
    }
}
.f142 {
    font-size: 140px;
}
@media screen and (min-width:320px) {
    .f142 {
        font-size: calc(140px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f142 {
        font-size: 142px;
    }
}
.f143 {
    font-size: 141px;
}
@media screen and (min-width:320px) {
    .f143 {
        font-size: calc(141px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f143 {
        font-size: 143px;
    }
}
.f144 {
    font-size: 142px;
}
@media screen and (min-width:320px) {
    .f144 {
        font-size: calc(142px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f144 {
        font-size: 144px;
    }
}
.f145 {
    font-size: 143px;
}
@media screen and (min-width:320px) {
    .f145 {
        font-size: calc(143px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f145 {
        font-size: 145px;
    }
}
.f146 {
    font-size: 144px;
}
@media screen and (min-width:320px) {
    .f146 {
        font-size: calc(144px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f146 {
        font-size: 146px;
    }
}
.f147 {
    font-size: 145px;
}
@media screen and (min-width:320px) {
    .f147 {
        font-size: calc(145px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f147 {
        font-size: 147px;
    }
}
.f148 {
    font-size: 146px;
}
@media screen and (min-width:320px) {
    .f148 {
        font-size: calc(146px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f148 {
        font-size: 148px;
    }
}
.f149 {
    font-size: 147px;
}
@media screen and (min-width:320px) {
    .f149 {
        font-size: calc(147px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f149 {
        font-size: 149px;
    }
}
.f150 {
    font-size: 148px;
}
@media screen and (min-width:320px) {
    .f150 {
        font-size: calc(148px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f150 {
        font-size: 150px;
    }
}
.f151 {
    font-size: 149px;
}
@media screen and (min-width:320px) {
    .f151 {
        font-size: calc(149px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f151 {
        font-size: 151px;
    }
}
.f152 {
    font-size: 150px;
}
@media screen and (min-width:320px) {
    .f152 {
        font-size: calc(150px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f152 {
        font-size: 152px;
    }
}
.f153 {
    font-size: 151px;
}
@media screen and (min-width:320px) {
    .f153 {
        font-size: calc(151px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f153 {
        font-size: 153px;
    }
}
.f154 {
    font-size: 152px;
}
@media screen and (min-width:320px) {
    .f154 {
        font-size: calc(152px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f154 {
        font-size: 154px;
    }
}
.f155 {
    font-size: 153px;
}
@media screen and (min-width:320px) {
    .f155 {
        font-size: calc(153px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f155 {
        font-size: 155px;
    }
}
.f156 {
    font-size: 154px;
}
@media screen and (min-width:320px) {
    .f156 {
        font-size: calc(154px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f156 {
        font-size: 156px;
    }
}
.f157 {
    font-size: 155px;
}
@media screen and (min-width:320px) {
    .f157 {
        font-size: calc(155px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f157 {
        font-size: 157px;
    }
}
.f158 {
    font-size: 156px;
}
@media screen and (min-width:320px) {
    .f158 {
        font-size: calc(156px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f158 {
        font-size: 158px;
    }
}
.f159 {
    font-size: 157px;
}
@media screen and (min-width:320px) {
    .f159 {
        font-size: calc(157px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f159 {
        font-size: 159px;
    }
}
.f160 {
    font-size: 158px;
}
@media screen and (min-width:320px) {
    .f160 {
        font-size: calc(158px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f160 {
        font-size: 160px;
    }
}
.f161 {
    font-size: 159px;
}
@media screen and (min-width:320px) {
    .f161 {
        font-size: calc(159px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f161 {
        font-size: 161px;
    }
}
.f162 {
    font-size: 160px;
}
@media screen and (min-width:320px) {
    .f162 {
        font-size: calc(160px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f162 {
        font-size: 162px;
    }
}
.f163 {
    font-size: 161px;
}
@media screen and (min-width:320px) {
    .f163 {
        font-size: calc(161px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f163 {
        font-size: 163px;
    }
}
.f164 {
    font-size: 162px;
}
@media screen and (min-width:320px) {
    .f164 {
        font-size: calc(162px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f164 {
        font-size: 164px;
    }
}
.f165 {
    font-size: 163px;
}
@media screen and (min-width:320px) {
    .f165 {
        font-size: calc(163px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f165 {
        font-size: 165px;
    }
}
.f166 {
    font-size: 164px;
}
@media screen and (min-width:320px) {
    .f166 {
        font-size: calc(164px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f166 {
        font-size: 166px;
    }
}
.f167 {
    font-size: 165px;
}
@media screen and (min-width:320px) {
    .f167 {
        font-size: calc(165px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f167 {
        font-size: 167px;
    }
}
.f168 {
    font-size: 166px;
}
@media screen and (min-width:320px) {
    .f168 {
        font-size: calc(166px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f168 {
        font-size: 168px;
    }
}
.f169 {
    font-size: 167px;
}
@media screen and (min-width:320px) {
    .f169 {
        font-size: calc(167px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f169 {
        font-size: 169px;
    }
}
.f170 {
    font-size: 168px;
}
@media screen and (min-width:320px) {
    .f170 {
        font-size: calc(168px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f170 {
        font-size: 170px;
    }
}
.f171 {
    font-size: 169px;
}
@media screen and (min-width:320px) {
    .f171 {
        font-size: calc(169px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f171 {
        font-size: 171px;
    }
}
.f172 {
    font-size: 170px;
}
@media screen and (min-width:320px) {
    .f172 {
        font-size: calc(170px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f172 {
        font-size: 172px;
    }
}
.f173 {
    font-size: 171px;
}
@media screen and (min-width:320px) {
    .f173 {
        font-size: calc(171px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f173 {
        font-size: 173px;
    }
}
.f174 {
    font-size: 172px;
}
@media screen and (min-width:320px) {
    .f174 {
        font-size: calc(172px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f174 {
        font-size: 174px;
    }
}
.f175 {
    font-size: 173px;
}
@media screen and (min-width:320px) {
    .f175 {
        font-size: calc(173px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f175 {
        font-size: 175px;
    }
}
.f176 {
    font-size: 174px;
}
@media screen and (min-width:320px) {
    .f176 {
        font-size: calc(174px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f176 {
        font-size: 176px;
    }
}
.f177 {
    font-size: 175px;
}
@media screen and (min-width:320px) {
    .f177 {
        font-size: calc(175px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f177 {
        font-size: 177px;
    }
}
.f178 {
    font-size: 176px;
}
@media screen and (min-width:320px) {
    .f178 {
        font-size: calc(176px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f178 {
        font-size: 178px;
    }
}
.f179 {
    font-size: 177px;
}
@media screen and (min-width:320px) {
    .f179 {
        font-size: calc(177px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f179 {
        font-size: 179px;
    }
}
.f180 {
    font-size: 178px;
}
@media screen and (min-width:320px) {
    .f180 {
        font-size: calc(178px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f180 {
        font-size: 180px;
    }
}
.f181 {
    font-size: 179px;
}
@media screen and (min-width:320px) {
    .f181 {
        font-size: calc(179px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f181 {
        font-size: 181px;
    }
}
.f182 {
    font-size: 180px;
}
@media screen and (min-width:320px) {
    .f182 {
        font-size: calc(180px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f182 {
        font-size: 182px;
    }
}
.f183 {
    font-size: 181px;
}
@media screen and (min-width:320px) {
    .f183 {
        font-size: calc(181px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f183 {
        font-size: 183px;
    }
}
.f184 {
    font-size: 182px;
}
@media screen and (min-width:320px) {
    .f184 {
        font-size: calc(182px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f184 {
        font-size: 184px;
    }
}
.f185 {
    font-size: 183px;
}
@media screen and (min-width:320px) {
    .f185 {
        font-size: calc(183px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f185 {
        font-size: 185px;
    }
}
.f186 {
    font-size: 184px;
}
@media screen and (min-width:320px) {
    .f186 {
        font-size: calc(184px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f186 {
        font-size: 186px;
    }
}
.f187 {
    font-size: 185px;
}
@media screen and (min-width:320px) {
    .f187 {
        font-size: calc(185px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f187 {
        font-size: 187px;
    }
}
.f188 {
    font-size: 186px;
}
@media screen and (min-width:320px) {
    .f188 {
        font-size: calc(186px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f188 {
        font-size: 188px;
    }
}
.f189 {
    font-size: 187px;
}
@media screen and (min-width:320px) {
    .f189 {
        font-size: calc(187px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f189 {
        font-size: 189px;
    }
}
.f190 {
    font-size: 188px;
}
@media screen and (min-width:320px) {
    .f190 {
        font-size: calc(188px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f190 {
        font-size: 190px;
    }
}
.f191 {
    font-size: 189px;
}
@media screen and (min-width:320px) {
    .f191 {
        font-size: calc(189px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f191 {
        font-size: 191px;
    }
}
.f192 {
    font-size: 190px;
}
@media screen and (min-width:320px) {
    .f192 {
        font-size: calc(190px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f192 {
        font-size: 192px;
    }
}
.f193 {
    font-size: 191px;
}
@media screen and (min-width:320px) {
    .f193 {
        font-size: calc(191px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f193 {
        font-size: 193px;
    }
}
.f194 {
    font-size: 192px;
}
@media screen and (min-width:320px) {
    .f194 {
        font-size: calc(192px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f194 {
        font-size: 194px;
    }
}
.f195 {
    font-size: 193px;
}
@media screen and (min-width:320px) {
    .f195 {
        font-size: calc(193px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f195 {
        font-size: 195px;
    }
}
.f196 {
    font-size: 194px;
}
@media screen and (min-width:320px) {
    .f196 {
        font-size: calc(194px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f196 {
        font-size: 196px;
    }
}
.f197 {
    font-size: 195px;
}
@media screen and (min-width:320px) {
    .f197 {
        font-size: calc(195px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f197 {
        font-size: 197px;
    }
}
.f198 {
    font-size: 196px;
}
@media screen and (min-width:320px) {
    .f198 {
        font-size: calc(196px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f198 {
        font-size: 198px;
    }
}
.f199 {
    font-size: 197px;
}
@media screen and (min-width:320px) {
    .f199 {
        font-size: calc(197px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f199 {
        font-size: 199px;
    }
}
.f200 {
    font-size: 198px;
}
@media screen and (min-width:320px) {
    .f200 {
        font-size: calc(198px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f200 {
        font-size: 200px;
    }
}
.f201 {
    font-size: 199px;
}
@media screen and (min-width:320px) {
    .f201 {
        font-size: calc(199px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f201 {
        font-size: 201px;
    }
}
.f202 {
    font-size: 200px;
}
@media screen and (min-width:320px) {
    .f202 {
        font-size: calc(200px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f202 {
        font-size: 202px;
    }
}
.f203 {
    font-size: 201px;
}
@media screen and (min-width:320px) {
    .f203 {
        font-size: calc(201px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f203 {
        font-size: 203px;
    }
}
.f204 {
    font-size: 202px;
}
@media screen and (min-width:320px) {
    .f204 {
        font-size: calc(202px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f204 {
        font-size: 204px;
    }
}
.f205 {
    font-size: 203px;
}
@media screen and (min-width:320px) {
    .f205 {
        font-size: calc(203px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f205 {
        font-size: 205px;
    }
}
.f206 {
    font-size: 204px;
}
@media screen and (min-width:320px) {
    .f206 {
        font-size: calc(204px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f206 {
        font-size: 206px;
    }
}
.f207 {
    font-size: 205px;
}
@media screen and (min-width:320px) {
    .f207 {
        font-size: calc(205px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f207 {
        font-size: 207px;
    }
}
.f208 {
    font-size: 206px;
}
@media screen and (min-width:320px) {
    .f208 {
        font-size: calc(206px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f208 {
        font-size: 208px;
    }
}
.f209 {
    font-size: 207px;
}
@media screen and (min-width:320px) {
    .f209 {
        font-size: calc(207px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f209 {
        font-size: 209px;
    }
}
.f210 {
    font-size: 208px;
}
@media screen and (min-width:320px) {
    .f210 {
        font-size: calc(208px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f210 {
        font-size: 210px;
    }
}
.f211 {
    font-size: 209px;
}
@media screen and (min-width:320px) {
    .f211 {
        font-size: calc(209px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f211 {
        font-size: 211px;
    }
}
.f212 {
    font-size: 210px;
}
@media screen and (min-width:320px) {
    .f212 {
        font-size: calc(210px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f212 {
        font-size: 212px;
    }
}
.f213 {
    font-size: 211px;
}
@media screen and (min-width:320px) {
    .f213 {
        font-size: calc(211px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f213 {
        font-size: 213px;
    }
}
.f214 {
    font-size: 212px;
}
@media screen and (min-width:320px) {
    .f214 {
        font-size: calc(212px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f214 {
        font-size: 214px;
    }
}
.f215 {
    font-size: 213px;
}
@media screen and (min-width:320px) {
    .f215 {
        font-size: calc(213px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f215 {
        font-size: 215px;
    }
}
.f216 {
    font-size: 214px;
}
@media screen and (min-width:320px) {
    .f216 {
        font-size: calc(214px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f216 {
        font-size: 216px;
    }
}
.f217 {
    font-size: 215px;
}
@media screen and (min-width:320px) {
    .f217 {
        font-size: calc(215px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f217 {
        font-size: 217px;
    }
}
.f218 {
    font-size: 216px;
}
@media screen and (min-width:320px) {
    .f218 {
        font-size: calc(216px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f218 {
        font-size: 218px;
    }
}
.f219 {
    font-size: 217px;
}
@media screen and (min-width:320px) {
    .f219 {
        font-size: calc(217px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f219 {
        font-size: 219px;
    }
}
.f220 {
    font-size: 218px;
}
@media screen and (min-width:320px) {
    .f220 {
        font-size: calc(218px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f220 {
        font-size: 220px;
    }
}
.f221 {
    font-size: 219px;
}
@media screen and (min-width:320px) {
    .f221 {
        font-size: calc(219px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f221 {
        font-size: 221px;
    }
}
.f222 {
    font-size: 220px;
}
@media screen and (min-width:320px) {
    .f222 {
        font-size: calc(220px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f222 {
        font-size: 222px;
    }
}
.f223 {
    font-size: 221px;
}
@media screen and (min-width:320px) {
    .f223 {
        font-size: calc(221px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f223 {
        font-size: 223px;
    }
}
.f224 {
    font-size: 222px;
}
@media screen and (min-width:320px) {
    .f224 {
        font-size: calc(222px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f224 {
        font-size: 224px;
    }
}
.f225 {
    font-size: 223px;
}
@media screen and (min-width:320px) {
    .f225 {
        font-size: calc(223px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f225 {
        font-size: 225px;
    }
}
.f226 {
    font-size: 224px;
}
@media screen and (min-width:320px) {
    .f226 {
        font-size: calc(224px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f226 {
        font-size: 226px;
    }
}
.f227 {
    font-size: 225px;
}
@media screen and (min-width:320px) {
    .f227 {
        font-size: calc(225px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f227 {
        font-size: 227px;
    }
}
.f228 {
    font-size: 226px;
}
@media screen and (min-width:320px) {
    .f228 {
        font-size: calc(226px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f228 {
        font-size: 228px;
    }
}
.f229 {
    font-size: 227px;
}
@media screen and (min-width:320px) {
    .f229 {
        font-size: calc(227px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f229 {
        font-size: 229px;
    }
}
.f230 {
    font-size: 228px;
}
@media screen and (min-width:320px) {
    .f230 {
        font-size: calc(228px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f230 {
        font-size: 230px;
    }
}
.f231 {
    font-size: 229px;
}
@media screen and (min-width:320px) {
    .f231 {
        font-size: calc(229px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f231 {
        font-size: 231px;
    }
}
.f232 {
    font-size: 230px;
}
@media screen and (min-width:320px) {
    .f232 {
        font-size: calc(230px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f232 {
        font-size: 232px;
    }
}
.f233 {
    font-size: 231px;
}
@media screen and (min-width:320px) {
    .f233 {
        font-size: calc(231px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f233 {
        font-size: 233px;
    }
}
.f234 {
    font-size: 232px;
}
@media screen and (min-width:320px) {
    .f234 {
        font-size: calc(232px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f234 {
        font-size: 234px;
    }
}
.f235 {
    font-size: 233px;
}
@media screen and (min-width:320px) {
    .f235 {
        font-size: calc(233px + 2 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f235 {
        font-size: 235px;
    }
}
/******************************/

.f44 {
    font-size: 34px;
}
@media screen and (min-width:320px) {
    .f44 {
        font-size: calc(34px + 10 * ((100vw - 320px) / 880));
    }
}
@media screen and (min-width:1200px) {
    .f44 {
        font-size: 44px;
    }
}
/*------------------------------------
- COLOR secondary
------------------------------------*/

.badge-secondary {
    color: #2c70b5;
    background-color: #bee2ed!important;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #2c70b5;
    background-color: #96d0e1!important;
}
.bg-secondary {
    background-color: #bee2ed!important!important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #96d0e1!important!important;
}
.border-secondary {
    border-color: #bee2ed!important!important;
}
.btn-secondary {
    color: #2c70b5!important;
    background-color: #bee2ed!important;
    border-color: #bee2ed!important;
}
.btn-secondary:hover {
    color: #2c70b5!important;
    background-color: #a2d5e5!important;
    border-color: #96d0e1!important;
}
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 226, 237, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #2c70b5!important;
    background-color: #bee2ed!important;
    border-color: #bee2ed!important;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
    color: #2c70b5!important;
    background-color: #96d0e1!important;
    border-color: #8acade!important;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 226, 237, 0.5);
}
.btn-outline-secondary {
    color: #bee2ed!important;
    background-color: transparent;
    border-color: #bee2ed!important;
}
.btn-outline-secondary:hover {
    color: #2c70b5;
    background-color: #bee2ed!important;
    border-color: #bee2ed!important;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 226, 237, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #bee2ed!important;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #2c70b5;
    background-color: #bee2ed!important;
    border-color: #bee2ed!important;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 226, 237, 0.5);
}
.list-group-item-secondary {
    color: #5eb7d2!important;
    background-color: #14d122!important;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #5eb7d2!important;
    background-color: #139119!important;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #2c70b5;
    background-color: #5eb7d2!important;
    border-color: #5eb7d2!important;
}
.table-secondary, .table-secondary>th, .table-secondary>td {
    background-color: #14d122!important;
}
.table-hover .table-secondary:hover {
    background-color: #139119!important;
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
    background-color: #139119!important;
}
.text-secondary {
    color: #bee2ed!important!important;
}
a.text-secondary:hover, a.text-secondary:focus {
    color: #96d0e1!important!important;
}