.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } #accordion input[type="checkbox"] { display: none; } #accordion .accordion-content { height: 0; overflow: hidden; transform: translateY(20px); transition: all 0.4s ease-in-out; opacity: 0; } #accordion label { font-size: 1.2rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; width: 100%; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; padding: 10px; } #accordion label i { font-weight: normal; float: right; line-height: 1.9; } #accordion input[type="checkbox"]:checked ~ label { border-bottom: none; } #accordion input[type="checkbox"]:checked ~ label i { transform: rotate(225deg); transition: 0.4s all ease-in-out; } #accordion input[type="checkbox"]:not(:checked) ~ label i { transition: 0.4s all ease-in-out; } #accordion input[type="checkbox"]:checked ~ .accordion-content { height: calc(100%); transform: translateY(0px); transition: all 0.4s ease-in-out; opacity: 1; overflow: hidden; border-bottom: 1px solid lightgray; } @media screen and (min-width: 576px) { #accordion label, #accordion input { display: none; } #accordion .accordion-content { height: calc(100%); opacity: 1; } } .aff-product-attributes-container { margin-bottom: 20px; width: 100%; } .aff-product-attributes-choices { list-style: none; width: 100%; margin-bottom: 10px; } .aff-product-attributes-choices:last-child { margin-bottom: 0; } .aff-product-attributes-choices-list { display: flex; flex-flow: row wrap; padding: 0; } .aff-product-attributes-choice { list-style: none; border-width: 1px; border-style: solid; padding: 5px 10px; margin: 0 10px 10px 0; } .aff-product-attributes-choice.unreachable { opacity: 0.5; border-style: dotted; } .aff-product-attributes-choice:first-child { margin-left: 0; } .aff-product-attributes-choice-list { display: flex; flex-flow: row wrap; padding: 0; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .panel-heading { border: 1px solid grey; } /* .btn-buy { background-color: #ff8c14; color: white; border: 1px solid darken(#ff8c14, 2); &:hover, &:focus { color: white; background-color: darken(#ff8c14, 2); } } */ /* .alert { &-success { background-color: lighten(#b9df90, 10); border: 1px solid #a0d468 } &-danger { background-color: lighten(#f2838f, 10); border: 1px solid #ed5565 } &-warning { background-color: lighten(#ffdd87, 10); border: 1px solid #ffce54 } &-info { background-color: lighten(#7cd1ef, 10); border: 1px solid #4fc1e9; } } */ .label-sm { font-size: 12px; } .label-md { font-size: 16px; } .label-lg { font-size: 20px; } @media (min-width: 1200px) { .hidden-xl { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none; } } @media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none; } } @media (max-width: 575px) { .hidden-xs { display: none; } } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } .comments { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; margin-bottom: 20px; } .comments-title { padding: 20px; padding-bottom: 0; } .comments-list { margin: 0; padding: 0; } .comments-list > .comment { border-bottom: 1px solid lightgrey; } .comments-list > .comment:last-child { border-bottom: 0; } .comments-list .comment { padding: 10px 20px; } .comments-list .comment-meta { padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; } .comments-list .comment-meta li { list-style: none; display: inline; } .comments-list .comment-author { font-size: 1.4rem; line-height: 1.96rem; } .comments-list .comment-date { font-size: 1rem; line-height: 28.8px; } .comments-list .comment img { -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; } .comments-closed { padding: 10px 20px; } .comments-closed .alert { margin-bottom: 0; } .comments .comment-respond { padding: 20px; } .comments .comment-respond h3 { margin-top: 0; } .comments .comment-form-author, .comments .comment-form-email, .comments .comment-form-url { width: 75%; } .comments-pagination { padding: 10px 20px; } .comments-pagination .nav-links { display: flex; justify-content: flex-start; } .comments-pagination .page-numbers { display: inline-block; padding: 5px 10px; margin-right: 5px; border: 1px solid #eee; line-height: 1; text-decoration: none; border-radius: 2px; font-weight: 500; } .comments-pagination .page-numbers.current, .comments-pagination a.page-numbers:hover { background: #f9f9f9; } .product-body .fluid-media, .entry-body .fluid-media { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; margin: 1em 0 1em 0; } .product-body .fluid-media iframe, .entry-body .fluid-media iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-body img.alignright, .entry-body img.alignright { float: right; margin: 0 0 1em 1em; } .product-body img.alignleft, .entry-body img.alignleft { float: left; margin: 0 1em 1em 0; } .product-body img.aligncenter, .entry-body img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .product-body .alignright, .entry-body .alignright { float: right; } .product-body .alignleft, .entry-body .alignleft { float: left; } .product-body .aligncenter, .entry-body .aligncenter { display: block; margin-left: auto; margin-right: auto; } .product-body p.wp-caption-text, .entry-body p.wp-caption-text { text-align: center !important; } .product-body img, .entry-body img { max-width: 100%; } .product-body dt, .product-body dd, .entry-body dt, .entry-body dd { display: table-cell; } .product-body dt, .entry-body dt { display: table; float: left; clear: left; min-width: 50px; max-width: 200px; padding-right: 10px; box-sizing: border-box; width: 25%; text-align: right; font-weight: bold; } .product-body dt:after, .entry-body dt:after { content: ":"; } .product-body dd, .entry-body dd { margin-left: 500px; } .product-body img[class*="align"], .product-body img[class*="wp-image-"], .entry-body img[class*="align"], .entry-body img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .sticky { display: block; } .gallery-caption { display: block; } .bypostauthor { border-width: 0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } .entry, .entry-preview { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; background-color: white; margin-bottom: 20px; } .entry-header, .entry-teaser, .entry-preview-header, .entry-preview-teaser { box-sizing: border-box; display: flex; align-content: center; position: relative; justify-content: space-between; } .entry-title, .entry-preview-title { margin-top: 0; font-size: 1.6rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.08rem; letter-spacing: 0.01rem; align-self: center; justify-self: flex-start; text-align: left; margin: 0; padding: 10px 20px; } .entry-title a, .entry-preview-title a { color: black !important; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-preview-title a:hover, .entry-preview-title a:focus { color: black !important; } .entry-date, .entry-preview-date { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; padding: 10px 20px; display: flex; justify-self: flex-end; flex-flow: column nowrap; align-items: center; justify-content: center; text-align: center; background-color: #f9f9f9; width: 100px; } .entry-date .day, .entry-date .month, .entry-date .year, .entry-preview-date .day, .entry-preview-date .month, .entry-preview-date .year { width: 100%; margin: 0; padding: 0; display: inline; } .entry-date .day, .entry-preview-date .day { margin-top: 0; font-size: 1.8rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.16rem; letter-spacing: 0.01rem; line-height: 1.98rem; } .entry-date .day a, .entry-preview-date .day a { color: black !important; text-decoration: none; } .entry-date .day a:hover, .entry-date .day a:focus, .entry-preview-date .day a:hover, .entry-preview-date .day a:focus { color: black !important; } .entry-date .month, .entry-preview-date .month { font-size: 0.8rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 0.96rem; letter-spacing: 0.01rem; line-height: 1.2rem; } .entry-date .year, .entry-preview-date .year { font-size: 0.8rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 0.96rem; letter-spacing: 0.01rem; line-height: 1.2rem; } .entry-thumbnail, .entry-preview-thumbnail { margin-bottom: 0; box-sizing: border-box; min-height: 200px; max-height: 350px; background-color: #fafafa; overflow: hidden; } .entry-thumbnail img, .entry-preview-thumbnail img { width: 100%; height: auto; } .entry-bar, .entry-preview-bar { width: 100%; padding: 10px 20px; position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0.5); } .entry-tags span, .entry-preview-tags span { display: inline-block; margin-left: 10px; font-weight: 300; } .entry-tags span:first-child, .entry-preview-tags span:first-child { margin-left: 0; } .entry-link-pages, .entry-preview-link-pages { display: flex; justify-content: space-between; } .entry-body { box-sizing: border-box; padding: 10px 20px; } .entry-preview-thumbnail, .entry-preview-bar { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } #not-found, #empty-search { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 400px; margin-bottom: 20px; padding: 20px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; text-align: center; } #not-found > *, #empty-search > * { display: block; width: 100%; } @media (min-width: 576px) { #not-found > *, #empty-search > * { max-width: 80%; } } #not-found-title, #empty-search-title { margin: 0; } #not-found-error-code { font-size: 4.8rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #999; line-height: 5.28rem; letter-spacing: 0.01rem; padding: 0; margin: 0; } #empty-search-icon { font-size: 4.8rem; line-height: 5.76rem; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .flex-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xl-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .flex-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-lg-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-lg-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 768px) and (max-width: 991px) { .flex-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-md-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-md-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (min-width: 576px) and (max-width: 767px) { .flex-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-sm-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-sm-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media (max-width: 575px) { .flex-xs-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xs-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xs-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } #footer { padding: 0; } #footer-breadcrumbs { padding: 5px 0; display: flex; align-items: center; min-height: 50px; background-color: #f8f8f8; border-width: 1px 0 0 0; border-style: solid; } #footer-content { min-height: 250px; padding: 20px 0; } #footer-content-first-menu dt, #footer-content-second-menu dt { font-size: 1.4rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 1.96rem; letter-spacing: 0.01rem; margin: 10px 0; } #footer-content-first-menu dd, #footer-content-second-menu dd { font-size: 1rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; } #footer-plinth { padding: 10px; } #footer-copyright { display: flex; align-items: center; flex-wrap: nowrap; } @media (min-width: 992px) { #footer-copyright { height: 40px; float: left; margin-right: 10px; } } @media (max-width: 991px) { #footer-copyright { justify-content: center; margin-bottom: 10px; width: 100%; } } #footer-plinth-menu { display: flex; align-items: center; flex-wrap: nowrap; } @media (min-width: 992px) { #footer-plinth-menu { height: 40px; float: left; } } @media (max-width: 991px) { #footer-plinth-menu { justify-content: center; margin-bottom: 10px; width: 100%; } } #footer-plinth-menu ul { list-style-type: none; display: block; margin: 0; padding: 0; } #footer-plinth-menu ul li { float: left; display: inline; margin-right: 10px; } #footer-plinth-menu ul li:last-child { margin-right: 0; } #footer-plinth-menu ul li a { font-size: 1rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; } #footer-social { display: flex; } @media (max-width: 991px) { #footer-social { justify-content: center; } } @media (min-width: 992px) { #footer-social { justify-content: flex-end; } } #footer-social .social-btn { -moz-border-radius: 25%; -webkit-border-radius: 25%; border-radius: 25%; box-sizing: border-box; display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; position: relative; overflow: hidden; opacity: .99; transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); padding: 0; border-width: 2px; border-style: solid; margin-left: 0; margin-right: 10px; } #footer-social .social-btn:last-child { margin-right: 0; } #footer-social .social-btn:before { content: ''; border-radius: 22px; width: 160%; height: 160%; top: 90%; right: 67%; position: absolute; transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); } #footer-social .social-btn .fa { font-size: 22px; vertical-align: middle; transform: scale(0.8); transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59); } #footer-social .social-btn:focus:before, #footer-social .social-btn:hover:before { top: -20%; right: -40%; } #footer-social .social-btn:focus .fa, #footer-social .social-btn:hover .fa { -webkit-transform: scale(1); transform: scale(1); } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } #header { padding-top: 20px; padding-bottom: 20px; flex: 0 0 auto; } #header #title { margin-bottom: 5px; } #header #logo { max-width: 100%; height: auto; } @media (max-width: 991px) { #main-menu .navbar-brand { margin-left: 1rem; } #main-menu .nav-item > .nav-link { margin-left: 1rem; } } #main-menu .navbar-toggler > .navbar-toggler-icon { background-image: none; -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") no-repeat 100% 100%; mask: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") no-repeat 100% 100%; } .ias-spinner-container, .ias-end-container { width: 100%; min-height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; } html, body { height: 100%; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } .navbar:not(.fixed-top) { margin-bottom: 20px; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } .no-thumbnail-container { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .no-thumbnail-icon { font-size: 2.4rem; line-height: 2.64rem; color: lightgrey; } .no-thumbnail-text { margin-bottom: 0; } #pagination { width: 100%; min-height: 50px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .product-preview { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); margin-bottom: 20px; background-color: white; width: 100%; } @media (min-width: 576px) { .product-preview { background-image: linear-gradient(to left, white 55%, #f9f9f9 55%); display: table; } } @media (min-width: 768px) { .product-preview { background-image: linear-gradient(to left, white 60%, #f9f9f9 60%); } } .product-preview-teaser { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; display: block; } @media (min-width: 576px) { .product-preview-teaser { width: 45%; display: table-cell; float: left; clear: left; } } @media (min-width: 768px) { .product-preview-teaser { width: 40%; } } .product-preview-thumbnail { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; box-sizing: border-box; position: relative; display: flex; justify-items: center; align-items: center; margin-bottom: 10px; overflow: hidden; } @media (max-width: 575px) { .product-preview-thumbnail { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } } .product-preview-thumbnail img { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; height: auto; } @media (max-width: 575px) { .product-preview-thumbnail img { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } } .product-preview-no-thumbnail { min-height: 250px; } .product-preview-no-thumbnail .no-thumbnail-container { padding-bottom: 50px; } .product-preview-badge-bar { width: 100%; padding: 10px 20px; position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: flex-end; align-items: center; background-color: rgba(0, 0, 0, 0.4); min-height: 40px; } .product-preview-badge-item { font-size: 0.8rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 0.96rem; letter-spacing: 0.01rem; display: inline; padding: 5px 10px; margin-right: 10px; color: white; } .product-preview-badge-item:last-child { margin-right: 0; } .product-preview-content { width: 100%; display: block; padding: 0 20px 20px 20px; } @media (min-width: 576px) { .product-preview-content { width: 55%; padding-top: 20px; display: table-cell; float: right; clear: right; } } @media (min-width: 768px) { .product-preview-content { width: 60%; } } .product-preview-header { display: block; padding: 0; margin: 0; } .product-preview-header a:hover, .product-preview-header a:focus { text-decoration: none; } .product-preview-header a h1 { display: block; margin-top: 0; margin-bottom: 0; } .product-preview-title { margin-top: 0; font-size: 1.8rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.16rem; letter-spacing: 0.01rem; text-align: left; padding-bottom: 20px; } .product-preview-title a { color: black !important; text-decoration: none; } .product-preview-title a:hover, .product-preview-title a:focus { color: black !important; } .product-preview-actions { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; width: 100%; display: block; padding: 20px; padding-top: 0; } @media (min-width: 576px) { .product-preview-actions { width: 45%; display: table-cell; float: left; clear: left; } } @media (min-width: 768px) { .product-preview-actions { width: 40%; } } .product-preview-updated-at, .product-preview-price-indication { font-size: 0.8rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 0.96rem; letter-spacing: 0.01rem; text-align: center; display: block; width: 100%; } .product-preview-price-indication { padding: 0 20px 10px 20px; } .product-preview-updated-at { padding-top: 10px; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .product-header, .product-body { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; margin-bottom: 20px; box-sizing: border-box; padding: 20px; } .product-title { margin: 0; padding-bottom: 10px; } .product-excerpt { display: block; padding-bottom: 10px; } .product-excerpt p { margin: 0; padding: 0; } .product-tags { padding-bottom: 10px; } .product-tags .tag { margin-left: 0; margin-right: 5px; margin-bottom: 5px; } .product-relations { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 0; margin-bottom: 20px; box-sizing: border-box; background-color: white; } .product-relations-headline { padding: 0 20px; } .product-relations-item { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; margin: 0 10px; box-sizing: border-box; border: 1px solid #ddd; } .product-relations-item-teaser { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; display: block; } .product-relations-item-thumbnail { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; box-sizing: border-box; position: relative; display: flex; justify-items: center; align-items: center; margin-bottom: 10px; } .product-relations-item-thumbnail img { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; height: auto; } .product-relations-item-no-thumbnail { min-height: 250px; position: relative; } .product-relations-item-no-thumbnail .no-thumbnail-container { padding-bottom: 50px; } .product-relations-item-tag-bar { width: 100%; padding: 10px 20px 0 20px; position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; background-color: rgba(0, 0, 0, 0.4); min-height: 40px; } .product-relations-item-tag-item { display: inline; margin-left: 10px; margin-bottom: 10px; } .product-relations-item-actions { padding: 10px 20px; } .product-relations-item-headline { padding: 0 20px; margin: 0; } .product-relations-item-updated-at, .product-relations-item-price-indication { font-size: 0.8rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 0.96rem; letter-spacing: 0.01rem; text-align: center; display: block; width: 100%; } .product-relations-item-price-indication { padding: 0 20px 10px 20px; } .product-relations-item-updated-at { padding-top: 10px; } .product-relations .slick-slide { outline: none; } .product-relations .slick-relations-gallery { padding: 0 20px; } .product-review { margin: 0; margin-top: -10px; padding-bottom: 10px; } @media (max-width: 575px) { .product-review-number-rating::before { content: '\A'; display: block; } } .product-details tr[data-detail-name="price"] td:last-child { color: #2fa32f; } @media screen and (max-width: 570px) and (orientation: landscape), (max-width: 480px) and (orientation: portrait) { .product-details table, .product-details th, .product-details td { display: block; } .product-details td:last-child { border-top: none; } .product-details td:first-child { font-weight: bold; } } .product-thumbnail { padding: 0; margin: 0 auto 10px auto; max-width: 250px; min-height: 250px; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 1px solid lightgrey; color: lightgrey; } .product-thumbnail img { width: 100%; height: auto; } .product-image-gallery { margin-bottom: 10px; } .product-image-gallery .slick-slider { visibility: hidden; } .product-image-gallery .slick-slider.slick-initialized { visibility: visible; } .product-image-gallery .slick-slide { outline: none; } .product-image-gallery .portfolio-slider { padding: 0; margin: 0 auto; width: 250px; height: 250px; display: block; box-sizing: content-box; border: 1px solid lightgrey; } .product-image-gallery .portfolio-slider .slick-slider-item { outline: none; } .product-image-gallery .portfolio-slider .slick-slider-item img { margin: 0 auto; } .product-image-gallery .thumb-slider { display: block; margin: 10px auto 0 auto; } .product-upload-images { flex-wrap: wrap; text-align: center; line-height: 0.5; } .product-preview { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; background-color: white; width: 100%; } @media (min-width: 576px) { .product-preview { background-image: linear-gradient(to left, white 55%, #f9f9f9 55%); display: table; } } @media (min-width: 768px) { .product-preview { background-image: linear-gradient(to left, white 60%, #f9f9f9 60%); } } .product-preview-teaser { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; display: block; } @media (min-width: 576px) { .product-preview-teaser { width: 45%; display: table-cell; float: left; clear: left; } } @media (min-width: 768px) { .product-preview-teaser { width: 40%; } } .product-preview-thumbnail { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; box-sizing: border-box; position: relative; display: flex; justify-items: center; align-items: center; margin-bottom: 10px; overflow: hidden; } @media (max-width: 575px) { .product-preview-thumbnail { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } } .product-preview-thumbnail img { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; width: 100%; height: auto; } @media (max-width: 575px) { .product-preview-thumbnail img { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } } .product-preview-no-thumbnail { min-height: 250px; } .product-preview-no-thumbnail .no-thumbnail-container { padding-bottom: 50px; } .product-preview-tag-bar { width: 100%; padding: 10px 20px 0 20px; position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; background-color: rgba(0, 0, 0, 0.4); min-height: 40px; } .product-preview-tag-item { display: inline; margin-left: 10px; margin-bottom: 10px; } .product-preview-content { width: 100%; display: block; padding: 0 20px 20px 20px; } @media (min-width: 576px) { .product-preview-content { width: 55%; padding-top: 20px; display: table-cell; float: right; clear: right; } } @media (min-width: 768px) { .product-preview-content { width: 60%; } } .product-preview-header { display: block; padding: 0; margin: 0; } .product-preview-header a:hover, .product-preview-header a:focus { text-decoration: none; } .product-preview-header a h1 { display: block; margin-top: 0; margin-bottom: 0; } .product-preview-title { margin-top: 0; font-size: 1.8rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.16rem; letter-spacing: 0.01rem; text-align: left; padding-bottom: 20px; } .product-preview-title a { color: black !important; text-decoration: none; } .product-preview-title a:hover, .product-preview-title a:focus { color: black !important; } .product-preview-actions { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; width: 100%; display: block; padding: 20px; padding-top: 0; } @media (min-width: 576px) { .product-preview-actions { width: 45%; display: table-cell; float: left; clear: left; } } @media (min-width: 768px) { .product-preview-actions { width: 40%; } } .product-preview-updated-at, .product-preview-price-indication { font-size: 0.8rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 0.96rem; letter-spacing: 0.01rem; text-align: center; display: block; width: 100%; } .product-preview-price-indication { padding: 0 20px 10px 20px; } .product-preview-updated-at { padding-top: 10px; } #product-image-gallery { padding-bottom: 10px; } #product-image-gallery .slick-container { max-width: 500px; } #product-image-gallery .slick-product-gallery { border: 1px solid #cdcdcd; background-color: #f9f9f9; width: 100%; } #product-image-gallery .slick-product-gallery .slick-track { height: 250px; } #product-image-gallery .slick-product-gallery .slick-slide { height: 100%; outline: none; } #product-image-gallery .slick-product-gallery .slick-slide .center { margin: 0; height: 100%; display: flex; align-items: center; justify-content: center; } #product-image-gallery .slick-product-gallery .slick-slide figure, #product-image-gallery .slick-product-gallery .slick-slide img { width: 100%; height: auto; display: block; margin: auto; } #product-image-gallery .slick-product-gallery .slick-prev:before, #product-image-gallery .slick-product-gallery .slick-next:before { color: black; } #product-image-gallery .slick-product-nav { margin-top: 15px; width: 100%; } #product-image-gallery .slick-product-nav .slide-track { height: 100px; } #product-image-gallery .slick-product-nav .slick-slide { width: 25%; outline: none; } #product-image-gallery .slick-product-nav .slick-slide .center { margin: 0; height: 100%; display: flex; align-items: center; justify-content: center; } #product-image-gallery .slick-product-nav .slick-slide img, #product-image-gallery .slick-product-nav .slick-slide figure { height: 100%; overflow-x: hidden; display: block; margin: auto; } #product-image-gallery .slick-product-gallery, #product-image-gallery .slick-product-nav .slick-slide .center { margin: 0; height: 100%; display: flex; align-items: center; justify-content: center; } .nav-tabs { background-color: white; } .nav-tabs li { border-bottom: solid white; border-width: 0 4px 0 0; } .nav-tabs li a { opacity: 0.7; border: 0; } .nav-tabs li a:hover { background-color: rgba(53, 160, 198, 0.07); transition: 0.3s background ease-in-out; } .nav-tabs .active { border-bottom: 4px solid #35a0c6; transition: 0.2s all ease-in-out; background-color: white; } .nav-tabs.nav-justified > li > a { border-bottom: 1px solid lightgray; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover { border: none; color: #35a0c6; opacity: 1; } .tab-content { padding: 20px; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } .tag { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; font-size: 0.8rem; display: inline-block; box-sizing: border-box; padding: 0 10px; margin-left: 5px; transition: all 0.1s ease-in-out; } .tag:hover, .tag:focus { transform: scale(1.1); } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } html, body { font-size: 16px; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } h1 { margin-top: 0; font-size: 2.4rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.64rem; letter-spacing: 0.01rem; } h1 a { color: black !important; text-decoration: none; } h1 a:hover, h1 a:focus { color: black !important; } h2 { margin-top: 0; font-size: 1.8rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.16rem; letter-spacing: 0.01rem; } h2 a { color: black !important; text-decoration: none; } h2 a:hover, h2 a:focus { color: black !important; } h3 { margin-top: 0; font-size: 1.6rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.08rem; letter-spacing: 0.01rem; } h3 a { color: black !important; text-decoration: none; } h3 a:hover, h3 a:focus { color: black !important; } h4 { margin-top: 0; font-size: 1.4rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 1.96rem; letter-spacing: 0.01rem; } h4 a { color: black !important; text-decoration: none; } h4 a:hover, h4 a:focus { color: black !important; } h5 { margin-top: 0; font-size: 1.2rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 1.8rem; letter-spacing: 0.01rem; } h5 a { color: black !important; text-decoration: none; } h5 a:hover, h5 a:focus { color: black !important; } h6 { margin-top: 0; font-size: 1rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 1.6rem; letter-spacing: 0.01rem; } h6 a { color: black !important; text-decoration: none; } h6 a:hover, h6 a:focus { color: black !important; } p, small { font-size: 1rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; } #title { margin-top: 0; font-size: 2.4rem; font-weight: 500; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: black; line-height: 2.64rem; letter-spacing: 0.01rem; text-decoration: none; } #title a { color: black !important; text-decoration: none; } #title a:hover, #title a:focus { color: black !important; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; display: inline; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } #main-sidebar, #product-sidebar, #footer-sidebar { margin: 0; padding: 0; } #main-sidebar .widget, #product-sidebar .widget { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); background-color: white; } #main-sidebar .widget-heading, #product-sidebar .widget-heading { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; text-align: center; border-bottom: 1px solid #ddd; } #main-sidebar .widget-heading h4, #product-sidebar .widget-heading h4 { margin: 0; } #product-sidebar .widget-body { padding: 0; } #footer-sidebar .widget-heading { margin: 0; padding: 0; } #footer-sidebar .widget-body { padding: 0; } .widget { width: 100%; margin-bottom: 20px; } .widget-heading { box-sizing: border-box; display: block; border: none; padding: 10px 20px; } .widget-body { box-sizing: border-box; display: block; padding: 10px 20px; } .widget-body ul { list-style: none; padding: 0; margin: 0; } .textwidget { width: 100%; max-width: 100%; display: block; } .textwidget img { max-width: 100%; } .tagcloud { display: flex; flex-flow: row wrap; align-items: center; } .tagcloud a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1rem; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; color: #555; line-height: 28.8px; letter-spacing: 0.01rem; display: inline-block; box-sizing: border-box; padding: 0 10px; margin: 5px 10px 5px 0; transition: transform 0.1s ease-in-out; } .tagcloud a:hover, .tagcloud a:focus { transform: scale(1.1); } #wp-calendar { width: 100%; font-size: 12px; font-weight: 300; max-width: 400px; border-collapse: separate; border-spacing: 8px; } #wp-calendar tbody td a, #wp-calendar tfoot td#prev a:hover, #wp-calendar tfoot td#next a:hover { color: #47C2DC; } #wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a { color: #888; font-size: 12px; font-weight: 400; position: relative; text-transform: uppercase; bottom: -9px; margin-bottom: 1px; } #wp-calendar tfoot td#prev { text-align: left; } #wp-calendar tfoot td#next { text-align: right; } #wp-calendar caption { display: none; } #wp-calendar thead th { font-size: 13px; font-weight: 400; color: #888; text-align: center; padding-bottom: 10px; } #wp-calendar tbody td { margin-bottom: 10px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #f4f4f4; padding: 5px; } #wp-calendar tbody td:hover { border-color: #e2e2e2; } #wp-calendar tbody td.pad { border: 0; } #wp-calendar tbody td#today { color: #47C2DC; border-color: #47C2DC; } #price-comparison .shop { width: 100%; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 10px 20px; } #price-comparison .shop:last-child { border-bottom: none; } #price-comparison .shop-thumbnail { height: 100%; width: 100%; min-height: 75px; display: flex; align-items: center; justify-content: center; padding-bottom: 10px; } #price-comparison .shop-thumbnail img { display: inline-block; max-width: 200px; width: 100%; height: auto; margin: auto; } #price-comparison .shop-info { min-height: 75px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding-bottom: 10px; } #price-comparison .shop-no-info { display: block; line-height: 0.96rem; font-size: 0.8rem; } #price-comparison .shop-price { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } #price-comparison .shop-price-old { font-weight: 500; line-height: 1rem; font-size: 1rem; text-decoration: line-through; } #price-comparison .shop-price-current { font-weight: 500; line-height: 1.2rem; font-size: 1.2rem; } #price-comparison .shop-price-indication { display: block; width: 100%; padding-top: 5px; line-height: 0.96rem; font-size: 0.8rem; } #price-comparison .shop-buy { height: 100%; text-align: center; } #price-comparison .shop-buy .btn { box-sizing: border-box; width: 100%; } #price-comparison .shop-updated-at { display: block; width: 100%; padding-top: 10px; line-height: 0.96rem; font-size: 0.8rem; } #price-comparison .shop.not-available .shop-thumbnail img { filter: grayscale(75%); }