@charset "utf-8"; body { min-width: 320px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.5 } p, li, a, button { line-height: 1.7; letter-spacing: 1px; } .small-80 { font-size: 80%; font-weight: 400; } .text-h1 { font-size: 1.6rem; } .text-h1-2 { font-size: 1.3rem; } .text-h2 { font-size: 1.4rem; } .text-h3 { font-size: 1.3rem; } @media (min-width: 470px) { .text-h1-2 { font-size: 2rem; } } @media (min-width: 576px) { .text-h1 { font-size: 1.8rem; } .text-h1-2 { font-size: 2.4rem; } .text-h2 { font-size: 1.6rem; } .text-h3 { font-size: 1.2rem; } } @media (min-width: 768px) { .text-h1 { font-size: 2rem; } .text-h1-2 { font-size: 3rem; } .text-h2 { font-size: 1.8rem; } .text-h3 { font-size: 1.5rem; } } @media (min-width: 992px) { .text-h1 { font-size: 2.5rem; } .text-h1-2 { font-size: 3.2rem; } .text-h2 { font-size: 2rem; } .text-h3 { font-size: 1.6rem; } } @media (min-width: 1200px) { .text-h1 { font-size: 2.8rem; } .text-h1-2 { font-size: 3.6rem; } .text-h2 { font-size: 2rem; } .text-h3 { font-size: 1.6rem; } } .backface-visibility { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .breadcrumb { background: none; padding: .7rem; } .breadcrumb-item+.breadcrumb-item::before { content: ">"; } a { color: #3e8ddd; } a:hover>img, a:focus>img { opacity: .9; } .btn-img:hover>img, .btn-img:focus>img { margin-top: -0.1rem; margin-bottom: .1rem; } .bg-dark { background-color: #333f48  !important; } .bg-red { background-color: #e1140a  !important; } .border-red { border-color: #e1140a  !important; } .nav-item .nav-link.active { font-weight: bold; } .badge { padding: .3rem 1rem; border-radius: 0; } .badge-red { color: #fff; background-color: #e1140a; } @media (min-width: 768px) { .navbar-expand-md .navbar-nav .nav-link { padding-right: .4rem; padding-left: .4rem; } } .text-red { color: #e1140a  !important; } a.text-red:hover, a.text-red:focus { color: #a71d2a  !important; } .btn-primary { color: #fff; background-color: #3e8ddd; border-color: #3e8ddd; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3e8ddd; border-color: #3e8ddd; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5); } .btn-red { color: #fff; background-color: #e1140a; border-color: #e1140a; } .btn-red:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-red:focus, .btn-red.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5); } .btn-red.disabled, .btn-red:disabled { color: #fff; background-color: #e1140a; border-color: #e1140a; } .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active, .show>.btn-red.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus, .show>.btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5); } .btn-outline-lenovoblue { color: #3e8ddd; border-color: #3e8ddd; } .btn-outline-lenovoblue:hover { color: #fff; background-color: #3e8ddd; border-color: #3e8ddd; } .btn-outline-lenovoblue:focus, .btn-outline-lenovoblue.focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5); } .btn-outline-lenovoblue.disabled, .btn-outline-lenovoblue:disabled { color: #3e8ddd; background-color: transparent; } .btn-outline-lenovoblue:not(:disabled):not(.disabled):active, .btn-outline-lenovoblue:not(:disabled):not(.disabled).active, .show>.btn-outline-lenovoblue.dropdown-toggle { color: #fff; background-color: #3e8ddd; border-color: #3e8ddd; } .btn-outline-lenovoblue:not(:disabled):not(.disabled):active:focus, .btn-outline-lenovoblue:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-lenovoblue.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5); } .text-lenovoblue { color: #3e8ddd; } .catch { top: 20px; left: 50px; } @media (max-width: 920px) { .catch { width: 150px; top: 20px; left: 50px; } } @media (max-width: 850px) { .catch { width: 150px; top: 20px; left: 20px; } }