/*! * Growcer 1.4 (http://yogrowcer.com/) * Copyright 2021 FATbit */ /*! * Bootstrap Grid v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ @import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900"); html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 576px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 768px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 992px; } } @media (min-width: 1280px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1280px; } } @media (min-width: 1360px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1360px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.625rem; margin-left: -0.625rem; } .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-auto, .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-sm-auto, .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-md-auto, .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-lg-auto, .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, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .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 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .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 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .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 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .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: 1280px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .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: 1360px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xxl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xxl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1280px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1360px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1280px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1360px) { .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25 !important; } .mt-1, .my-1 { margin-top: 0.25 !important; } .mr-1, .mx-1 { margin-right: 0.25 !important; } .mb-1, .my-1 { margin-bottom: 0.25 !important; } .ml-1, .mx-1 { margin-left: 0.25 !important; } .m-2 { margin: 0.5 !important; } .mt-2, .my-2 { margin-top: 0.5 !important; } .mr-2, .mx-2 { margin-right: 0.5 !important; } .mb-2, .my-2 { margin-bottom: 0.5 !important; } .ml-2, .mx-2 { margin-left: 0.5 !important; } .m-3 { margin: 1 !important; } .mt-3, .my-3 { margin-top: 1 !important; } .mr-3, .mx-3 { margin-right: 1 !important; } .mb-3, .my-3 { margin-bottom: 1 !important; } .ml-3, .mx-3 { margin-left: 1 !important; } .m-4 { margin: 1.5 !important; } .mt-4, .my-4 { margin-top: 1.5 !important; } .mr-4, .mx-4 { margin-right: 1.5 !important; } .mb-4, .my-4 { margin-bottom: 1.5 !important; } .ml-4, .mx-4 { margin-left: 1.5 !important; } .m-5 { margin: 3 !important; } .mt-5, .my-5 { margin-top: 3 !important; } .mr-5, .mx-5 { margin-right: 3 !important; } .mb-5, .my-5 { margin-bottom: 3 !important; } .ml-5, .mx-5 { margin-left: 3 !important; } .m-px { margin: 1px !important; } .mt-px, .my-px { margin-top: 1px !important; } .mr-px, .mx-px { margin-right: 1px !important; } .mb-px, .my-px { margin-bottom: 1px !important; } .ml-px, .mx-px { margin-left: 1px !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 0.75rem !important; } .mt-3, .my-3 { margin-top: 0.75rem !important; } .mr-3, .mx-3 { margin-right: 0.75rem !important; } .mb-3, .my-3 { margin-bottom: 0.75rem !important; } .ml-3, .mx-3 { margin-left: 0.75rem !important; } .m-4 { margin: 1rem !important; } .mt-4, .my-4 { margin-top: 1rem !important; } .mr-4, .mx-4 { margin-right: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1rem !important; } .ml-4, .mx-4 { margin-left: 1rem !important; } .m-5 { margin: calc(0.75rem + 0.75vw) !important; } .mt-5, .my-5 { margin-top: calc(0.75rem + 0.75vw) !important; } .mr-5, .mx-5 { margin-right: calc(0.75rem + 0.75vw) !important; } .mb-5, .my-5 { margin-bottom: calc(0.75rem + 0.75vw) !important; } .ml-5, .mx-5 { margin-left: calc(0.75rem + 0.75vw) !important; } .m-6 { margin: calc(1rem + 1vw) !important; } .mt-6, .my-6 { margin-top: calc(1rem + 1vw) !important; } .mr-6, .mx-6 { margin-right: calc(1rem + 1vw) !important; } .mb-6, .my-6 { margin-bottom: calc(1rem + 1vw) !important; } .ml-6, .mx-6 { margin-left: calc(1rem + 1vw) !important; } .m-7 { margin: calc(1.5rem + 1.5vw) !important; } .mt-7, .my-7 { margin-top: calc(1.5rem + 1.5vw) !important; } .mr-7, .mx-7 { margin-right: calc(1.5rem + 1.5vw) !important; } .mb-7, .my-7 { margin-bottom: calc(1.5rem + 1.5vw) !important; } .ml-7, .mx-7 { margin-left: calc(1.5rem + 1.5vw) !important; } .m-8 { margin: calc(2rem + 2vw) !important; } .mt-8, .my-8 { margin-top: calc(2rem + 2vw) !important; } .mr-8, .mx-8 { margin-right: calc(2rem + 2vw) !important; } .mb-8, .my-8 { margin-bottom: calc(2rem + 2vw) !important; } .ml-8, .mx-8 { margin-left: calc(2rem + 2vw) !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25 !important; } .pt-1, .py-1 { padding-top: 0.25 !important; } .pr-1, .px-1 { padding-right: 0.25 !important; } .pb-1, .py-1 { padding-bottom: 0.25 !important; } .pl-1, .px-1 { padding-left: 0.25 !important; } .p-2 { padding: 0.5 !important; } .pt-2, .py-2 { padding-top: 0.5 !important; } .pr-2, .px-2 { padding-right: 0.5 !important; } .pb-2, .py-2 { padding-bottom: 0.5 !important; } .pl-2, .px-2 { padding-left: 0.5 !important; } .p-3 { padding: 1 !important; } .pt-3, .py-3 { padding-top: 1 !important; } .pr-3, .px-3 { padding-right: 1 !important; } .pb-3, .py-3 { padding-bottom: 1 !important; } .pl-3, .px-3 { padding-left: 1 !important; } .p-4 { padding: 1.5 !important; } .pt-4, .py-4 { padding-top: 1.5 !important; } .pr-4, .px-4 { padding-right: 1.5 !important; } .pb-4, .py-4 { padding-bottom: 1.5 !important; } .pl-4, .px-4 { padding-left: 1.5 !important; } .p-5 { padding: 3 !important; } .pt-5, .py-5 { padding-top: 3 !important; } .pr-5, .px-5 { padding-right: 3 !important; } .pb-5, .py-5 { padding-bottom: 3 !important; } .pl-5, .px-5 { padding-left: 3 !important; } .p-px { padding: 1px !important; } .pt-px, .py-px { padding-top: 1px !important; } .pr-px, .px-px { padding-right: 1px !important; } .pb-px, .py-px { padding-bottom: 1px !important; } .pl-px, .px-px { padding-left: 1px !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .pt-3, .py-3 { padding-top: 0.75rem !important; } .pr-3, .px-3 { padding-right: 0.75rem !important; } .pb-3, .py-3 { padding-bottom: 0.75rem !important; } .pl-3, .px-3 { padding-left: 0.75rem !important; } .p-4 { padding: 1rem !important; } .pt-4, .py-4 { padding-top: 1rem !important; } .pr-4, .px-4 { padding-right: 1rem !important; } .pb-4, .py-4 { padding-bottom: 1rem !important; } .pl-4, .px-4 { padding-left: 1rem !important; } .p-5 { padding: calc(0.75rem + 0.75vw) !important; } .pt-5, .py-5 { padding-top: calc(0.75rem + 0.75vw) !important; } .pr-5, .px-5 { padding-right: calc(0.75rem + 0.75vw) !important; } .pb-5, .py-5 { padding-bottom: calc(0.75rem + 0.75vw) !important; } .pl-5, .px-5 { padding-left: calc(0.75rem + 0.75vw) !important; } .p-6 { padding: calc(1rem + 1vw) !important; } .pt-6, .py-6 { padding-top: calc(1rem + 1vw) !important; } .pr-6, .px-6 { padding-right: calc(1rem + 1vw) !important; } .pb-6, .py-6 { padding-bottom: calc(1rem + 1vw) !important; } .pl-6, .px-6 { padding-left: calc(1rem + 1vw) !important; } .p-7 { padding: calc(1.5rem + 1.5vw) !important; } .pt-7, .py-7 { padding-top: calc(1.5rem + 1.5vw) !important; } .pr-7, .px-7 { padding-right: calc(1.5rem + 1.5vw) !important; } .pb-7, .py-7 { padding-bottom: calc(1.5rem + 1.5vw) !important; } .pl-7, .px-7 { padding-left: calc(1.5rem + 1.5vw) !important; } .p-8 { padding: calc(2rem + 2vw) !important; } .pt-8, .py-8 { padding-top: calc(2rem + 2vw) !important; } .pr-8, .px-8 { padding-right: calc(2rem + 2vw) !important; } .pb-8, .py-8 { padding-bottom: calc(2rem + 2vw) !important; } .pl-8, .px-8 { padding-left: calc(2rem + 2vw) !important; } .m-n1 { margin: -0.25 !important; } .mt-n1, .my-n1 { margin-top: -0.25 !important; } .mr-n1, .mx-n1 { margin-right: -0.25 !important; } .mb-n1, .my-n1 { margin-bottom: -0.25 !important; } .ml-n1, .mx-n1 { margin-left: -0.25 !important; } .m-n2 { margin: -0.5 !important; } .mt-n2, .my-n2 { margin-top: -0.5 !important; } .mr-n2, .mx-n2 { margin-right: -0.5 !important; } .mb-n2, .my-n2 { margin-bottom: -0.5 !important; } .ml-n2, .mx-n2 { margin-left: -0.5 !important; } .m-n3 { margin: -1 !important; } .mt-n3, .my-n3 { margin-top: -1 !important; } .mr-n3, .mx-n3 { margin-right: -1 !important; } .mb-n3, .my-n3 { margin-bottom: -1 !important; } .ml-n3, .mx-n3 { margin-left: -1 !important; } .m-n4 { margin: -1.5 !important; } .mt-n4, .my-n4 { margin-top: -1.5 !important; } .mr-n4, .mx-n4 { margin-right: -1.5 !important; } .mb-n4, .my-n4 { margin-bottom: -1.5 !important; } .ml-n4, .mx-n4 { margin-left: -1.5 !important; } .m-n5 { margin: -3 !important; } .mt-n5, .my-n5 { margin-top: -3 !important; } .mr-n5, .mx-n5 { margin-right: -3 !important; } .mb-n5, .my-n5 { margin-bottom: -3 !important; } .ml-n5, .mx-n5 { margin-left: -3 !important; } .m-npx { margin: -1px !important; } .mt-npx, .my-npx { margin-top: -1px !important; } .mr-npx, .mx-npx { margin-right: -1px !important; } .mb-npx, .my-npx { margin-bottom: -1px !important; } .ml-npx, .mx-npx { margin-left: -1px !important; } .m-n0 { margin: 0 !important; } .mt-n0, .my-n0 { margin-top: 0 !important; } .mr-n0, .mx-n0 { margin-right: 0 !important; } .mb-n0, .my-n0 { margin-bottom: 0 !important; } .ml-n0, .mx-n0 { margin-left: 0 !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -0.75rem !important; } .mt-n3, .my-n3 { margin-top: -0.75rem !important; } .mr-n3, .mx-n3 { margin-right: -0.75rem !important; } .mb-n3, .my-n3 { margin-bottom: -0.75rem !important; } .ml-n3, .mx-n3 { margin-left: -0.75rem !important; } .m-n4 { margin: -1rem !important; } .mt-n4, .my-n4 { margin-top: -1rem !important; } .mr-n4, .mx-n4 { margin-right: -1rem !important; } .mb-n4, .my-n4 { margin-bottom: -1rem !important; } .ml-n4, .mx-n4 { margin-left: -1rem !important; } .m-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-n5, .my-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-n5, .mx-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-n5, .my-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-n5, .mx-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-n6 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-n6, .my-n6 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-n6, .mx-n6 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-n6, .my-n6 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-n6, .mx-n6 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-n7 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-n7, .my-n7 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-n7, .mx-n7 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-n7, .my-n7 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-n7, .mx-n7 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-n8 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-n8, .my-n8 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-n8, .mx-n8 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-n8, .my-n8 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-n8, .mx-n8 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25 !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25 !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25 !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25 !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25 !important; } .m-sm-2 { margin: 0.5 !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5 !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5 !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5 !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5 !important; } .m-sm-3 { margin: 1 !important; } .mt-sm-3, .my-sm-3 { margin-top: 1 !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1 !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1 !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1 !important; } .m-sm-4 { margin: 1.5 !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5 !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5 !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5 !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5 !important; } .m-sm-5 { margin: 3 !important; } .mt-sm-5, .my-sm-5 { margin-top: 3 !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3 !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3 !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3 !important; } .m-sm-px { margin: 1px !important; } .mt-sm-px, .my-sm-px { margin-top: 1px !important; } .mr-sm-px, .mx-sm-px { margin-right: 1px !important; } .mb-sm-px, .my-sm-px { margin-bottom: 1px !important; } .ml-sm-px, .mx-sm-px { margin-left: 1px !important; } .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 0.75rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 0.75rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 0.75rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 0.75rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 0.75rem !important; } .m-sm-4 { margin: 1rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1rem !important; } .m-sm-5 { margin: calc(0.75rem + 0.75vw) !important; } .mt-sm-5, .my-sm-5 { margin-top: calc(0.75rem + 0.75vw) !important; } .mr-sm-5, .mx-sm-5 { margin-right: calc(0.75rem + 0.75vw) !important; } .mb-sm-5, .my-sm-5 { margin-bottom: calc(0.75rem + 0.75vw) !important; } .ml-sm-5, .mx-sm-5 { margin-left: calc(0.75rem + 0.75vw) !important; } .m-sm-6 { margin: calc(1rem + 1vw) !important; } .mt-sm-6, .my-sm-6 { margin-top: calc(1rem + 1vw) !important; } .mr-sm-6, .mx-sm-6 { margin-right: calc(1rem + 1vw) !important; } .mb-sm-6, .my-sm-6 { margin-bottom: calc(1rem + 1vw) !important; } .ml-sm-6, .mx-sm-6 { margin-left: calc(1rem + 1vw) !important; } .m-sm-7 { margin: calc(1.5rem + 1.5vw) !important; } .mt-sm-7, .my-sm-7 { margin-top: calc(1.5rem + 1.5vw) !important; } .mr-sm-7, .mx-sm-7 { margin-right: calc(1.5rem + 1.5vw) !important; } .mb-sm-7, .my-sm-7 { margin-bottom: calc(1.5rem + 1.5vw) !important; } .ml-sm-7, .mx-sm-7 { margin-left: calc(1.5rem + 1.5vw) !important; } .m-sm-8 { margin: calc(2rem + 2vw) !important; } .mt-sm-8, .my-sm-8 { margin-top: calc(2rem + 2vw) !important; } .mr-sm-8, .mx-sm-8 { margin-right: calc(2rem + 2vw) !important; } .mb-sm-8, .my-sm-8 { margin-bottom: calc(2rem + 2vw) !important; } .ml-sm-8, .mx-sm-8 { margin-left: calc(2rem + 2vw) !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25 !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25 !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25 !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25 !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25 !important; } .p-sm-2 { padding: 0.5 !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5 !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5 !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5 !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5 !important; } .p-sm-3 { padding: 1 !important; } .pt-sm-3, .py-sm-3 { padding-top: 1 !important; } .pr-sm-3, .px-sm-3 { padding-right: 1 !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1 !important; } .pl-sm-3, .px-sm-3 { padding-left: 1 !important; } .p-sm-4 { padding: 1.5 !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5 !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5 !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5 !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5 !important; } .p-sm-5 { padding: 3 !important; } .pt-sm-5, .py-sm-5 { padding-top: 3 !important; } .pr-sm-5, .px-sm-5 { padding-right: 3 !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3 !important; } .pl-sm-5, .px-sm-5 { padding-left: 3 !important; } .p-sm-px { padding: 1px !important; } .pt-sm-px, .py-sm-px { padding-top: 1px !important; } .pr-sm-px, .px-sm-px { padding-right: 1px !important; } .pb-sm-px, .py-sm-px { padding-bottom: 1px !important; } .pl-sm-px, .px-sm-px { padding-left: 1px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 0.75rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 0.75rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 0.75rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 0.75rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 0.75rem !important; } .p-sm-4 { padding: 1rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1rem !important; } .p-sm-5 { padding: calc(0.75rem + 0.75vw) !important; } .pt-sm-5, .py-sm-5 { padding-top: calc(0.75rem + 0.75vw) !important; } .pr-sm-5, .px-sm-5 { padding-right: calc(0.75rem + 0.75vw) !important; } .pb-sm-5, .py-sm-5 { padding-bottom: calc(0.75rem + 0.75vw) !important; } .pl-sm-5, .px-sm-5 { padding-left: calc(0.75rem + 0.75vw) !important; } .p-sm-6 { padding: calc(1rem + 1vw) !important; } .pt-sm-6, .py-sm-6 { padding-top: calc(1rem + 1vw) !important; } .pr-sm-6, .px-sm-6 { padding-right: calc(1rem + 1vw) !important; } .pb-sm-6, .py-sm-6 { padding-bottom: calc(1rem + 1vw) !important; } .pl-sm-6, .px-sm-6 { padding-left: calc(1rem + 1vw) !important; } .p-sm-7 { padding: calc(1.5rem + 1.5vw) !important; } .pt-sm-7, .py-sm-7 { padding-top: calc(1.5rem + 1.5vw) !important; } .pr-sm-7, .px-sm-7 { padding-right: calc(1.5rem + 1.5vw) !important; } .pb-sm-7, .py-sm-7 { padding-bottom: calc(1.5rem + 1.5vw) !important; } .pl-sm-7, .px-sm-7 { padding-left: calc(1.5rem + 1.5vw) !important; } .p-sm-8 { padding: calc(2rem + 2vw) !important; } .pt-sm-8, .py-sm-8 { padding-top: calc(2rem + 2vw) !important; } .pr-sm-8, .px-sm-8 { padding-right: calc(2rem + 2vw) !important; } .pb-sm-8, .py-sm-8 { padding-bottom: calc(2rem + 2vw) !important; } .pl-sm-8, .px-sm-8 { padding-left: calc(2rem + 2vw) !important; } .m-sm-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-npx { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-npx, .my-sm-npx { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-npx, .mx-sm-npx { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-npx, .my-sm-npx { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-npx, .mx-sm-npx { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n0 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n0, .my-sm-n0 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n0, .mx-sm-n0 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n0, .my-sm-n0 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n0, .mx-sm-n0 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n6 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n7 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-n8 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25 !important; } .mt-md-1, .my-md-1 { margin-top: 0.25 !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25 !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25 !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25 !important; } .m-md-2 { margin: 0.5 !important; } .mt-md-2, .my-md-2 { margin-top: 0.5 !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5 !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5 !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5 !important; } .m-md-3 { margin: 1 !important; } .mt-md-3, .my-md-3 { margin-top: 1 !important; } .mr-md-3, .mx-md-3 { margin-right: 1 !important; } .mb-md-3, .my-md-3 { margin-bottom: 1 !important; } .ml-md-3, .mx-md-3 { margin-left: 1 !important; } .m-md-4 { margin: 1.5 !important; } .mt-md-4, .my-md-4 { margin-top: 1.5 !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5 !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5 !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5 !important; } .m-md-5 { margin: 3 !important; } .mt-md-5, .my-md-5 { margin-top: 3 !important; } .mr-md-5, .mx-md-5 { margin-right: 3 !important; } .mb-md-5, .my-md-5 { margin-bottom: 3 !important; } .ml-md-5, .mx-md-5 { margin-left: 3 !important; } .m-md-px { margin: 1px !important; } .mt-md-px, .my-md-px { margin-top: 1px !important; } .mr-md-px, .mx-md-px { margin-right: 1px !important; } .mb-md-px, .my-md-px { margin-bottom: 1px !important; } .ml-md-px, .mx-md-px { margin-left: 1px !important; } .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 0.75rem !important; } .mt-md-3, .my-md-3 { margin-top: 0.75rem !important; } .mr-md-3, .mx-md-3 { margin-right: 0.75rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 0.75rem !important; } .ml-md-3, .mx-md-3 { margin-left: 0.75rem !important; } .m-md-4 { margin: 1rem !important; } .mt-md-4, .my-md-4 { margin-top: 1rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1rem !important; } .m-md-5 { margin: calc(0.75rem + 0.75vw) !important; } .mt-md-5, .my-md-5 { margin-top: calc(0.75rem + 0.75vw) !important; } .mr-md-5, .mx-md-5 { margin-right: calc(0.75rem + 0.75vw) !important; } .mb-md-5, .my-md-5 { margin-bottom: calc(0.75rem + 0.75vw) !important; } .ml-md-5, .mx-md-5 { margin-left: calc(0.75rem + 0.75vw) !important; } .m-md-6 { margin: calc(1rem + 1vw) !important; } .mt-md-6, .my-md-6 { margin-top: calc(1rem + 1vw) !important; } .mr-md-6, .mx-md-6 { margin-right: calc(1rem + 1vw) !important; } .mb-md-6, .my-md-6 { margin-bottom: calc(1rem + 1vw) !important; } .ml-md-6, .mx-md-6 { margin-left: calc(1rem + 1vw) !important; } .m-md-7 { margin: calc(1.5rem + 1.5vw) !important; } .mt-md-7, .my-md-7 { margin-top: calc(1.5rem + 1.5vw) !important; } .mr-md-7, .mx-md-7 { margin-right: calc(1.5rem + 1.5vw) !important; } .mb-md-7, .my-md-7 { margin-bottom: calc(1.5rem + 1.5vw) !important; } .ml-md-7, .mx-md-7 { margin-left: calc(1.5rem + 1.5vw) !important; } .m-md-8 { margin: calc(2rem + 2vw) !important; } .mt-md-8, .my-md-8 { margin-top: calc(2rem + 2vw) !important; } .mr-md-8, .mx-md-8 { margin-right: calc(2rem + 2vw) !important; } .mb-md-8, .my-md-8 { margin-bottom: calc(2rem + 2vw) !important; } .ml-md-8, .mx-md-8 { margin-left: calc(2rem + 2vw) !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25 !important; } .pt-md-1, .py-md-1 { padding-top: 0.25 !important; } .pr-md-1, .px-md-1 { padding-right: 0.25 !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25 !important; } .pl-md-1, .px-md-1 { padding-left: 0.25 !important; } .p-md-2 { padding: 0.5 !important; } .pt-md-2, .py-md-2 { padding-top: 0.5 !important; } .pr-md-2, .px-md-2 { padding-right: 0.5 !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5 !important; } .pl-md-2, .px-md-2 { padding-left: 0.5 !important; } .p-md-3 { padding: 1 !important; } .pt-md-3, .py-md-3 { padding-top: 1 !important; } .pr-md-3, .px-md-3 { padding-right: 1 !important; } .pb-md-3, .py-md-3 { padding-bottom: 1 !important; } .pl-md-3, .px-md-3 { padding-left: 1 !important; } .p-md-4 { padding: 1.5 !important; } .pt-md-4, .py-md-4 { padding-top: 1.5 !important; } .pr-md-4, .px-md-4 { padding-right: 1.5 !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5 !important; } .pl-md-4, .px-md-4 { padding-left: 1.5 !important; } .p-md-5 { padding: 3 !important; } .pt-md-5, .py-md-5 { padding-top: 3 !important; } .pr-md-5, .px-md-5 { padding-right: 3 !important; } .pb-md-5, .py-md-5 { padding-bottom: 3 !important; } .pl-md-5, .px-md-5 { padding-left: 3 !important; } .p-md-px { padding: 1px !important; } .pt-md-px, .py-md-px { padding-top: 1px !important; } .pr-md-px, .px-md-px { padding-right: 1px !important; } .pb-md-px, .py-md-px { padding-bottom: 1px !important; } .pl-md-px, .px-md-px { padding-left: 1px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 0.75rem !important; } .pt-md-3, .py-md-3 { padding-top: 0.75rem !important; } .pr-md-3, .px-md-3 { padding-right: 0.75rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 0.75rem !important; } .pl-md-3, .px-md-3 { padding-left: 0.75rem !important; } .p-md-4 { padding: 1rem !important; } .pt-md-4, .py-md-4 { padding-top: 1rem !important; } .pr-md-4, .px-md-4 { padding-right: 1rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1rem !important; } .pl-md-4, .px-md-4 { padding-left: 1rem !important; } .p-md-5 { padding: calc(0.75rem + 0.75vw) !important; } .pt-md-5, .py-md-5 { padding-top: calc(0.75rem + 0.75vw) !important; } .pr-md-5, .px-md-5 { padding-right: calc(0.75rem + 0.75vw) !important; } .pb-md-5, .py-md-5 { padding-bottom: calc(0.75rem + 0.75vw) !important; } .pl-md-5, .px-md-5 { padding-left: calc(0.75rem + 0.75vw) !important; } .p-md-6 { padding: calc(1rem + 1vw) !important; } .pt-md-6, .py-md-6 { padding-top: calc(1rem + 1vw) !important; } .pr-md-6, .px-md-6 { padding-right: calc(1rem + 1vw) !important; } .pb-md-6, .py-md-6 { padding-bottom: calc(1rem + 1vw) !important; } .pl-md-6, .px-md-6 { padding-left: calc(1rem + 1vw) !important; } .p-md-7 { padding: calc(1.5rem + 1.5vw) !important; } .pt-md-7, .py-md-7 { padding-top: calc(1.5rem + 1.5vw) !important; } .pr-md-7, .px-md-7 { padding-right: calc(1.5rem + 1.5vw) !important; } .pb-md-7, .py-md-7 { padding-bottom: calc(1.5rem + 1.5vw) !important; } .pl-md-7, .px-md-7 { padding-left: calc(1.5rem + 1.5vw) !important; } .p-md-8 { padding: calc(2rem + 2vw) !important; } .pt-md-8, .py-md-8 { padding-top: calc(2rem + 2vw) !important; } .pr-md-8, .px-md-8 { padding-right: calc(2rem + 2vw) !important; } .pb-md-8, .py-md-8 { padding-bottom: calc(2rem + 2vw) !important; } .pl-md-8, .px-md-8 { padding-left: calc(2rem + 2vw) !important; } .m-md-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n1, .my-md-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n1, .mx-md-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n1, .mx-md-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n2, .my-md-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n2, .mx-md-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n2, .mx-md-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n3, .my-md-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n3, .mx-md-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n3, .mx-md-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n4, .my-md-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n4, .mx-md-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n4, .mx-md-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n5, .my-md-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n5, .mx-md-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n5, .mx-md-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-npx { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-npx, .my-md-npx { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-npx, .mx-md-npx { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-npx, .my-md-npx { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-npx, .mx-md-npx { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n0 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n0, .my-md-n0 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n0, .mx-md-n0 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n0, .my-md-n0 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n0, .mx-md-n0 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n1, .my-md-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n1, .mx-md-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n1, .mx-md-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n2, .my-md-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n2, .mx-md-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n2, .mx-md-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n3, .my-md-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n3, .mx-md-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n3, .mx-md-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n4, .my-md-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n4, .mx-md-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n4, .mx-md-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n5, .my-md-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n5, .mx-md-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n5, .mx-md-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n6 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n6, .my-md-n6 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n6, .mx-md-n6 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n6, .mx-md-n6 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n7 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n7, .my-md-n7 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n7, .mx-md-n7 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n7, .mx-md-n7 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-n8 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-md-n8, .my-md-n8 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-md-n8, .mx-md-n8 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-md-n8, .mx-md-n8 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25 !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25 !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25 !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25 !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25 !important; } .m-lg-2 { margin: 0.5 !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5 !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5 !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5 !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5 !important; } .m-lg-3 { margin: 1 !important; } .mt-lg-3, .my-lg-3 { margin-top: 1 !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1 !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1 !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1 !important; } .m-lg-4 { margin: 1.5 !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5 !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5 !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5 !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5 !important; } .m-lg-5 { margin: 3 !important; } .mt-lg-5, .my-lg-5 { margin-top: 3 !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3 !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3 !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3 !important; } .m-lg-px { margin: 1px !important; } .mt-lg-px, .my-lg-px { margin-top: 1px !important; } .mr-lg-px, .mx-lg-px { margin-right: 1px !important; } .mb-lg-px, .my-lg-px { margin-bottom: 1px !important; } .ml-lg-px, .mx-lg-px { margin-left: 1px !important; } .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 0.75rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 0.75rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 0.75rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 0.75rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 0.75rem !important; } .m-lg-4 { margin: 1rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1rem !important; } .m-lg-5 { margin: calc(0.75rem + 0.75vw) !important; } .mt-lg-5, .my-lg-5 { margin-top: calc(0.75rem + 0.75vw) !important; } .mr-lg-5, .mx-lg-5 { margin-right: calc(0.75rem + 0.75vw) !important; } .mb-lg-5, .my-lg-5 { margin-bottom: calc(0.75rem + 0.75vw) !important; } .ml-lg-5, .mx-lg-5 { margin-left: calc(0.75rem + 0.75vw) !important; } .m-lg-6 { margin: calc(1rem + 1vw) !important; } .mt-lg-6, .my-lg-6 { margin-top: calc(1rem + 1vw) !important; } .mr-lg-6, .mx-lg-6 { margin-right: calc(1rem + 1vw) !important; } .mb-lg-6, .my-lg-6 { margin-bottom: calc(1rem + 1vw) !important; } .ml-lg-6, .mx-lg-6 { margin-left: calc(1rem + 1vw) !important; } .m-lg-7 { margin: calc(1.5rem + 1.5vw) !important; } .mt-lg-7, .my-lg-7 { margin-top: calc(1.5rem + 1.5vw) !important; } .mr-lg-7, .mx-lg-7 { margin-right: calc(1.5rem + 1.5vw) !important; } .mb-lg-7, .my-lg-7 { margin-bottom: calc(1.5rem + 1.5vw) !important; } .ml-lg-7, .mx-lg-7 { margin-left: calc(1.5rem + 1.5vw) !important; } .m-lg-8 { margin: calc(2rem + 2vw) !important; } .mt-lg-8, .my-lg-8 { margin-top: calc(2rem + 2vw) !important; } .mr-lg-8, .mx-lg-8 { margin-right: calc(2rem + 2vw) !important; } .mb-lg-8, .my-lg-8 { margin-bottom: calc(2rem + 2vw) !important; } .ml-lg-8, .mx-lg-8 { margin-left: calc(2rem + 2vw) !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25 !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25 !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25 !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25 !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25 !important; } .p-lg-2 { padding: 0.5 !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5 !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5 !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5 !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5 !important; } .p-lg-3 { padding: 1 !important; } .pt-lg-3, .py-lg-3 { padding-top: 1 !important; } .pr-lg-3, .px-lg-3 { padding-right: 1 !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1 !important; } .pl-lg-3, .px-lg-3 { padding-left: 1 !important; } .p-lg-4 { padding: 1.5 !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5 !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5 !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5 !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5 !important; } .p-lg-5 { padding: 3 !important; } .pt-lg-5, .py-lg-5 { padding-top: 3 !important; } .pr-lg-5, .px-lg-5 { padding-right: 3 !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3 !important; } .pl-lg-5, .px-lg-5 { padding-left: 3 !important; } .p-lg-px { padding: 1px !important; } .pt-lg-px, .py-lg-px { padding-top: 1px !important; } .pr-lg-px, .px-lg-px { padding-right: 1px !important; } .pb-lg-px, .py-lg-px { padding-bottom: 1px !important; } .pl-lg-px, .px-lg-px { padding-left: 1px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 0.75rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 0.75rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 0.75rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 0.75rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 0.75rem !important; } .p-lg-4 { padding: 1rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1rem !important; } .p-lg-5 { padding: calc(0.75rem + 0.75vw) !important; } .pt-lg-5, .py-lg-5 { padding-top: calc(0.75rem + 0.75vw) !important; } .pr-lg-5, .px-lg-5 { padding-right: calc(0.75rem + 0.75vw) !important; } .pb-lg-5, .py-lg-5 { padding-bottom: calc(0.75rem + 0.75vw) !important; } .pl-lg-5, .px-lg-5 { padding-left: calc(0.75rem + 0.75vw) !important; } .p-lg-6 { padding: calc(1rem + 1vw) !important; } .pt-lg-6, .py-lg-6 { padding-top: calc(1rem + 1vw) !important; } .pr-lg-6, .px-lg-6 { padding-right: calc(1rem + 1vw) !important; } .pb-lg-6, .py-lg-6 { padding-bottom: calc(1rem + 1vw) !important; } .pl-lg-6, .px-lg-6 { padding-left: calc(1rem + 1vw) !important; } .p-lg-7 { padding: calc(1.5rem + 1.5vw) !important; } .pt-lg-7, .py-lg-7 { padding-top: calc(1.5rem + 1.5vw) !important; } .pr-lg-7, .px-lg-7 { padding-right: calc(1.5rem + 1.5vw) !important; } .pb-lg-7, .py-lg-7 { padding-bottom: calc(1.5rem + 1.5vw) !important; } .pl-lg-7, .px-lg-7 { padding-left: calc(1.5rem + 1.5vw) !important; } .p-lg-8 { padding: calc(2rem + 2vw) !important; } .pt-lg-8, .py-lg-8 { padding-top: calc(2rem + 2vw) !important; } .pr-lg-8, .px-lg-8 { padding-right: calc(2rem + 2vw) !important; } .pb-lg-8, .py-lg-8 { padding-bottom: calc(2rem + 2vw) !important; } .pl-lg-8, .px-lg-8 { padding-left: calc(2rem + 2vw) !important; } .m-lg-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-npx { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-npx, .my-lg-npx { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-npx, .mx-lg-npx { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-npx, .my-lg-npx { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-npx, .mx-lg-npx { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n0 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n0, .my-lg-n0 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n0, .mx-lg-n0 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n0, .my-lg-n0 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n0, .mx-lg-n0 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n6 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n7 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-n8 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25 !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25 !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25 !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25 !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25 !important; } .m-xl-2 { margin: 0.5 !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5 !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5 !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5 !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5 !important; } .m-xl-3 { margin: 1 !important; } .mt-xl-3, .my-xl-3 { margin-top: 1 !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1 !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1 !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1 !important; } .m-xl-4 { margin: 1.5 !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5 !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5 !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5 !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5 !important; } .m-xl-5 { margin: 3 !important; } .mt-xl-5, .my-xl-5 { margin-top: 3 !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3 !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3 !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3 !important; } .m-xl-px { margin: 1px !important; } .mt-xl-px, .my-xl-px { margin-top: 1px !important; } .mr-xl-px, .mx-xl-px { margin-right: 1px !important; } .mb-xl-px, .my-xl-px { margin-bottom: 1px !important; } .ml-xl-px, .mx-xl-px { margin-left: 1px !important; } .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 0.75rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 0.75rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 0.75rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 0.75rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 0.75rem !important; } .m-xl-4 { margin: 1rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1rem !important; } .m-xl-5 { margin: calc(0.75rem + 0.75vw) !important; } .mt-xl-5, .my-xl-5 { margin-top: calc(0.75rem + 0.75vw) !important; } .mr-xl-5, .mx-xl-5 { margin-right: calc(0.75rem + 0.75vw) !important; } .mb-xl-5, .my-xl-5 { margin-bottom: calc(0.75rem + 0.75vw) !important; } .ml-xl-5, .mx-xl-5 { margin-left: calc(0.75rem + 0.75vw) !important; } .m-xl-6 { margin: calc(1rem + 1vw) !important; } .mt-xl-6, .my-xl-6 { margin-top: calc(1rem + 1vw) !important; } .mr-xl-6, .mx-xl-6 { margin-right: calc(1rem + 1vw) !important; } .mb-xl-6, .my-xl-6 { margin-bottom: calc(1rem + 1vw) !important; } .ml-xl-6, .mx-xl-6 { margin-left: calc(1rem + 1vw) !important; } .m-xl-7 { margin: calc(1.5rem + 1.5vw) !important; } .mt-xl-7, .my-xl-7 { margin-top: calc(1.5rem + 1.5vw) !important; } .mr-xl-7, .mx-xl-7 { margin-right: calc(1.5rem + 1.5vw) !important; } .mb-xl-7, .my-xl-7 { margin-bottom: calc(1.5rem + 1.5vw) !important; } .ml-xl-7, .mx-xl-7 { margin-left: calc(1.5rem + 1.5vw) !important; } .m-xl-8 { margin: calc(2rem + 2vw) !important; } .mt-xl-8, .my-xl-8 { margin-top: calc(2rem + 2vw) !important; } .mr-xl-8, .mx-xl-8 { margin-right: calc(2rem + 2vw) !important; } .mb-xl-8, .my-xl-8 { margin-bottom: calc(2rem + 2vw) !important; } .ml-xl-8, .mx-xl-8 { margin-left: calc(2rem + 2vw) !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25 !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25 !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25 !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25 !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25 !important; } .p-xl-2 { padding: 0.5 !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5 !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5 !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5 !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5 !important; } .p-xl-3 { padding: 1 !important; } .pt-xl-3, .py-xl-3 { padding-top: 1 !important; } .pr-xl-3, .px-xl-3 { padding-right: 1 !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1 !important; } .pl-xl-3, .px-xl-3 { padding-left: 1 !important; } .p-xl-4 { padding: 1.5 !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5 !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5 !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5 !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5 !important; } .p-xl-5 { padding: 3 !important; } .pt-xl-5, .py-xl-5 { padding-top: 3 !important; } .pr-xl-5, .px-xl-5 { padding-right: 3 !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3 !important; } .pl-xl-5, .px-xl-5 { padding-left: 3 !important; } .p-xl-px { padding: 1px !important; } .pt-xl-px, .py-xl-px { padding-top: 1px !important; } .pr-xl-px, .px-xl-px { padding-right: 1px !important; } .pb-xl-px, .py-xl-px { padding-bottom: 1px !important; } .pl-xl-px, .px-xl-px { padding-left: 1px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 0.75rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 0.75rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 0.75rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 0.75rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 0.75rem !important; } .p-xl-4 { padding: 1rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1rem !important; } .p-xl-5 { padding: calc(0.75rem + 0.75vw) !important; } .pt-xl-5, .py-xl-5 { padding-top: calc(0.75rem + 0.75vw) !important; } .pr-xl-5, .px-xl-5 { padding-right: calc(0.75rem + 0.75vw) !important; } .pb-xl-5, .py-xl-5 { padding-bottom: calc(0.75rem + 0.75vw) !important; } .pl-xl-5, .px-xl-5 { padding-left: calc(0.75rem + 0.75vw) !important; } .p-xl-6 { padding: calc(1rem + 1vw) !important; } .pt-xl-6, .py-xl-6 { padding-top: calc(1rem + 1vw) !important; } .pr-xl-6, .px-xl-6 { padding-right: calc(1rem + 1vw) !important; } .pb-xl-6, .py-xl-6 { padding-bottom: calc(1rem + 1vw) !important; } .pl-xl-6, .px-xl-6 { padding-left: calc(1rem + 1vw) !important; } .p-xl-7 { padding: calc(1.5rem + 1.5vw) !important; } .pt-xl-7, .py-xl-7 { padding-top: calc(1.5rem + 1.5vw) !important; } .pr-xl-7, .px-xl-7 { padding-right: calc(1.5rem + 1.5vw) !important; } .pb-xl-7, .py-xl-7 { padding-bottom: calc(1.5rem + 1.5vw) !important; } .pl-xl-7, .px-xl-7 { padding-left: calc(1.5rem + 1.5vw) !important; } .p-xl-8 { padding: calc(2rem + 2vw) !important; } .pt-xl-8, .py-xl-8 { padding-top: calc(2rem + 2vw) !important; } .pr-xl-8, .px-xl-8 { padding-right: calc(2rem + 2vw) !important; } .pb-xl-8, .py-xl-8 { padding-bottom: calc(2rem + 2vw) !important; } .pl-xl-8, .px-xl-8 { padding-left: calc(2rem + 2vw) !important; } .m-xl-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-npx { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-npx, .my-xl-npx { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-npx, .mx-xl-npx { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-npx, .my-xl-npx { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-npx, .mx-xl-npx { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n0 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n0, .my-xl-n0 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n0, .mx-xl-n0 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n0, .my-xl-n0 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n0, .mx-xl-n0 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n6 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n7 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-n8 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1360px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25 !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25 !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25 !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25 !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25 !important; } .m-xxl-2 { margin: 0.5 !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5 !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5 !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5 !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5 !important; } .m-xxl-3 { margin: 1 !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1 !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1 !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1 !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1 !important; } .m-xxl-4 { margin: 1.5 !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5 !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5 !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5 !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5 !important; } .m-xxl-5 { margin: 3 !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3 !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3 !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3 !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3 !important; } .m-xxl-px { margin: 1px !important; } .mt-xxl-px, .my-xxl-px { margin-top: 1px !important; } .mr-xxl-px, .mx-xxl-px { margin-right: 1px !important; } .mb-xxl-px, .my-xxl-px { margin-bottom: 1px !important; } .ml-xxl-px, .mx-xxl-px { margin-left: 1px !important; } .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 0.75rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 0.75rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 0.75rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 0.75rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 0.75rem !important; } .m-xxl-4 { margin: 1rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1rem !important; } .m-xxl-5 { margin: calc(0.75rem + 0.75vw) !important; } .mt-xxl-5, .my-xxl-5 { margin-top: calc(0.75rem + 0.75vw) !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: calc(0.75rem + 0.75vw) !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: calc(0.75rem + 0.75vw) !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: calc(0.75rem + 0.75vw) !important; } .m-xxl-6 { margin: calc(1rem + 1vw) !important; } .mt-xxl-6, .my-xxl-6 { margin-top: calc(1rem + 1vw) !important; } .mr-xxl-6, .mx-xxl-6 { margin-right: calc(1rem + 1vw) !important; } .mb-xxl-6, .my-xxl-6 { margin-bottom: calc(1rem + 1vw) !important; } .ml-xxl-6, .mx-xxl-6 { margin-left: calc(1rem + 1vw) !important; } .m-xxl-7 { margin: calc(1.5rem + 1.5vw) !important; } .mt-xxl-7, .my-xxl-7 { margin-top: calc(1.5rem + 1.5vw) !important; } .mr-xxl-7, .mx-xxl-7 { margin-right: calc(1.5rem + 1.5vw) !important; } .mb-xxl-7, .my-xxl-7 { margin-bottom: calc(1.5rem + 1.5vw) !important; } .ml-xxl-7, .mx-xxl-7 { margin-left: calc(1.5rem + 1.5vw) !important; } .m-xxl-8 { margin: calc(2rem + 2vw) !important; } .mt-xxl-8, .my-xxl-8 { margin-top: calc(2rem + 2vw) !important; } .mr-xxl-8, .mx-xxl-8 { margin-right: calc(2rem + 2vw) !important; } .mb-xxl-8, .my-xxl-8 { margin-bottom: calc(2rem + 2vw) !important; } .ml-xxl-8, .mx-xxl-8 { margin-left: calc(2rem + 2vw) !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25 !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25 !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25 !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25 !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25 !important; } .p-xxl-2 { padding: 0.5 !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5 !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5 !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5 !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5 !important; } .p-xxl-3 { padding: 1 !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1 !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1 !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1 !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1 !important; } .p-xxl-4 { padding: 1.5 !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5 !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5 !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5 !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5 !important; } .p-xxl-5 { padding: 3 !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3 !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3 !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3 !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3 !important; } .p-xxl-px { padding: 1px !important; } .pt-xxl-px, .py-xxl-px { padding-top: 1px !important; } .pr-xxl-px, .px-xxl-px { padding-right: 1px !important; } .pb-xxl-px, .py-xxl-px { padding-bottom: 1px !important; } .pl-xxl-px, .px-xxl-px { padding-left: 1px !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 0.75rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 0.75rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 0.75rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 0.75rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 0.75rem !important; } .p-xxl-4 { padding: 1rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1rem !important; } .p-xxl-5 { padding: calc(0.75rem + 0.75vw) !important; } .pt-xxl-5, .py-xxl-5 { padding-top: calc(0.75rem + 0.75vw) !important; } .pr-xxl-5, .px-xxl-5 { padding-right: calc(0.75rem + 0.75vw) !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: calc(0.75rem + 0.75vw) !important; } .pl-xxl-5, .px-xxl-5 { padding-left: calc(0.75rem + 0.75vw) !important; } .p-xxl-6 { padding: calc(1rem + 1vw) !important; } .pt-xxl-6, .py-xxl-6 { padding-top: calc(1rem + 1vw) !important; } .pr-xxl-6, .px-xxl-6 { padding-right: calc(1rem + 1vw) !important; } .pb-xxl-6, .py-xxl-6 { padding-bottom: calc(1rem + 1vw) !important; } .pl-xxl-6, .px-xxl-6 { padding-left: calc(1rem + 1vw) !important; } .p-xxl-7 { padding: calc(1.5rem + 1.5vw) !important; } .pt-xxl-7, .py-xxl-7 { padding-top: calc(1.5rem + 1.5vw) !important; } .pr-xxl-7, .px-xxl-7 { padding-right: calc(1.5rem + 1.5vw) !important; } .pb-xxl-7, .py-xxl-7 { padding-bottom: calc(1.5rem + 1.5vw) !important; } .pl-xxl-7, .px-xxl-7 { padding-left: calc(1.5rem + 1.5vw) !important; } .p-xxl-8 { padding: calc(2rem + 2vw) !important; } .pt-xxl-8, .py-xxl-8 { padding-top: calc(2rem + 2vw) !important; } .pr-xxl-8, .px-xxl-8 { padding-right: calc(2rem + 2vw) !important; } .pb-xxl-8, .py-xxl-8 { padding-bottom: calc(2rem + 2vw) !important; } .pl-xxl-8, .px-xxl-8 { padding-left: calc(2rem + 2vw) !important; } .m-xxl-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-npx { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-npx, .my-xxl-npx { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-npx, .mx-xxl-npx { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-npx, .my-xxl-npx { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-npx, .mx-xxl-npx { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n0 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n0, .my-xxl-n0 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n0, .mx-xxl-n0 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n0, .my-xxl-n0 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n0, .mx-xxl-n0 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n1 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n2 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n3 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n4 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n5 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n6 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n6, .my-xxl-n6 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n6, .mx-xxl-n6 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n6, .my-xxl-n6 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n6, .mx-xxl-n6 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n7 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n7, .my-xxl-n7 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n7, .mx-xxl-n7 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n7, .my-xxl-n7 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n7, .mx-xxl-n7 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-n8 { margin: -calc(0.75rem + 0.75vw) !important; } .mt-xxl-n8, .my-xxl-n8 { margin-top: -calc(0.75rem + 0.75vw) !important; } .mr-xxl-n8, .mx-xxl-n8 { margin-right: -calc(0.75rem + 0.75vw) !important; } .mb-xxl-n8, .my-xxl-n8 { margin-bottom: -calc(0.75rem + 0.75vw) !important; } .ml-xxl-n8, .mx-xxl-n8 { margin-left: -calc(0.75rem + 0.75vw) !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } /*! *  * Custom CSS *  */ /*=====================ROOT COLOR THEME================*/ :root { --screen-xs: 0; --screen-sm: 576px; --screen-md: 768px; --screen-lg: 992px; --screen-xl: 1280px; --screen-xxl: 1360px; --direction-normal: ltr; --direction-opposite: rtl; --direction-left: left; --direction-right: right; --direction-start: flex-start; --direction-end: flex-end; --direction-transform: 1; --width-px: 1px; --width-0: 0; --width-1: 0.25rem; --width-2: 0.5rem; --width-3: 0.75rem; --width-4: 1rem; --width-5: calc(0.75rem + 0.75vw); --width-6: calc(1rem + 1vw); --width-7: calc(1.5rem + 1.5vw); --width-8: calc(2rem + 2vw); --width-25: 25%; --width-50: 50%; --width-75: 75%; --width-100: 100%; --width-full: 100%; --width-screen: 100vw; --height-px: 1px; --height-0: 0; --height-1: 0.25rem; --height-2: 0.5rem; --height-3: 0.75rem; --height-4: 1rem; --height-5: calc(0.75rem + 0.75vw); --height-6: calc(1rem + 1vw); --height-7: calc(1.5rem + 1.5vw); --height-8: calc(2rem + 2vw); --height-25: 25%; --height-50: 50%; --height-75: 75%; --height-100: 100%; --height-full: 100%; --height-screen: 100vh; --padding-px: 1px; --padding-0: 0; --padding-1: 0.25rem; --padding-2: 0.5rem; --padding-3: 0.75rem; --padding-4: 1rem; --padding-5: calc(0.75rem + 0.75vw); --padding-6: calc(1rem + 1vw); --padding-7: calc(1.5rem + 1.5vw); --padding-8: calc(2rem + 2vw); --margin-px: 1px; --margin-0: 0; --margin-1: 0.25rem; --margin-2: 0.5rem; --margin-3: 0.75rem; --margin-4: 1rem; --margin-5: calc(0.75rem + 0.75vw); --margin-6: calc(1rem + 1vw); --margin-7: calc(1.5rem + 1.5vw); --margin-8: calc(2rem + 2vw); --margin-auto: auto; --radius-0: 0; --radius-1: 4px; --radius-2: 6px; --radius-3: 8px; --radius-4: 12px; --radius-5: 24px; --radius-curve: 4px; --radius-round: 100px; --radius-none: none; --font-family-base: Open Sans, sans-serif; --font-family-special: serif; --font-weight-regular: 400; --font-weight-medium: 600; --font-weight-bold: 700; --font-size-h1: 36px; --font-size-h2: 32px; --font-size-h3: 28px; --font-size-h4: 24px; --font-size-h5: 20px; --font-size-h6: 16px; --font-size-p: 14px; --font-size-small: 12px; --font-size-xs: 0.8rem; --font-size-sm: 0.875rem; --font-size-md: 1rem; --font-size-lg: calc(1rem + 1vw); --font-size-xl: calc(1.5rem + 1.5vw); --font-size-xxl: calc(2rem + 2vw); --font-size-xxxl: calc(3rem + 3vw); --font-letterSpacing-tighter: -0.05em; --font-letterSpacing-tight: -0.025em; --font-letterSpacing-normal: 0; --font-letterSpacing-wide: 0.025em; --font-letterSpacing-wider: 0.05em; --font-letterSpacing-widest: 0.1em; --color-first: #FB641B; --color-second: #80C300; --color-first-inverse: #FFFFFF; --color-second-inverse: #FFFFFF; --color-red: #EA4335; --color-orange: #FF7700; --color-yellow: #FBA905; --color-blue: #4285F4; --color-green: #34A853; --color-white: #FFFFFF; --color-black: #1F1F1F; --color-grey-darkest: #333333; --color-grey-darker: #555555; --color-grey-dark: #888888; --color-grey-light: #b0b0b0; --color-grey-lighter: #d0d0d0; --color-grey-lightest: #f0f0f0; --color-border: #d0d0d0; --shadow-0: 0 0 0 0 rgba(0, 0, 0, 0); --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.075); --shadow-2: 0 2px 4px 0 rgba(0, 0, 0, 0.1); --shadow-3: 0 3px 6px 0 rgba(0, 0, 0, 0.1); --shadow-4: 0 4px 12px 0 rgba(0, 0, 0, 0.125); --shadow-5: 0 5px 20px 0 rgba(0, 0, 0, 0.15); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); --shadow-outline-1: 0 0 0 1px rgba(0, 0, 0, 0.1); --shadow-outline-2: 0 0 0 2px rgba(0, 0, 0, 0.1); --shadow-outline-3: 0 0 0 3px rgba(0, 0, 0, 0.1); --shadow-none: none; } /*=====================ROOT COLOR THEME================*/ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; padding: 0; margin: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; } html, body { position: relative; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.42857; color: var(--color-black); direction: ltr; } @media only screen and (max-width: 1200px) { html, body { font-size: 13px; } } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } hr { height: 0; margin: 10px 0 30px; border-top: 1px solid var(--color-border); clear: both; } /*======================TYPOGRAPHY=====================*/ h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 700; font-size: 1rem; letter-spacing: 0.6px; font-family: inherit; line-height: normal; text-transform: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: var(--font-size-h1); } h2 { font-size: var(--font-size-h2); } h3 { font-size: var(--font-size-h3); } h4 { font-size: var(--font-size-h4); } h5 { font-size: var(--font-size-h5); } h6 { font-size: var(--font-size-h6); } p { margin-bottom: 1rem; font-size: var(--font-size-p); line-height: 1.8; white-space: normal; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /*===========================INPUT AND BUTTON AND SELECT=================*/ button, input[type="button"], input[type="reset"], input[type="submit"], a { cursor: pointer; } input, select, textarea { outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } input[type="text"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } select::-ms-expand { display: none; } select { padding-right: 0; } input::-moz-focus-inner { border: 0; padding: 0; } /*======================TABLE=====================*/ table { border-collapse: collapse; border-spacing: 0; width: 100%; } table th { text-align: left; } /*======================LISTING=====================*/ ol, ul { list-style: none outside; margin-bottom: 0px; } ol.square, ul.square { list-style: square outside; } ol.circle, ul.circle { list-style: circle outside; } ol.disc, ul.disc { list-style: disc outside; } ol.large li, ol.large li > *, ul.large li, ul.large li > * { line-height: 21px; } ol ol, ol ul, ul ol, ul ul { margin: 0; } ol ol li, ol ul li, ul ol li, ul ul li { margin-bottom: 0px; } ol { list-style: decimal; } /*======================BLOCKQUOTE=====================*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote > p, q > p { font-size: 17px; line-height: 24px; color: var(--color-grey-dark); font-style: italic; } blockquote { margin: 0 0 20px; padding: var(--padding-3) var(--padding-5) 0; border-left: 1px solid var(--color-grey-lighter); } blockquote cite { display: block; font-size: 12px; color: var(--color-grey-darker); } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: var(--color-grey-darker); } /*===========================LINKS=================*/ a { color: var(--color-first); } a, a:visited { text-decoration: none; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; outline: 0; } a:hover, a:focus { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } p a, p a:visited { line-height: inherit; } /*===========================IMAGES=================*/ img { display: block; max-width: 100%; } img.scale-with-grid { height: auto; } /* You can also use a <br class="clear" /> to clear columns */ .clearfix:after { clear: both; display: block; content: ""; } .-clearfix:before, .-clearfix:after { clear: both; display: block; content: ""; } .-clear-right { float: right !important; clear: right !important; } .-clear-left { float: left !important; clear: left !important; } .loader-yk { display: block; width: 30px; height: 30px; position: relative; margin: 15px auto; text-align: center; background: url(/images/retina/oval.svg) no-repeat center; background-size: 20px; } .loader { position: absolute; top: 50%; left: 50%; /*margin: -7px 0 0 -55px;*/ margin-top: -7px; margin-bottom: 0; margin-right: 0; margin-left: -55px; width: 110px; height: 14px; } .loader-wrapper { position: relative; } .circle { display: inline-block; width: 10px; height: 10px; border-radius: 14px; margin: 10px; border: 2px solid var(--color-first); -webkit-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .circle:nth-of-type(2) { -webkit-animation: rotate2 2s infinite linear; animation: rotate2 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .circle:nth-of-type(3) { -webkit-animation: rotate3 2s infinite linear; animation: rotate3 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .js #loader.loader_profile { width: 30px; height: 30px; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .js #loader.loader_profile .loader-yk { margin: 0; } .pageloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: var(--color-white); } .round { width: 15px; height: 15px; margin: 5px; background: var(--color-first); border-radius: 50%; } .round:nth-child(1) { -webkit-animation: loading 1s infinite; animation: loading 1s infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .round:nth-child(2) { -webkit-animation: loading 1s infinite; animation: loading 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round:nth-child(3) { -webkit-animation: loading 1s infinite; animation: loading 1s infinite; } .round-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 65px; width: 25px; margin: auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /****** Loader with Basket ******/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #fff; z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; } .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .growcer-loader { margin: 0 auto; position: relative; z-index: 1001; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .growcer-loader img { max-width: 80px; } /****** Loader with Basket ******/ .layout--rtl { direction: rtl !important; } .layout--ltr { direction: ltr !important; } .error { -webkit-box-shadow: none !important; box-shadow: none !important; font-weight: 300; } .not-allowed { cursor: not-allowed !important; } .hidden { display: none; } .dont-show { visibility: hidden; height: 0; } .divider { height: 1px; margin: 15px 0; background: var(--color-border); } .no--focus:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .invalid { -webkit-animation: moltinShake .4s ease-in-out .1s normal forwards 1 running; animation: moltinShake .4s ease-in-out .1s normal forwards 1 running; } .strikethrough { text-decoration: line-through; } .fl, .float-left, .float--left { float: left !important; } .fr, .float-right, .float--right { float: right !important; } .fn, .noFloat, .float--none { float: none; } .pull-right { float: right; text-align: right; } .pull-left { text-align: left; float: left; } .nofocus { border: none !important; } .nofocus:focus { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Set Margins and gaps*/ @media only screen and (max-width: 1279px) { .hide--tab { display: none !important; } } @media only screen and (max-width: 767px) { .hide--mobile { display: none !important; } .scrollbar { overflow-y: auto; } } .-align-left { text-align: left !important; } .-align-right { text-align: right !important; } .-align-center { text-align: center !important; } .-align-justify { text-align: justify !important; } .-align-auto { margin: auto !important; } .align--center { text-align: center !important; } .bg--grey { background: var(--color-grey-light); color: var(--color-grey-darkest); } .bg--grey *:not(.btn) { color: inherit; } .bg--white { background: var(--color-white); color: var(--color-grey-darkest); } .bg--white * { color: inherit !important; } .bg--second { background: var(--color-second); color: var(--color-white); } .bg--second * { color: inherit !important; } .bg--second a.btn--custom { border-width: 2px; border-color: var(--color-white); color: inherit; } .bg-gray-light { background: var(--color-grey-lightest); } .bg-light { background: var(--color-grey-light); } .bg--gray, .bg--white { background: var(--color-white); } .bg--second { background-color: var(--color-grey-lighter); } .backgrounds1 { background: url(images/bg-pattern.png), #7b4397; background: url(images/bg-pattern.png), -webkit-gradient(linear, right top, left top, color-stop(21.85%, #ae8027), to(#dc20a8)); background: url(images/bg-pattern.png), -o-linear-gradient(right, #ae8027 21.85%, #dc20a8); background: url(images/bg-pattern.png), linear-gradient(to left, #ae8027 21.85%, #dc20a8); } .backgrounds2 { background-color: #6C84E5; background: url(images/elements_header_background.png), -webkit-gradient(linear, left top, right top, from(#f94b71), to(#756de3)); background: url(images/elements_header_background.png), -o-linear-gradient(left, #f94b71, #756de3); background: url(images/elements_header_background.png), linear-gradient(to right, #f94b71, #756de3); background-size: 300px 300px, auto; } .backgrounds3 { background: -o-linear-gradient(45deg, #CF78D4 0%, #F34883 50%, #447FE4 100%); background: linear-gradient(45deg, #CF78D4 0%, #F34883 50%, #447FE4 100%); content: ''; opacity: 0.65; } .white-fill { background-color: var(--color-white); } .--grey { background: var(--color-grey-lighter); } .border, .-border { border: 1px solid var(--color-border); } .border-top, .-border-top { border-top: 1px solid var(--color-border); } .border-right, .-border-right { border-right: 1px solid var(--color-border); } .border-bottom, .-border-bottom { border-bottom: 1px solid var(--color-border); } .border-left, .-border-left { border-left: 1px solid var(--color-border); } .noborder--right { border-right: none !important; } .noborder--left { border-left: none !important; } .heading1 { font-size: 2em; } .heading2 { font-size: 1.8em; } .heading3 { font-size: 1.3em; } .heading4 { font-size: 1.2em; } .heading4 span { color: var(--color-first); } @media only screen and (min-width: 600px) and (max-width: 992px) { .heading4 span { display: block; } } span.subheading { color: var(--color-grey-darker); display: block; font-weight: 300; font-size: 1.2rem; } .unique-heading { display: block; padding: 10px; font-size: 2em; font-weight: 500; text-align: center; background-color: var(--color-grey-lightest); color: var(--color-black); } .unique-heading-sub { text-align: center; padding: 10px; display: block; font-size: 1.6em; font-weight: 500; } .label { color: var(--color-white); display: inline; font-size: 0.8em; padding: 0 10px; text-align: center; vertical-align: baseline; white-space: nowrap; display: inline-block; text-transform: uppercase; height: 30px; line-height: 30px; border-radius: 1px; } .label.label-default { background: var(--color-white); border: 1px solid var(--color-border); } .label.label--primary { background: var(--color-first); } .label.label--success { background: var(--color-green); } .label.label--info { background: var(--color-blue); } .label.label--danger { background: var(--color-red); } .label.label--warning { background: var(--color-yellow); } .-no-hover { -webkit-box-shadow: none !important; box-shadow: none !important; cursor: default !important; } .-no-border { border: none !important; } .-no-border-bottom { border-bottom: none !important; } .-no-border-top { border-top: none !important; } .-no-border-right { border-right: none !important; } .-no-border-left { border-left: none !important; } .-no-margin { margin: 0 !important; } .-no-margin-top { margin-top: 0 !important; } .-no-margin-left { margin-left: 0 !important; } .-no-margin-right { margin-right: 0 !important; } .-no-margin-bottom { margin-bottom: 0 !important; } .-no-padding { padding: 0 !important; } .-no-padding-top { padding-top: 0 !important; } .-no-padding-left { padding-left: 0 !important; } .-no-padding-right { padding-right: 0 !important; } .-no-padding-bottom { padding-bottom: 0 !important; } .-no-background-color { background-color: transparent !important; } .-no-background-image { background-image: none !important; } .nomargin { margin: 0 !important; } .nomargin--bottom { margin-bottom: 0 !important; } .nomargin--top { margin-top: 0 !important; } .nomargin--left { margin-left: 0 !important; } .nomargin--right { margin-right: 0 !important; } .nopadding { padding: 0 !important; } .nopadding--bottom { padding-bottom: 0 !important; } .nopadding--top { padding-top: 0 !important; } .nopadding--left { padding-left: 0 !important; } .nopadding--right { padding-right: 0 !important; } .round-1 { border-radius: var(--radius-1) !important; } .round-2 { border-radius: var(--radius-2) !important; } .round-3 { border-radius: var(--radius-3) !important; } .scrollbar { overflow: auto; width: 100% !important; max-height: 200px; padding: 0 !important; position: relative; } .scroll-track { width: 10px; right: -10px !important; position: relative; } .scroll-handle { width: 4px; background: rgba(0, 0, 0, 0.1); margin: 0 0 0 3px; border-radius: var(--radius-1); -webkit-transition: width 250ms; -o-transition: width 250ms; transition: width 250ms; } @media (max-width: 1024px) { .horiz-scroller { position: relative; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } .horiz-scroller [class*="col-"] { display: inline-block; vertical-align: top; } .horiz-scroller > * { white-space: normal; } } @media (max-width: 768px) { .mini-horiz-scroller { position: relative; display: inline-block; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } .mini-horiz-scroller [class*="col-"] { display: inline-block; vertical-align: top; width: 50%; } .mini-horiz-scroller > * { white-space: normal; } } .padding20 { padding: 20px; } .padding-30 { padding: 30px; } .-padding-15 { padding: 15px; } .padd40 { padding: 20px 0; } .-gap, .gap { height: 20px; display: block; clear: both; } .m-b-20 { margin-bottom: 20px; } @media (min-width: 1210px) { .-padding-rl-large { padding-left: 100px; padding-right: 100px; } .-padding-rl-medium { padding-left: 50px; padding-right: 50px; } .-padding-rl-small { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 1200px) { .padding15, .padding20 { padding: 10px; } .padd40 { padding: 15px 0; } } .text-right, .text--right { text-align: right; } .text-center, .text--center { text-align: center; } .text-left, .text--left { text-align: left; } .text--bold { font-weight: 700; } .text--uppercase { text-transform: uppercase; } .text--dark { color: var(--color-grey-darker); } .text--light { opacity: 0.3; font-weight: normal; } .text--small { opacity: 0.4; font-style: italic; font-size: 95%; } .text--block { display: block; } .text--normal a { color: var(--color-first); } .text--normal a:hover { text-decoration: underline; } .text--normal a .fa { opacity: 0.3; margin: 0 5px 0 0; } .text--normal-primary { color: var(--color-first) !important; } .text--normal-secondary { color: var(--color-second) !important; } .grey, .gray-txt { color: var(--color-grey-darker); } .green { color: var(--color-green); } .yellow { color: var(--color-yellow); } .red { color: var(--color-red); } .bold { font-weight: bold; } .mandatory { color: var(--color-red); } .-color-primary, .first-color { color: var(--color-first) !important; } .-line { width: 100%; display: inline-block; background: rgba(0, 0, 0, 0.1); margin: 20px 0; height: 2px; } .-display-inline { display: inline-block !important; vertical-align: middle !important; } .-display-inline-top { display: inline-block !important; vertical-align: top !important; } @media (min-width: 767px) { .-hide-desktop { display: none !important; } } .invisible { visibility: hidden; } @media (max-width: 1279px) { .hide-resp { display: none !important; } } @media (max-width: 1024px) { .-hide-tab { display: none !important; } .-hide-responsive { display: none !important; } .-show-tab { display: block !important; } .-show-responsive { display: inline-block !important; } } @media (max-width: 767px) { .hide-mobile, .-hide-mobile { display: none !important; } } @media (max-width: 576px) { .block-on-mobile { display: block; width: 100%; } .block-on-mobile + .block-on-mobile { margin-top: 5px; } } .-float-left { float: left !important; } .-float-right { float: right !important; } .-box-shadow-xy { -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); } .-link-underline { text-decoration: underline; } .-transition { -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .no-float { float: unset; } .loading { background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; height: 100px; } .slick-disabled { opacity: 0; cursor: default; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; margin: auto; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*Slick Arrow*/ .slick-arrow { /* background-color: theme('color.white'); */ /* border: 1px solid theme('color.border'); */ background-color: var(--color-grey-light); width: 60px; height: 60px; border-radius: 50%; display: block; text-indent: -9999px; position: absolute; z-index: 9; top: 50%; margin-top: -25px; background-position: center; background-repeat: no-repeat; } .slick-arrow:before { content: ""; position: absolute; left: 21px; width: 14px; height: 2px; background-color: var(--color-black); top: 30px; } .slick-arrow:after { content: ""; position: absolute; width: 8px; height: 8px; border-color: var(--color-grey-darkest); border-style: solid; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 27px; } .slick-prev { left: 0; } .slick-arrow.slick-prev:after { right: 28px; left: auto; border-right-width: 2px; border-top-width: 2px; border-left: 0px; border-bottom: 0px; } .slick-arrow.slick-prev:before { left: 24px; } .slick-next { right: 0; } .slick-arrow.slick-next:after { left: 29px; border-left-width: 2px; border-bottom-width: 2px; border-right: 0px; border-top: 0px; } @media (max-width: 1024px) { .slick-arrow { width: 50px; height: 50px; } .slick-arrow:after { top: 20px; } .slick-arrow:before { left: 16px; top: 23px; } .slick-arrow.slick-prev:before { left: 18px; } .slick-arrow.slick-prev:after { right: 24px; } .slick-arrow.slick-next:after { left: 23px; } } @media (max-width: 767px) { .slick-arrow { background-color: transparent; } .slick-arrow::before { background-color: transparent; height: 8px; width: 8px; border-left: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 20px; left: 21px; } .slick-arrow.slick-prev::before { left: 20px; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); } } /*----Slick dots*/ .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .slick-dots li button { width: 20px; height: 20px; border-radius: 100%; background: transparent; border: 2px solid var(--color-second); font-size: 0; } .slick-dots li.slick-active button { background: var(--color-second); } .slick-dots { position: absolute; left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate3 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate3 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes loading { 0% { } 25% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } 75% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes loading { 0% { } 25% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } 75% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @-webkit-keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: var(--color-red); } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: var(--color-blue); } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: var(--color-red); } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: var(--color-blue); } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @-webkit-keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } @keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } @-webkit-keyframes moltinShake { 12.5% { -webkit-transform: translateX(-6px) rotateY(-5deg); transform: translateX(-6px) rotateY(-5deg); } 37.5% { -webkit-transform: translateX(5px) rotateY(4deg); transform: translateX(5px) rotateY(4deg); } 62.5% { -webkit-transform: translateX(-3px) rotateY(-2deg); transform: translateX(-3px) rotateY(-2deg); } 87.5% { -webkit-transform: translateX(2px) rotateY(1deg); transform: translateX(2px) rotateY(1deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moltinShake { 12.5% { -webkit-transform: translateX(-6px) rotateY(-5deg); transform: translateX(-6px) rotateY(-5deg); } 37.5% { -webkit-transform: translateX(5px) rotateY(4deg); transform: translateX(5px) rotateY(4deg); } 62.5% { -webkit-transform: translateX(-3px) rotateY(-2deg); transform: translateX(-3px) rotateY(-2deg); } 87.5% { -webkit-transform: translateX(2px) rotateY(1deg); transform: translateX(2px) rotateY(1deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideRight { 0% { opacity: 0; left: 30px; } 100% { opacity: 1; left: 0; } } @keyframes slideRight { 0% { opacity: 0; left: 30px; } 100% { opacity: 1; left: 0; } } @-webkit-keyframes fadein { 0% { -webkit-filter: opacity(0%) blur(6px); filter: opacity(0%) blur(6px); } 50% { -webkit-filter: opacity(100%) blur(3px); filter: opacity(100%) blur(3px); } 100% { -webkit-filter: opacity(100%) blur(1px); filter: opacity(100%) blur(1px); } } @keyframes fadein { 0% { -webkit-filter: opacity(0%) blur(6px); filter: opacity(0%) blur(6px); } 50% { -webkit-filter: opacity(100%) blur(3px); filter: opacity(100%) blur(3px); } 100% { -webkit-filter: opacity(100%) blur(1px); filter: opacity(100%) blur(1px); } } @-webkit-keyframes plopp { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } } @keyframes plopp { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } } @-webkit-keyframes float { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 25% { -webkit-transform: translate(6px, 20px); transform: translate(6px, 20px); } 50% { -webkit-transform: translate(25px, 10px); transform: translate(25px, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes float { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 25% { -webkit-transform: translate(6px, 20px); transform: translate(6px, 20px); } 50% { -webkit-transform: translate(25px, 10px); transform: translate(25px, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .avtar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; border: 1px solid var(--color-border); overflow: hidden; } .avtar img { max-height: 100%; } .avtar--rounded { border-radius: 100% !important; } .avtar--rounded img { border-radius: 100% !important; } .avtar--large { width: 130px; height: 130px; } .avtar--info { padding-top: 5px; } .avtar--info .avtar { float: left; /*margin: 0 15px 0 0;*/ margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 15; } .avtar--info h5 { padding: 5px 0 0; } .avatar { position: relative; display: block; width: 90px; height: 90px; border-radius: 100%; background: var(--color-white); -webkit-box-shadow: var(--shadow-outline-1); box-shadow: var(--shadow-outline-1); overflow: hidden; } .avatar:after { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 2em; font-weight: 700; color: var(--color-black); pointer-events: none; content: attr(data-text); } .avatar img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; } .avatar.avatar--xsmall { width: 40px; height: 40px; } .avatar.avatar--xsmall:after { font-size: 1rem; } .avatar.avatar--small { width: 60px; height: 60px; } .avatar.avatar--centered { display: block; margin: auto; } .message { max-width: 600px; margin: 20px auto; text-align: center; } .message a { font-weight: 600; text-decoration: underline; } .message h6 { padding: 0 0 20px 0; font-weight: normal; } .message .fa { margin: 0 0 10px 0; font-size: 6em; } .box { position: relative; display: block; margin: 0 0 var(--margin-4) 0; padding: var(--padding-4); /*padding: calc(0.75rem + 0.75vw);*/ border-radius: var(--radius-3); color: var(--color-black); background-color: var(--color-white); -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .box:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; opacity: 0.1; background-color: currentColor; } .box:after { content: ""; display: table; clear: both; } .box > * { position: relative; z-index: 1; } .box--tabled { display: table; table-layout: fixed; width: 100%; padding: 0; margin-bottom: 0; border-radius: 0; -webkit-box-shadow: var(--shadow-0); box-shadow: var(--shadow-0); } .box--tabled .box__cell { display: table-cell; vertical-align: top; /*padding: 0 70px 0 0;*/ padding-top: 0; padding-right: 70px; padding-bottom: 0; padding-left: 0px; width: 55%; } .box--tabled .box__cell:first-child { border-right: 1px solid var(--color-border); } .box--tabled .box__cell:last-child { vertical-align: top; width: 45%; padding-right: 0px; } .box--tabled .box__cell .form-side-inner .text--dark { font-size: 16px; } .box--tabled .box__cell .form-side-inner a { text-decoration: underline; } .box--tabled .box__cell .form-side-inner a:hover { text-decoration: none; color: var(--color-second); } .box--tabled .listing--icons { position: relative; top: 20px; /*padding: 50px 0 50px 50px;*/ padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 50px; } .box--tabled:after { display: none; } .box--offer { min-height: 240px; margin: 0 0 15px 0; padding: 10px; border: solid 1px var(--color-border); border-radius: var(--radius-1); } .box--offer p { opacity: 0.6; } .box--offer h4 { padding-bottom: 20px; } .box--offer .offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; border: 2px dashed var(--color-border); border-radius: var(--radius-1); margin-bottom: 10px; } .box--offer .offer span { display: block; font-size: 0.7em; font-weight: normal; } .box--offer .offer__box { min-height: 110px; font-size: 2.1em; font-weight: 700; padding: 30px 10px; text-align: center; line-height: 1.1; background: var(--color-grey-lightest); color: var(--color-red); } .box--offer .offer__logo { display: block; max-width: 60px; margin: 0 auto; } .box--offer .offer__logo img { width: 100%; margin: auto; } .box--offer .offer__footer { display: inline-block; width: 100%; padding: 6px 0 0; border-top: 1px solid var(--color-grey-lighter); } .box--offer .offer__footer .label { margin: 4px 0 0; font-size: 1em; } .box--offer .offer__footer p { margin: 0; } .box--list { padding: 20px 0 10px; margin-bottom: 0; border-radius: 0; -webkit-box-shadow: var(--shadow-0); box-shadow: var(--shadow-0); border-bottom: 1px solid var(--color-border); } .box--list h5 { padding-bottom: 10px; } .box--list:first-child { padding-top: 0; border-top: none; } .box--list .links--vertical { margin: 0 0 0 0; } .box--list .links--vertical li { position: relative; /* padding: 6px 0 6px 25px;*/ padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 25px; } .box--list .links--vertical li a { font-size: 0.9em; color: var(--color-grey-darker); } .box--list .links--vertical li a .msg-count { display: inline-block; width: 18px; height: 18px; font-size: 0.7em; font-weight: 600; line-height: 1.9; text-align: center; vertical-align: middle; background: var(--color-first); border-radius: 50%; color: var(--color-white); } .box--list .links--vertical li .fa { position: absolute; left: 0; top: 9px; } .box--list .links--vertical li.is-active a { font-weight: 700; color: var(--color-black); } .box-green { border: 1px solid var(--color-green); color: var(--color-green); } .box-green:before { content: ""; } .box-red { border: 1px solid var(--color-first); color: var(--color-first); } .box-red:before { content: ""; } .box-goldengreen { border: 1px solid var(--color-yellow); color: var(--color-yellow); } .box-goldengreen:before { content: ""; } .box-blue { border: 1px solid var(--color-blue); color: var(--color-blue); } .box-blue:before { content: ""; } .box-grey { border: 1px solid var(--color-dark); color: var(--color-dark); } .box-grey:before { content: ""; } .box.box-navigation .box--list:last-child { border: 0 none; padding-bottom: 0; } .box.box-navigation .box--list .links--vertical li { /*padding: 6px 0 15px 37px;*/ padding-top: 6px; padding-right: 0px; padding-bottom: 15px; padding-left: 37px; } .box.box-navigation .box--list .links--vertical li .fa { font-size: 19px; line-height: 20px; height: 20px; width: 24px; text-align: center; top: 8px; } .box_wrap .box_head { padding: 15px 30px; font-size: 18px; background: var(--color-grey-lighter); } .box_wrap .box_header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--color-border); } .box_wrap .box_header li { display: inline-block; width: 15%; padding: 0 10px; } .box_wrap .box_header li label { font-size: 16px; font-weight: 700; } .box_wrap .box_body_wrap { padding: 20px 30px; } .box_wrap .box_body_wrap .box_body { padding: 0; } .box_wrap .box_body_wrap .box_body li { display: inline-block; width: 15%; padding: 8px 10px; vertical-align: top; } .box_wrap .box_body_wrap .box_body li p { width: 255px; } .box_wrap .box_body_wrap .box_body label { display: none; font-size: 16px; font-weight: 700; } .box_wrap .box_body_wrap .box_body .gap { border-top: 1px solid var(--color-grey-lighter); display: block; width: 100%; display: none; } .box_wrap .box_body .box { display: inline-block; vertical-align: top; width: 26.33%; /* padding: 0 20px 0 0;*/ padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .box_wrap .box_body .box:first-child, .box_wrap .box_body .box:nth-child(3) { width: 46%; } .box_wrap .box_body .box:nth-child(2) { width: 50%; padding-right: 0; margin: 0; } .box_wrap .box_body .box:first-child p, .box_wrap .box_body .box:nth-child(2) p { display: block; margin-top: 10px; } .box_wrap .box_body .box label { font-size: 16px; font-weight: 700; color: var(--color-black); } .box_wrap .box_body .box p { display: inline-block; font-size: 14px; font-weight: 400; } @media (max-width: 500px) { .box_wrap .box_body .box { width: 48%; } .box_wrap .box_body .box:first-child, .box_wrap .box_body .box:nth-child(3), .box_wrap .box_body .box:nth-child(2) { width: 100%; } .box_wrap .box_body li p { width: 100%; } .box_wrap .box_head, .box_wrap .box_body_wrap { padding: 15px; } } @media only screen and (max-width: 767px) { .box--tabled .box__cell { display: block; width: 100%; padding: 0; } .box--tabled .box__cell:last-child { width: 100%; } .box--tabled .box__cell:first-child { border-right: none; } .box--tabled .box__cell .listing--icons { padding: 0; } } .breadcrumb { display: inline-block; width: 100%; color: var(--color-grey-dark); list-style: none; } .breadcrumb ul li { position: relative; float: left; vertical-align: top; line-height: inherit; /*padding: 0 25px 0 0;*/ padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; color: var(--color-black); } .breadcrumb ul li:before { position: absolute; right: 10px; top: -1px; content: "/"; } .breadcrumb ul li a { display: block; line-height: inherit; font-size: inherit; color: inherit; } .breadcrumb ul li:last-child:before { display: none; } .breadcrumb-title * { color: var(--color-grey-darkest) !important; } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumbs ul li { position: relative; display: inline-block; vertical-align: middle; /*padding: 0 25px 0 0;*/ padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-weight: 700; color: var(--color-grey-dark); } .breadcrumbs ul li:before { position: absolute; right: 12px; top: 4px; width: 6px; height: 6px; border-right: 2px solid var(--color-grey-darkest); border-bottom: 2px solid var(--color-grey-darkest); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } .breadcrumbs ul li:last-child:before { border: 0px; } .breadcrumbs ul li, .breadcrumbs ul li a { color: var(--color-grey-darkest) !important; font-size: 12px !important; font-weight: 600 !important; } .breadcrumbs ul li a { color: inherit; display: block; color: var(--color-grey-dark); } .breadcrumbs-row { padding: 20px 0px 0px; } @media (max-width: 1024px) { .breadcrumbs-row { padding: 15px; margin: 0 -10px; background: var(--color-grey-lighter); } } .btn, .form input[type="submit"], .form input[type="button"] { position: relative; display: inline-block; vertical-align: middle; height: 40px; min-width: 64px; margin: 0 3px; padding: 0 16px; border: none; line-height: 40px; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: var(--color-first-inverse); background: var(--color-first); overflow: hidden; outline: none; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; -o-transition: box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; -webkit-box-shadow: none; box-shadow: none; text-transform: none; font-weight: 600; font-size: 1rem; border-radius: var(--radius-1); /*default */ /*primary*/ /*success*/ /*info*/ /*warning*/ /*danger*/ /*secondary */ /*third */ /*Gray Shades*/ } .btn:disabled, .form input:disabled[type="submit"], .form input:disabled[type="button"] { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: none; box-shadow: none; cursor: initial; } .btn:before, .form input[type="submit"]:before, .form input[type="button"]:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: currentColor; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .btn:after, .form input[type="submit"]:after, .form input[type="button"]:after { content: ""; position: absolute; left: 50%; top: 18px; border-radius: 50%; padding: 50%; width: 32px; height: 32px; background-color: currentColor; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: opacity 1s, -webkit-transform 0.5s; transition: opacity 1s, -webkit-transform 0.5s; -o-transition: opacity 1s, transform 0.5s; transition: opacity 1s, transform 0.5s; transition: opacity 1s, transform 0.5s, -webkit-transform 0.5s; } .btn:focus::before, .form input[type="submit"]:focus::before, .form input[type="button"]:focus::before { opacity: 0.2; } .btn:active::before, .form input[type="submit"]:active::before, .form input[type="button"]:active::before { opacity: 0.32; } .btn:disabled::before, .form input[type="submit"]:disabled::before, .form input[type="button"]:disabled::before { opacity: 0; } .btn:active::after, .form input[type="submit"]:active::after, .form input[type="button"]:active::after { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; -o-transition: transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; } .btn:disabled::after, .form input[type="submit"]:disabled::after, .form input[type="button"]:disabled::after { opacity: 0; } .btn--default { color: var(--color-black); background-color: var(--color-white); border: 1px solid var(--color-grey-light); } .btn--default.active, .btn--default.hover, .btn--default.focus, .btn--default:active, .btn--default:hover, .btn--default:focus { background-color: var(--color-grey-lighter); background-image: none; } .btn--default:active:hover, .btn--default:active:focus, .btn--default:active.focus, .btn--default.active:hover, .btn--default.active:focus, .btn--default.active.focus { background-color: var(--color-grey-light); border-color: var(--color-grey-dark); } .btn--default.disabled:hover, .btn--default.disabled:focus, .btn--default.disabled.focus, .btn--default[disabled]:hover, .btn--default[disabled]:focus, .btn--default[disabled].focus, fieldset[disabled] .btn--default:hover, fieldset[disabled] .btn--default:focus, fieldset[disabled] .btn--default.focus { background-color: var(--color-white); border-color: var(--color-grey-light); } .btn--default .badge { color: var(--color-white); background-color: var(--color-black); } .btn--primary { color: var(--color-first-inverse); background: var(--color-first); } .btn--success { color: var(--color-white); background-color: var(--color-green); border-color: var(--color-green); } .btn--success:focus, .btn--success.focus { color: var(--color-white); background-color: #449d44; border-color: #255625; } .btn--success:hover, .btn--success.hover { color: var(--color-white); background-color: #449d44; border-color: #398439; } .btn--success:active, .btn--success.active { color: var(--color-white); background-color: #449d44; background-image: none; border-color: #398439; } .btn--success:active:hover, .btn--success:active:focus, .btn--success:active.focus, .btn--success.active:hover, .btn--success.active:focus, .btn--success.active.focus { color: var(--color-white); background-color: #398439; border-color: #255625; } .btn--success.disabled:hover, .btn--success.disabled:focus, .btn--success.disabled.focus, .btn--success[disabled]:hover, .btn--success[disabled]:focus, .btn--success[disabled].focus, fieldset[disabled] .btn--success:hover, fieldset[disabled] .btn--success:focus, fieldset[disabled] .btn--success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn--success .badge { color: #5cb85c; background-color: var(--color-white); } .btn--info { color: var(--color-white); background-color: #237dbb; border-color: #1f6fa6; } .btn--info:focus, .btn--info.focus { color: var(--color-white); background-color: #1b6090; border-color: #0b273a; } .btn--info:hover, .btn--info.hover { color: var(--color-white); background-color: #1b6090; border-color: #154c72; } .btn--info:active, .btn--info.active { color: var(--color-white); background-color: #1b6090; border-color: #154c72; background-image: none; } .btn--info:active:hover, .btn--info:active:focus, .btn--info:active.focus, .btn--info.active:hover, .btn--info.active:focus, .btn--info.active.focus { color: var(--color-white); background-color: #154c72; border-color: #0b273a; } .btn--info.disabled:hover, .btn--info.disabled:focus, .btn--info.disabled.focus, .btn--info[disabled]:hover, .btn--info[disabled]:focus, .btn--info[disabled].focus, fieldset[disabled] .btn--info:hover, fieldset[disabled] .btn--info:focus, fieldset[disabled] .btn--info.focus { background-color: #237dbb; border-color: #1f6fa6; } .btn--info .badge { color: #237dbb; background-color: var(--color-white); } .btn--warning { color: var(--color-white); background-color: #f0ad4e; border-color: #eea236; } .btn--warning:focus, .btn--warning.focus { color: var(--color-white); background-color: #ec971f; border-color: #985f0d; } .btn--warning:hover, .btn--warning.hover { color: var(--color-white); background-color: #ec971f; border-color: #d58512; } .btn--warning:active, .btn--warning.active { color: var(--color-white); background-color: #ec971f; border-color: #d58512; background-image: none; } .btn--warning:active:hover, .btn--warning:active:focus, .btn--warning:active.focus, .btn--warning.active:hover, .btn--warning.active:focus, .btn--warning.active.focus { color: var(--color-white); background-color: #d58512; border-color: #985f0d; } .btn--warning.disabled:hover, .btn--warning.disabled:focus, .btn--warning.disabled.focus, .btn--warning[disabled]:hover, .btn--warning[disabled]:focus, .btn--warning[disabled].focus, fieldset[disabled] .btn--warning:hover, fieldset[disabled] .btn--warning:focus, fieldset[disabled] .btn--warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn--warning .badge { color: #f0ad4e; background-color: var(--color-white); } .btn--danger { color: var(--color-white); background-color: var(--color-red); border-color: #ef4545; } .btn--danger:focus, .btn--danger.focus { color: var(--color-white); background-color: #ed2d2d; border-color: #a60e0e; } .btn--danger:hover, .btn--danger.hover { color: var(--color-white); background-color: #ed2d2d; border-color: #e31313; } .btn--danger:active, .btn--danger.active { color: var(--color-white); background-color: #ed2d2d; border-color: #e31313; background-image: none; } .btn--danger:active:hover, .btn--danger:active:focus, .btn--danger:active.focus, .btn--danger.active:hover, .btn--danger.active:focus, .btn--danger.active.focus { color: var(--color-white); background-color: #e31313; border-color: #a60e0e; } .btn--danger.disabled:hover, .btn--danger.disabled:focus, .btn--danger.disabled.focus, .btn--danger[disabled]:hover, .btn--danger[disabled]:focus, .btn--danger[disabled].focus, fieldset[disabled] .btn--danger:hover, fieldset[disabled] .btn--danger:focus, fieldset[disabled] .btn--danger.focus { background-color: var(--color-red); border-color: #ef4545; } .btn--danger .badge { color: var(--color-red); background-color: var(--color-white); } .btn--secondary { color: var(--color-second-inverse); background-color: var(--color-second); } .btn--third { color: var(--color-second-inverse); background-color: var(--color-second); } .btn--black { color: var(--color-white); background-color: var(--color-grey-darkest); } .btn--gray { color: var(--color-black); background-color: var(--color-grey-lighter); } .btn--white { color: var(--color-black); background-color: var(--color-white); } .btn-transpaent { background-color: transparent; } .btn--fb { background-color: #3856a0; } .btn--gp { background-color: #dd4330; } .btn--AppleLogin { background-color: var(--color-black); } .btn-large-h { height: 50px; line-height: 50px; } .btn--h-large { height: auto; min-width: 170px; } .btn-large { min-width: 170px; height: auto; padding: 0; } .btn--large { padding: 8px; } .btn--lg { height: auto; padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .btn--small, .btn--sm { height: auto; padding: 0 10px; font-size: 14px; line-height: 28px; font-weight: normal; } .btn--xs { height: auto; padding: 0 5px; font-size: 12px; line-height: 20px; font-weight: normal; } .btn--wide { min-width: 250px; } .btn--link { color: var(--color-first); font-size: 0.8em; font-weight: normal; } .btn-block, .btn--block { display: block; width: 100%; height: auto; margin: 0; } .btn-block + .btn-block, .btn--block + .btn--block { margin-top: 5px; height: auto; } .btn-inline { display: inline-block; position: relative; vertical-align: middle; /*margin: 0 0 0 20px;*/ margin-top: 0; margin-bottom: 0; margin-left: 20px; margin-right: 0; border: 1px solid var(--color-grey-darkest); /*padding: 7px 20px 7px 45px;*/ padding-top: 7px; padding-right: 20px; padding-bottom: 7px; padding-left: 45px; color: var(--color-grey-darkest); border-radius: var(--radius-1); text-transform: uppercase; font-size: 13px; font-weight: 500; } .btn-inline:before { width: 20px; height: 20px; border: 1px solid var(--color-grey-darkest); border-radius: 50%; content: ""; position: absolute; left: 15px; top: 5px; content: "i"; text-align: center; background: var(--color-grey-darkest); color: var(--color-white); text-transform: none; font-size: 14px; line-height: 18px; } .btn--border { border-width: 1px; border-style: solid; background-color: var(--color-white); } .btn--border.border-color-black { border-color: var(--color-grey-darkest); } .btn--border.border-color-first { border-color: var(--color-first); color: var(--color-first) !important; } .btn--border.border-color-second { border-color: var(--color-second); color: var(--color-second) !important; } .btn i.icn, .form input[type="submit"] i.icn, .form input[type="button"] i.icn { display: inline-block; margin: 0 3px; width: 13px; height: auto; } .btngroup--fix .btn, .btngroup--fix .form input[type="submit"], .form .btngroup--fix input[type="submit"], .btngroup--fix .form input[type="button"], .form .btngroup--fix input[type="button"] { /*margin: 0 10px 0 0; */ margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 10px; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } @media only screen and (max-width: 992px) { .btn-groups { margin-top: 10px; } } @media (max-width: 767px) { .form input[type="submit"], .form input[type="button"] { margin-top: 5px; } } .open > .btn--default.dropdown-toggle { background-color: var(--color-grey-lighter); border-color: #adadad; background-image: none; } .open > .btn--default.dropdown-toggle:hover, .open > .btn--default.dropdown-toggle:focus, .open > .btn--default.dropdown-toggle.focus { background-color: #d4d4d4; border-color: #8c8c8c; } .open > .btn--success.dropdown-toggle { color: var(--color-white); background-color: #449d44; background-image: none; border-color: #398439; } .open > .btn--success.dropdown-toggle:hover, .open > .btn--success.dropdown-toggle:focus, .open > .btn--success.dropdown-toggle.focus { color: var(--color-white); background-color: #398439; border-color: #255625; } .open > .btn--info.dropdown-toggle { color: var(--color-white); background-color: #1b6090; border-color: #154c72; background-image: none; } .open > .btn--info.dropdown-toggle:hover, .open > .btn--info.dropdown-toggle:focus, .open > .btn--info.dropdown-toggle.focus { color: var(--color-white); background-color: #154c72; border-color: #0b273a; } .open > .btn--warning.dropdown-toggle { color: var(--color-white); background-color: #ec971f; border-color: #d58512; background-image: none; } .open > .btn--warning.dropdown-toggle:hover, .open > .btn--warning.dropdown-toggle:focus, .open > .btn--warning.dropdown-toggle.focus { color: var(--color-white); background-color: #d58512; border-color: #985f0d; } .open > .btn--danger.dropdown-toggle { color: var(--color-white); background-color: #ed2d2d; border-color: #e31313; background-image: none; } .open > .btn--danger.dropdown-toggle:hover, .open > .btn--danger.dropdown-toggle:focus, .open > .btn--danger.dropdown-toggle.focus { color: var(--color-white); background-color: #e31313; border-color: #a60e0e; } .container { width: 96%; } .container--fluid { max-width: 100%; width: 100%; } .container--narrow { max-width: 960px; } .container:after { content: ""; display: table; clear: both; } .relative { position: relative; } .row.no-gutter, .no-gutter { margin-left: 0; margin-right: 0; } .row > .row { width: 100%; padding: 0 10px; } .grid--onethird { /*margin: 0 0 0 -20px;*/ margin-top: 0; margin-bottom: 0; margin-left: -20px; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid--onethird > li { width: 33.3%; /*padding: 0 0 20px 20px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 20px; float: left; } @media only screen and (max-width: 767px) { .grid--onethird > li { float: none; width: auto; } } .grids--profile .grid__left { width: 70%; float: left; } .grids--profile .grid__right { width: 24%; float: right; } @media only screen and (max-width: 767px) { .grids--profile .grid__right { margin-bottom: 10px; } .grids--profile .grid__right, .grids--profile .grid__left { float: none; width: auto; } } .hamburger path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 30px; stroke-linecap: square; stroke: var(--color-white); stroke-dashoffset: 0px; } .hamburger path#top, .hamburger path#bottom { stroke-dasharray: 240px 950px; } .hamburger path#middle { stroke-dasharray: 240px 240px; } .hamburger .lines { position: absolute; left: 0; right: 0; top: 0; width: 16px; height: 2px; margin: 0 auto; background: var(--color-white); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .hamburger .line2 { top: 5px; } .hamburger .line3 { top: 5px; } .hamburger .line4 { top: 10px; } .hamburger.cross .lines { -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .hamburger.cross .line1 { -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); opacity: 0; } .hamburger.cross .line2 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.cross .line3 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger.cross .line4 { -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); opacity: 0; } /*============ MISC ===========*/ ::-webkit-input-placeholder { color: var(--color-grey-dark); /* Firefox */ } ::-moz-placeholder { color: var(--color-grey-dark); /* Firefox */ } :-ms-input-placeholder { color: var(--color-grey-dark); /* Firefox */ } ::-ms-input-placeholder { color: var(--color-grey-dark); /* Firefox */ } ::placeholder { color: var(--color-grey-dark); opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-grey-dark); } ::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-grey-dark); } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } select::-ms-expand { display: none; } input::-moz-focus-inner { border: 0; padding: 0; } textarea { resize: vertical; } input[type="submit"], input[type="button"] { outline: none; border: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mandatory, .spn_must_field { color: red; } /*============ INPUT =============*/ input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], input[type="number"], input[type="file"], textarea, select { width: 100%; height: 40px; padding: 0 10px; border-radius: var(--radius-1); font-size: 0.8125rem; font-weight: normal; color: var(--color-grey-dark); background-color: var(--color-white); border: 1px solid var(--color-border); } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="file"]:focus, textarea:focus, select:focus { border-color: rgba(0, 0, 0, 0.22); outline: 0; outline: thin dotted \9; -webkit-box-shadow: var(--shadow-1); box-shadow: var(--shadow-1); } select { padding-right: 35px; background-image: url(images/select-arrow.png); background-color: var(--color-white); background-repeat: no-repeat; background-position: center right; font-size: 0.8125rem; } select:focus { -webkit-box-shadow: none; box-shadow: none; } select option { padding: 3px 0; } textarea { height: 150px; padding: 15px; } input[type="file"] { height: auto; padding: 8px 10px; } /* radio and checkbox */ .checkbox, .radio { display: inline-block; color: var(--color-grey-darkest); position: relative; vertical-align: top; /*padding: 0 0 0 30px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; min-height: 20px; cursor: pointer; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .checkbox input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="radio"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio input[type="checkbox"], .radio-inline input[type="radio"], .radio-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .checkbox.disabled, .radio.disabled { cursor: not-allowed; opacity: 0.6; filter: alpha(opacity=60); } .checkbox.inline, .radio.inline { padding-right: 20px; } .checkbox .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:before, .radio .input-helper:after { position: absolute; -webkit-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all; -o-transition: all; transition: all; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid var(--color-border); background: var(--color-white); border-radius: var(--radius-1); } .checkbox input { width: 20px; height: 20px; } .checkbox .input-helper:before { top: 0; width: 20px; height: 20px; border: 1px solid var(--color-grey-lighter); } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 20px; height: 20px; background-color: transparent; left: 0; top: 0; bottom: 0; right: 0; border-radius: var(--radius-1); } .checkbox input:checked + .input-helper:before { border-color: var(--color-first); } .checkbox input:checked + .input-helper:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: var(--color-first); } .radio input { width: 19px; height: 19px; } .radio .input-helper:before { top: -1px; width: 19px; height: 19px; border-radius: 50%; border: 1px solid var(--color-grey-lighter); } .radio .input-helper:after { width: 11px; height: 11px; background: var(--color-first); border-radius: 50%; top: 3px; left: 4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio--large { min-height: 26px; padding-left: 35px; line-height: 26px; } .radio--large input { width: 26px; height: 26px; } .radio--large .input-helper { position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: var(--radius-1); background: var(--color-grey-lighter); -webkit-box-shadow: var(--shadow-0); box-shadow: var(--shadow-0); -webkit-transition: 0.1s all; -o-transition: 0.1s all; transition: 0.1s all; } .radio--large .input-helper:after, .radio--large .input-helper:before { display: none; } .radio--large input:checked + .input-helper { -webkit-box-shadow: 0 0 1px var(--color-border), inset 0 0 0 4px var(--color-white); box-shadow: 0 0 1px var(--color-border), inset 0 0 0 4px var(--color-white); } .radio--custom { position: relative; display: inline-block; vertical-align: top; /*margin: 0 2px 2px 0;*/ margin-top: 0; margin-right: 2px; margin-bottom: 0; margin-left: 0; } .radio--custom input { opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .radio--custom .input-txt { border: 1px solid var(--color-border); padding: 10px; border-radius: var(--radius-1); display: inline-block; vertical-align: top; } .radio--custom input:checked + .input-txt { background: var(--color-grey-lightest); } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled] { cursor: not-allowed; } input[type="text"][disabled], input[type="password"][disabled] { background: rgba(0, 0, 0, 0.03); color: var(--color-grey-dark); } .checkbox-switch { position: relative; } .checkbox-switch input[type=checkbox] { height: 0; width: 0; visibility: hidden; position: absolute; } .checkbox-switch label { cursor: pointer; text-indent: -9999px; width: 40px; height: 20px; background: grey; display: block; border-radius: 30px; position: relative; } .checkbox-switch label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background: var(--color-white); border-radius: 22px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } .checkbox-switch label:active:after { width: 50px; } .checkbox-switch input:checked + label { background: var(--color-first); } .checkbox-switch input:checked + label:after { left: calc(100% - 4px); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .switch { /*margin: 0 0 0 -20px;*/ margin-top: 0; margin-bottom: 0; margin-left: -20px; margin-right: 0; } .switch li { display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px; /*padding: 0 0 0 20px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } .switch li.is-active a { background: rgba(0, 0, 0, 0.04); } .switch li.is-active a:before { content: "\f058"; color: var(--color-first); } .switch li a { display: block; text-align: center; line-height: 4; font-size: 1.2em; font-weight: 700; color: inherit; position: relative; width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-2); height: 100px; padding: 10px; } .switch li a:before { font-family: 'FontAwesome'; font-size: 1.3em; color: rgba(0, 0, 0, 0.1); content: "\f111"; line-height: 1; position: absolute; right: 5px; bottom: 5px; } .switch-links { text-align: center; margin: 0px auto; display: block; position: relative; max-width: 250px; } .switch-links a { padding-top: 3px; display: inline-block; vertical-align: top; position: relative; color: inherit; font-size: 0.8em; opacity: 0.7; } .switch-links a:first-child { float: left; margin-right: 10px; } .switch-links a:last-child { margin-left: 10px; float: right; } .switch-links a.is--active { color: var(--color-first); } .switch-button { position: relative; width: 70px; display: inline-block; vertical-align: top; margin: 0 auto; } .switch-button:before { content: ""; position: absolute; background: var(--color-grey-lighter); border-radius: 30px; width: 70px; height: 25px; top: 0; margin: 0 auto; left: 0; right: 0; } .switch-button:after { background: var(--color-first); width: 18px; height: 18px; display: block; border-radius: 50%; content: ""; position: absolute; left: 4px; top: 3px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .switch-button.is--active:after { left: auto; right: 4px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .switch-inputs { position: absolute; top: 0; left: 0; opacity: 0; } .switch-labels { position: relative; display: block; height: inherit; font-size: 12px; text-transform: uppercase; background: var(--color-green); border-radius: inherit; -webkit-transition: opacity 0.15s ease-out, background 0.15s ease-out; -o-transition: opacity 0.15s ease-out, background 0.15s ease-out; transition: opacity 0.15s ease-out, background 0.15s ease-out; } .switch-labels:before, .switch-labels:after { position: absolute; top: 50%; margin-top: -.6em; line-height: 1; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-labels:before { content: attr(data-off); right: 11px; color: var(--color-white); } .switch-labels:after { content: attr(data-on); left: 11px; color: var(--color-white); text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch-handles { position: absolute; top: 1px; left: 2px; width: 24px; height: 24px; background: var(--color-white); border-radius: 50%; -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); -webkit-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-handles:before { content: ''; position: absolute; top: 50%; left: 50%; /*margin: -6px 0 0 -6px;*/ margin-top: -6px; margin-right: 0; margin-bottom: 0; margin-left: -6px; width: 12px; height: 12px; background: var(--color-grey-lighter); border-radius: var(--radius-2); } .links--inline { display: inline-block; width: 100%; padding: 0; color: var(--color-grey-dark); } .links--inline li { display: inline-block; vertical-align: top; font-size: 1em; /*padding: 0 5px 0px 0;*/ padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; } .links--inline li a { color: inherit; } .links--inline li a:hover { color: var(--color-black); text-decoration: underline; } .links--inline li .fa { /*margin: 0 5px 0 0;*/ margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; } @media only screen and (max-width: 767px) { .links { text-align: inherit; } } .list--vertical { margin: 0; } .list--vertical li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 6px 10px; } .list--vertical li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 0; text-align: left; font-size: 0.9em; color: inherit; } .list--vertical li a:active { background: rgba(0, 0, 0, 0.05); color: var(--color-grey-darker); } .list--vertical li:last-child { border-bottom: none; } .list--vertical li.is-active a { font-weight: 700; color: var(--color-first); } .list--vertical li.has-child.is--active .parents--link:after { content: "-"; } .list--vertical li .parents--link { position: relative; display: block; cursor: pointer; } .list--vertical li .parents--link:after { content: "+"; position: absolute; right: 10px; top: 0; font-weight: 600; font-size: 1.25em; line-height: 1; color: var(--color-grey-dark); } .list--vertical img { display: inline-block; vertical-align: middle; margin: 0 2px; } .list--vertical .remove_buyTogether { margin-right: 10px; cursor: pointer; } .list--vertical .remove_buyTogether:hover { color: var(--color-first); } .list--vertical .childs { display: none; } .list--vertical .childs li { font-size: 0.95em; margin: 4px 0; padding-left: 0; } .list--vertical .childs.opened { display: block; } .list--vertical-chcek li { margin: 8px 0; } .list__vertical li { padding: 2px 0; } .list__vertical li a { opacity: 0.4; } .list__vertical li a:hover { opacity: 0.75; text-decoration: underline; } .list__vertical li ul { /*margin: 8px 0 8px 16px;*/ margin-top: 8px; margin-right: 0; margin-bottom: 8px; margin-left: 16px; } .list-vertical li { position: relative; display: block; margin: 0 0 5px 0; text-transform: capitalize; color: var(--color-grey-darkest); } .listing--check li { position: relative; padding: 0 0 7px; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: var(--color-grey-darker); white-space: nowrap; overflow: hidden; } .listing--check li a { /*padding: 0 0 0 25px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; font-size: 13px; color: var(--color-grey-darker); background: transparent url("images/select_check.png") no-repeat scroll left 2px; } .listing--check li a:hover { text-decoration: underline; color: var(--color-black); } .listing--check li.is-active a { background-position: left -55px; } .listing--icons li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 0; } .listing--icons li p { font-size: 1em; line-height: 1.3; opacity: 0.8; } .listing--icons li p strong { display: block; font-weight: 500; } .listing--icons li .fa { float: left; width: 40px; /*margin: 0 20px 0 0;*/ margin-top: 0; margin-right: 20px; margin-bottom: 0; margin-left: 0; font-size: 2.5em; opacity: 0.60; } .bullet-list li { position: relative; margin: 4px 0; padding: 0 16px; font-size: 0.9em; font-weight: 300; color: var(--color-black); } .bullet-list li:before { position: absolute; top: 5px; left: 0; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: var(--color-grey-lightest); content: ""; } .bullet-list li.heading { padding-left: 0; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; color: var(--color-black); } .bullet-list li.heading:before { content: normal; } .media > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 15px 0; border-top: 1px solid var(--color-border); } .media > li:first-child { border-top: none; } .media > li a { color: inherit; } .media > li .avtar { width: 50px; height: 50px; margin-right: 10px; } .media > li .grid { display: inline-block; vertical-align: top; padding: 0; } .media > li .grid--second { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 10px; } .media > li .grid--third { width: 64%; padding-top: 4px; } .media > li .grid--fourth { float: right; padding-right: 0; } .media > li.is-read .media__title { font-weight: normal; color: var(--color-grey-darker); } .media > li.is-read .media__description { color: var(--color-grey-darker); } .media__date { display: block; font-size: 0.9em; line-height: 1; text-transform: uppercase; } .media__title { display: block; margin: 2px 0 5px 0; font-weight: 700; } .media__description { opacity: 0.6; margin: 5px 0; word-break: break-word; } .media--small > li:first-child { border-top: 1px solid var(--color-border); } .media--small > li .grid { padding: 0; } .media--small > li .grid--second { width: auto; padding-top: 0; } .media--small > li .grid--third { display: block; width: auto; } .media--small .media__description { font-size: 0.9em; line-height: 1.3; } .media--details > li:last-child { padding-bottom: 0; } .media--details > li .grid--first { /*padding: 5px 20px 0 0;*/ padding-top: 5px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .media--details > li .grid--third { width: 100%; padding: 10px 0; } @media only screen and (max-width: 1200px) { .media > li .grid--second { width: auto; } } .modal { position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 990; display: none; max-width: calc(100vw - 100px); max-height: calc(100vh - 100px); border-radius: 0; background-color: var(--color-white); } .modal-body { height: 100%; } .modal-content { position: relative; z-index: 1; } .modal-content .btn, .modal-content .form input[type="submit"], .form .modal-content input[type="submit"], .modal-content .form input[type="button"], .form .modal-content input[type="button"] { min-width: 200px; } .modal-content .btn--primary { border: none; background: var(--color-first); color: var(--color-white); } .modal-content .btn--secondary { background: them("color.second"); border: none; } .modal.modal-is-visible { display: block; z-index: 1010; } @media only screen and (max-width: 767px) { .modal { overflow-y: scroll; } } .bg-modal { position: relative; padding-bottom: 50px; background: #fff url(./images/bg-dot.png) repeat 0 0; } .bg-modal:before, .bg-modal:after { position: absolute; left: 0; right: 0; height: 131px; width: 100%; content: ""; } .bg-modal:after { bottom: 0; background: url(./images/floating-layer.png) no-repeat center bottom; } .bg-modal:before { background: white; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%); } .crossed { position: absolute; top: 5px; right: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; width: 30px; height: 30px; padding: 0px; line-height: 18px; text-align: center; } .crossed:before, .crossed:after { position: absolute; background: currentColor; content: ""; } .crossed:before { top: 0; left: 50%; width: 1px; height: 30px; /*margin: 0 0 0 -1px;*/ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: -1px; } .crossed:after { top: 50%; left: 0px; width: 30px; height: 1px; margin: -1px 0 0 0; } #facebox .popup .content { -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); } #facebox .popup .content.faceboxWidth { max-width: 450px; } @media screen and (max-width: 1500px) { #facebox .popup .content { max-height: 500px; overflow-y: auto; } } @media screen and (max-width: 1024px) and (orientation: landscape) { #facebox .popup .content { max-height: 80vh; } } @media (min-width: 768px) { #facebox .popup .content.faceboxWidth.buyer_order_cancel_popup { max-width: 850px; max-height: 80vh; overflow-y: auto; display: block; } } @media (min-width: 768px) { #facebox .popup .content.faceboxWidth.order_replace_popup { max-width: 850px; max-height: 80vh; overflow-y: auto; display: block; } } #facebox .popup .content.faceboxWidth.order_replace_popup .product-price .price-discounted { position: inherit; } @media (min-width: 768px) { #facebox .popup .content.faceboxWidth.add_product_popup { max-height: 80vh; overflow-y: auto; display: block; } } @media (min-width: 768px) { #facebox .popup .content.faceboxWidth.request_data_form_popup { max-height: calc(80vh - 100px); overflow-y: auto; display: block; } } .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: none; overflow: hidden; } .pagination li { margin: 2px; } .pagination li a { position: relative; display: block; width: 35px; height: 35px; margin: 0 3px; font-size: 0.9em; line-height: 35px; font-weight: 600; text-align: center; text-transform: uppercase; border: none; border: 1px solid transparent; color: var(--color-grey-darkest); background: var(--color-white); overflow: hidden; } .pagination li a:hover, .pagination li.is--active a { background: var(--color-grey-lightest); border-color: var(--color-first); color: var(--color-first); } .pagination li.selected a { font-weight: 700; background: var(--color-grey-lightest); color: var(--color-black); } .pagination li.disabled { opacity: 0.4; } .pagination li.disabled a { cursor: not-allowed; } .pagination li.prev a:before { content: ""; position: absolute; left: 14px; top: 14px; width: 12px; height: 12px; border-left: 2px solid var(--color-grey-darker); border-bottom: 2px solid var(--color-grey-darker); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.next a :before { content: ""; position: absolute; left: 10px; top: 14px; width: 12px; height: 12px; border-right: 2px solid var(--color-grey-darker); border-top: 2px solid var(--color-grey-darker); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.is-prev a:before { position: absolute; left: 50%; top: 50%; /*margin: -4px 0 0 -4px;*/ margin-top: -4px; margin-right: 0; margin-bottom: 0; margin-left: -4px; content: ""; border-left: 3px solid var(--color-grey-darker); border-bottom: 3px solid var(--color-grey-darker); width: 8px; height: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.is-prev a:hover:before { border-left-color: var(--color-first); border-bottom-color: var(--color-first); } .pagination li.is-next a:before { position: absolute; left: 50%; top: 50%; /*margin: -4px 0 0 -4px;*/ margin-top: -4px; margin-right: 0; margin-bottom: 0; margin-left: -4px; content: ""; border-right: 3px solid var(--color-grey-darker); border-top: 3px solid var(--color-grey-darker); width: 8px; height: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.is-next a:hover:before { border-right-color: var(--color-first); border-top-color: var(--color-first); } .pagination.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto; } .panel { width: 100%; } .panel__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*padding: calc(0.75rem + 0.5vw) calc(0.75rem + 1vw);*/ padding: var(--padding-4); margin-bottom: 15px; border-radius: var(--radius-3); background-color: var(--color-white); -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .panel__head h2 { display: inline-block; vertical-align: middle; font-size: 1.25rem; } .panel__head p { display: inline-block; clear: left; } .panel__head .btn, .panel__head .form input[type="submit"], .form .panel__head input[type="submit"], .panel__head .form input[type="button"], .form .panel__head input[type="button"] { vertical-align: top; } .panel__head .links--inline { width: auto; float: right; } .panel__head .links--inline li { position: relative; /*padding: 0 0 0 20px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } .panel__head .links--inline li strong { color: var(--color-grey-darker); } .panel__head .links--inline li:last-child:after { content: normal; } .panel--custom .panel__left { float: left; width: calc(100% - 180px); } .panel--custom .panel__right { width: 160px; float: right; } .panel--wide .panel__left { width: 220px; clear: left; float: left; } .panel--wide .panel__right { width: calc(100% - 220px); /*padding: 0 0 0 25px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; float: right; } .panel--centered { margin: 0px auto 20px; } .panel--centered .box { padding: 20px; } .panel--centered .box--tabled { position: relative; padding: 40px 100px; } .panel--cols { padding: 20px 0; } .panel--cols .col--left { clear: left; padding-right: 30px; } .panel--cols .col--right { float: right; clear: right; } @media only screen and (max-width: 1200px) { .panel--centered .box--tabled { padding: 20px; } .panel__right--full { width: 100%; } } @media only screen and (max-width: 767px) { .panel__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .panel__head_action { float: none; } .panel__head .links--inline { display: block; float: none; } .panel__head .links--inline li { /*padding: 0 5px 0 0;*/ padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; } .panel--centered .box--tabled { padding: 10px; } } .section, .site-section { padding: calc(2rem + 2vw) 0; } .section--pagebar { margin: 0 0 0; padding: 20px 0 !important; border-bottom: 1px solid var(--color-grey-light); } .section--pagebar .cell__left .avtar { padding: 5px; margin: 0 5px; border: 1px solid var(--color-grey-light); border-radius: 0; } .section--pagebar .cell__left .avtar img { border-radius: 0; } .section--pagebar .cell__right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section--pagebar .cell__right h5 { padding-bottom: 5px; } .section--pagebar .cell__right p { font-size: 1em; opacity: 0.9; } .section--pagebar .item-yk_rating { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .section--sorting { padding-bottom: 10px; } .section--info .section__body { padding: 0; } .section--info .section__body .link--normal { text-decoration: underline; font-weight: normal; } .section__head { position: relative; } .section__head h2, .section__head p { margin: 0; } .section__head .btn--positioned { position: absolute; top: 0; right: 0; } .section__body { padding: 20px 0 0; } .section--bg { padding: 80px 0; margin-bottom: 40px; background-color: var(--color-black); color: var(--color-white); background-repeat: no-repeat; background-position: center top; } .section--bg h2, .section--bg p { color: inherit; } .section--bg-even { padding: 60px 0 80px; margin: 40px 0; background-repeat: no-repeat; background-size: cover; color: var(--color-black); } .section--bg-even h2 { padding-bottom: 20px; color: inherit; } .section-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 10px; } .section-head a { font-size: 0.875rem; color: var(--color-dark); cursor: pointer; } .section-head .section_heading { display: inline-block; font-size: 2em; font-weight: 500; } .section-head .section_action { float: right; } .section-grey { background-color: var(--color-grey-lightest); } .section-black { background-color: var(--color-black); } .section-inside { padding: 15px; display: inline-block; width: 100%; } @media (min-width: 1024px) { .section-inside { padding: 30px; } } @media only screen and (max-width: 1199px) { .section-head { margin: 0; padding: 10px 0; } .section-head .section_action { display: inline-block; float: none; vertical-align: bottom; } .section--info .section__body .box { padding: 10px; } } @media only screen and (max-width: 767px) { .section-head .section_heading { font-size: 1.5em; } } .selector__link { padding: 8px; border: 1px solid var(--color-grey-lighter); border-radius: var(--radius-1); } .selector__link.is-active { border-color: var(--color-green); } .selector__link img { width: 40px; } .selector li { float: left; /*margin: 0 5px 10px 0;*/ margin-top: 0px; margin-right: 5px; margin-bottom: 10px; margin-left: 0px; } .selector li a { display: block; color: inherit; } .selector li a.is-disabled { cursor: not-allowed; opacity: 0.4; } .selector .color { position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: top; /*margin: 0 8px 0 0;*/ margin-top: 0px; margin-right: 8; margin-bottom: 0; margin-left: 0px; border-radius: var(--radius-1); border: 1px solid rgba(0, 0, 0, 0.1); } .selector .color:before { content: ""; position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px; display: none; border: 1px solid var(--color-grey-lighter); border-radius: var(--radius-1); } .tabs { color: var(--color-black); border-bottom: 1px solid var(--color-border); } .tabs li { position: relative; display: block; height: 60px; padding: 0; float: left; color: inherit; font-size: 1.2em; line-height: 60px; -webkit-transition: none; -o-transition: none; transition: none; } .tabs a { padding: 10px 0px; margin: 0 10px; color: inherit; opacity: 0.65; } .tabs a:before { content: ""; position: absolute; bottom: -1px; left: 0; right: 100%; height: 2px; background: var(--color-first); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .tabs .is-active a:before { right: 0; } .tabs .is-active a, .tabs a:hover, .tabs a.is-active { opacity: 1; color: var(--color-first); } .tabs--modify ul li a { margin: 0; } .tabs--small { position: relative; margin: 0 0 20px 0; } .tabs--small li { height: 40px; line-height: 40px; font-size: 1em; } .tabs--vertical { position: relative; padding: 30px 0; } .tabs--vertical:before { content: ""; position: absolute; bottom: 0; top: 0; right: -21px; width: 20px; background: var(--color-grey-lightest); border-right: 1px solid var(--color-border); } .tabs--vertical li { display: block; float: none; } .tabs--vertical a { height: 55px; line-height: 55px; font-size: 1em; background: var(--color-white); border-left: none; border-right: none; border-top: 1px solid var(--color-border); } .tabs--vertical a.is-active { border-right: none; border-bottom: 1px solid var(--color-border); } .tabs--vertical a.is-active:before { display: none; } .tabs--vertical a.is-active:after { position: absolute; right: -1px; top: 0; bottom: 0; width: 3px; background: var(--color-grey-lightest); content: ""; z-index: 1; } .tabs--switcher { display: inline-block; vertical-align: top; /*margin: 0 0 0 5px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 5px; } .tabs--switcher a { display: block; height: 40px; width: 40px; padding: 5px 8px; background: none; -webkit-box-shadow: none; box-shadow: none; } .tabs--switcher li { float: left; /*margin: 0 0 0 5px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 5px; } .tabs--switcher li.is-active a { background: var(--color-white); border-radius: var(--radius-1); -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .tabs--switcher li.switch--list a span { width: 100%; height: 4px; background: var(--color-grey-light); display: block; position: relative; margin: 4px 0 0; } .tabs--switcher li.switch--list a span:before { width: 100%; height: 4px; background: var(--color-grey-light); display: block; position: absolute; top: 9px; content: ""; } .tabs--switcher li.switch--list a span:after { width: 100%; height: 4px; background: var(--color-grey-light); display: block; position: absolute; top: 18px; content: ""; } .tabs--switcher li.switch--grid a span { width: 5px; height: 5px; background: var(--color-grey-light); display: block; position: relative; /*margin: 4px 0 0 1px;*/ margin-top: 4px; margin-right: 0; margin-bottom: 0; margin-left: 1px; } .tabs--switcher li.switch--grid a span:before { width: 5px; height: 5px; background: var(--color-grey-light); display: block; position: absolute; left: 8px; content: ""; } .tabs--switcher li.switch--grid a span:after { width: 5px; height: 5px; background: var(--color-grey-light); display: block; position: absolute; left: 16px; content: ""; } .tabs--inline { position: relative; margin: 25px 0; } .tabs--inline li { display: inline-block; vertical-align: top; padding: 0 10px; } .tabs--inline li a { display: block; color: var(--color-black); padding: 5px 10px; text-align: center; position: relative; font-size: 0.85em; } .tabs--inline li a:before { bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 250ms ease 0s; } .tabs--inline li.is-active a { color: var(--color-first); } .tabs--inline li.is-active a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: var(--color-first); } @media only screen and (max-width: 1200px) { .tabs a { padding: 0 20px; height: 40px; line-height: 40px; font-size: 1em; } .tabs--small:before { height: 10px; bottom: -11px; } .tabs--small li:first-child a { border-radius: 0; } .tabs--vertical { padding: 0; margin: 0; border-bottom: 1px solid var(--color-grey-lighter); width: 100%; } .tabs--vertical:after { display: block; clear: both; height: 0; content: ""; } .tabs--vertical:before { width: 20px; background: var(--color-grey-lightest); position: absolute; bottom: 0; top: 0; right: -21px; content: ""; border-right: 1px solid var(--color-border); } .tabs--vertical li { float: left; } .tabs--vertical a { border-right: none; border-top: none; padding: 0 15px; } .tabs--vertical a.is-active { border-right: 1px solid var(--color-border); border-bottom: none; } .tabs--vertical a.is-active:before { position: absolute; left: 0; right: 0; bottom: -2px; content: ""; height: 2px; background: var(--color-grey-lightest); display: block; } .tabs--vertical a.is-active:after { display: none; } .tabs--scroll { margin: 0; padding-left: 0; } .tabs--scroll ul { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; padding-right: 30px; } .tabs--scroll ul li { float: none; display: inline-block; vertical-align: top; } .tabs--scroll ul li:last-child { margin-right: 30px; } .tabs--inline li { padding: 0; } .tabs--inline li a { padding: 8px 10px; } .tabs--offset { margin: 0; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .tabs--offset { margin: 0; margin-bottom: 20px; } } .tabscontent { background: var(--color-grey-lightest); border-top: 1px solid var(--color-grey-lighter); padding: 20px 0 0; } @media only screen and (max-width: 1200px) { .tabscontent { padding: 15px 0; } } /*-------------table-------------*/ .table { width: 100%; border-spacing: 0; border-collapse: collapse; } .table tr.disabled { opacity: 0.4; } .table tr:last-child td { border-bottom: none; } .table td, .table th { padding: 10px; font-size: 14px; vertical-align: top; text-align: left; border-bottom: 1px solid var(--color-border); } .table td:first-child, .table th:first-child { padding-left: 0; } .table th { color: var(--color-grey-darker); font-weight: 500; } .table.table-w50 { width: 50%; } .table .caption--td { display: none; } .table .item__price { font-size: 1.1em; } .table .item__description .item__title { max-width: 280px; } .table--orders td:first-child { width: 100px; } .table--orders .item__pic { min-width: 50px; margin-bottom: 0; } .table--form td { padding: 15px 10px; } .table--cart tr.disabled { pointer-events: none; } .table--cart tr:last-child td { border-bottom: 1px solid var(--color-grey-lighter); } .table--cart th { text-transform: uppercase; } .table--cart td { padding: 20px 10px; } .table--cart td:first-child { width: 35%; } .table--cart .item__pic { margin-bottom: 0; } .table--cart .links--inline li { padding-right: 20px; font-size: 1.2em; opacity: 0.8; font-weight: 300; } .table--cart .links--inline { margin: 10px 0 0; } .table--view th, .table--view td { opacity: 0.8; padding: 10px; vertical-align: top; text-align: left; border: none; } .table--view th { width: 25%; } .table--view td { color: var(--color-black); opacity: 1; } @media only screen and (max-width: 1200px) { .table { display: table; overflow-x: auto; } } @media only screen and (max-width: 767px) { .table.table-w50 { width: 100%; } .table .caption--td { display: block; } } .tbl-heading { font-weight: 400; font-size: 1.8em; padding: 15px 20px; } .table--twocols table { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); width: 100%; margin: 0 0 20px 0; } .table--twocols table:last-child table { margin-bottom: 0; } .table--twocols table th { background: var(--color-grey-lightest); color: var(--color-grey-darkest); font-weight: 500; text-transform: none; width: 33.3%; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); padding: 10px; } .table--twocols table th:first-child { padding-left: 10px; } .table--twocols table td { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); padding: 10px; } .table .item-yk .item-yk-head-title, .table.item-yk .item-yk-head-title { white-space: normal; } .tabled-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .tabled-container .tabled-box { background: var(--color-grey-lightest); padding: 30px 20px; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 15px solid var(--color-white); } .tabled-container .tabled-box h6 { max-width: 50%; margin: 0 auto 10px; line-height: 1.5; color: var(--color-black); } @media only screen and (max-width: 1200px) { table.cart-tbl-addons { display: block; } } /* tooltips */ .tooltip { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; color: inherit; cursor: help; } .tooltip i { font-size: 1.2em; } .tooltip .hovertxt { position: absolute; left: 50%; bottom: 20px; z-index: 1; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); max-width: 200px; min-width: 200px; border-radius: var(--radius-1); padding: 6px 10px 8px; font-size: 12px; line-height: 1; text-align: left; color: var(--color-white); background: var(--color-black); opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tooltip .hovertxt:before { position: absolute; bottom: -5px; left: 50%; margin-left: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--color-black); content: ''; } .tooltip:hover .hovertxt { bottom: 30px; opacity: 1; } .tooltip--right .hovertxt { left: auto; right: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .tooltip--right .hovertxt:before { left: auto; right: 10px; margin-left: 0; } .ripplelink { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; } .animate { -webkit-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } .heart-wrapper { font-size: 3px; } .heart-wrapper .ring { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; border-width: 0; border-style: solid; border-radius: 50%; } .heart-wrapper .circles { display: block; position: absolute; top: 50%; left: 50%; z-index: 2; height: 1.66667em; width: 1.66667em; margin-top: -0.83333em; margin-left: -0.83333em; border-radius: 50%; } .heart-wrapper.is-active .ring { -webkit-animation-name: ring; animation-name: ring; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .heart-wrapper.is-active .circles { -webkit-animation-name: circles; animation-name: circles; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .wrapper_favorites { right: 5px; top: 5px; } .like-action { position: inherit; top: inherit; left: inherit; right: inherit; width: 32px; height: 32px; border-radius: 100%; z-index: 1; background: var(--color-white); } .like-action .svg-icon { height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .like-action .svg-icon svg { width: 100%; height: 100%; fill: var(--color-grey-light); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .like-action.is-active .svg-icon svg { fill: var(--color-first); } .favourite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 5px; } .favourite a { width: 40px; height: 40px; display: block; border: solid 1px var(--color-border); border-radius: 50px; background: var(--color-white) url(images/retina/heart-gray.svg) no-repeat center; background-size: 20px 20px; } @media (min-width: 768px) { .favourite a:hover { background: #fff url(images/retina/heart-gray-active.svg) no-repeat center; background-size: 20px 20px; } } .favourite.is-active a { background: var(--color-white) url(images/retina/heart-gray-active.svg) no-repeat center; background-size: 20px 20px; } .rated { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; padding: 0px; margin-top: 5px; height: 20px; border: 1px solid var(--color-first); padding-right: 5px; padding-left: 5px; } .rated .rate { display: inline-block; vertical-align: middle; line-height: 1; font-size: 0.8em; } .plus-symbol { position: absolute; right: 0; top: 0; z-index: 1; bottom: 0; display: block; width: 40px; opacity: 1; visibility: visible; cursor: pointer; } .plus-symbol:before { content: ""; position: absolute; top: 20px; left: 14px; width: 10px; height: 2px; background: var(--color-grey-darkest); } .plus-symbol:after { content: ""; position: absolute; top: 20px; left: 14px; height: 2px; width: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background: var(--color-grey-darkest); } .plus-symbol.active:after { display: none; } .arrow { position: relative; display: inline-block; padding-right: 35px; } .arrow:after { position: absolute; right: 10px; top: 50%; content: ""; width: 7px; height: 7px; -webkit-transform: translateY(-80%) rotate(-45deg); -ms-transform: translateY(-80%) rotate(-45deg); transform: translateY(-80%) rotate(-45deg); } .arrow--down:after { border-left: 1px solid var(--color-grey-darkest); border-bottom: 1px solid var(--color-grey-darkest); } .map-address--wrapper > label { font-size: 12px; opacity: 0.8; } .map-address--wrapper > label:before { content: ""; width: 8px; height: 8px; display: inline-block; background: var(--color-first); margin-right: 4px; margin-top: 0; position: relative; top: 0; } .map-address--wrapper .field-wraper { position: relative; } .map-address--wrapper .field-wraper input[type="text"] { padding-right: 40px; } .map-address--wrapper .field-wraper a.icn-gps { position: absolute; right: 11px; top: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .map-address--wrapper .field-wraper a.icn-gps span.tooltip_content { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #000000; padding: 6px; color: #ffffff; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; border-radius: 4px; text-align: center; visibility: hidden; opacity: 0; font-size: 12px; bottom: 0; z-index: 2; pointer-events: none; white-space: nowrap; } .map-address--wrapper .field-wraper a.icn-gps span.tooltip_content:before { position: absolute; left: 50%; bottom: -7px; content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .map-address--wrapper .field-wraper a.icn-gps span.tooltip_content { left: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .map-address--wrapper .field-wraper a.icn-gps span.tooltip_content:before { left: inherit; bottom: -9px; border-left: 12px solid transparent; border-right: 0 solid transparent; border-top: 12px solid #000; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; right: 0; } } .map-address--wrapper .field-wraper a.icn-gps:hover { bottom: 30px; opacity: 1; visibility: visible; } #facebox .buyer_order_cancel_popup .pop-up-title { text-align: left; border: 0; background: #f5f5f5; margin-bottom: 10px; padding: 10px 15px; font-size: 18px; font-weight: 700; text-transform: capitalize; } #facebox .buyer_order_cancel_popup .table--orders-cancel_list { table-layout: fixed; } #facebox .buyer_order_cancel_popup .table--orders-cancel_list tr td:nth-child(2n + 1) { width: 150px; } #facebox .buyer_order_cancel_popup .table--orders-product_list tr td:first-child { width: 80px; } #facebox .add_product_popup .pop-up-title { text-align: left; border: 0; background: #f5f5f5; margin-bottom: 30px; padding: 10px 15px; font-size: 18px; font-weight: 700; text-transform: capitalize; } #facebox .add_product_popup .add_product_detail { margin-bottom: 20px; background-color: #f5f5f5; } #facebox .add_product_popup .add_product_detail table tr td { padding: 5px 10px; border: 1px solid #ececec; font-size: 14px; } #facebox .add_product_popup .dropdown-menu { max-height: 180px; } .wrapper-price-adjust { padding: 15px; padding-bottom: 0; } .wrapper-price-adjust .title { padding-bottom: 15px; } .wrapper-price-adjust .title span { color: var(--color-first); } .wrapper-price-adjust .item__pic { max-width: 90px; border: 1px solid #ddd; padding: 5px; border-radius: 4px; } .wrapper-price-adjust .prod-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background: #f5f5f5; padding: 20px; } .wrapper-price-adjust .prod-info .text--link { text-decoration: underline; } .wrapper-price-adjust .prod-info .text--link:hover { text-decoration: none; } .wrapper-price-adjust .prod-detail { padding-left: 20px; } .wrapper-price-adjust .prod-detail span { color: #000000; font-weight: 500; } .wrapper-price-adjust .product-type-img { padding-top: 5px; width: 13px; margin-right: 5px !important; display: inline-block !important; float: none; } .wrapper-price-adjust .product-price .price-standard { font-weight: 700; padding-top: 10px; display: block; } .wrapper-price-adjust .selection-box .product-info { width: 55%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; } .wrapper-price-adjust .selection-box .product-info a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wrapper-prod-replacement { padding: 15px; } .wrapper-prod-replacement .title { padding-bottom: 15px; } .wrapper-prod-replacement .title span { color: var(--color-first); } .wrapper-prod-replacement .row > .row { padding: 0; } .wrapper-prod-replacement input[type="checkbox"] { border-radius: 4px; height: 20px; width: 20px; -webkit-appearance: none; border: 1px solid var(--color-first); cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .wrapper-prod-replacement .selection-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px; position: relative; } .wrapper-prod-replacement .selection-box input[type="checkbox"], .wrapper-prod-replacement .selection-box input[type="radio"] { border-radius: 4px; height: 20px; width: 20px; -webkit-appearance: none; border: 1px solid var(--color-first); cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .wrapper-prod-replacement .selection-box input[type="checkbox"]:checked, .wrapper-prod-replacement .selection-box input[type="radio"]:checked { background-color: var(--color-first); z-index: 2; } .wrapper-prod-replacement .selection-box input[type="checkbox"]:checked + .overlay_box, .wrapper-prod-replacement .selection-box input[type="radio"]:checked + .overlay_box { background: var(--color-first); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.15; } .wrapper-prod-replacement .selection-box input[type="radio"] { border-radius: 50%; } .wrapper-prod-replacement .selection-box .product-info { width: 55%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; } .wrapper-prod-replacement .selection-box .product-info a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wrapper-prod-replacement .field-set.-comment { padding: 10; } .wrapper-prod-replacement .item__pic { max-width: 90px; border: 1px solid #ddd; padding: 5px; border-radius: 4px; } .wrapper-prod-replacement .prod-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background: #f5f5f5; padding: 20px; margin-bottom: 15px; } .wrapper-prod-replacement .prod-info .text--link { text-decoration: underline; } .wrapper-prod-replacement .prod-info .text--link:hover { text-decoration: none; } .wrapper-prod-replacement .prod-detail { padding-left: 20px; } .wrapper-prod-replacement .prod-detail span { color: #000000; font-weight: 500; } .wrapper-prod-replacement .product-type-img { padding-top: 5px; width: 13px; margin-right: 5px !important; display: inline-block !important; float: none; } .wrapper-prod-replacement .product-price .price-standard { font-weight: 700; padding-top: 10px; display: block; } .wrapper-seller-comments { padding: 5px; } .wrapper-seller-comments .title { padding-bottom: 15px; padding-left: 10px; } .wrapper-seller-comments .table-wrapper { padding: 0 10px; } .wrapper-seller-comments table tr td:first-child, .wrapper-seller-comments table tr th:first-child { width: 27%; padding-left: 10px; } .wrapper-seller-comments table tr:nth-child(even) td { background: #f5f5f5; } .wrapper-seller-comments table th { font-weight: 700; } .get-replacement { padding-top: 10px; border-top: 1px solid #f2f2f2; } .final_order_table.-seller-view .item-yk-head-specification a:last-child { margin-right: 0; } .row-yellow { background-color: #fffedb; } .row-red { background-color: #fceeee; } .row-green { background-color: #e1f9e1; } @media screen and (min-width: 1200px) { .order-adjustment-popup, .popup-narrow { width: 650px !important; } } @media (max-width: 767px) { .wrapper-prod-replacement .item__pic { max-width: 60px; } .wrapper-prod-replacement .selection-box > img { width: 60px; } } .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; margin: 0 3px; } .actions li { display: inline-block; vertical-align: top; /*margin: 0 2px 0px 0;*/ margin-top: 0; margin-right: 2px; margin-bottom: 0; margin-left: 0; padding-bottom: 2px; } .actions li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: none; border-radius: 2px; padding: 5px; width: 30px; height: 30px; line-height: 1.4; text-align: center; color: var(--color-grey-darkest); font-size: 1.2em; } .actions li a:hover { background: var(--color-first); color: var(--color-white); } .actions--large li a { width: 40px; height: 40px; line-height: 2; } .page-banner, .hero-page-banner { position: relative; height: 200px; background-position: center top; color: var(--color-white); } .page-banner:after, .hero-page-banner:after { position: absolute; z-index: 0; height: 100%; width: 100%; content: ""; background: rgba(0, 0, 0, 0.33); } .hero-inner-banner { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; height: 200px; } .hero-inner-banner .banner-txt { position: absolute; top: 50%; bottom: auto; left: 0; right: 0; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .page-banner { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-banner .banner-txt { position: absolute; top: 50%; bottom: auto; left: 0; right: 0; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; max-width: 1440px; margin: 0 auto; } .page-banner .banner-txt h1 { font-size: var(--font-size-xxl); font-weight: 600; line-height: 1; color: var(--color-white); } .page-banner .banner-txt h4 { color: inherit; font-size: var(--font-size-lg); display: block; } .banners { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .banners_left, .banners_right { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; height: inherit; overflow: hidden; } .banners_left { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banners_right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cols--group .col__left { width: 66.6667%; float: left; clear: left; } .cols--group .col__right { width: 31.6%; float: right; clear: right; } @media only screen and (max-width: 767px) { .cols--group .col__left, .cols--group .col__right { clear: none; float: none; width: auto; } } .cols--group .box__body { padding: 15px 0 0; } .cols--group .box__body .alert--gray { word-break: break-all; } .cols--group .box__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cols--group .box__head h4, .cols--group .box__head h5, .cols--group .box__head p { display: inline-block; padding: 0; margin-bottom: 5px; font-size: 1.15rem; } .cols--group .box__head .link--arrow { margin: 5px 0 0; opacity: 0.6; font-weight: 400; text-transform: uppercase; text-decoration: none; float: right; color: var(--color-black); } .cols--group .box__head .link--arrow:before { border-color: var(--color-black); top: 3px; } .cols--group .box__head .link--arrow:hover, .cols--group .box__head .link--arrow:hover:before { opacity: 1; } .cols--group .box__head .group--btns h4 { vertical-align: middle; padding: 4px 0 0 0; font-weight: normal; } .cols--group .box__head .group--btns .btn, .cols--group .box__head .group--btns .form input[type="submit"], .form .cols--group .box__head .group--btns input[type="submit"], .cols--group .box__head .group--btns .form input[type="button"], .form .cols--group .box__head .group--btns input[type="button"] { margin: 0 2px; } .cols--group .box__head .links--inline li a { text-transform: uppercase; } .cols--group .box__head .links--inline li a:hover { text-decoration: none; } @media only screen and (max-width: 1200px) { .cols--group .box { padding: var(--padding-4); } .cols--group .box__body { padding: var(--padding-4) 0 0; } } @media only screen and (max-width: 767px) { .cols--group .box__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .box--share { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 20px; border-radius: 2px; background: var(--color-grey-lighter); color: var(--color-white); } .box--share h5 { padding-bottom: 0; } .box--share h2 { font-size: 2.2em; padding-bottom: 15px; } .box--share h5, .box--share h2, .box--share p { color: inherit; margin: 0; } .box--share p { max-width: 80%; } .box--share .fa { position: absolute; right: 0; top: 20px; font-size: 8.5em; opacity: 0.08; left: 0; margin: 0 auto; text-align: center; } .box--share-fb { background: #3b5998; } .box--share-tw { background: #22bdf0; } .box--share-mail { background: #f15b5b; } .block { padding: 15px 30px; position: relative; } .block-head { margin-bottom: 10px; } .block-head h5 { font-size: 1.125rem; color: var(--color-grey-darkest); } .block-head h5 a { color: var(--color-grey-dark); font-size: 0.875rem; cursor: pointer; text-decoration: underline; } .block-pannel { margin-bottom: 40px; } .block-pannel .block { background: var(--color-white); padding: 30px; -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } @media (max-width: 1024px) { .block { padding: 15px; } } .cg-main .item { background: var(--color-white); padding: 15px; border-bottom: solid 1px var(--color-border); } .cg-main ul li { display: inline-block; width: 32%; vertical-align: top; } .cg-main ul li img { display: inline-block; vertical-align: middle; border-radius: 50%; margin-right: 10px; } .cg-main ul li a { padding-left: 0 !important; } .cg-main a { display: inline-block; padding: 10px 0; color: inherit; opacity: 0.7; } .cg-main a:hover { color: var(--color-first); } .cg-main a::before { display: none; } .box-categories { height: 400px; overflow-y: auto; } .box-categories ul li { display: block; margin: 0; padding: 10px; border-bottom: solid 1px var(--color-border); } .box-categories ul li.is-active { color: var(--color-white); background: var(--color-first); } .box-categories ul li.is-active a { color: inherit; } .select-categories-slider { position: relative; } .select-categories-slider .slick-arrow { position: absolute; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); width: 40px; height: 100%; border-radius: 2px; border: none; text-indent: -999999px; z-index: 1; display: inline-block; margin: 0; } .select-categories-slider .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.33); } .select-categories-slider .slick-arrow:before { display: none; } .select-categories-slider .slick-arrow.slick-prev:after, .select-categories-slider .slick-arrow.slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; border-top: none; border-left: none; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .select-categories-slider .slick-arrow.slick-next { right: 0; margin-right: -40px; } .select-categories-slider .slick-arrow.slick-prev { left: 0; margin-left: -40px; } .select-categories-slider .slick-arrow.slick-prev:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .select-categories-slider .box-border { border: solid 1px var(--color-border); border-radius: var(--radius-1); } .category__description { padding: 15px; background: var(--color-white); margin-bottom: 15px; } .cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cell__left { vertical-align: top; } .cell__right { padding: 0 0; vertical-align: middle; } .container--cms { /******* 20210609 Detail page Description Language text issue *********/ } .container--cms .space { padding: 70px 0; } .container--cms .space .btn, .container--cms .space .form input[type="submit"], .form .container--cms .space input[type="submit"], .container--cms .space .form input[type="button"], .form .container--cms .space input[type="button"] { padding-left: 60px; padding-right: 60px; } .container--cms ul { margin: 10px 0; } .container--cms ul li { position: relative; /*padding: 0 15px 5px 15px;*/ padding-top: 0px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: 1em; color: var(--color-grey-dark); } .container--cms ul li:before { position: absolute; left: 0; top: 5px; content: ""; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid var(--color-grey-light); } .container--cms ol { list-style: decimal; } .container--cms ol li { position: relative; padding: 0 0 15px 0; color: var(--color-grey-darker); /*margin: 0 0 0 15px;*/ margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 15px; font-size: 1.1em; } .container--cms ol li a { color: inherit; } .container--cms .content-container div, .container--cms .content-container p { word-break: break-word; } .cms--container h3 { font-size: var(--font-size-h5); padding-top: 15px; } .collection-wrapper .collection__container { min-width: 300px; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0) translateY(0); -ms-transform: scale(0) translateY(0); transform: scale(0) translateY(0); opacity: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; position: absolute; right: 0; bottom: 100%; background: var(--color-white); -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); border-radius: var(--radius-2); padding: 10px; } .collection-wrapper .collection__container.open-menu { -webkit-transform: scale(1) translateY(-10px); -ms-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); opacity: 1; } .collection-wrapper .collection__container .collection__title { display: block; margin: 0 0 10px 0; padding: 0 0 5px 0; font-weight: 500; font-size: 1.1em; color: var(--color-first); border-bottom: 1px solid var(--color-grey-lighter); } .collection-wrapper .field__wrap { width: 70%; float: left; } .collection-wrapper .field__wrap input[type="text"] { width: 100%; float: none; } .collection .collection__list { margin: 0 0 7px; max-height: 160px; overflow: auto; } /* Demo button */ .fixed-demo-btn { position: fixed; right: -100px; top: 300px; z-index: 10; display: block; height: 50px; width: 228px; border-radius: 2px 2px 0px 0px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 1.5em; line-height: 1.8; text-align: center; color: var(--color-first-inverse); background: var(--color-first); } .fixed-demo-btn #btn-demo { color: var(--color-white); display: block; } .buttons-list, .buttons-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buttons-list li a i.icn, .buttons-list ul li a i.icn { width: 20px; vertical-align: middle; } .block--empty { padding: 20px; } .block--empty .block__img { display: block; margin: 20px auto 30px; } .block--empty h1 { padding: 0 0 20px 0; font-size: 4em; } .block--empty h2 { padding: 0 0 10px 0; font-size: 1.5em; } .block--empty h4 { font-size: 1.1em; padding-bottom: 20px; } .block--empty h6 { font-weight: 300; } .block--empty .error__img { width: 449px; display: block; margin: 20px auto 0; } .footer a { font-size: 1rem; letter-spacing: 0.6px; } .footer__upper { padding: 0; color: var(--color-black); background: var(--color-white); border-top: 1px solid var(--color-grey-lighter); } .footer__bottom { padding: 20px 0; border-top: 1px solid var(--color-grey-lighter); color: var(--color-white); } .footer__lower, .footer__bottom { border-top: 1px solid var(--color-grey-darker); background: var(--color-grey-darkest); color: var(--color-white); } .footer__lower h1, .footer__lower h2, .footer__lower h3, .footer__lower h4, .footer__lower h5, .footer__lower h6, .footer__bottom h1, .footer__bottom h2, .footer__bottom h3, .footer__bottom h4, .footer__bottom h5, .footer__bottom h6 { color: inherit; font-size: 1.125rem; } .footer__lower h6, .footer__bottom h6 { margin-bottom: 10px; } .footer__lower p a, .footer__bottom p a { color: inherit; } .footer__lower .btn, .footer__lower .form input[type="submit"], .form .footer__lower input[type="submit"], .footer__lower .form input[type="button"], .form .footer__lower input[type="button"], .footer__bottom .btn, .footer__bottom .form input[type="submit"], .form .footer__bottom input[type="submit"], .footer__bottom .form input[type="button"], .form .footer__bottom input[type="button"] { font-weight: 400; margin-bottom: 20px; margin-left: 0; margin-right: 0; } .footer__lower .btn--border, .footer__bottom .btn--border { border-color: rgba(255, 255, 255, 0.5); } .footer-col-border { height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); } .footer-last-col { padding-left: 3rem; } @media (max-width: 1299px) { .footer__lower .btn, .footer__lower .form input[type="submit"], .form .footer__lower input[type="submit"], .footer__lower .form input[type="button"], .form .footer__lower input[type="button"] { font-size: .875rem; padding: 0 5px; } } @media (max-width: 1280px) { .footer-col-border { border-right: none; } .footer-last-col { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-last-col .footer-block { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 767px) { .footer .toggle__trigger { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 1px 0 0 0; cursor: pointer; padding: 10px 0px 10px 0px; color: var(--color-white); /* background: rgba(0, 0, 0, 1); */ border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0; font-size: 0.90rem; } .footer .toggle__trigger:before { position: absolute; right: 5px; top: 14px; width: 8px; height: 8px; content: ""; border-left: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer .toggle__trigger.is-active:before { top: 19px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .footer__bottom { border: none; padding: 5px 0; } .footer__bottom p a, .footer__bottom_info p { font-size: .90rem; } .footer__bottom .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } .footer__lower { padding-bottom: 25px; } .footer__lower h1, .footer__lower h2, .footer__lower h3, .footer__lower h4, .footer__lower h5, .footer__lower h6 { font-size: 1rem; } .footer__lower .btn, .footer__lower .form input[type="submit"], .form .footer__lower input[type="submit"], .footer__lower .form input[type="button"], .form .footer__lower input[type="button"] { font-size: 1em; } .footer-col-border { border: none; } .footer-block { padding: 5px 0; } .footer-last-col { padding-left: 0rem; display: block; border-top: none; } .footer-last-col .footer-block { max-width: 100%; } } /*Section subscribe*/ .form-subscribe { position: relative; border-radius: 50px; margin: 5px 0 0; } .form-subscribe .form { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-subscribe .form img { margin-right: 15px; } .form-subscribe .form input[type="text"] { margin: 0 30px; max-width: 600px; } .form-subscribe .form input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; border-color: var(--color-grey-darkest); } .form-subscribe .form input[type="text"]:focus::-webkit-input-placeholder { color: var(--color-grey-darkest); opacity: 1; } .form-subscribe .form input[type="text"]:focus::-moz-placeholder { color: var(--color-grey-darkest); opacity: 1; } .form-subscribe .form input[type="text"]:focus:-ms-input-placeholder { color: var(--color-grey-darkest); opacity: 1; } .form-subscribe .form input[type="text"]:focus:-moz-placeholder { color: var(--color-grey-darkest); opacity: 1; } .form-subscribe .form input[type="submit"] { background-image: none; background-color: var(--color-white); border: 1px solid var(--color-grey-darkest); border-radius: var(--radius-1); color: var(--color-grey-darkest); font-size: 1.125rem; height: 50px; width: auto; float: none; min-width: 235px; } .form-subscribe .form input[type="submit"]:hover { color: var(--color-white); background-color: var(--color-black); border-color: var(--color-black); } @media (max-width: 1200px) { .form-subscribe { max-width: 1100px; margin: auto; } } @media only screen and (max-width: 1200px) { .form-subscribe .form { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .form-subscribe .form img { display: none; } .form-subscribe .form input[type="text"] { max-width: 360px; } .form-subscribe .form input[type="submit"] { min-width: inherit; } .form-subscribe .form h6 { margin-bottom: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media only screen and (max-width: 767px) { .form-subscribe .form h6 { text-align: center; } .form-subscribe .form input[type="text"], .form-subscribe .form input[type="submit"] { width: 100%; max-width: 360px; margin: 10px 0; } } .accordion_triger { border-top: solid 1px var(--color-border); padding: 15px; position: relative; color: inherit; font-size: 0.9em; font-weight: 600; text-transform: uppercase; line-height: 1; cursor: pointer; } .accordion_triger span { float: right; font-size: inherit; font-weight: inherit; position: relative; line-height: 1; } .accordion_triger span:after { content: "+"; padding-left: 5px; } .accordion_triger.active span:after { content: "-"; } .accordion_content { display: none; padding: 10px 15px; padding-top: 0; } .footerSubCategories li { display: inline-block; font-size: 0.8em; color: inherit; line-height: 1; font-weight: 400; position: relative; } .footerSubCategories li:after { content: "|"; padding-left: 2px; } .footerSubCategories li:last-child:after { content: normal; } .footerSubCategories li a { font-size: inherit; color: inherit; } .footerSubCategories li a:hover { color: var(--color-first); } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 999; } .cc-window .box-cookies { color: var(--color-grey-light); font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; padding-bottom: 40px; text-align: center; } .cc-window .box-cookies a { color: var(--color-white); text-decoration: underline; } .cc-window .cc-close { cursor: pointer; display: inline-block; height: 25px; margin-left: 10px; padding: 0 10px; line-height: 25px; font-weight: bold; background-color: var(--color-first); color: var(--color-first-inverse); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /*Feedback Button*/ .feedback-btn { position: fixed; bottom: 130px; right: 6px; z-index: 9999; } .feedback-btn:hover .cap { opacity: 1; margin-right: 10px; } .feedback-btn .crcle-btn { position: relative; z-index: 99999; display: block; float: right; padding: 0; height: 45px; border-radius: 50%; width: 45px; text-align: center; cursor: pointer; line-height: 45px; background-color: var(--color-first); -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .feedback-btn .crcle-btn svg { display: inline-block; vertical-align: middle; height: 30px; margin: -8px 0 0 -17px; } .feedback-btn .crcle-btn svg path { fill: var(--color-white); } .social-list li { display: inline-block; vertical-align: top; /* padding: 0 10px 10px 0; */ margin-bottom: 10px; } .social-list li a { width: 45px; height: 45px; border-radius: var(--radius-1); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border: 0 none; /*background-color: rgba(255, 255, 255, 0.1);*/ /*background-color: rgba(theme('color.white', 'val'), 0.1); ;*/ } .social-list li a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; } .links-vertical li { margin: 5px 0 0; color: var(--color-grey-dark); } .links-vertical li a { display: inline-block; color: inherit; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .links-vertical li a:hover { color: var(--color-white); -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } @media (max-width: 767px) { .links-vertical li { margin: 8px 0; } } .links-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } .links-horizontal li { /*margin: 0 10px 0 0;*/ margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; } .links-horizontal a:hover { color: var(--color-second); text-decoration: none; } .shops-location-list span { display: inline-block; margin: 0; margin-right: 0.75em; margin-bottom: 0.75em; padding: 0.15em 0.5em; border-radius: var(--radius-1); color: var(--color-grey-light); border: 1px solid rgba(128, 128, 128, 0.3); } @media only screen and (max-width: 1200px) { .payments_cards img { max-width: 45px; } } @media only screen and (max-width: 767px) { .payments_cards img { max-width: 35px; } } @media (max-width: 767px) { .footer__lower .toggle__target { display: none; padding: 10px 0; } } @media (min-width: 767px) { .footer__lower h6 { pointer-events: none; } } /**/ .form small, .form .text--small, .preview .text--small { opacity: 0.8; font-style: italic; font-size: 80%; } .form input[type="submit"] { color: var(--color-first-inverse); background: var(--color-first); } .form input[type="button"] { color: var(--color-second-inverse); background: var(--color-second); } .form input[type="reset"] { background: var(--color-grey-light); } .form .astrick { position: relative; } .form .astrick:after { color: var(--color-red); content: "*"; } .form__group { width: 100%; display: inline-block; margin: 15px 0 0; } .form__cover { padding: 15px; background: var(--color-grey-lightest); border-radius: var(--radius-1); width: 100%; display: inline-block; } .form--normal { margin: 20px 0; } .form--normal input[type="submit"] { min-width: 180px; text-transform: uppercase; margin: 0 10px 0 0; } .form--auto input, .form--auto select { width: auto; } .form--shadow input[type="text"], .form--shadow select { -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); border: none; } .form--inline { display: inline-block; vertical-align: top; } .form--inline label { font-size: 1em; font-weight: 500; } .form--inline li { display: inline-block; vertical-align: top; /*padding: 0 10px 0 0;*/ padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; text-align: left; } .form--inline li:last-child { padding-right: 0; } .form--inline .btn--white { display: none; } .form--inline .btn--white .fa { display: none; } .form--inline .field--sort .fa { display: none; } .form--horizontal .field-set { display: table; table-layout: fixed; } .form--horizontal .caption-wraper { display: table-cell; vertical-align: top; /*padding: 5px 0 0;*/ width: 30%; /*padding: 5px 10px 0 0;*/ padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } .form--horizontal .field-wraper { display: table-cell; vertical-align: top; width: 70%; } .form--horizontal.layout--rtl input[type="submit"] { margin: 0 0 0 10px; } .form--singlefield { display: -webkit-box; display: -ms-flexbox; display: flex; } .form--singlefield input[type="text"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; } .form--singlefield input[type="submit"] { margin: 0; } .form--secondary input[type="submit"] { color: var(--color-white); } .form--secondary input[type="submit"]:active, .form--secondary input[type="submit"].active { background-image: none; } .form--secondary input[type="submit"].disabled:hover, .form--secondary input[type="submit"].disabled:focus, .form--secondary input[type="submit"].disabled.focus, .form--secondary input[type="submit"][disabled]:hover, .form--secondary input[type="submit"][disabled]:focus, .form--secondary input[type="submit"][disabled].focus, fieldset[disabled] .form--secondary input[type="submit"]:hover, fieldset[disabled] .form--secondary input[type="submit"]:focus, fieldset[disabled] .form--secondary input[type="submit"].focus { background-color: var(--color-second); border-color: var(--color-second); } .form--secondary input[type="submit"] .badge { color: var(--color-second); background-color: var(--color-white); } .form--secondary input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1200px) { .form--inline .btn--white { display: block; } .form--inline .btn--white .fa { display: inline-block; } .form--normal input[type="submit"] { min-width: 140px; } } @media (min-width: 992px) and (max-width: 1200px) { .form--singlefield input[type="text"] { width: 60%; } .form--singlefield input[type="submit"] { width: 40%; } } @media (max-width: 767px) { .form input[type="submit"].block-on-mobile, .form input[type="button"].block-on-mobile { margin-top: 5px; margin-bottom: 5px; } .form--normal { margin: 0 0 20px 0; } .form--normal [type="submit"] { min-width: 1%; } .form--horizontal .field-set { display: inline-block; table-layout: auto; } .form--horizontal .caption-wraper { display: block; padding: 5px 0 0; width: 100%; } .form--horizontal .field-wraper { display: block; width: 100%; } .form--inline { margin: 0 -10px; display: block; } .form--inline ul { display: table; table-layout: fixed; width: 100%; vertical-align: top; } .form--inline ul li { display: table-cell; vertical-align: top; padding: 0 10px; text-align: left; } .form--inline ul li:last-child { padding-right: 10px; } .form--inline .btn--white { font-weight: normal; text-align: left; padding: 10px; display: block; } .form--inline .btn--white .fa { float: right; font-size: 1.1em; margin: 3px 0 0; } .form--inline .field--sort { position: relative; } .form--inline .field--sort select { background-image: none; } .form--inline .field--sort .fa { position: absolute; right: 25px; top: 12px; font-size: 1.1em; display: block; } } @media (max-width: 400px) { .form--singlefield input[type="text"] { width: 56%; } .form--singlefield input[type="submit"] { width: 44%; font-size: 0.9em; } } .grids--container { background: var(--color-grey-lightest); padding: 20px; } .grids--container .form__cover { background: rgba(0, 0, 0, 0); padding: 0; } .grids--container .cellright { border: 1px solid var(--color-border); margin: 0 0 0 0px; padding: 20px; text-align: center; background: var(--color-white); } .grids--container .cellright p { margin: 0; } .grids--container .cellright h2 { font-size: 2.5em; padding: 0; margin: 0; } @media only screen and (max-width: 767px) { .grids--container .cellright { border: none; margin-left: 0; padding: 10px; min-height: inherit; margin-bottom: 5px; } } .grids--offset { margin: 0; } .grids--offset .grid-layout { background: var(--color-grey-lightest); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); padding: 15px; } .grids--offset .grid-layout p { color: var(--color-grey-darker); margin: 0 0 5px 0; } .grids--offset .grid-layout .info--order { text-align: right; } .grids--offset .grid-layout a { margin-top: 10px; } @media only screen and (max-width: 767px) { .grids--offset { margin: 0; } .grids--offset .grid-layout { /*padding: 10px 0;*/ } .grids--offset .grid-layout .info--order { text-align: left; } } .grids--colum { margin: 10px 0 30px; } .grids--colum .grid { width: 100%; min-height: 200px; padding: 20px; border-radius: var(--radius-1); background: var(--color-grey-lightest); } .grids--colum .grid p { color: var(--color-grey-darker); } @media only screen and (max-width: 767px) { .grids--colum .grid { min-height: inherit; padding: 10px; margin: 5px 0; } } /*---Body----*/ /*---Body with fixed class----*/ body.fixed #header { -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } @media (min-width: 1280px) { body.is-home:not(.fixed) #header { background-color: transparent; color: #fff; } body.is-home:not(.fixed) #header .header-account span.svg-icon { fill: #ffffff; } } /*---Top Bar----*/ .top_bar { height: 33px; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } body.fixed .top_bar { margin-top: -33px; } .top_bar .slogan { line-height: 1; color: inherit; font-size: 0.8em; padding: 10px 0; } /*---After Header----*/ .after-header { height: 103px; } /*---Short Links----*/ .short-links { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .short-links h4 { padding: 10px; } .short-links > ul > li { display: inline-block; vertical-align: middle; margin: 0 15px; position: relative; } .short-links > ul > li:last-child { margin-right: 0; } .short-links > ul > li > a { color: inherit; display: block; font-size: 0.9em; padding: 5px 0; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .short-links > ul > li span { font-size: inherit; } .short-links > ul > li .icn-language { display: inline-block; vertical-align: middle; margin: 0 2px; } .short-links > ul > li .icn-currency { display: inline-block; vertical-align: middle; padding-right: 0 3px; margin: 0 2px; font-style: normal; font-weight: 600; line-height: 1; } .currency--list { min-width: 55px; } .currency--list a { display: block; } /*---Main Bar Inner----*/ .main-bar-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*---Logo----*/ .logo { float: left; margin: 10px 0; margin-right: 15px; width: 180px; height: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .logo img, .logo svg { display: inline-block; fill: var(--color-white); height: auto; line-height: 50px; max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; } /*---Main Search----*/ .main-search { height: 70px; float: left; position: relative; background: rgba(255, 255, 255, 0.2); } .toggle--search { padding: 26px 15px; border: none; display: block; color: inherit; } .toggle--search .icn { background: url(images/retina/magni.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .toggle--search .icn-txt { vertical-align: top; font-size: 0.8em; font-weight: 400; } /* Form search Popup---- */ .is--form-visible { top: 0; left: 0; right: 0; bottom: 0; } .form--search-popup { position: fixed; left: 0; top: 33px; bottom: 0; right: 0; z-index: 100; display: none; height: 70px; background: -o-linear-gradient(112deg, #eb3681 0%, #ff3a59 100%); background: linear-gradient(338deg, #eb3681 0%, #ff3a59 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a59', endColorstr='#eb3681', GradientType=0); background: var(--color-first); -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; } .fixed .form--search-popup { top: 0; } .is--form-visible .form--search-popup { display: block; } .form--search-popup .select__cover { float: left; position: relative; } .form--search-popup .field__cover { display: block; overflow: hidden; width: calc(100% - 140px); position: absolute; left: 0; right: 0; max-width: 1430px; top: 50%; margin: 0 auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: calc(100% - 75px); padding: 0; background: none; } .form--search-popup .select__value { color: var(--header-txt-color); display: inline-block; height: 70px; line-height: 70px; min-width: 80px; padding: 0 35px 0 15px; position: relative; vertical-align: top; border-right: solid 1px rgba(255, 255, 255, 0.22); } .form--search-popup .select__value:after { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid var(--color-white); content: ""; pointer-events: none; position: absolute; right: 14px; top: 50%; } .form--search-popup .form__cover form { display: -webkit-box; display: -ms-flexbox; display: flex; } .form--search-popup .form__cover input[type="text"], .form--search-popup .form__cover select { border: none; border-radius: 0px; height: 70px; padding: 10px; font-size: 1em; background: none; color: var(--header-txt-color); border: none; } .form--search-popup .form__cover input[type="text"]:focus, .form--search-popup .form__cover select:focus { -webkit-box-shadow: none; box-shadow: none; } .form--search-popup .form__cover input[type="text"]::-webkit-input-placeholder, .form--search-popup .form__cover select::-webkit-input-placeholder { color: var(--header-txt-color); } .form--search-popup .form__cover select { border: none; color: var(--color-black); height: 70px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .form--search-popup .form__cover select option { background: var(--color-first); padding: 5px; color: var(--header-txt-color); } .form--search-popup .form__cover input[type="text"]:focus, .form--search-popup .form__cover input[type="submit"]:focus { -webkit-box-shadow: none; box-shadow: none; } .form--search-popup .form__cover input[type="submit"] { width: 60px; height: 70px; position: absolute; right: 8px; top: 0; background-image: url(images/retina/magni.svg); background-repeat: no-repeat; background-position: center center; background-color: transparent; border: none; cursor: pointer; background-size: 25px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .form--search-popup .form__cover input[type="submit"].is--active { background-image: url(images/retina/right-arrow-white.svg); } .form--search-popup .form__cover .dropdown-menu { left: 0; right: 0; } .form--search-popup .search-dropdown-menu { border: none; -webkit-box-shadow: none; box-shadow: none; } .form--search-popup .autocomplete[hidden], .form--search-popup .autocomplete:empty { display: block; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .form--search-popup .autocomplete:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .form--search-popup .autocomplete li { position: relative; padding: .2em .5em; cursor: pointer; } .form--search-popup .link__close { display: block; right: 10px; } /*Link Close--------*/ .link__close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32px; height: 32px; opacity: 0.3; } .link__close:hover { opacity: 1; } .link__close:before, .link__close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: var(--color-white); } .link__close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .link__close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .dropsection { position: fixed; width: 450px; height: 100%; right: 0; top: 0; background: var(--color-white); color: var(--color-black); z-index: 8888; overflow: hidden; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-box-shadow: var(--shadow-5); box-shadow: var(--shadow-5); } .cart-is-active .dropsection { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .common_overlay { opacity: 0; visibility: hidden; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; position: fixed; background-color: rgba(208, 208, 208, 0.8); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .cart-is-active .common_overlay, .filter__show .common_overlay, .toggled-user .common_overlay, .my-account-active .common_overlay, .is--form-visible .common_overlay { opacity: 1; visibility: visible; } .cart.dropdown .qty .increase, .cart.dropdown .qty .decrease { height: 30px; line-height: 30px; } .cart-detail { min-width: 450px; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-detail.dropsection .qty, .cart-detail.dropsection .qty input { height: 28px; line-height: 30px; } .cartdetail__body { overflow: hidden; overflow-y: auto; background: var(--color-white); } .cart-summary { width: 100%; } .cart-summary tr { border-bottom: solid 1px var(--color-border); } .cart-summary th { background: var(--color-grey-lighter); color: var(--color-black); font-weight: 300; } .cart-summary th, .cart-summary td { vertical-align: top; padding: 10px; } .cart-summary .product-img { max-width: 60px; } .cart-summary .product-img img { max-width: 100%; min-width: 60px; } .cart-summary .cart-remove { background: url(/images/retina/delete.svg) no-repeat center; background-size: 20px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0.5; } .cart-summary.item-yk .item-yk-head { height: auto; } .cart-summary.item-yk .item-yk-head-shop { font-size: 0.75em; opacity: 0.6; } .cart-summary.item-yk .item-yk-head-title { margin-bottom: 0; font-size: 1em; line-height: 2; white-space: normal; } .cart-summary.item-yk .item-yk-head-specification { font-size: 0.8em; } .cart-summary.item-yk .item-yk-head-price { display: inline-grid; grid-template-columns: auto auto auto auto auto; grid-gap: 2px; margin-top: var(--margin-2); font-size: 0.85em; } .cartdetail__footer table { width: 100%; } .cartdetail__footer table td { padding-top: var(--padding-1); padding-bottom: var(--padding-1); font-size: 0.9em; } .cartdetail__footer table td.hightlighted { font-weight: 600; font-size: 1em; padding-bottom: 20px; } .cart--full { width: 100%; margin: 0; } .cart--full .product-img { max-width: 150px; } .cart--full .product-img img { max-width: 100%; min-width: 40px; } .cart--full th { background: var(--color-grey-lighter); color: var(--color-black); font-size: 0.9rem; font-weight: bold; white-space: nowrap; } .cart--full th, .cart--full td { vertical-align: top; padding: 10px 15px; } .cart--full tr { border-bottom: solid 1px var(--color-border); } .cart--full tr td:first-child, .cart--full tr th:first-child { padding-left: 15px; } .cart--full .item-yk-head { height: auto; } .cart-tbl-addons th, .cart-tbl-addons td { padding: 10px; vertical-align: middle; } .cart-tbl-addons.item-yk .item-yk-head-title { white-space: normal; } .login-account { margin: 0; margin-left: 30px; float: right; position: relative; } .login-account > a { display: inline-block; color: inherit; margin: 25px 0; } .login-account .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; } .login-account .icn { background: url(images/retina/account.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .dropdown__target { width: 100%; z-index: 10; right: 0; top: 100%; background: var(--color-white); color: var(--color-black); -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); position: absolute; opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .dropdown__target-head { padding: 15px; background: var(--color-first); } .dropdown__target-head p { margin: 6px 0 0; color: var(--color-white); font-size: 0.9em; } .dropdown__target-head p a { color: var(--color-white); text-decoration: underline; } .dropdown__target-head .link { display: inline-block; margin: 5px 0; padding: 2px 20px 4px; border: 1px solid var(--color-white); color: var(--color-white); } .dropdown__target .iconavtar { border: 2px solid var(--color-white); display: block; position: relative; margin: 0 auto 5px; width: 60px; height: 60px; border-radius: 50%; background: var(--color-white); padding: 2px; } .dropdown__target .iconavtar .icon, .dropdown__target .iconavtar img { position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--color-first); font-size: 2.5em; line-height: 1; } .dropdown.is-active .dropdown__target { opacity: 1; visibility: visible; filter: alpha(opacity=100); z-index: 200; top: 30px; } .dropdown-menu { background: var(--color-white); border: solid 1px var(--color-border); border-bottom: none; z-index: 1; position: absolute; } .dropdown-menu li { border-bottom: solid 1px var(--color-border); font-size: 0.8em; } .dropdown-menu li a { padding: 10px; line-height: 1.5; display: block; } @media only screen and (max-width: 1200px) { #header { position: fixed; top: 0; width: 100%; } .after-header { height: 76px; } .top_bar .slogan { display: none; } .short-links > ul > li.dropdown { display: inline-block; } .logo { margin: 5px; margin-left: 0; width: 100px; height: 34px; max-height: 100px; line-height: 45px; } .logo img, .logo svg { display: inline-block; line-height: 33px; max-height: 33px; vertical-align: baseline; } .fixed .logo { max-width: 120px; margin-left: 45px; } .main-search { height: auto; float: right; background: none; margin-top: 5px; } .link__close { -webkit-transform: none; -ms-transform: none; transform: none; top: 10px; } .form--search-popup { height: auto; top: 0; } .form--search-popup .select__cover { float: none; } .form--search-popup .select__value { display: block; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } .form--search-popup .field__cover { width: 100%; } .form--search-popup .form__cover { left: 5%; right: 5%; } .form--search-popup .form__cover form { display: block; } .form--search-popup .form__cover form input[type="text"], .form--search-popup .form__cover form select { display: block; width: 100%; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } .form--search-popup .form__cover form input[type="text"] { border: none; } .form--search-popup .form__cover form input[type="submit"] { position: static; display: block; margin: 0; width: 100%; background-color: var(--color-black); } .toggle--search { display: inline-block; padding: 10px; } .toggle--search .icn-txt, .cart .icn-txt, .login-account .icn-txt { display: none; } .cart { display: inline-block; float: none; margin-top: 5px; } .cart > a { padding: 10px; margin: 0; } .cart-detail { min-width: inherit; } .cartdetail__footer { padding: 10px; } .login-account { margin: 5px 0 0 0; } .login-account > a { padding: 10px; margin: 0; display: inline-block; } } @media only screen and (max-width: 767px) { .short-links > ul > li { display: none; } } @media only screen and (max-width: 767px) and (min-width: 540px) { #header { position: relative; } } /*==================HEADER==================*/ /*Overwrite from live*/ #header { background-color: var(--color-white); color: var(--color-black); position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 20; font-weight: 600; } .fixed .hamburger { top: 0px; } .header__action:hover .header__action-link { background: none; -webkit-box-shadow: none; box-shadow: none; } /*-----Header Bar*/ .header-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; padding: 0 10px; } .header-bar a { display: block; } .header__top { position: relative; z-index: 20; padding: 0 10px; background-color: var(--color-second); color: var(--color-second-inverse); } .header-label { padding: 5px 0px; font-size: .9em; } .short-links > ul > li > a.header__action-lang { padding-right: 25px; position: relative; } .header__action-lang:after { content: ""; position: absolute; right: 5px; top: 50%; width: 7px; height: 7px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: translateY(-80%) rotate(-45deg); -ms-transform: translateY(-80%) rotate(-45deg); transform: translateY(-80%) rotate(-45deg); } .header__action-langicon { height: 25px; width: 25px; padding: 0px; background-color: var(--color-grey-light); border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .is-home .header-bar { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header-bar > div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } @media (min-width: 1200px) { .header-bar, .header__top { padding: 0 30px; } } .header-menu-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; } .header-left .header-menu-button { padding-right: 20px; } /*-----Hamburger Navigation*/ .sublinks { color: var(--color-black); margin: 0; text-align: left; } .sublinks > li { display: inline-block; margin: 0; width: 100%; vertical-align: top; padding: 0 15px; } .sublinks > li > a { color: inherit; display: block; font-size: 1em; text-transform: uppercase; padding: 0; } .sublinks > li > ul { margin: 10px 0; padding-top: 10px; border-top: 2px solid; } .sublinks > li > ul > li { padding: 0 0 5px; float: none; } .sublinks > li > ul > li a { color: var(--color-grey-dark); font-size: 1em; padding: 3px 0; display: inline-block; font-weight: 400; position: relative; } .sublinks > li > ul > li a:before { background: var(--color-first); bottom: 0px; content: ""; height: 1px; left: 0; position: absolute; right: 100%; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sublinks > li > ul > li a:hover::before { right: 0; } .sublinks > li > ul > li a:hover { color: var(--color-first); } /*-----Header single list nav*/ @media (min-width: 1280px) { .global-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .global-nav ul li { padding: 0 25px; } .global-nav ul li a { font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); color: currentColor; } .header-logo a.topnavs-toggle { display: none; } .basket-content .cart-static-label { display: none; } .header__action .cart-count { background-color: var(--color-first); } } /*-----Logo*/ .header-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1199px) { .header-logo a.logo-image { /*margin-right: 20px;*/ margin-right: 20px; } } .topnavs-toggle { cursor: pointer; display: none; height: 30px; position: relative; width: 30px; margin-right: 15px; padding-left: 5px; padding-right: 5px; } .topnavs-toggle span { background: var(--color-black); display: block; height: 2px; margin: 14px 0 0; position: relative; width: 100%; } .topnavs-toggle span:before, .topnavs-toggle span:after { background: var(--color-black); content: ""; height: 2px; left: 0; position: absolute; width: 100%; } .topnavs-toggle span:before { top: -7px; } .topnavs-toggle span:after { bottom: -7px; } @media screen and (max-width: 575px) { .topnavs-toggle { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; padding-left: 0; /*margin-right: 10px;*/ margin-right: 10px; max-width: 24px; } } .logo-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 60px; } .logo-image img { width: auto; max-height: 40px; } @media (max-width: 575px) { .logo-image img { max-height: 35px; } } /*-----Header Corner list*/ .header-corner-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-corner-actions .short-links .dropdown.is-active .dropdown__target { min-width: 110px !important; } .header-corner-actions .header-address form strong { margin: 10px 0px; display: block; } @media screen and (min-width: 1200px) { .header-corner-actions { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-corner-actions .header-address { max-width: 100%; } .header-corner-actions .selected-address .arrow { max-width: 320px; } .header-corner-actions .short-links { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media screen and (max-width: 575px) { .header-corner-actions .header-account > a { width: 32px; height: 32px; margin: 0 3px; } .header-corner-actions .header-account > a .svg-icon svg { width: 18px; } .header-corner-actions .header-account > a .grey-circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; margin: 0; } .header-corner-actions .header-account > a .grey-circle > span { width: 16px; height: 16px; } } .header-bar .svg-icon { line-height: 15px; } /*-----Header Location*/ .header-address .svg-icon { fill: var(--color-second-inverse); line-height: 1; } .address-dropdown { min-width: 100%; padding: 20px; position: absolute; top: 150%; right: 0; background: var(--color-white); color: var(--color-black); -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; opacity: 0; filter: alpha(opacity=0); visibility: hidden; z-index: 25; } .header-address.is-active .address-dropdown { opacity: 1; filter: alpha(opacity=100); visibility: visible; top: 100%; } @media (min-width: 992px) { .header-address { position: relative; } .header-address .address-dropdown { min-width: 400px; } } @media (min-width: 767px) { .header-address { /*border-right: 1px solid; margin-right: 20px;*/ } .header-address > a { position: relative; padding: 5px 15px; height: auto; border-radius: 0; -webkit-transition: none; -o-transition: none; transition: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-address.is-active > a { z-index: 21; } } .svg-icon.svg-location { padding-right: 5px; } .svg-icon.svg-location svg { display: block; height: 18px; width: 18px; } .address-form { text-align: center; } .address-form > div { padding-bottom: 15px; } .address-form > div:last-child { padding-bottom: 0; } .address-form .btn-address, .address-form .btn-address input { font-size: 1rem; color: var(--color-first-inverse); background: var(--color-first); } .selected-address { font-size: 1rem; } .selected-address .arrow { max-width: 250px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; color: var(--color-second-inverse); font-size: .9em; } .header__top .arrow.arrow--down::after { border-color: currentColor; } @media (max-width: 767px) { .address-select { display: inline-block; padding: 7px 0; } .selected-address .arrow { max-width: 100px; padding-right: 20px; } .short-links > ul > li { margin: 0 8px; } .short-links > ul > li > a { padding-top: 10px; padding-bottom: 10px; } .short-links > ul > li > a.header__action-lang { padding-right: 20px; } /*.header__top { padding: 0 20px; }*/ .header-bar { padding: 0 15px; } } @media (max-width: 1199px) { .selected-address { font-size: 0.9em; } } /* @media(max-width:1199px) { .selected-address {} .selected-address span { font-size: 0.8rem; position: absolute; padding-right: 0; width: 100%; left: 0; right: 0; top: 100%; background: theme('color.white'); color:theme('color.black'); padding: 5px; border-top: 1px solid theme('color.grey.lighter') box-shadow: theme('shadow.2'); } .selected-address .arrow.arrow--down:after { display: none; } }*/ @media (max-width: 1025px) { .avtarImg { background-color: var(--color-grey-lighter); border-radius: var(--radius-2); width: 40px; height: 40px; border: 1px solid var(--color-grey-lighter); overflow: hidden; margin-right: 10px; } } @media (max-width: 575px) { .avtarImg { width: 32px; height: 32px; } } .header__action-link.sign-in { color: currentColor; } .header__action-link.sign-in:hover { text-decoration: none; color: var(--color-second); border-color: rgba(var(--color-grey-dark), 0.5); } .header-account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-account span.svg-icon { fill: var(--color-grey-dark); } @media (min-width: 1024px) { .header-account { padding-right: 10px; position: relative; } .header-account .grey-circle { margin: 0 3px; } } .header__account-user { padding-right: 15px; } .grey-circle { background-color: transparent; border: 1px solid var(--color-grey-lighter); border-radius: var(--radius-1); text-align: center; width: 40px; height: 40px; line-height: 40px; color: currentColor; } @media (max-width: 1199px) { .grey-circle { margin: 0 5px; } } .header-address .grey-circle { display: inline-block; } @media (min-width: 767px) { .header-address .grey-circle { background-color: transparent; width: auto; height: auto; line-height: inherit; } } .basket-action { position: relative; width: 40px; margin-left: 10px; } .basket-action .grey-circle { width: auto; padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 0; } .basket-action .grey-circle .cart-counter { position: absolute; top: 7px; right: 0; display: inline-block; width: 22px; height: 22px; margin-left: 8px; border-radius: 100px; line-height: 24px; font-size: 11px; background-color: var(--color-first); color: var(--color-first-inverse); border-width: 0; } @media screen and (max-width: 1199px) { .basket-action .grey-circle { margin: 0; } } @media screen and (max-width: 575px) { .basket-action .grey-circle { padding-left: 15px; } .basket-action .grey-circle .cart-counter { display: inline-block; } } .header__action .header__action-link { display: block; height: 40px; line-height: 40px; color: inherit; position: relative; min-width: 40px; padding: 0 15px; border-radius: var(--radius-1); -o-transition: none; transition: none; -webkit-transition: none; -ms-transition: none; } .header__action-target { position: absolute; right: 0; top: 100%; background: var(--color-white); color: var(--color-black); -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); min-width: 200px; display: none; z-index: 1; padding: 10px; } @media (min-width: 1280px) { .header-account:hover .header__action-target { display: block; } .header__action:hover .header__action-link { z-index: 2; color: var(--color-grey-darkest); background: var(--color-white); -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); } } /*TOGGLE & TARGET CSS START HERE*/ .desktop.toggle--target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 25rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: var(--color-white); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .desktop.toggle--target.right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .desktop.toggle--target.visible { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .toggle::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0; visibility: hidden; pointer-events: none; content: ""; background-color: rgba(208, 208, 208, 0.8); -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .toggle.open::before { opacity: 1; visibility: visible; pointer-events: auto; } .toggle--nav { display: block; width: 25px; height: 25px; cursor: pointer; } /*TOGGLE & TARGET CSS END*/ @media (max-width: 1279px) { .header-account .header__action-target { position: fixed; right: 0; top: 0; bottom: 0; z-index: 22; width: 280px; left: auto; border-radius: 0; overflow: auto; font-size: 15px; padding: 0; display: block; } .header-account .trigger-js.is-active::after { background: rgba(0, 0, 0, 0.9); } .header__action-target .list--vertical .childs { padding-left: 15px; } .tablet.toggle__target { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 25rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: var(--color-grey-lightest); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .tablet.toggle__target.right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .tablet.toggle__target.left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .tablet.visible { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .mobile.toggle__target:not(.header__action-target) { display: block; } @media (max-width: 1279px) { .toggle__target.tablet { max-width: 17rem; } .toggle__target.mobile { position: fixed; top: 0; bottom: 0; z-index: 1000; width: 100%; max-width: 17rem; padding: 20px; overflow: hidden; overflow-y: auto; background-color: var(--color-grey-lightest); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); } .toggle__target.mobile.left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .toggle__target.mobile.right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .toggle__target.mobile.top { bottom: auto; max-width: 100%; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .toggle__target.mobile.visible { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .global-nav ul li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 6px 10px; } .global-nav ul li a { color: inherit; } .header__account-user { display: none; } .navs--main.category--nav { margin-left: 15px; margin-right: 10px; } } .grey-circle.user_img_crcle { padding: 1px; } /*-----Header Basket*/ .basket-action { margin-top: 0; float: right; position: relative; cursor: pointer; } .basket-action .header__action-link .svg-basket { display: inline-block; } .basket-action .icn { background: url(images/retina/cart.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .basket-action .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; padding-right: 5px; } .basket-content { display: inline-block; vertical-align: middle; text-align: right; line-height: 1.2; color: var(--color-grey-darkest); } .basket-content .cart-counter .cart-count.cartQuantity, .basket-content .cart-counter .cart-static-label { font-size: 0.85rem; } @media (max-width: 1025px) { .basket-action .cart-count { background: var(--color-first); border-radius: 50%; width: 22px; height: 22px; display: block; position: absolute; z-index: 0; top: 0px; right: 5px; color: var(--color-first-inverse); border: solid 2px var(--color-first); font-size: 0.7em; text-align: center; line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 1200px) { .basket-content .cart-static-label { display: block; font-size: 0.813rem; line-height: 8px; color: var(--color-grey-lighter); } .basket-content .cart-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-content .cart-counter .cart-static-label { font-size: 0.85rem; line-height: normal; color: var(--color-grey-darkest); } .basket-content .cart-counter .cart-count.cartQuantity { padding-right: 2px; } } /*---Cart After Toogle*/ .cartdetail__footer a { display: inline-block; } /*============================CART POPUP=========================*/ .cart.cart-is-active .dropsection.cart-seller { overflow: visible; padding-top: 0; } html.cart-is-active { position: fixed; left: 0; right: 0; top: 0; } .cart-seller .close { left: -40px; top: 7px; right: auto; border-radius: 50%; opacity: 1; -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); padding: 20px; background-color: var(--color-grey-darker); color: var(--color-white); } .cart-seller .close:before, .cart-seller .close:after { background-color: currentColor; } .cart-seller .close:before { top: 7px; } .cart-seller .close:after { left: 7px; } .cart-seller .grey_head { padding: 7px 30px; font-size: 14px; border-top: 0 none; } .cart-seller .grey_head label { font-weight: 600; font-size: 14px; vertical-align: middle; color: var(--color-grey-darker); } .cart-seller .grey_head span { font-weight: 700; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } .cart-seller .cartdetail__footer { background: var(--color-grey-lighter); margin: 10px 15px; } .cart-seller-actions { padding: 0 10px; } .cart-seller-actions .seller-actions td { padding: 10px; width: 50%; } .cart-seller .cart-summary tr:last-child { border-bottom: 0px; } .cart-seller-wrap.repeat-cell .box_wrap { padding-bottom: 10px; } /*------------Cart Buyer----------*/ .cart .dropsection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-is-active .dropsection.cart-buyer { overflow: visible; } @media (min-width: 767px) { .cart-is-active .dropsection.cart-buyer { padding-top: 0; } } .cart-buyer .close { left: -20px; top: 0px; right: auto; padding: 15px; border-radius: 500px; opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: var(--color-grey-light); color: var(--color-white); } .cart-buyer .close:before, .cart-buyer .close:after { background-color: currentColor; } .cart-buyer .close:before, .cart-buyer .close:after { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } .cart-buyer .close:before { height: 12px; width: 2px; top: 50%; left: 50%; } .cart-buyer .close:after { width: 12px; height: 2px; left: 50%; } .cart .cartdetail__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .cart-detail { width: 300px; max-width: 400px; padding-top: 0; } } .cart-buyer .grey_head { border-top: 0 none; padding: 7px 30px; font-size: 14px; } .cart-buyer .grey_head label { font-weight: 600; font-size: 14px; vertical-align: middle; /* color: theme('color.grey.darker'); */ } .cart-buyer .grey_head span { font-weight: 700; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 0; } .cart-buyer .cart-summary tr:last-child { border-bottom: 0px; } .cart-buyer .cartdetail__footer { background: var(--color-grey-lighter); /* margin: 10px 15px; */ padding: 20px 20px; margin-top: auto; } .cart-buyer .cartdetail__footer .cart-btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .cart-buyer .cartdetail__footer .cart-btn-group > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .cart-buyer .cartdetail__footer .cart-btn-group > *:not(:last-child) { margin-right: 10px; } .cart-buyer-wrap.repeat-cell { padding: 0; } .cart-buyer-wrap.repeat-cell:first-child { padding-top: 0; } .cart-buyer-wrap.repeat-cell .box_wrap { padding-bottom: 10px; } .cart-buyer-wrap h5 { border-top: 0 none; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-grey-darker); color: var(--color-white); } .cart-buyer-wrap .title_head { padding: 0; } .cart-buyer-wrap .grey_head label { font-weight: 500; } .cart-buyer-wrap .grey_head .green_tag { font-size: 14px; font-weight: 700; margin-left: 10px; margin-bottom: 0; padding: 5px 10px; } .cart-buyer-wrap .label_tag { opacity: 0.7; } .cart-buyer-wrap .cart--full tr td { vertical-align: middle; padding: 10px 15px; } .cart-buyer-wrap .cart--full tr td:not(:last-child):first-child { padding-left: 0; width: 100px; vertical-align: middle; } .cart-buyer-wrap .cart--full tr td:not(:first-child):last-child { width: 15%; } .cart-buyer-wrap .cart--full tr td:last-child .btn, .cart-buyer-wrap .cart--full tr td:last-child .form input[type="submit"], .form .cart-buyer-wrap .cart--full tr td:last-child input[type="submit"], .cart-buyer-wrap .cart--full tr td:last-child .form input[type="button"], .form .cart-buyer-wrap .cart--full tr td:last-child input[type="button"] { margin-top: 10px; } .cart-buyer-wrap .cart--full tr:last-child { border-bottom: 0 none; } .cart-buyer-wrap .cart--full .cart-remove { background: url(/images/retina/delete.svg) no-repeat center; background-size: 20px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-left: 10px; } .cart-buyer-wrap .cart--full .product-img { max-width: 60px; } .cart-buyer-wrap .cart--full .qty { height: 30px; line-height: 30px; } .cart-buyer-wrap .cart--full .qty .increase, .cart-buyer-wrap .cart--full .qty .decrease, .cart-buyer-wrap .cart--full .qty input { height: 28px; line-height: 28px; } .cart-buyer-wrap .qty-wrapper { position: relative; display: block; } .cart-buyer-wrap .qty-wrapper .qty { max-width: 90px; height: 30px; } .cart-buyer-wrap .qty-wrapper .qty-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .cart-buyer-wrap .qty-wrapper .qty-wrap + span { position: absolute; left: 0; width: 100%; } .cart-buyer-wrap .qty-wrapper .refresh { width: 25px; } .cart-buyer-wrap .qty-wrapper .refresh path { fill: var(--color-second); } .cart-buyer-wrap .qty-wrapper .text--normal-primary { display: block; margin-top: 2px; font-size: 12px; color: var(--color-first) !important; } .cart-buyer-wrap .price-wrap .text--normal-secondary { margin-left: 10px; } .cart-buyer-actions { padding: 0 10px; } .cart-buyer-actions .seller-actions td { padding: 10px; width: 50%; } .cart-buyer-wrap .cart-buyer-actions { padding-right: 0; } .cart-buyer-wrap .cart-buyer-actions .field-set { margin: 0; } .cart-buyer-wrap .cart-buyer-actions .seller-actions td { vertical-align: middle; width: auto; padding: 0 5px; } .cart-buyer-listing.cart--full tr { border-bottom-width: 0; } @media screen and (max-width: 375px) { .cart-buyer-listing-footer { min-width: 100% !important; } } .cart-buyer.dropsection .cart-summary.item-yk .item-yk-head-specification { word-break: break-all; white-space: normal; } @media only screen and (max-width: 767px) { .cart-buyer .grey_head { display: block; text-align: center; } .cart-buyer .cartdetail__footer .btn, .cart-buyer .cartdetail__footer .form input[type="submit"], .form .cart-buyer .cartdetail__footer input[type="submit"], .cart-buyer .cartdetail__footer .form input[type="button"], .form .cart-buyer .cartdetail__footer input[type="button"] { padding: 0 13px; font-size: 13px; margin: 5px 0; display: block; } .cart-buyer-wrap .qty-wrapper .qty { width: 100%; } .cart-buyer-listing .panel__head .btn, .cart-buyer-listing .panel__head .form input[type="submit"], .form .cart-buyer-listing .panel__head input[type="submit"], .cart-buyer-listing .panel__head .form input[type="button"], .form .cart-buyer-listing .panel__head input[type="button"] { margin-top: 15px; } } .cart-footer-buyer { background: var(--color-grey-lightest); padding: 1rem; } .cart-footer.cart-footer-buyer .cartdetail__footer table td { padding: 10px; } .cart-footer.cart-footer-buyer .cartdetail__footer table td:first-child { padding-left: 0; } .cart-footer.cart-footer-buyer .cartdetail__footer table td:last-child { padding-right: 0; } .cart-footer.cart-footer-buyer .cartdetail__footer table tr.border { border: 0 none; border-top: 1px dashed var(--color-grey-light); } .login-wrapper { padding: var(--padding-6) var(--padding-7); } .login-wrapper .heading { color: var(--color-white); font-size: 1.5em; text-align: center; text-transform: uppercase; margin-bottom: 10px; } .login-wrapper .form-side .field_label { color: var(--color-white); text-transform: uppercase; font-size: 0.9em; } .login-wrapper .form-side input[type="submit"] { background: var(--color-second); color: var(--color-second-inverse); text-transform: uppercase; font-size: 1em; border: none; display: block; width: 100%; } .login-wrapper .forgot { display: block; text-align: right; font-size: 1em; } .login-wrapper .last-button { background: none; color: var(--color-white); text-transform: uppercase; font-size: 1em; border: solid 1px rgba(255, 255, 255, 0.2); display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100%; } .login-wrapper .last-button :hover { background-color: var(--color-grey-darkest); } .login-wrapper .field-set { padding-bottom: 5px; } @media (max-width: 767px) { .login-wrapper { padding: 15px; } } .login-wrapper a.text__link { text-decoration: underline; } .login-wrapper a.text__link:hover { color: var(--color-second); text-decoration: none; } .item-detail-listing { max-height: 80vh; overflow: hidden; overflow-y: auto; } /* .dropsection.cart-buyer .cart-summary .product_price span { display: block; } */ /* .dropsection{width:390px;min-width:390px;} */ .dropsection .cart-summary th, .dropsection .cart-summary td { padding: 10px 5px; } .cart.dropdown .qty .increase, .cart.dropdown .qty .decrease, .dropsection.cart-detail .qty .decrease, .dropsection.cart-detail .qty .increase { height: 28px !important; } .cc-window .box-cookies { padding-bottom: 15px; } .category--nav.navs--main { margin-left: 10px; margin-right: 10px; } .category--nav .nav--trigger > a { border-radius: var(--radius-1); padding: 0 10px !important; } @media (min-width: 1200px) { .category--nav { position: relative; /*z-index: 21;*/ } .category--nav.navs--main { display: inline-block; } .category--nav.navs--main a { position: relative; } .category--nav.navs--main > ul { position: relative; display: table; width: 100%; } .category--nav.navs--main > ul > li { display: inline-block; position: relative; vertical-align: top; } .category--nav.navs--main > ul > li:after { background: var(--color-second); left: 1px; right: 1px; content: ""; height: 15px; position: absolute; bottom: 0px; opacity: 0; visibility: hidden; z-index: 0; } .category--nav.navs--main > ul > li.is-nav-active:before, .category--nav.navs--main > ul > li.is-nav-active:after { opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; display: block; } .category--nav.navs--main > ul > li.is-nav-active a { color: var(--color-white); } .category--nav.navs--main > ul > li > .dropdown__target_nav > li > .dropdown__target_nav { background: var(--color-grey-lightest); } .category--nav.navs--main > ul > li > a { z-index: 1; display: block; font-size: inherit; font-weight: inherit; margin-bottom: -20px; padding: 0; padding-right: 50px !important; padding-bottom: 20px !important; text-align: center; height: 60px; line-height: 40px; position: relative; border: 0; text-align: center; -webkit-transition: none; -o-transition: none; transition: none; } .category--nav.navs--main > ul > li > a:after { content: ""; position: absolute; top: 15px; right: 22px; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border: solid currentColor; border-width: 0 1px 1px 0; } .category--nav.navs--main > ul > li > a:only-child { padding-right: 12px; } .category--nav.navs--main > ul > li > a svg { display: none; } .category--nav.navs--main ul { display: block; } .category--nav.navs--main ul li ul { display: none; } .category--nav.navs--main ul li.nav--trigger > ul ul { top: 0; left: 100%; width: 100%; } .category--nav.navs--main ul li:hover > ul > li:hover > a { font-weight: 600; } .category--nav.navs--main ul li:hover > ul > li:hover > ul > li:hover > a { font-weight: 600; } .category--nav.navs--main ul li:hover > ul ul { top: 0; } .category--nav.navs--main a { color: currentColor; font-weight: normal; } .category--nav.navs--main .nav--trigger ul li { padding: 0; } .category--nav .dropdown__target_nav { padding: 10px; width: 230px; min-height: 500px; right: unset; left: 0; -webkit-transition: none; -o-transition: none; transition: none; padding: 0; background-color: var(--color-white); color: var(--color-black); } .category--nav .nav--trigger { padding-top: 10px; padding-bottom: 10px; } .category--nav .nav--trigger:hover > .dropdown__target_nav { top: 60px; } .category--nav .nav--trigger .dropdown__target_nav .dropdown__target_nav li a { background: var(--color-grey-lightest); border-bottom: 1px solid transparent; } .category--nav .nav--trigger .dropdown__target_nav .dropdown__target_nav li a:hover { background-color: var(--color-white); } .category--nav .nav--trigger .dropdown__target_nav .dropdown__target_nav .dropdown__target_nav li a { background: var(--color-white); } .category--nav > ul > li:hover > ul { top: 100%; } .category--nav ul > li:hover > ul { top: 45px; left: 0%; display: block; opacity: 1; visibility: visible; } .category--nav li a { padding: 7px; padding: 10px; font-size: 14px; border-bottom: 1px solid var(--color-grey-lightest); width: 100%; display: block; } .category--nav ul ul:not(:hover) > li:first-child > ul > li:first-child > a { font-weight: 600; } } @media screen and (max-width: 1199px) { .category--nav { /*.header-bar &.navs--main > ul > li > a svg{ display: none; }*/ } .category--nav.navs--main { z-index: 21; position: relative; margin-left: 15px; } .category--nav.navs--main > ul { display: block; } .category--nav.navs--main > ul > li a { display: block; padding: 10px; color: var(--color-grey-darkest); text-transform: uppercase; font-size: 14px; } .category--nav.navs--main > ul > li.nav--trigger > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; padding: 0; border: 1px solid var(--color-grey-lighter); overflow: hidden; } .category--nav.navs--main li { position: relative; display: block; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); text-align: left; } .category--nav.navs--main li ul { background: rgba(0, 0, 0, 0.02); margin: 0; border-top: 1px dashed rgba(0, 0, 0, 0.06); } .category--nav.navs--main .nav--trigger li ul li:last-child { border-bottom: none; } .category--nav.navs--main .nav--trigger li ul li a { text-transform: none; font-weight: normal; } .category--nav.navs--main .dropdown__target_nav .dropdown__target_nav { display: none; } .category--nav .nav--trigger { border-bottom: 0 !important; } .category--nav .nav--trigger > a { padding: 10px !important; } .category--nav.toggle-right .navigations__overlay { display: block; } .category--nav.toggle-right .nav--wrapper { opacity: 1; /*transform: translate3d(0px, 0px, 0px);*/ left: 0; visibility: visible; } .category--nav .dropdown__trigger { cursor: pointer; display: block; position: absolute; right: 5px; top: 5px; bottom: 5px; width: 35px; } .category--nav .dropdown__trigger:after { width: 8px; content: "+"; height: 8px; position: absolute; right: 14px; top: -1px; font-size: 22px; font-weight: 300; } .category--nav .dropdown__trigger.is-active:after { content: "-"; font-size: 1.7em; right: 12px; top: -6px; } } @media screen and (max-width: 575px) { .category--nav.navs--main { margin-right: 3px; } .header-bar .category--nav.navs--main > ul > li > a { padding: 0 !important; border: 1px solid var(--color-grey-lighter); height: 32px; width: 32px; text-indent: -9999px; overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; } .header-bar .category--nav.navs--main > ul > li > a > svg { width: 16px; height: 16px; } } @media (min-width: 1200px) { .dropdown__target_nav { min-width: 170px; width: 500px; z-index: 10; right: 0; top: 150%; position: absolute; opacity: 0; visibility: hidden; display: none; } .nav--trigger > ul > li > a:hover { background-color: var(--color-grey-lightest); } span.cat-arrow:after { content: ""; position: absolute; /*right: 12px;*/ right: 12px; /*left: 0; right: 12px;*/ top: 50%; display: inline-block; padding: 3px; border: solid currentColor; border-width: 0; border-right-width: 1px; border-bottom-width: 1px; /*border-width: 0 1.5px 1.5px 0;*/ /*transform: rotate(-45deg) translateY(-50%);*/ -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } } @media screen and (max-width: 1199px) { .nav--wrapper { background: var(--color-white) !important; bottom: 0; -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); left: -400px; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0px; /*transform: translate3d(-350px, 0px, 0px); -webkit-transform: translate3d(-350px, 0px, 0px); -ms-transform: translate3d(-350px, 0px, 0px);*/ -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; width: 350px; opacity: 0; visibility: hidden; z-index: 99999999; padding: 0; } .navigations__overlay { z-index: 99; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); display: none; } } @media screen and (max-width: 575px) { .nav--wrapper { width: 280px; } } @media (max-width: 767px) { #sign-in .group--social a { margin: 0 3px; } } @media (max-width: 575px) { #sign-in .group--social { -ms-flex-wrap: wrap; flex-wrap: wrap; } #sign-in .group--social a { width: 100%; margin: 3px 0; float: none; } } @media (max-width: 359px) { #sign-in .checkbox, .login-wrapper .checkbox { /*padding: 0 0 0 24px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 24px; font-size: 0.9em; } #sign-in .checkbox .input-helper:before, #sign-in .checkbox .input-helper:after, .login-wrapper .checkbox .input-helper:before, .login-wrapper .checkbox .input-helper:after { width: 16px; height: 16px; } #sign-in .forgot, .login-wrapper .forgot { font-size: 0.9em; min-height: 20px; } } /****** Demo Header Topbar UI ***/ .sticky-demo-header { padding: 0; margin: 0; height: 100%; background: #dfe3e8; } .sticky-demo-header .demo-header { background: #ffffff; position: -webkit-sticky; position: sticky; top: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px; line-height: 4rem; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } .sticky-demo-header .demo-header .restore-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-demo-header .demo-header .restore-wrapper > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; } .sticky-demo-header .demo-header .restore-wrapper .restore__content { font-size: 0.675rem; color: #333333; font-weight: 600; margin-bottom: 0.25rem; line-height: 1.5; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4px; width: 100%; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 2rem; margin: 0.25rem 0; max-width: 96px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress .restore__progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: var(--color-first); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .sticky-demo-header .demo-header .restore-wrapper .restore__counter { padding: 0px 8px; font-size: 1rem; color: var(--color-first); margin: 0.10rem 0; font-weight: 800; line-height: 1; letter-spacing: 4px; } .sticky-demo-header .demo-header .switch-interface { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-demo-header .demo-header .switch-interface li { margin: 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-demo-header .demo-header .switch-interface li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sticky-demo-header .demo-header .switch-interface li.is-active .icn svg, .sticky-demo-header .demo-header .switch-interface li:hover .icn svg { fill: var(--color-first); } .sticky-demo-header .demo-header .switch-interface li.is-active a::before, .sticky-demo-header .demo-header .switch-interface li:hover a::before { height: 2px; background: var(--color-first); color: var(--color-first-inverse); position: absolute; bottom: 0; content: ""; width: 100%; } .sticky-demo-header .demo-header .switch-interface .icn { line-height: normal; } .sticky-demo-header .demo-header .switch-interface .icn svg { width: 2rem; height: 2rem; fill: #8c8c8c; } .sticky-demo-header .demo-header .demo-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sticky-demo-header .demo-header .demo-cta a.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; height: auto; } .sticky-demo-header .demo-header .demo-cta a.btn--secondary { border: 1px solid transparent; } .sticky-demo-header .demo-header .demo-cta .close-layer { position: relative; right: auto; top: auto; margin-left: 1rem; z-index: 2; width: 32px; height: 32px; opacity: 0.3; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; background: none; } .sticky-demo-header .demo-header .demo-cta .close-layer::before, .sticky-demo-header .demo-header .demo-cta .close-layer::after { position: absolute; left: 15px; content: ' '; height: 18px; width: 2px; background-color: #000; } .sticky-demo-header .demo-header .demo-cta .close-layer::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sticky-demo-header .demo-header .demo-cta .close-layer::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 1025px) { .sticky-demo-header .demo-header { display: none; } } .sticky-demo-header #main { height: calc(100% - 71px); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .sticky-demo-header #main .device-preview { position: relative; width: 100%; height: 100%; background-position: 0 center; background-size: 5px 5px; text-align: center; } .sticky-demo-header #main .device-preview__iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: none; width: 100%; height: 100%; } .sticky-demo-header #main .device-preview__container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } @media (max-height: 801px) { .sticky-demo-header #main .device-preview__container { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } @media (max-height: 700px) { .sticky-demo-header #main .device-preview__container { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } @media (max-height: 600px) { .sticky-demo-header #main .device-preview__container { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } } @media (max-height: 600px) { .sticky-demo-header #main .device-preview { overflow-y: auto; } } .sticky-demo-header #main .device-preview .smartphone { position: relative; width: 390px; height: 710px; margin: 20px auto; border: 16px black solid; border-top-width: 60px; border-bottom-width: 60px; border-radius: 36px; overflow: hidden; } .sticky-demo-header #main .device-preview .smartphone::before { content: ''; display: block; width: 60px; height: 5px; position: absolute; top: -30px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #333; border-radius: 10px; } .sticky-demo-header #main .device-preview .smartphone::after { content: ''; display: block; width: 35px; height: 35px; position: absolute; left: 50%; bottom: -65px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #333; border-radius: 50%; } .sticky-demo-header #main .device-preview .smartphone .device-preview__content { width: 360px; height: 640px; background: white; } .sticky-demo-header #main .device-preview .tablet { position: relative; width: 800px; height: 1144px; margin: 20px auto; border: 16px black solid; border-top-width: 60px; border-bottom-width: 60px; border-radius: 36px; } .sticky-demo-header #main .device-preview .tablet::before { content: ''; display: block; width: 60px; height: 5px; position: absolute; top: -30px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #333; border-radius: 10px; } .sticky-demo-header #main .device-preview .tablet::after { content: ''; display: block; width: 35px; height: 35px; position: absolute; left: 50%; bottom: -65px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #333; border-radius: 50%; } .sticky-demo-header #main .device-preview .tablet .device-preview__content { width: 768px; height: 1024px; background: white; } /****** Demo Header Topbar UI ***/ input[type="text"].p-cards { background: url(images/payment-cards.png) no-repeat right 3px; } input[type="text"].p-cards.amex { background-position: right -34px; } input[type="text"].p-cards.visa { background-position: right -70px; } input[type="text"].p-cards.master { background-position: right -106px; } input[type="text"].p-cards.meastro { background-position: right -141px; } .labels--inline label { display: inline-block; line-height: 40px; height: 40px; padding: 0 20px 0 40px; background-color: var(--color-white); border: 1px solid var(--color-border); /*margin: 0 10px 0 0;*/ margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; border-radius: var(--radius-2); } .labels--inline .input-helper:before { top: 9px; left: 10px; } .labels--inline .input-helper:after { top: 13px; left: 14px; } .labelgroup--vertical label { display: block; margin: 10px 0; } .labelgroup--horizontal label { display: inline-block; vertical-align: top; /*margin: 0 15px 0 0;*/ margin-top: 0; margin-right: 15px; margin-bottom: 0; margin-left: 0; } .labels--inline label { display: inline-block; line-height: 40px; height: 40px; /*padding: 0 20px 0 40px;*/ padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 40px; background-color: var(--color-white); border: 1px solid var(--color-border); /*margin: 0 10px 0 0;*/ margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; border-radius: var(--radius-2); } .labels--inline label .input-helper:before { top: 9px; left: 10px; } .labels--inline label .input-helper:after { top: 13px; left: 14px; } .field-set { width: 100%; display: inline-block; margin: 0 0 20px; } .field_label { display: block; margin: 0 0 5px 0; } .field--calender { background-color: var(--color-white); padding-right: 35px !important; background-image: url(images/icon--calender.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 15px; } .field--small { width: 60px !important; display: inline-block; vertical-align: top; } .field--normal { width: 120px !important; display: inline-block; vertical-align: top; } .open > .form--secondary input[type="submit"].dropdown-toggle { background-image: none; } @media (max-width: 767px) { .field-set { margin: 0; margin-bottom: 15px; } .field--small, .field--normal { width: 100% !important; margin: 2px 0; } .radio--custom .input-txt { padding: 6px 5px; } .form__cover textarea + p { padding-top: 10px; } } /*card*/ .item-yk { position: relative; -webkit-animation: slideRight 600ms ease both; animation: slideRight 600ms ease both; } .shops .item-yk { /*	border-right: solid 1px theme('color.border');*/ -webkit-box-shadow: var(--shadow-outline-1); box-shadow: var(--shadow-outline-1); padding: 15px; border-radius: var(--radius-1); } .shops .item-yk:nth-child(4) { border-right: none; } @media only screen and (max-width: 1200px) { .shops .item-yk { border: none; padding: 10px; } } .item-yk-head { height: 100px; } .item-yk-head-lable { display: inline; line-height: 1; vertical-align: baseline; white-space: nowrap; background-color: var(--color-second); border-radius: 0; font-weight: normal; border-color: var(--color-yellow); color: var(--color-white); padding: 3px 8px 4px; position: absolute; right: 15px; font-size: 0.8em; text-align: right; border-radius: 2px; } .item-yk-head-lable:before { border-color: rgba(0, 0, 0, 0) var(--color-first) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -o-border-image: none; border-image: none; border-style: solid; content: normal; display: inline-block; left: -14px; position: absolute; top: 0; border-width: 10px 7px; } @media only screen and (max-width: 1200px) { .item-yk-head-lable { right: 10px; } } .item-yk-head-category { font-size: 0.8em; font-weight: 400; opacity: 0.7; } .item-yk-head-category a { color: inherit; font-size: inherit; } .item-yk-head-date { color: inherit; font-size: 0.875em; } .item-yk-head-title { font-size: 1.1em; margin-bottom: 5px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; opacity: 0.8; } .item-yk-head-title a { color: inherit; font-size: inherit; } @media only screen and (max-width: 1200px) { .item-yk-head-title { white-space: normal; } } .item-yk-head-specification { font-size: 1em; font-weight: 300; opacity: 0.8; } .item-yk_rating .rate { line-height: 1.5; font-size: 0.8em; display: inline-block; vertical-align: top; } .item-yk_rating .be-first { line-height: 1; font-size: 0.9em; font-weight: 300; display: inline-block; vertical-align: top; color: var(--color-second); } .item-yk_rating .be-first a { color: inherit; font-size: inherit; } .item-yk_rating .svg { width: 16px; height: 16px; margin: 0 4px; } .item-yk_rating .svg svg { vertical-align: top; margin-right: 0px; fill: var(--color-first); vertical-align: top; } .item-yk_body { position: relative; } .item-yk_body .product-img { display: block; margin: 0 0 15px; padding: 0 0 100%; position: relative; width: 100%; overflow: hidden; } .item-yk_body .product-img:before { color: var(--color-grey-lighter); content: url(images/loading.gif); font-size: 100px; height: 50px; left: 50%; line-height: 46px; margin: -25px 0 0 -25px; position: absolute; text-align: center; top: 50%; width: 50px; } .item-yk_body .product-img img { max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-filter: blur(0px); filter: blur(0px); -webkit-animation: fadein linear 1.5s; animation: fadein linear 1.5s; } .item-yk:hover .item-yk_body .product-img img { -webkit-transform: scale3d(1.15, 1.15, 1); transform: scale3d(1.15, 1.15, 1); } .item-yk.item--sold .item-yk_body .product-img { opacity: 0.3; } .item-yk .tag--soldout { position: absolute; top: 44%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; height: 32px; padding: 0 20px; font-size: 0.9em; font-weight: bold; line-height: 32px; text-transform: uppercase; background: var(--color-white); -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); color: var(--color-first); white-space: nowrap; } .item-yk .collections-ui { position: absolute; right: 0px; bottom: 0; z-index: 1; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .item-yk .collections-ui > ul > li.is-active > span { background: var(--color-second); } .item-yk .collections-ui .svg { width: 16px; height: 16px; fill: var(--color-white); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .item-yk .collections-ui .svg svg, .item-yk .collections-ui .svg img { max-width: 100%; height: auto; } .item-yk .collections-ui .fa { color: var(--color-white); font-size: 16px; } .item-yk .collections-ui.static--collection { right: 0; } .item-yk .collections-ui.static--collection > ul > li { display: inline-block; vertical-align: top; margin: 0 4px; position: relative; } .item-yk .collections-ui.is--active .menu-item { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .item-yk .collections-ui.is--active .menu-item1 { -webkit-transition-duration: 190ms; -o-transition-duration: 190ms; transition-duration: 190ms; -webkit-transform: translate3d(0px, -50px, 0); transform: translate3d(0px, -50px, 0); } .item-yk .collections-ui.is--active .menu-item2 { -webkit-transition-duration: 290ms; -o-transition-duration: 290ms; transition-duration: 290ms; -webkit-transform: translate3d(0px, -100px, 0); transform: translate3d(0px, -100px, 0); } .item-yk .collections-ui.is--active .menu-item3 { -webkit-transition-duration: 390ms; -o-transition-duration: 390ms; transition-duration: 390ms; -webkit-transform: translate3d(0px, -150px, 0); transform: translate3d(0px, -150px, 0); } .item-yk .collections-ui.is--active .menu-item4 { -webkit-transition-duration: 490ms; -o-transition-duration: 490ms; transition-duration: 490ms; -webkit-transform: translate3d(0px, -200px, 0); transform: translate3d(0px, -200px, 0); } .item-yk .product_price { font-size: 1.2rem; font-weight: 500; opacity: 0.8; } .item-yk .product_price.product--price { font-size: 1.2rem; } .item-yk .product_price .product_price_sold { font-size: 0.6em; font-weight: 300; color: var(--color-grey-darker); line-height: 1; vertical-align: middle; opacity: 0.7; } .item-yk .product_price .product_price_old { font-size: 0.6em; font-weight: 300; line-height: 1; vertical-align: middle; text-decoration: line-through; opacity: 0.7; } .item-yk .product_off { font-size: 0.7em; font-weight: 300; color: var(--color-first); display: inline-block; } .item-yk_ft_list li { position: relative; padding: 0 16px; margin: 4px 0; font-size: 0.9em; font-weight: 300; color: var(--color-grey-darker); } .item-yk_ft_list li:before { border-radius: 50%; width: 9px; height: 9px; background: var(--color-grey-light); position: absolute; left: 0; top: 5px; display: block; content: ""; } .ratings--overall { margin-bottom: 15px; } .item__description { font-size: 0.9em; } .item__description p { margin: 0; } .item__title { font-weight: 700; color: var(--color-black); margin: 0 0 4px 0; } .item__title a { opacity: 1; } .item__title a:hover { text-decoration: underline; } .item__group { width: 100%; } .item__group--left { float: left; width: 100px; } .item__group--right { margin-left: 120px; } .qty { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100px; border: solid 1px var(--color-border); background-color: var(--color-white); border-radius: var(--radius-1); } .qty-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .qty input.qty { width: 60px; text-align: center; } .qty input { display: inline-block; vertical-align: middle; width: 40px; height: 100%; margin: 0; padding: 0; font-size: 0.8em; text-align: center; border: none; } .qty .increase, .qty .decrease { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 25px; float: left; line-height: 2.5; font-size: 1em; font-weight: 600; text-align: center; cursor: pointer; vertical-align: middle; } .qty .decrease { border-right: none; } .qty .increase { border-left: none; } .qty a { display: inline-block; vertical-align: middle; } .qty a .fa { font-size: 1em; } .refresh { margin: 5px 10px; color: var(--color-second); } .remove { margin: 5px; color: var(--color-grey-darker); } .items { width: 100%; background: var(--color-grey-lightest); border-radius: var(--radius-1); margin: 0 0 20px; position: relative; padding: 10px; /*height: 100%;*/ } .items__group { position: relative; display: block; margin: 0; padding: 0; /*padding-bottom: 100%;*/ /*margin-bottom: 15px;*/ } .items__row { /*position: absolute; width: 100%; height: 100%;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; } .items .item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 50%; max-height: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 5px; background: var(--color-white); -webkit-box-shadow: var(--shadow-1); box-shadow: var(--shadow-1); } .items .item__head { text-align: center; } .items .item__pic { margin-bottom: 0; background: var(--color-white); margin: 0 auto; } .items .item__title { font-size: 1.1em; font-weight: 500; clear: left; margin: 25px 0 5px; } .items .form--creatlist { padding: 15px; } .items .form--creatlist h5 { text-align: center; } .items .form--creatlist .field-set { margin: 5px 0 0; } .quickview { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .quickview > a { padding: 3px 5px; font-size: 0.9em; line-height: 1.5; white-space: nowrap; background: rgba(0, 0, 0, 0.78); border-radius: 2px; color: var(--color-white); } .quickview .tooltip { cursor: pointer; } .quickview .tooltip .hovertxt { min-width: inherit; white-space: nowrap; bottom: 50px; } .item-yk:hover .quickview { visibility: visible; opacity: 1; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .icn-quickview { margin: 0 auto; background: var(--color-first); border-radius: 50%; width: 40px; height: 40px; display: block; } .icn-quickview svg { width: 16px; height: 16px; margin: 12px; fill: var(--color-white); } .social-toggle { display: block; width: 40px; background: url(images/retina/share-this.svg) no-repeat center; border-radius: 50%; height: 40px; cursor: pointer; background-size: 20px; border: solid 1px var(--color-border); } .social-toggle:hover { background: url(images/retina/share-this.svg) no-repeat center; background-size: 20px; } /*active case*/ .share-this { position: relative; } .collection-toggle.is-active .svg { fill: var(--color-second); } .menu-toggle { position: absolute !important; bottom: 0; z-index: 2; width: 40px; height: 40px; background: var(--color-first); border-radius: 50%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; cursor: pointer; } .menu-toggle.cross { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform: scale(1.1) translate3d(0, 0, 0); transform: scale(1.1) translate3d(0, 0, 0); } .lines-wrapper { height: 16px; position: absolute; margin: 14px 12px; width: 16px; } /**/ /**/ .menu-item { position: absolute; bottom: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; -o-transition: transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-transition-duration: 180ms; -o-transition-duration: 180ms; transition-duration: 180ms; } .tag--soldout { background: rgba(255, 255, 255, 0.8); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 1px 5px; } .section--items-favs + .loadmore { background: var(--color-grey-lightest); color: var(--color-grey-light); -webkit-box-shadow: none; box-shadow: none; } .section--items-favs + .loadmore:hover { color: var(--color-black); } #loadMoreBtnDiv { text-align: center; } a.loadmore { display: inline-block; height: 2.25em; padding: 0.5em 1em; margin: 15px auto; background-color: var(--color-white); border: 1px solid var(--color-grey-lighter); text-align: center; color: var(--color-grey-darkest); white-space: nowrap; line-height: 1; font-size: 1em; text-decoration: none; border-radius: 2px; -webkit-transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; -o-transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; transition: width 0.1s ease, height 0.4s ease, border-width 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, padding 0.4s ease; } a.loadmore:focus { outline: none; border-color: var(--color-grey-light); } a.loadmore:hover { background: var(--color-grey-lightest); } a.loadmore.loading { height: 24px; width: 24px; padding: 0; border-width: 2px; border-radius: 17px; border-color: var(--color-grey-lighter) var(--color-grey-lighter) var(--color-grey-lighter) var(--color-grey-dark); background: var(--color-white); font-size: 0; color: transparent; pointer-events: none; -webkit-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; } .no-product { margin: 0 auto; padding: 100px 20px; text-align: center; } .no-product-txt { font-size: 0.95em; line-height: 1.5; margin: 20px 0; } .no-product-txt span { display: block; text-transform: uppercase; font-size: 1.8em; } .no-record { background-image: url(images/no-record.svg); background-repeat: no-repeat; background-position: center center; width: 100%; background-size: 45%; height: 250px; } .product-options { margin: 20px; } .product-options li { border-bottom: solid 1px var(--color-border); padding: 20px 50px; padding-top: 0; position: relative; margin: 20px 0; width: 100%; display: table; } .product-options li:before { background: var(--color-white); padding: 4px 10px; bottom: -15%; color: var(--color-black); content: attr(data-heading); font-size: 1em; font-weight: 300; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } .product-options li:last-child { border-bottom: none; } .product-options li:last-child:before { content: normal; } .product-options li p { font-size: 1.6em; font-weight: 300; margin-bottom: 0; line-height: 1.5; } .product-options li a { color: inherit; } .product-options li a:hover, .product-options li a:hover p { color: var(--color-first); } .product-options li span { display: block; font-size: 0.9em; } .product-options li .icn { font-size: 4em; float: left; margin-right: 50px; } @media only screen and (max-width: 767px) { .product-options li { padding: 10px; margin: 10px 0; text-align: center; } .product-options li .icn { font-size: 2em; float: none; display: block; margin: 0 auto; text-align: center; } .product-options li p { font-size: 1.2em; } } /*===========================OVERLAY===============*/ .overlay, .facebox_overlayBG, .overlay-filter { position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; z-index: 30; opacity: 1; } .overlay:before, .facebox_overlayBG:before, .overlay-filter:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; opacity: 0.8; background-color: rgba(240, 240, 240, 0.8); content: ""; } .facebox_overlayBG { background: transparent; } html.address-is-active .overlay.overlay-address, body.toggled_left .overlay.overlay-sidenav, .toggled-user .overlay.overlay-user, .toggled-action .overlay.overlay-action, .cart-is-active .overlay.overlay-cart { opacity: 1; visibility: visible; } /* html.cart-is-active .header__nav .overlay.common_overlay { opacity: 0; visibility: hidden; } */ .overlay.overlay-action, .overlay.overlay-address { z-index: 19; } @media (max-width: 1199px) { .toggled-action .overlay.overlay-action, .address-is-active .overlay.overlay-action, .toggled-action .overlay.overlay-address, .address-is-active .overlay.overlay-address { z-index: 22; } } @media (max-width: 1199px) { .toggled-action .header__top, .address-is-active .header__top { z-index: 23; } } html.show-filters .body { z-index: 22; } @media (max-width: 1279px) { html.show-filters .overlay-filter { opacity: 1; visibility: visible; } } .product { padding: 10px; } .product .tile-media { margin-bottom: 10px; } .product .tile-media:before { padding-bottom: 100%; } .product .tile-media img { border-radius: var(--radius-1); } .product-listing.carousel { padding-right: 0px; } .product-listing .slick-list { padding: 0 5px; } .product-hovered { border-width: 1px; border-style: solid; border-color: transparent; } .product-hovered:hover { border-color: var(--color-border); } .product-category { font-size: 0.75rem; color: var(--color-grey-dark); font-weight: 400; } .product-price { margin: 5px 0; font-size: 0.875rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-price .price-standard { font-size: 1rem; color: var(--color-grey-darkest); } .product-price .price-old { font-size: 0.775rem; color: var(--color-grey-dark); margin-right: 3px; } .product-price .price-discounted { position: absolute; top: 10px; left: 10px; padding: 2px 4px; border-radius: var(--radius-1); font-size: 0.76rem; color: var(--color-white); background: var(--color-second); } .product-action .btn-add-cart { font-size: 1.02rem; margin: 0 auto; background-color: var(--color-grey-lighter); color: var(--color-first); } @media (max-width: 1200px) { .product-action .btn-add-cart { font-size: 0.875rem; height: 30px; } } .tile { position: relative; background-color: var(--color-white); display: block; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; padding: 15px; } .tile-media { display: block; position: relative; margin: auto; max-width: 100%; } .tile-media:before { position: relative; content: ""; display: block; } .tile-media img { display: inline-block; margin: auto; max-width: 80%; max-height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .tile .title { font-size: 1rem; color: var(--color-grey-darkest); font-weight: 400; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tile.product .title img { display: inline-block; vertical-align: top; width: 14px; margin: 3px 0 0 0; } .tile .product_with_varient { /*position: relative;*/ } .tile .product_with_varient .product-info { min-height: 85px; } .tile .product-category { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .store-list .tile { height: 100%; } .srch-address { margin-top: 5px; } .srch-address span { font-size: 13px; border-radius: 4px; color: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .srch-address span strong { font-weight: bold; } .srch-address span a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 24px; height: 24px; background: var(--color-first); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-left: 5px; } .srch-address span a .icon { width: 12px; height: 16px; } .srch-address span a .icon svg { width: 100%; fill: #fff; height: 100%; } .add-request-wrap { position: absolute; top: 0; width: 100%; right: 0; } @media (min-width: 1025px) { .add-request .svg-icon { border-radius: var(--radius-1); } .add-request .add-text { right: 0; visibility: hidden; opacity: 0; } .add-request-wrap:hover .svg-icon { border-radius: 0 3px 3px 0; } .add-request-wrap:hover .add-request { overflow: visible; } .add-request-wrap:hover .add-text { right: 30px; visibility: visible; opacity: 1; } } .qty-request-action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-first); margin-top: 40px; border-radius: var(--radius-1); overflow: hidden; } .qty-request-action:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; background-color: currentColor; content: ""; } .select-options + .qty-request-action { margin-top: 0; } .qty-request-wrap { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; white-space: nowrap; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: center; align-content: center; border-radius: var(--radius-1) 0px 0px 4px; background-color: var(--color-white); background-color: transparent; height: 36px; } .qty-request-wrap .svg-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; display: block; fill: var(--color-first); } .qty-request-wrap .svg-icon svg { vertical-align: middle; } .qty-request-wrap input.qty-value { height: 100%; padding: 0; width: calc(100% - 50px); border: none; background-color: transparent; border-radius: 0px; text-align: center; -webkit-box-shadow: none; box-shadow: none; color: var(--color-first); } @media (min-width: 767px) { .qty-request-wrap { height: 30px; } } @media (min-width: 1200px) { .qty-request-wrap { height: 24px; } } @media (max-width: 480px) { .qty-request-action { -ms-flex-wrap: wrap; flex-wrap: wrap; } .qty-request-wrap { border-bottom: 5px solid var(--color-white); } } .btn-add-request { border-radius: 0 4px 4px 0; height: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.765rem; margin: 0; background-color: var(--color-first); color: var(--color-first-inverse); padding-top: 0; padding-bottom: 0; } .btn-add-request:hover { -webkit-box-shadow: none; box-shadow: none; } .btn-add-request:before, .btn-add-request:after { display: none; } @media (min-width: 767px) { .btn-add-request { height: 30px; } } @media (min-width: 1200px) { .btn-add-request { height: 24px; line-height: 24px; } } @media (max-width: 480px) { .btn-add-request { border-radius: 0; width: 100%; } } .select-options select { padding-left: 10px; height: 25px; font-size: 0.765rem; color: var(--color-grey-darkest); background-image: none; } .select-options.arrow { width: 100%; padding-right: 0; margin-bottom: 10px; } #facebox .content.productQuickView .prod_scroller { max-height: 430px; overflow-y: auto; overflow-x: hidden; } .view-related-wrapper { padding-top: 30px; margin-top: 30px; border-top: 1px solid var(--color-border); } .link_group a { margin: 5px; white-space: nowrap; } .svg-increase { fill: var(--color-first); } .svg-increase svg { vertical-align: middle; } .product-card .item-yk-head { padding-right: 0px; padding-left: 20px; } .qty.product__qty { max-width: 150px; width: 100%; height: 40px; } .decrease, .increase { position: relative; height: 100%; width: 40px; } @media (max-width: 1200px) { .decrease, .increase { width: 25px; } } .box-wishlist .product_with_varient .product-price .price-discounted { top: 9px; left: 35px; } .progress--radial { margin: 0 auto; width: 10em; height: 10em; background-color: var(--color-grey-lighter); border-radius: 50%; margin-bottom: 10px; } .progress--radial .progress__circle .progress__mask, .progress--radial .progress__circle .progress__fill { width: 10em; height: 10em; position: absolute; border-radius: 50%; } .progress--radial .progress__circle .progress__fill { transition: -webkit-transform 1s; -webkit-transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-backface-visibility: hidden; background-color: var(--color-second); } .progress--radial .progress__circle .progress__mask.left { position: relative; clip: rect(0px, 160px, 160px, 80px); } .progress--radial .progress__circle .progress__mask.left .progress__fill { clip: rect(0px, 80px, 160px, 0px); } .progress--radial .progress__circle .progress__count { position: absolute; border-radius: 50%; left: 20px; top: 20px; right: 20px; bottom: 20px; background: var(--color-white); text-align: center; font-size: 3.4em; font-weight: 900; color: var(--color-grey-darker); line-height: 2.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .progress--horizontal { background-color: var(--color-grey-lighter); height: 10px; margin: 5px 0 0; } .progress--horizontal .progress__bar { background-color: var(--color-yellow); float: left; height: 100%; line-height: 20px; padding: 0; position: relative; text-align: right; width: 0; } .listing--progress > li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 5px 0 0; } .listing--progress > li .grid--left { width: 20%; float: left; font-size: 0.9em; } .listing--progress > li .grid--right { width: 80%; float: left; padding: 0 0 0 0; } .question { color: var(--color-grey-darker); } .question__head { display: inline-block; width: 100%; padding: 20px 20px 10px 20px; font-weight: 700; } .question__footer { padding: 10px 20px 10px 20px; border-bottom: 1px solid var(--color-grey-lighter); width: 100%; display: inline-block; } .question__footer .links--inline li { padding-left: 20px; } .question__footer .links--inline li.arrow--down a { position: relative; padding-right: 12px; } .question__footer .links--inline li.arrow--down a:before { position: absolute; right: 0; top: 5px; content: ""; width: 7px; height: 7px; border-left: 2px solid var(--color-border); border-bottom: 2px solid var(--color-border); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .question__footer .links--inline li.arrow--down.is-active a:before { top: 7px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .question__body { background: var(--color-grey-lightest); padding: 20px; width: 100%; display: inline-block; } .question__body .links--inline li a { color: var(--color-grey-darker); } .question__grid--left { width: 10%; font-weight: 700; float: left; } .question__grid--right { width: 90%; /*padding: 0 0 0 15px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; float: left; } .question__grid--right small { display: block; margin: 0 0 8px 0; } .question__grid--right .description__footer .links--inline { margin: 5px 0 0; } .question__grid--right .description__footer .links--inline li { padding-right: 25px; padding-left: 0; } .listings .loadmore { background: var(--color-grey-lightest); color: var(--color-grey-light); } .listings .loadmore:hover { color: var(--color-grey-darker); } .listings small { font-size: 0.9em; opacity: 0.6; } .listings__head { width: 100%; display: inline-block; margin: 0 0 20px 0; } .listings__head h4 { font-weight: normal; padding: 0 0 5px 0; } .listings__head h6 { font-weight: 300; padding: 0 0 15px 0; } .listings__sort { background: var(--color-grey-lightest); color: var(--color-grey-darker); padding: 10px; text-align: center; } .listings__sort a { color: var(--color-black) !important; } .listings__sort li.is-active a { text-decoration: underline; } .listings__sort .links--inline { margin-top: 10px; } @media (min-width: 576px) { .listings__sort { text-align: initial; } .listings__sort .links--inline { text-align: right; margin-top: 0; } } .listings__repeated { padding: 15px 0; } .listings__repeated:nth-child(even) { background: var(--color-grey-lightest); } .listings__repeated .item__ratings { margin-bottom: 5px; } .listings__repeated h6 { padding: 0; } .listings__repeated .description__body { margin: 0 0 25px 0; } .listings__repeated .rated { height: 24px; border-color: var(--color-second); margin-bottom: 10px; } .listings__repeated .rated span.rate { font-size: 1rem; } .listings__repeated .rated .svg-icon.svg-star svg { width: 14px; height: 13px; fill: var(--color-second); margin-top: -2px; margin-bottom: 0; margin-right: 0; margin-left: 4px; } .rating li { display: inline; } /******* EXAMPLE A *******/ .rating-a .br-widget { height: 52px; } .rating-a .br-widget a { display: block; width: 15px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: var(--color-grey-lighter); margin: 1px; text-align: center; } .rating-a .br-widget a.br-active, .rating-a .br-widget a.br-selected { background-color: var(--color-first); } .rating-a .br-widget .br-current-rating { font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: var(--color-grey-darker); } /******* EXAMPLE B *******/ .rating-b { /******* EXAMPLE C *******/ } .rating-b .br-widget { height: 25px; } .rating-b .br-widget a { display: block; width: 70px; height: 16px; float: left; background-color: var(--color-grey-lighter); margin: 1px; } .rating-b .br-widget a.br-active, .rating-b .br-widget a.br-selected { background-color: var(--color-first); } .rating-b .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: var(--color-grey-darker); } .rating-b .br-readonly a.br-active, .rating-b .br-readonly a.br-selected { background-color: var(--color-grey-light); } .rating-b .rating-c .br-widget { height: 52px; } .rating-b .rating-c .br-widget a { display: block; width: 35px; height: 35px; float: left; background-color: var(--color-grey-lighter); margin: 2px; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 2.2; text-align: center; color: var(--color-grey-light); } .rating-b .rating-c .br-widget a.br-active, .rating-b .rating-c .br-widget a.br-selected { background-color: var(--color-first); color: var(--color-white); } /******* EXAMPLE D *******/ .rating-d .br-widget { height: 52px; } .rating-d .br-widget a { display: block; width: 40px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: var(--color-white); border-bottom: 2px solid var(--color-grey-lighter); color: var(--color-grey-darker); margin: 1px; text-decoration: none; line-height: 2.1; text-align: center; } .rating-d .br-widget a span { color: var(--color-white); } .rating-d .br-widget a.br-active, .rating-d .br-widget a.br-selected { border-bottom: 2px solid var(--color-grey-darker); } .rating-d .br-widget a:hover span, .rating-d .br-widget a.br-current span { color: var(--color-grey-darker); } /******* EXAMPLE E *******/ .rating-e .br-widget a { padding: 5px; color: var(--color-grey-darker); text-decoration: none; font-size: 11px; font-weight: 400; line-height: 3; text-align: center; } .rating-e .br-widget a.br-active { background-color: var(--color-grey-lighter); color: var(--color-grey-darker); } .rating-e .br-widget a.br-selected { background-color: var(--color-first); color: var(--color-white); } /******* EXAMPLE F *******/ .rating-f .br-widget { height: 24px; } .rating-f .br-widget a { background: url("images/star.png"); width: 24px; height: 24px; display: block; float: left; } .rating-f .br-widget a:hover, .rating-f .br-widget a.br-active, .rating-f .br-widget a.br-selected { background-position: 0 24px; } /******* EXAMPLE G *******/ .rating-g .br-widget { height: 25px; } .rating-g .br-widget a { display: block; width: 50px; height: 16px; float: left; background-color: var(--color-grey-lighter); margin: 1px; } .rating-g .br-widget a.br-active, .rating-g .br-widget a.br-selected { background-color: var(--color-first); } .rating-g .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0; color: var(--color-grey-darker); } .search { width: 100%; border: 2px solid var(--color-white); height: 40px; border-radius: var(--radius-2); } .search input[type="text"] { border-radius: 0; width: 100%; height: 36px; background: var(--color-white); border: none; padding-top: 0; padding-right: 50px; padding-bottom: 0; padding-left: 10px; } .search input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .search input[type="submit"] { width: 40px; height: 36px; cursor: pointer; background: none; border: none; position: absolute; right: 0; top: 0; } .search__select { position: relative; display: inline-block; width: 100%; } .search__select select { text-transform: uppercase; font-size: 0.9em; background: none; border: none; width: 100%; line-height: 36px; height: 36px; color: var(--color-white); -webkit-appearance: none; -moz-appearance: none; appearance: none; /*padding: 0 30px 0 5px;*/ padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 5px; } .search__select select option { background: var(--color-grey-darkest); } .search__select select:before { width: 8px; pointer-events: none; height: 8px; position: absolute; right: 12px; top: 12px; content: ""; border-left: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .search__field { background: var(--color-white); width: 100%; position: relative; } .search__field i { position: absolute; right: 10px; top: 8px; opacity: 0.2; font-size: 1.4em; pointer-events: none; } .search__col { width: 70%; float: right; } .search__col:first-child { width: 30%; float: left; } .search--sort, .search--normal { border: none; } .search--sort input[type="text"], .search--normal input[type="text"] { height: 40px; -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .search--sort input[type="text"]:focus, .search--normal input[type="text"]:focus { -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); } .search--normal input[type="text"] { /*padding: 0 10px 0 45px;*/ padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 45px; } .search--normal i { right: auto; left: 10px; top: 10px; } .section-values .row-infos .info-icon { background-color: var(--color-grey-lighter); width: 45px; height: 45px; border-radius: 100%; position: relative; margin: 0 0 15px 0; } .section-values .row-infos .info-icon img { max-width: 25px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .section-values .row-infos h6 { padding: 0; } .section-values .row-infos p { line-height: 1.5; font-size: 0.938rem; color: var(--color-grey-dark); margin: 0; } @media (max-width: 1200px) { .section-values .row-infos > [class*="col-"] { padding-right: 10px; } } @media (max-width: 767px) { .section-values .row-infos { text-align: center; } .section-values .row-infos .info-icon { float: none; margin: 0 auto 15px; } .section-values .row-infos > [class*="col-"] { padding-bottom: 20px; } } .ftshops_item { background: var(--color-white); border-radius: 2px; } .ftshops_item_head { border-bottom: solid 1px var(--color-border); } .ftshops_item_head_left { display: table; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 20px; } .ftshops_item_head_right { text-align: right; padding: 20px; } @media only screen and (max-width: 1200px) { .ftshops_item_head_right { text-align: left; } } .ftshops_logo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; padding: 5px; margin-right: 20px; float: left; width: 80px; height: 80px; background: var(--color-grey-lighter); border-radius: 50%; overflow: hidden; } .ftshops_detail { font-size: 1em; } .ftshops_name { font-size: 1em; opacity: 0.8; } .ftshops_location { font-size: 0.8em; font-weight: 300; opacity: 0.7; } .ftshops_body { background: var(--color-white); } .ftshops_body .item-yk { float: left; width: 50%; padding: 20px; border-right: solid 1px var(--color-border); } .ftshops_body .item-yk:last-child { border-right: none; } .yk-slides .item { position: relative; text-align: center; background-repeat: no-repeat; background-position: center top; } .yk-slides .item img { margin: 0 auto; display: inline-block; } .yk-slides .slick-arrow { position: absolute; top: 50%; margin-top: -20px; background-color: rgba(255, 255, 255, 0.6); width: 40px; height: 40px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .yk-slides .slick-arrow:hover { background-color: white; } @media only screen and (max-width: 1200px) { .yk-slides .slick-arrow { display: none !important; } } .yk-slides .slick-prev:after, .yk-slides .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .yk-slides .slick-prev { left: 50%; margin-left: -630px; } .yk-slides .slick-prev:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .yk-slides .slick-next { right: 50%; margin-right: -630px; } .fetured-slider .fetured-desc { vertical-align: middle; } .fetured-slider .fetured-item { display: table; table-layout: fixed; border-right: solid 1px var(--color-border); padding: 0 20px; } .fetured-slider .fetured-item:last-child { border-right: none; } .fetured-slider .item-yk-head { margin-bottom: 15px; } .fetured-slider .item-yk-head-title { white-space: normal; } .fetured-slider .slick-prev button.fetured-slider .slick-prev { display: none !important; } .fetured-slider .slick-prev button.fetured-slider .slick-prev.slick-arrow { opacity: 0; visibility: hidden; display: none; } .fetured-slider .slick-next { position: absolute; top: 50%; left: 74%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 78px; height: 78px; border-radius: 50%; text-indent: -999999px; text-indent: -9999px; background-color: var(--color-grey-lighter); border: none; } .fetured-slider .slick-next:after { position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 15px; height: 15px; margin-left: -9px; margin-top: -7px; border-bottom: 3px solid var(--color-black); border-right: 3px solid var(--color-black); content: ""; } .fetured-slider .slick-next:hover { background: var(--color-first); } .fetured-slider .slick-next:hover:after { border-bottom-color: var(--color-white); border-right-color: var(--color-white); } .fetured-product, .fetured-desc { vertical-align: top; display: table-cell; } .fetured-product { width: 450px; padding: 10px; } @media only screen and (max-width: 1200px) { .fetured-slider .fetured-item { border: none; padding: 10px 10px; } .fetured-product, .fetured-desc { display: block; } .fetured-product { width: auto; } } .more-slider { background: var(--color-white); position: relative; padding: 20px 0; } .more-slider .more-slider_item { padding: 0px; margin: 15px; } .caraousel .slick-arrow { position: absolute; top: 50%; z-index: 1; width: 20px; height: 20px; margin: -10px 0 0; border-radius: var(--radius-1); border: none; text-indent: -999999px; background-color: var(--color-white); } .caraousel .slick-prev:after, .caraousel .slick-next:after { position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 10px; height: 10px; margin-left: 0; margin-top: -5px; content: ""; border-width: 0; border-right: 3px solid var(--color-black); border-bottom: 3px solid var(--color-black); } .caraousel .slick-prev::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .steps { width: 100%; background: var(--color-grey-lightest); padding: 10px; text-align: center; } .steps ul { margin: auto; display: block; width: 80%; } .steps ul li { display: inline-block; width: 33.3%; margin: 0 -2px; text-align: center; position: relative; color: rgba(0, 0, 0, 0.2); font-weight: 500; font-size: 1.1em; } .steps ul li:after { width: 80px; left: 100%; margin: 0 0 0 -45px; top: 50%; height: 1px; background: var(--color-grey-lighter); position: absolute; content: ""; } .steps ul li:last-child:after { display: none; } .steps ul li:before { content: "\f05e"; font-family: 'FontAwesome'; font-size: 1.2em; /*margin: 0 5px 0 0;*/ margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; } .steps ul li.is-process { color: var(--color-black); } .steps li.is-process:before { content: "\f021"; } .steps li.is-success { color: var(--color-green); } .steps li.is-success:before { content: "\f00c"; } .steps li:last-child { padding-right: 0; } /*===================SVG===================*/ .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; } .svg-icon svg { width: 15px; } .svg-icon.svg-star { fill: var(--color-first); } .svg-icon.svg-star svg { width: 9px; margin-top: -1px; display: block; height: 10px; margin-left: 2px; } .svg-icon.svg-basket svg { width: 25px; fill: currentColor; } .svg-icon.svg-grid svg { fill: var(--color-white); stroke: var(--color-grey-light); stroke-linejoin: round; stroke-width: 2px; fill-rule: evenodd; width: 25px; } .svg-icon.svg-list svg { fill: var(--color-white); fill-opacity: 0; stroke: var(--color-grey-light); stroke-linejoin: round; stroke-width: 2px; fill-rule: evenodd; width: 26px; } .trending-bg { background: url(images/slide2.jpg) no-repeat center center; position: relative; background-size: cover; background-attachment: fixed; } .trending-bg:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; content: ""; opacity: 0.5; background: var(--color-black); } .trending-bg .container { position: relative; z-index: 1; } .trending-bg .unique-heading-sub { color: var(--color-white); } .trending-list { text-align: center; } .trending-list a { color: var(--color-white); } .trending-list li { display: inline-block; margin: 15px 10px; } .trending-list li .caption { display: block; color: var(--color-white); font-size: 1em; font-weight: 300; margin: 10px 00; } .trending-list li .svg { display: block; width: 110px; height: 110px; border-radius: 50%; background: var(--color-white); position: relative; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); margin: 0 auto; } .trending-list li .svg svg, .trending-list li .svg img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: var(--color-grey-lighter); } .trending-list li .svg svg path, .trending-list li .svg img path { fill: var(--color-grey-lighter); } .trending-list li:hover .svg { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .trending-list li:hover .svg svg path { fill: var(--color-first); } .trending-list li:hover .caption { color: var(--color-first); } .widgets-head { display: block; margin: 0 0 10px 0; } .widgets-head .action { float: right; padding: 0; } .widgets-heading { font-size: 1em; margin: 10px 0; } /* Request Demo */ .pop-logo { margin: 20px auto; text-align: center; } .pop-logo img { display: inline-block; } .get-started-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; margin-bottom: 50px; } @media only screen and (max-width: 767px) { .get-started-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .started-box { text-align: center; max-width: 350px; padding: 10px 50px; position: relative; } .started-box:first-child:after { position: absolute; top: 50%; right: 0; width: 1px; height: 190px; content: ""; margin-top: -95px; background: var(--color-grey-lighter); } .illus { margin: 15px auto; } .illus img { display: inline-block; } #facebox .content.faceboxWidth.requestdemo { padding: 0; width: 700px; min-width: 350px; min-height: 150px; } .view-packages { color: var(--color-black); font-size: 16px; font-weight: 400; background: url(./images/arrow-black.png) no-repeat right center; padding: 10px; padding-right: 35px; } /* Request Demo */ .cta { border-top: solid 1px var(--color-border); padding: 20px 10px; display: block; text-align: center; } .back-to-top { text-align: center; font-size: 1em; text-transform: uppercase; padding: 10px; } .back-to-top a { color: inherit; } .rowrepeated { background: var(--color-grey-lightest); padding: 20px; border-radius: var(--radius-2); margin: 20px 0 0; } .rowrepeated:first-child { margin-top: 0; } .rowrepeated h5 { padding-bottom: 0; } .rowrepeated p strong { color: var(--color-grey-darkest); } .rowrepeated .link--normal { font-weight: normal; font-size: 1em; color: var(--color-grey-darkest); } .rowrepeated .link--normal .fa { color: var(--color-first); font-size: 1.1em; } .rowrepeated--favs:first-child { margin-top: 0; } .rowrepeated--favs .listing--items li { width: 15%; } .rowrepeated--favs .listing--items li .item__link span { font-size: 0.9em; } .balanceinfo { float: right; } @media only screen and (max-width: 1200px) { .balanceinfo { float: none; margin: 0 0 15px; } } .listing--onefifth li { float: left; width: 20%; padding: 8px 0 0; font-size: 1em; } .listing--onefifth li a { color: var(--color-grey-darker); text-transform: capitalize; } .listing--onefifth li a:hover { text-decoration: underline; color: var(--color-green); } @media only screen and (max-width: 1199px) { .listing--onefifth li { width: 33.33%; } } @media only screen and (max-width: 575px) { .listing--onefifth li { width: 50%; } } .listing--grids { width: 100%; margin: 20px 0 0; display: inline-block; } .listing--grids ul { display: table; table-layout: fixed; width: 100%; } .listing--grids ul li { padding: 0 20px 0 0; display: table-cell; vertical-align: top; } .listing--grids ul li .boxwhite { background: var(--color-white); border: 1px solid var(--color-grey-lighter); padding: 15px; display: block; } .listing--grids ul li .btn, .listing--grids ul li .form input[type="submit"], .form .listing--grids ul li input[type="submit"], .listing--grids ul li .form input[type="button"], .form .listing--grids ul li input[type="button"] { margin-top: 18px; } .listing--grids ul li h5 { padding: 0; } .cell__item { float: left; padding: 10px 10px 0 0; position: relative; width: 20%; } .cell__item .cell__body { margin: 0 0 10px; } .cell__head { color: var(--color-green); font-size: 1.2em; margin: 0 0 6px; } .cell__head a:hover { color: var(--color-grey-darkest); } .list__selection { display: block; width: 100%; padding: 10px 15px; border-bottom: 1px solid var(--color-border); position: relative; margin: 0 0 15px; } .list__selection .checkbox, .list__selection .radio { position: absolute; } .list__selection h6 { padding: 0; padding-left: 30px; } .list__selection p { margin: 0 0 10px 0; opacity: 0.7; } .list__selection address { min-height: 160px; font-style: normal; padding-bottom: 15px; } .list__selection--even { margin: 0; } .container--addresses .list__selection { background: var(--color-white); height: 100%; } .container--addresses .list__selection.is-active { background: var(--color-grey-lightest); border-width: 0; } .note { font-size: 0.8em; margin-bottom: 0; } .note-messages { font-size: 12px; color: var(--color-black); padding: 5px 10px; background-color: rgba(251, 169, 5, 0.2); border: solid 1px var(--color-yellow); display: inline-block; border-radius: var(--radius-1); } .shop-bar { background: var(--color-grey-lightest); padding: 15px 0; border-bottom: solid 1px var(--color-border); } @media only screen and (max-width: 767px) { .shop-bar { padding: 0; } } .auto-suggestion { min-width: 220px; z-index: 10; top: 100%; background: var(--color-white); -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .auto-suggestion li { padding: 5px 10px; border-bottom: solid 1px var(--color-border); } .auto-suggestion li a { display: block; } .preview { background: var(--color-grey-lightest); border-radius: var(--radius-1); padding: 15px; height: 100%; } .preview .profile__pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 0; width: 100%; padding: 10px; min-height: 170px; background: var(--color-white); border: solid 1px var(--color-border); } .preview h4 { font-size: 1.5em; line-height: 1.4; padding: 10px 0 0; } .preview h4 strong { font-size: 2em; } .preview .btngroup--fix { display: inline-block; width: 100%; } .preview .avtar--large { margin: 0 auto; } .preview--profile { margin: 0 0 10px 0; height: auto; } .preview--profile .btngroup--fix { display: table; margin: auto; text-align: center; } .preview--profile .btngroup--fix .btn, .preview--profile .btngroup--fix .form input[type="submit"], .form .preview--profile .btngroup--fix input[type="submit"], .preview--profile .btngroup--fix .form input[type="button"], .form .preview--profile .btngroup--fix input[type="button"] { display: inline-block; min-width: 1%; width: auto; margin: 5px auto; float: none; } .preview--profile .btngroup--fix .btn:after, .preview--profile .btngroup--fix .form input[type="submit"]:after, .form .preview--profile .btngroup--fix input[type="submit"]:after, .preview--profile .btngroup--fix .form input[type="button"]:after, .form .preview--profile .btngroup--fix input[type="button"]:after, .preview--profile .btngroup--fix .btn:before, .preview--profile .btngroup--fix .form input[type="submit"]:before, .form .preview--profile .btngroup--fix input[type="submit"]:before, .preview--profile .btngroup--fix .form input[type="button"]:before, .form .preview--profile .btngroup--fix input[type="button"]:before { content: normal; } @media only screen and (max-width: 767px) { .preview { height: auto; margin: 5px 0; } } .listingbox { display: inline-block; padding: 30px 0 0; width: 100%; } .listingbox h5 { margin: 0 0 10px 0; font-size: 1.2em; text-transform: uppercase; padding: 6px 15px; background: rgba(0, 0, 0, 0.05); border-bottom: 1px solid var(--color-grey-lighter); } .image-listing li { border: solid 1px var(--color-border); padding: 10px; display: inline-block; margin: 5px; border-radius: 2px; position: relative; } .image-listing li .closeimg { background: var(--color-white); border: 1px solid; border-radius: 50%; font-size: 11px; height: 20px; padding: 0; position: absolute; right: -7px; text-align: center; top: -7px; vertical-align: top; width: 20px; font-size: 0.8em; } .image-listing p { display: block; font-size: 0.8em; line-height: 1.6; margin: 0; } .query-form { margin: 0 auto; max-width: 600px; } .txt-popular { margin: 0 auto; overflow: hidden; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin-top: 25px; } @media only screen and (max-width: 767px) { .txt-popular { white-space: normal; } } .delivery-term { position: relative; display: inline-block; padding: 15px 0; } .auto-renew { float: right; } .auto-renew p { display: inline-block; margin: 0 15px; } .auto-renew .switch-links { display: inline-block; } @media only screen and (max-width: 767px) { .auto-renew { float: none; } } .highlighted-note { background: rgba(251, 169, 5, 0.2); border: 1px solid var(--color-yellow); color: var(--color-grey-darker); border-radius: 2px; font-size: 0.8em; margin-top: 5px; margin-bottom: 0; padding: 5px 8px; font-weight: 500; } .cols--group .box__head .highlighted-note { padding: 5px 8px; } .small-link-close { position: absolute; right: 5px; top: 5px; width: 24px; height: 24px; text-align: center; line-height: 24px; } .small-link-close:before { content: "+"; font-size: 20px; color: var(--color-black); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .-inline-element { display: inline-block; vertical-align: top; } .-row-heading td { background: var(--color-grey-lightest); color: var(--color-black); } .categories-add-step { padding: 10px 50px; } .inline-images { margin: 0 auto; } .inline-images li { display: inline-block; vertical-align: top; margin: 2px auto; border: solid 1px var(--color-border); border-radius: 2px; padding: 10px; margin-right: 10px; } .inline-images li img { margin-bottom: 8px; } .thanks-msg { display: block; font-style: italic; margin: 10px auto; text-align: center; } .grid-wrapper .grid-left { float: left; clear: left; width: 250px; } @media (min-width: 1200px) { .grid-wrapper .grid-right [class*="col-"] { max-width: 20%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 1199px) { .grid-wrapper .grid-right { float: right; clear: right; width: calc(100% - 250px); /*padding: 0 0 0 30px;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; } } @media (max-width: 1024px) { .grid-wrapper { padding: 0 10px; } } @media (min-width: 1366px) { .listing-products.-listing-products .product-listing [class*="col-"] { max-width: 20%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .grey_head { background: var(--color-grey-lightest); padding: 20px 30px; border-top: 1px solid var(--color-border); } .grey_head label { font-weight: 700; font-size: 16px; } .grey_head span { font-weight: 700; font-size: 22px; display: block; } .grey_head .red_tag { position: relative; display: block; padding: 5px; font-size: 13px; font-weight: 400; text-align: center; border: 1px solid var(--color-second); color: var(--color-second); } .grey_head .green_tag, .checkout-page .green_tag { position: relative; padding: 5px; border-radius: var(--radius-1); border: 1px solid var(--color-first); color: var(--color-first); font-size: 13px; font-weight: 400; display: inline-block; margin-bottom: 8px; text-align: center; } .grey_head .green_tag:before, .checkout-page .green_tag:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: currentColor; opacity: 0.15; } .field-two-wrap .field-wraper, .field-two-wrap.field-wraper { width: 100%; position: relative; } .field-two-wrap .field-wraper input, .field-two-wrap.field-wraper input { width: calc(100% - 74px); margin-right: 10px; } .field-two-wrap .field-wraper a, .field-two-wrap.field-wraper a { vertical-align: top; } .field-two-wrap .field-wraper .field_cover, .field-two-wrap.field-wraper .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--color-border); } .field-two-wrap .field-wraper .field_cover span, .field-two-wrap.field-wraper .field_cover span { display: inline-block; padding-left: 10px; border-right: 1px solid var(--color-border); width: 60px; } .field-two-wrap .field-wraper .field_cover input, .field-two-wrap.field-wraper .field_cover input { width: calc(100% - 60px); border: 0px; border-radius: 0px; } .field-two-wrap .field-wraper .field_cover input:focus, .field-two-wrap.field-wraper .field_cover input:focus { border: 0 none; -webkit-box-shadow: none; box-shadow: none; } .field-two-wrap .field-wraper .field_cover input, .field-two-wrap .field-wraper .field_cover div, .field-two-wrap.field-wraper .field_cover input, .field-two-wrap.field-wraper .field_cover div { width: 100%; } .field-two-wrap .caption-wraper { width: 20%; } .field-two-wrap .errorlist { position: absolute; left: 0; top: 100%; } .shopFormBlock .field-two-wrap .caption-wraper { width: 30%; } .shopFormBlock .field-two-wrap .field-wraper { width: 70%; } .shopFormBlock .field-wraper { vertical-align: middle; } @media only screen and (max-width: 767px) { .shopFormBlock .field-two-wrap .field-wraper { width: 100%; } } button#new_card { background-color: var(--color-first); color: var(--color-white); padding: 9px; margin-right: 15px; } .alert, #mbsmessage, .system_message { padding: 5px !important; } .page-import-export .tabs--scroll ul#map { width: 100% !important; } .col__left.w-full { width: 100%; } .info--order .btn.btn--secondary, .info--order .form input.btn--secondary[type="submit"], .form .info--order input.btn--secondary[type="submit"], .info--order .form input.btn--secondary[type="button"], .form .info--order input.btn--secondary[type="button"] { margin-top: 10px; } .btn--primary.mt-10 { margin-top: 10px; } .fat-inactive:hover, .fat-inactive a:hover { cursor: no-drop; color: inherit; opacity: 0.6; } .fat-inactive-row:hover, .fat-inactive-row a:hover { color: inherit; opacity: 0.6; } .carousel { margin: 0 -10px; } .carousel--onefourth-center, .carousel--onethird-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .carousel--onethird-center li { width: 31%; } @media only screen and (max-width: 1200px) { .toggle-group--left { width: 50%; float: left; } .toggle-group--right { width: 50%; float: right; padding-left: 20px; } } @media only screen and (max-width: 767px) { .toggle-group--left { width: 100%; } .toggle-group--right { padding: 0; width: 100%; } } .make-payment-wrapper li { list-style: none; } @media (max-width: 767px) { .js-confirm-address-wraper { display: none; } .js-confirm-address-btn.btn-showmap { margin: 0 0 20px 0; } } @media only screen and (max-width: 1200px) { .scroller--items { overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .scroller--items.align--right { margin: 15px 0 0; text-align: left !important; } } @media only screen and (max-width: 767px) { .short-detail .cart-summary .item-yk-head .item-yk-head-specification span { display: block; } .short-detail .item-yk_rating { margin: 0; } .column { margin-bottom: 15px; } .g-recaptcha { -webkit-transform: scale(0.77); -ms-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .slick-slide { height: auto; } .promotion { margin-top: 15px; text-align: center; } .promotion img { margin: 0 auto; } .pac-container { width: 335px !important; } .-show-mobile { display: block !important; } } .amazon-submit-wrap { margin: 0 auto; text-align: center; width: 85%; } .amazon-pay.siteForm { margin: 15px; text-align: center; } .page-404 { max-width: 1000px; margin: 0 auto; } .page-404 .image_404 img { margin: 50px auto; } .statistics__box { min-height: 135px; text-align: left; } .statistics__box:after { content: ""; display: table; clear: both; } .statistics__box h4 { position: relative; padding: 0 0 0 0; margin: 0 0 1rem 0; font-size: 1.25rem; /*&:before { height: 1px; background: theme('color.border'); position: absolute; left: 0; right: 0; top: 50%; margin: -1px 0 0; content: ""; }*/ } .statistics__box h4 span { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /*padding: 0 20px 0 0;*/ padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 0px; background: var(--color-white); } .statistics__box .text--normal { /*display: flex; justify-content: space-between; padding-bottom: 10px;*/ } .statistics__box .value--total { float: right; /*display: flex; justify-content: space-between;*/ font-size: 2rem; font-weight: 700; } .statistics__box.-statsFull .box { min-height: auto; border-color: var(--color-border); } .statistics__box.-statsFull h4 { margin: 0; } .list__socials li { display: block; padding: 0 0 0 0; line-height: 30px; margin: 5px 0; } .list__socials li a { font-size: 1.1em; color: inherit; width: 30px; border: none; height: 30px; display: block; line-height: 28px; text-align: center; background-size: 20px; margin: 0 auto; } .list__socials li a:hover { border-color: inherit; } .list__socials--filled li.social--li a { background: var(--color-first); color: var(--color-white); } .list__socials--filled li.social--gp a { background: #d95232; color: var(--color-white); } .is--blog .header { border-bottom: 1px solid var(--color-border); } .is--blog .header-bar { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1250px; padding: 0 15px; } .is--blog .header-logo { margin-right: auto; margin-left: 0 !important; } .is--blog .global-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; /*margin: 10px 0 0 20px;*/ margin-left: 20px; padding: 10px 0; white-space: nowrap; overflow-x: auto; } .is--blog .global-nav ul li { display: inline-block; border-bottom-width: 0; padding: 0 25px; } .is--blog .global-nav ul li a { font-size: 16px; font-size: calc(12px + 0.25vw); font-size: clamp(14px, 1vw, 16px); color: currentColor; } @media (min-width: 992px) { .is--blog .global-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (max-width: 991px) { .is--blog .global-nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: calc(100% + 30px); margin: 0 -15px; } .is--blog .global-nav ul { margin-left: 0px; margin-top: 10px; background: var(--color-grey-lightest); } } @media (max-width: 991px) { .is--blog .header-corner-actions { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .post__pic .slick-arrow { position: absolute; top: 50%; margin-top: -20px; background-color: rgba(255, 255, 255, 0.6); width: 40px; height: 40px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .post__pic .slick-arrow:hover { background-color: white; } .post__pic .slick-prev:after, .post__pic .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .post__pic .slick-prev { left: -1%; } .post__pic .slick-prev:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .post__pic .slick-next { right: -1%; } .post { padding: 20px 10px; margin: 20px 0 0; } .post-detail { padding-top: 15px; } .header-blog { position: fixed; top: 0; left: 0; right: 0; z-index: 10; width: 100%; background: var(--color-first); } .header-blog-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .after-header-blog { height: 70px; } @media only screen and (max-width: 1025px) { .after-header-blog { height: 60px; } } .nav-blog { position: relative; padding-right: 30px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: right; } .nav-blog li { display: inline-block; padding: 0 15px; } .nav-blog ul > li > a { text-transform: uppercase; color: var(--color-white); font-weight: 600; display: block; } @media only screen and (max-width: 1025px) { .nav-blog ul { display: none; } } .wrapper-menu { width: 18px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 5px; right: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; transition: -webkit-transform 330ms ease-out; -webkit-transition: -webkit-transform 330ms ease-out; -o-transition: transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; } .wrapper-menu.wrapper-menu-mobile { display: none; } .wrapper-menu .line-menu { background-color: var(--color-white); border-radius: var(--radius-2); width: 100%; height: 2px; } .wrapper-menu .line-menu:after { content: ''; position: absolute; left: 0; width: 0; height: 2px; border-radius: var(--radius-2); background: var(--color-black); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .wrapper-menu .line-menu:nth-child(2n + 1):after { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .wrapper-menu .line-menu:nth-child(2n + 2):after { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .wrapper-menu .line-menu:nth-child(2n + 3):after { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; right: 0; left: auto; } .wrapper-menu .line-menu.half { width: 50%; } .wrapper-menu .line-menu.start { -webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); -o-transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .wrapper-menu .line-menu.end { -ms-flex-item-align: end; align-self: flex-end; -webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); -o-transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .wrapper-menu.open { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .wrapper-menu.open .line-menu.start { -webkit-transform: rotate(-90deg) translateX(3px); -ms-transform: rotate(-90deg) translateX(3px); transform: rotate(-90deg) translateX(3px); } .wrapper-menu.open .line-menu.end { -webkit-transform: rotate(-90deg) translateX(-3px); -ms-transform: rotate(-90deg) translateX(-3px); transform: rotate(-90deg) translateX(-3px); } @media only screen and (max-width: 1025px) { .wrapper-menu { top: -5px; } .wrapper-menu.wrapper-menu-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .nav__secondary { position: absolute; display: none; top: calc(100% - 1px); left: 0; right: 0; padding: 10px; background: var(--color-first); -webkit-box-shadow: 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 1px rgba(0, 0, 0, 0.2); } .nav-opened .nav__secondary { display: block; } .nav__secondary ul:after { clear: both; content: ""; display: table; } .nav__secondary li { display: block; float: left; width: 33.3%; color: var(--color-white); } .nav__secondary li.on-mobile { display: none; } .nav__secondary li a { display: block; color: inherit; font-weight: normal; font-size: 1em; text-align: left; padding: 15px 0; } @media only screen and (max-width: 1025px) { .nav__secondary ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav__secondary ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } .nav__secondary li.on-mobile { display: block; } } @media only screen and (max-width: 992px) { .nav__secondary { overflow: auto; max-height: calc(100vh - 55px); position: absolute; top: 100%; padding: 0; } .nav__secondary li { display: block; width: auto; float: none; } } @media only screen and (max-width: 767px) { .nav__secondary ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .posts-slider { position: relative; padding-top: 15px; } .posts-slider .slick-arrow.slick-prev { left: 30px; } .posts-slider .slick-arrow.slick-next { right: 30px; } .posts-slider .post-item { margin: 0 10px; overflow: hidden; position: relative; } .posts-slider .post-item .post-media { position: relative; background: var(--color-white); padding-bottom: 56.25%; } .posts-slider .post-item .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0.3; } .posts-slider .post-item.slick-active .img { opacity: 1; } .posts-slider .post-item .post-data { text-align: center; padding: 30px 20px; margin-top: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.2; background: rgba(0, 0, 0, 0.25); -webkit-box-shadow: none; box-shadow: none; } .posts-slider .post-item .post-heading h2 { font-weight: 600; font-size: 1.625em; color: var(--color-black); line-height: 1.4; margin-bottom: 15px; } .posts-slider .post-item .tag { letter-spacing: 5px; font-size: 1em; color: var(--color-grey-darker); text-transform: uppercase; margin-bottom: 10px; } .posts-slider .post-item .links { color: var(--color-first); font-weight: 600; text-transform: uppercase; font-size: 0.875em; text-decoration: underline; } .posts-slider .post-item.slick-active .post-data { position: relative; background: none; border: solid 2px var(--color-first); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .posts-slider .post-item.slick-active .post-data:before { content: ""; display: inline-block; width: 15px; height: 15px; border-top: 2px solid var(--color-first); border-right: 2px solid var(--color-first); background: var(--color-white); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: -9px; left: 0; right: 0; margin: 0 auto; } .posts-slider .slick-dots { margin: 30px auto; text-align: center; position: relative; bottom: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .posts-slider .slick-dots li { border: 1px solid transparent; border-radius: 50%; display: inline-block; margin: 0 2px; padding: 3px; } .posts-slider .slick-dots li button { background: var(--color-grey-light); border: medium none; border-radius: 50%; display: block; height: 11px; position: relative; text-indent: -9999px; width: 11px; } .posts-slider .slick-dots li.slick-active { border: 1px solid var(--color-first); } .posts-slider .slick-dots li.slick-active button { background: var(--color-first); border-color: var(--color-white); } .searchform-holder { position: relative; } .form-main-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-main-search .field-set { margin: 0; padding: 0; } .form-main-search input[type="text"] { background: none; border: none; padding: 0 10px; margin: 0; height: 40px; font-size: 1em; font-weight: 300; line-height: 40px; width: auto; border-radius: 0; } .form-main-search input[type="submit"] { background: url(/images/retina/search-btn.svg) no-repeat center; background-size: 18px; border: none; padding: 0; margin: 0; height: 40px; width: 57px; line-height: 40px; float: right; } .post-repeated { direction: ltr; text-align: left; display: table; table-layout: fixed; width: 100%; overflow: hidden; position: relative; padding: 20px 0; } .post-repeated.odd { direction: rtl; } .post-repeated.odd .posted-data-side { padding-left: 0; padding-right: 10%; direction: ltr; } .post-repeated .posted-media { position: relative; display: table-cell; vertical-align: middle; width: 50%; } .post-repeated .posted-data-side { width: 50%; display: table-cell; vertical-align: middle; background: var(--color-white); position: relative; padding-left: 10%; } @media only screen and (max-width: 992px) { .post-repeated .posted-media, .post-repeated .posted-data-side { display: block; width: auto; } .post-repeated .posted-data-side { padding: 0; margin: 10px 0; } } .posted-by { margin-bottom: 15px; } .posted-by .auther { background: var(--color-first); color: var(--color-white); display: inline-block; padding: 2px 10px; margin: 0 3px; font-size: 0.9rem; } .posted-by .time { font-weight: 300; } .posted-data h2 { font-weight: 600; margin-bottom: 15px; min-height: 70px; } .posted-data h2 a { color: inherit; } @media only screen and (max-width: 767px) { .posted-data h2 { min-height: auto; } } .posted-content { background: var(--color-white); } .posted-content .posted-media img { width: 100%; } .post--title { font-size: 3.125em; font-weight: 600; margin-bottom: 15px; line-height: 1.2; } @media only screen and (max-width: 992px) { .post--title { font-size: 2em; } } .btn--bordered { font-weight: 600; background: var(--color-white); border: solid 2px var(--color-first); color: var(--color-first); -webkit-box-shadow: none; box-shadow: none; } .share-this { display: inline-block; vertical-align: middle; margin: 0 10px; } .bg-pattern { padding: 80px 0; background: url(/images/pattern.png) repeat 0 0; } .recent-posts .posted-media { margin-bottom: 30px; } .likes-count li { margin-right: 10px; display: inline-block; line-height: 1; vertical-align: top; font-weight: 300; color: var(--color-black); font-size: 0.875em; } .likes-count li .icn-like, .likes-count li .icn-msg { display: inline-block; vertical-align: middle; margin-right: 10px; } .likes-count li .icn-like img, .likes-count li .icn-msg img { width: 20px; } .posted-media { overflow: hidden; margin-bottom: 20px; } .post__detail { line-height: 1.6; } .post__detail .roll { display: inline-block; overflow: hidden; font-family: 'OpenSans-Semibold'; vertical-align: top; -webkit-perspective: 400px; perspective: 400px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .post__detail .roll:hover { background: none; text-shadow: none; } .post__detail blockquote { margin: 10px 0; margin-left: 40px; padding: 12px 0 0 45px; font-size: 1.5em; font-weight: 600; line-height: normal; font-style: italic; color: var(--color-second); } .post__detail blockquote p { font-size: 1.5em; font-weight: 600; line-height: normal; font-style: italic; color: var(--color-second); } .post__detail h1, .post__detail h2, .post__detail h3, .post__detail h4, .post__detail h5, .post__detail h6 { clear: both; margin: 25px 0 10px; } .post__detail h1 { letter-spacing: -2px; } .post__detail h2 { color: var(--color-first); letter-spacing: -1px; } .post__detail h3 { position: relative; font-weight: 600; color: var(--color-grey-darkest); } .post__detail h3:after { background: var(--color-first); width: 40px; height: 2px; content: ""; position: absolute; bottom: 0; left: 0; } .post__detail h4 { color: var(--color-second); } .post__detail h5 { color: var(--color-second); margin: 0px 0 5px 0; } .post__detail p { font-size: 1em; font-weight: normal; color: var(--color-grey-darker); line-height: 1.5; padding: 0 0 15px 0; } .post__detail a { text-decoration: none; color: var(--color-first); } .post__detail a:hover { color: var(--color-second); } .post__detail p a { color: var(--color-first); } .post__detail p span { text-decoration: none !important; } .post__detail ul { margin: 10px 0 10px 0; padding: 0; } .post__detail ul li { position: relative; font-size: 17px; line-height: 30px; padding: 0 0 8px 24px; color: var(--color-grey-darker); letter-spacing: 0.02em; } .post__detail ul li:before { position: absolute; left: 0; top: 11px; width: 8px; height: 8px; content: ""; display: inline-block; background-color: currentColor; } .post__detail ul li a { color: var(--color-first); text-decoration: none; } .post__detail ol { /*margin: 10px 0 10px 20px;*/ margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 20px; padding: 0; width: 100%; display: inline-block; } .post__detail ol li { list-style: decimal outside; font-size: 17px; line-height: normal; padding: 0 0 10px 0; color: var(--color-grey-darker); letter-spacing: 0.02em; } .post__detail ol li a { color: var(--color-first); text-decoration: none; } .post__detail ol li ul li { list-style: none; padding: 0 20px; } .post__detail ol.list-spl { color: var(--color-grey-lighter); list-style-type: none; } .post__detail ol.list-spl li { font-size: 15px; position: relative; margin: 0px 0 15px 0; list-style-type: none !important; } .post__detail ol.list-spl li.highlighted-point .highlighted-info { /*margin: 0 0 0 56px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 56px; } .post__detail ol.list-spl li.highlighted-point .highlighted-info span.sub-info { display: block; margin: 5px 0 0 0; } .post__detail ol.list-spl li.highlighted-point p { background: var(--color-grey-lightest); color: var(--color-black); position: relative; /*margin: 0 0 10px 13px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 10px; margin-left: 13px; top: 13px; padding: 15px 15px 15px 40px; border-radius: 2px; -webkit-box-shadow: var(--shadow-outline-3); box-shadow: var(--shadow-outline-3); } .post__detail ol.list-spl li.highlighted-point a { line-height: normal; } .post__detail ol.list-spl li p { font-size: 14px; padding-left: 50px; color: var(--color-black); padding-top: 4px; } .post__detail ol.list-spl li > span { background: var(--color-second); border-radius: 60px; width: 30px; height: 30px; padding: 2px; text-align: center; position: relative; color: var(--color-white); font-size: 14px; line-height: 26px; z-index: 1; float: left; margin-right: 15px; margin-top: 2px; } .post__detail ol.list-spl li ul { /*margin: 5px 0 5px 50px;*/ margin-top: 5px; margin-right: 0; margin-bottom: 5px; margin-left: 50px; } .post__detail ol.list-spl li ul li { background: url(images/bullet.png) no-repeat left 6px; font-size: 13px; color: var(--color-black); line-height: 20px; margin: 0; padding: 0 0 5px 15px; text-align: justify; } .post__detail table { border-collapse: collapse; width: auto; } .post__detail table tr th { border: solid 1px var(--color-grey-lighter); padding: 5px 10px; vertical-align: top; text-align: left; color: var(--color-second); background: var(--color-grey-lightest); } .post__detail table tr td { border: solid 1px var(--color-grey-lighter); padding: 5px 10px; vertical-align: top; text-align: left; } .post__detail table tr td strong { font-weight: 600; } .post__detail table tr td p { text-align: left; padding: 0px; } /* -------- Comments ------------- */ .comment-content { margin: 10px 0; } .comment-element:not(:last-child) { padding: 0 0 30px; margin: 0 0 40px; border-bottom: 1px solid var(--color-grey-lighter); } .comment-element { padding: 40px 0 0; /*margin: 30px 0 0 105px;*/ margin-top: 30px; margin-right: 0; margin-bottom: 0px; margin-left: 105px; border-bottom-width: 0; border-top: 1px solid var(--color-grey-lighter); } .comment-element .avatar { display: block; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; float: left; margin: 0 5px; } .comment-element .comment-respond { margin-top: 20px; } .comment-element .comment-author .fn { display: block; font-size: 1rem; margin: 0 5px; } @media only screen and (max-width: 992px) { .comment-element { margin: 10px; padding: 10px 0; } } .comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment-time-link { display: block; font-size: 1rem; } .comments a { color: var(--color-first); } .comments h5, .comments h3 { position: relative; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid var(--color-grey-lighter); } .comments ul { list-style: none; margin: 0; padding: 0; } .comment-form { display: block; padding: 40px; background-color: var(--color-grey-lightest); } .comment-form h5 { position: relative; padding-bottom: 20px; margin-bottom: 30px; } .comment-form h5:before { width: 40px; background: var(--color-second); left: 0; height: 3px; content: ""; position: absolute; bottom: -2px; } .comment-form [class*="col-"]:not(:last-child) { margin-bottom: 20px; } .comment-form .newsletter-error { color: var(--color-first); } /*search*/ .search-toggle { display: inline-block; padding: 30px; cursor: pointer; position: relative; vertical-align: top; } .search-toggle .search-icon { position: absolute; width: 25%; height: 25%; top: 47%; left: 49%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; border: 2px solid var(--color-white); -webkit-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.5s; -o-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.5s; transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.5s; } .search-toggle .search-icon:before, .search-toggle .search-icon:after { content: ""; position: absolute; height: 2px; background-color: var(--color-white); display: block; top: 100%; } .search-toggle .search-icon:before { right: 0; -webkit-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; -o-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg) translate(50%, 50%); -ms-transform: rotate(45deg) translate(50%, 50%); transform: rotate(45deg) translate(50%, 50%); width: 100%; } .search-toggle .search-icon:after { left: 0; width: 100%; opacity: 0; -webkit-transform: rotate(-45deg) translate(-50%, -50%); -ms-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); -o-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); -webkit-transition: opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); -o-transition: transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98), opacity 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98), -webkit-transform 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); } .search-toggle.active .search-icon { border-color: transparent; -webkit-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); -o-transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); transition: all 0.4s cubic-bezier(0.11, 0.92, 0.52, 0.98); top: 50%; left: 50%; } .search-toggle.active .search-icon:before { width: 153%; -webkit-transform: rotate(45deg) translate(0%, 0%); -ms-transform: rotate(45deg) translate(0%, 0%); transform: rotate(45deg) translate(0%, 0%); -webkit-transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; -o-transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.2s; } .search-toggle.active .search-icon:after { width: 153%; opacity: 1; -webkit-transform: rotate(-45deg) translate(0%, 0%); -ms-transform: rotate(-45deg) translate(0%, 0%); transform: rotate(-45deg) translate(0%, 0%); -webkit-transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.4s; -o-transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.4s; transition: all 0.2s cubic-bezier(0.11, 0.92, 0.52, 0.98) 0.4s; } .no-focus:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .blog-categories-js { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; } .blog-categories-js li { margin: 0 10px; } .nav--toggled { width: 100%; } .nav--toggled > ul > li { position: relative; margin: 5px 0; display: block; border: solid 2px var(--color-border); } .nav--toggled > ul > li .link--toggle { position: absolute; right: 0; top: 0; height: 42px; width: 40px; cursor: pointer; } .nav--toggled > ul > li .link--toggle:before { color: var(--color-first); position: absolute; left: 50%; top: 50%; content: "+"; font-size: 1.6rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nav--toggled > ul > li .link--toggle.is-active:before { content: "-"; font-size: 2.2rem; } .nav--toggled > ul > li .link--toggle.is-active:hover { background: none; } .nav--toggled > ul > li .is-selected > a { font-weight: 500; color: var(--color-first); } .nav--toggled > ul > li > a { position: relative; padding: 12px 40px 12px 10px; color: var(--color-grey-darkest); display: block; font-weight: 700; } .nav--toggled > ul > li > ul { margin: 0; padding: 0 0 15px; } .nav--toggled > ul > li > ul ul { /*margin: 0 0 0 15px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 15px; } .nav--toggled > ul > li ul li { padding: 0; position: relative; display: block; } .nav--toggled > ul > li ul li a { color: var(--color-grey-dark); padding: 10px 40px 10px 15px; display: block; } .nav--toggled > ul > li ul li a:hover { color: var(--color-grey-darkest); } .nav--toggled > ul > li ul li .link--toggle { right: 0; } .nav--toggled > ul > li ul li.is--active a { color: var(--color-grey-darkest); font-weight: 600; } .nav--toggled > ul > li.is-active > a, .nav--vertical > ul > li > a.is-active { color: var(--color-black); font-weight: 600; } .sharethis_custom { background: url(/images/retina/social-icons/share.svg) no-repeat scroll center transparent; } .st_facebook_custom { background: url(/images/retina/social-icons/facebook.svg) no-repeat scroll center transparent; } .st_twitter_custom { background: url(/images/retina/social-icons/twitter.svg) no-repeat scroll center transparent; } .st_email_custom { background: url(/images/retina/social-icons/envelope.svg) no-repeat scroll center transparent; } .st_plusone_custom { background: url(/images/retina/social-icons/google-plus.svg) no-repeat scroll center transparent; } .st_pinterest_custom { background: url(/images/retina/social-icons/pinterest.svg) no-repeat scroll center transparent; } .page-search { background: var(--color-grey-lightest); padding: 20px 20px 25px; border-radius: var(--radius-1); } .page-search input[type="text"] { background: var(--color-white); height: 55px; width: calc(100% - 55px); -webkit-box-shadow: none; box-shadow: none; } .page-search input[type="submit"] { height: 55px; width: 55px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMwLjIzOSAzMC4yMzkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwLjIzOSAzMC4yMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjAuMTk0LDMuNDZjLTQuNjEzLTQuNjEzLTEyLjEyMS00LjYxMy0xNi43MzQsMGMtNC42MTIsNC42MTQtNC42MTIsMTIuMTIxLDAsMTYuNzM1ICAgYzQuMTA4LDQuMTA3LDEwLjUwNiw0LjU0NywxNS4xMTYsMS4zNGMwLjA5NywwLjQ1OSwwLjMxOSwwLjg5NywwLjY3NiwxLjI1NGw2LjcxOCw2LjcxOGMwLjk3OSwwLjk3NywyLjU2MSwwLjk3NywzLjUzNSwwICAgYzAuOTc4LTAuOTc4LDAuOTc4LTIuNTYsMC0zLjUzNWwtNi43MTgtNi43MmMtMC4zNTUtMC4zNTQtMC43OTQtMC41NzctMS4yNTMtMC42NzRDMjQuNzQzLDEzLjk2NywyNC4zMDMsNy41NywyMC4xOTQsMy40NnogICAgTTE4LjA3MywxOC4wNzRjLTMuNDQ0LDMuNDQ0LTkuMDQ5LDMuNDQ0LTEyLjQ5MiwwYy0zLjQ0Mi0zLjQ0NC0zLjQ0Mi05LjA0OCwwLTEyLjQ5MmMzLjQ0My0zLjQ0Myw5LjA0OC0zLjQ0MywxMi40OTIsMCAgIEMyMS41MTcsOS4wMjYsMjEuNTE3LDE0LjYzLDE4LjA3MywxOC4wNzR6IiBmaWxsPSIjZmYzYTU5Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-size: 16px 16px; background-position: center center; background-color: var(--color-white); border-radius: 0; } .-style-uppercase { text-transform: uppercase; } .widget__title { padding: 10px 0px; font-size: 1.25em; font-weight: 700; } .page-search .widget__title { padding-top: 0; } .btn--contribute img { width: 18px; display: inline-block; vertical-align: middle; position: relative; top: -2px; } .post-data { position: relative; } .post-data .sticky-element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-data .sticky-element li { position: relative; padding: 0 0; } .post-data .sticky-element li:last-child { padding-bottom: 0; } .post-data .sticky-element li:last-child:after { display: none; } .post-data .sticky-element li:first-child { padding-top: 0; } .post-data .sticky-element li a { display: block; width: 40px; height: 40px; position: relative; margin: auto; border: 1px solid transparent; } .post-data .sticky-element li a .stButton { position: absolute; opacity: 0; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .post-data .sticky-element li a .svg-icon { height: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .post-data .sticky-element li a .svg-icon svg { width: 100%; height: 100%; fill: var(--color-first); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .post-data .sticky-element li a:hover { background: var(--color-first); } .post-data .sticky-element li a:hover .svg-icon svg { fill: var(--color-first-inverse); } .post-data .sticky-element li .sticky-element__count { display: block; font-size: 0.9em; } @media (min-width: 1600px) { .post-data .sticky-element { position: absolute; background: var(--color-white); width: 60px; -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); text-align: center; padding: 10px; left: -90px; top: 0; } .post-data.is-fixed .sticky-element { position: fixed; top: 0; left: 50%; /*margin: 0 0 0 -700px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: -700px; top: 100px; } } @media (max-width: 1599px) { .post-data .sticky-element { margin: 10px 0; } .post-data .sticky-element li { display: inline-block; vertical-align: top; /*margin: 0 10px 0 0;*/ margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; padding: 0; } .post-data .sticky-element li:after { display: none; } .post-data .sticky-element li a { border: 1px solid var(--color-grey-lighter); width: 40px; height: 40px; } .post-data .sticky-element li a .svg-icon { height: 18px; } } @media only screen and (max-width: 767px) { .post-data .sticky-element { margin: 5px 0; } } .share-this > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog_lnks > li { display: block; border: solid 2px var(--color-border); position: relative; margin: 5px 0; padding: 0; border-radius: var(--radius-1); } .blog_lnks > li.parent:before { background: var(--color-second); color: var(--color-white); content: ''; height: 2px; margin-right: 10px; position: absolute; right: 0; top: 20px; font-weight: 800; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 14px; } .blog_lnks > li.parent:after { font-weight: 600; background: var(--color-second); content: ''; height: 2px; margin-right: 10px; position: absolute; right: 0; top: 20px; width: 14px; } .blog_lnks > li.parent.active:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .blog_lnks a { font-size: 0.975em; line-height: 1.4; padding: 10px; display: block; font-weight: 500; color: inherit; } .blog_lnks ul { margin-left: 10px; } .blog_lnks ul li a { font-weight: 300; font-size: 0.875em; padding: 5px 0; color: inherit; } .blog_lnks ul .badge { font-size: 0.875em; display: inline-block; margin-left: 5px; } @media only screen and (max-width: 1025px) { .nav--centered { white-space: nowrap; overflow: auto; } .nav--centered li a { display: block; color: inherit; padding: 10px 15px; } } @media only screen and (max-width: 767px) { .nav--centered:after { position: absolute; right: 0px; bottom: 0; top: 0; content: ""; width: 80px; pointer-events: none; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(72%, rgba(255, 255, 255, 0.99)), color-stop(73%, #ffffff)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 72%, #ffffff 73%); } .nav--centered ul { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; padding-right: 30px; display: block; } .nav--centered li { float: none; display: inline-block; vertical-align: top; } .nav--centered li:last-child { margin-right: 40px; } } .query-container { background: #f7f7f7; padding: 3.75rem 0; } .query-heading { text-transform: uppercase; font-size: 0.875em; font-weight: 600; } input.query { width: 100%; height: auto; padding: 5px 0; color: black; border: none; line-height: 1.5; border-bottom: solid 2px var(--color-border); background: none; font-size: 2.5em; font-weight: 700; letter-spacing: 1px; } .results-message { padding-top: 15px; margin-bottom: 0; text-transform: uppercase; font-size: 0.875em; } @media only screen and (max-width: 1199px) { .posts--all .section, .posts--all .site-section, .posts--all .section .post-repeated, .posts--all .site-section .post-repeated { padding: 0 0 0.875rem 0; } } @media only screen and (max-width: 992px) { .share-this { display: block; margin: 10px 0; } .bg-pattern { padding: 20px 0; } } .cart__listing { max-height: 80vh; overflow: auto; } @media (max-width: 767px) { .cart__listing { max-height: inherit; } } .delv, .qnt { width: auto; } @media only screen and (max-width: 767px) { .delv, .qnt { width: 100%; } } .note { font-weight: 300; margin-top: 10px; display: block; } .cart-footer { display: table; width: 100%; } .cart-footer .cartdetail__footer { background: none; } @media only screen and (max-width: 767px) { .cart-footer .cartdetail__footer { float: none; width: auto; display: block; padding: 10px; } .cart-footer .cartdetail__footer .delv { width: auto; } } .cart-advices { padding: 10px 20px; } @media only screen and (max-width: 767px) { .cart-advices { display: block; padding: 10px; } } .empty-cart { margin: 30px auto; text-align: center; max-width: 450px; } .top-brands-list { margin: 0 auto; text-align: center; } .top-brands-list li { display: inline-block; margin: 0 auto; } svg #oval, svg #plus, svg #diamond, svg #bubble-rounded { -webkit-animation: plopp 4s ease-out infinite; animation: plopp 4s ease-out infinite; } svg #oval:nth-child(1), svg #plus:nth-child(1), svg #diamond:nth-child(1), svg #bubble-rounded:nth-child(1) { -webkit-animation-delay: -240ms; animation-delay: -240ms; } svg #oval:nth-child(2), svg #plus:nth-child(2), svg #diamond:nth-child(2), svg #bubble-rounded:nth-child(2) { -webkit-animation-delay: -480ms; animation-delay: -480ms; } svg #oval:nth-child(3), svg #plus:nth-child(3), svg #diamond:nth-child(3), svg #bubble-rounded:nth-child(3) { -webkit-animation-delay: -720ms; animation-delay: -720ms; } svg #oval:nth-child(4), svg #plus:nth-child(4), svg #diamond:nth-child(4), svg #bubble-rounded:nth-child(4) { -webkit-animation-delay: -960ms; animation-delay: -960ms; } svg #oval:nth-child(5), svg #plus:nth-child(5), svg #diamond:nth-child(5), svg #bubble-rounded:nth-child(5) { -webkit-animation-delay: -1200ms; animation-delay: -1200ms; } svg #oval:nth-child(6), svg #plus:nth-child(6), svg #diamond:nth-child(6), svg #bubble-rounded:nth-child(6) { -webkit-animation-delay: -1440ms; animation-delay: -1440ms; } svg #oval:nth-child(7), svg #plus:nth-child(7), svg #diamond:nth-child(7), svg #bubble-rounded:nth-child(7) { -webkit-animation-delay: -1680ms; animation-delay: -1680ms; } svg #oval:nth-child(8), svg #plus:nth-child(8), svg #diamond:nth-child(8), svg #bubble-rounded:nth-child(8) { -webkit-animation-delay: -1920ms; animation-delay: -1920ms; } svg #oval:nth-child(9), svg #plus:nth-child(9), svg #diamond:nth-child(9), svg #bubble-rounded:nth-child(9) { -webkit-animation-delay: -2160ms; animation-delay: -2160ms; } svg #oval:nth-child(10), svg #plus:nth-child(10), svg #diamond:nth-child(10), svg #bubble-rounded:nth-child(10) { -webkit-animation-delay: -2400ms; animation-delay: -2400ms; } svg #oval:nth-child(11), svg #plus:nth-child(11), svg #diamond:nth-child(11), svg #bubble-rounded:nth-child(11) { -webkit-animation-delay: -2640ms; animation-delay: -2640ms; } svg #oval:nth-child(12), svg #plus:nth-child(12), svg #diamond:nth-child(12), svg #bubble-rounded:nth-child(12) { -webkit-animation-delay: -2880ms; animation-delay: -2880ms; } svg #oval:nth-child(13), svg #plus:nth-child(13), svg #diamond:nth-child(13), svg #bubble-rounded:nth-child(13) { -webkit-animation-delay: -3120ms; animation-delay: -3120ms; } svg #oval:nth-child(14), svg #plus:nth-child(14), svg #diamond:nth-child(14), svg #bubble-rounded:nth-child(14) { -webkit-animation-delay: -3360ms; animation-delay: -3360ms; } svg #oval:nth-child(15), svg #plus:nth-child(15), svg #diamond:nth-child(15), svg #bubble-rounded:nth-child(15) { -webkit-animation-delay: -3600ms; animation-delay: -3600ms; } svg #oval:nth-child(16), svg #plus:nth-child(16), svg #diamond:nth-child(16), svg #bubble-rounded:nth-child(16) { -webkit-animation-delay: -3840ms; animation-delay: -3840ms; } svg #bg-line { -webkit-animation: float 20s ease infinite; animation: float 20s ease infinite; } svg #bg-line:nth-child(2) { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; fill-opacity: 0.3; } svg #bg-line:nth-child(3) { -webkit-animation-delay: 850ms; animation-delay: 850ms; fill-opacity: 0.4; } @media only screen and (max-width: 1025px) { .hide--desktop { display: none; } } @media only screen and (max-width: 767px) { .tbl-heading { padding: 10px; } .cart--full thead { display: none; } .cart--full th, .cart--full td { padding: 10px; } .cart--full .product-img { margin: 0 auto; } } @media (max-width: 375px) { .cart-buyer-listing-footer { min-width: 100% !important; } } .big-title { margin-bottom: 10px; } .big-title img { display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 50%; } .category--listing { padding: 3rem 0; background: var(--color-white); } .category--listing .item { max-width: 90%; margin: auto; } .category--listing .item li a { position: relative; padding-left: 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .category--listing .item li a:before { position: absolute; top: 17px; left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; height: 7px; border-right: 1px solid; border-bottom: 1px solid; content: ""; } .category--listing .item li a:hover { padding-left: 25px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .category--listing .item li a:hover:before { border-color: var(--color-first); } .category--listing .cell__body { padding-left: 55px; } @media screen and (max-width: 1025px) { .category--listing { padding: 30px 0; } .category--listing .item { max-width: 95%; } .category--listing .item li { width: 49%; } } @media screen and (max-width: 767px) { .category--listing .item li { width: 100%; } .category--listing .cell__body { padding-left: 0; } } .cal-wrap, .slot-wrap { width: 50% !important; } .slot-wrap { padding: 25px; padding-right: 0px; max-height: 320px; min-height: 320px; } .slot-wrap .scrollbar { max-height: 185px; } .slot-wrap .slot-list { padding-top: 10px; } @media (max-width: 767px) { .cal-wrap, .slot-wrap { width: 100% !important; } .slot-wrap { min-height: auto; } } .shop__slot__popup .cal-icon { padding-right: 15px; } .shop__slot__popup .cal-icon svg { fill: var(--color-grey-light); } .shop__slot__popup .cal-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 15px; color: var(--color-black); } .shop__slot__popup .cal-list span { margin-left: 7px; } .shop__slot__popup .tabspanel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop__slot__popup .normaltabs li a { padding: 8px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop__slot__popup .normaltabs li a:hover, .shop__slot__popup .normaltabs li a.is-active { background-color: var(--color-first); color: var(--color-first-inverse); } .shop__slot__popup .normaltabs li a:hover .cal-icon svg, .shop__slot__popup .normaltabs li a.is-active .cal-icon svg { fill: var(--color-white); } .shop__slot__popup .normaltabs li a:hover .cal-list, .shop__slot__popup .normaltabs li a.is-active .cal-list { color: var(--color-white); } .shop__slot__popup .slot-wrap .title { margin-bottom: 20px; font-size: 1.2rem; } .shop__slot__popup .slot-wrap .slot-list li { margin-bottom: 18px; } .shop__slot__popup .slot-wrap .slot-list li:last-child { margin-bottom: 0; } .checkout-page .action_two_cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout-page .self_pickup_field { float: left; } .checkout-page .delivery_slot_field { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout-page .delivery_slot_field .field-set label { margin-right: 5px; } .checkout-page .setDeliveryDate a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; font-size: 13px; background-color: var(--color-white); color: var(--color-black); } .checkout-page .setDeliveryDate a .cal-slot-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; width: 15px; height: 21px; } .checkout-page .setDeliveryDate a .cal-slot-icon svg { width: 15px; } .checkout-page .setDeliveryDate a .cal-slot-icon path { fill: var(--color-first); } .checkout-page .section-head { padding: 15px; margin: 0; font-size: 1.25em; font-weight: 600; } .checkout-page .section-head:not(:last-child) { border-bottom: solid 1px var(--color-border); } .checkout-page .section-head a.btn { color: var(--color-white); } .checkout-page .add-side .heading { font-size: 1.2em; margin-bottom: 20px; font-weight: 600; } .checkout-page .payment-pannel .section, .checkout-page .payment-pannel .site-section, .checkout-page .payment-pannel .section-head { margin: 0; } .checkout-page .check-login-wrapper .forgot { text-transform: capitalize; } .checkout-page .green_tag { margin-left: 10px; margin-bottom: 0; } .checkout-page .-row-heading td { vertical-align: middle; text-align: right; } .checkout-page .-row-heading td:first-child { text-align: left; } .checkout-page .-row-heading td select { width: 28%; margin-right: 10px; } .checkout-page .-row-heading td .field-set { width: auto; margin: 0; } .checkout-page .product_price .item__price { display: inline-block; padding-right: 20px; text-align: left; } .checkout-page .product_price .text--normal { display: inline-block; } .checkout-page .product_price .text--normal input { border: 0 none; width: 115px; text-align: right; } .checkout-page .box.box-white { margin: 55px 10px; padding: 25px; background-color: var(--color-white); color: var(--color-black); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); border-radius: 10px; } @media (max-width: 992px) { .checkout-page .order-summary { margin: 0; max-width: 500px; margin: 0 auto; } } @media (max-width: 767px) { .checkout-page .order-summary { max-width: 100%; margin: 0; } .checkout-page .order-summary .box.box-white { margin: 0; } } @media (max-width: 575px) { .checkout-page .order-summary .qty { width: 100%; } } @media (max-width: 500px) { .checkout-page .container--addresses .form input[type="submit"], .checkout-page .container--addresses .form input[type="button"] { display: block; width: 100%; margin: 10px 0; } } .radio.is-checked .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .popup .shop__slot__popup .cal-wrap.scrollbar { max-height: 320px; min-height: 320px; } .popup .shop__slot__popup .scroll__handle { /*margin: 0 0 0 -4px;*/ margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: -4px; background: var(--color-grey-light); } @media (max-width: 767px) { .popup .shop__slot__popup .cal-wrap.scrollbar { min-height: auto; } } form.header_location_form { border: 1px solid rgba(0, 0, 0, 0.2); } .remove_first_document { margin-right: 5px; margin-bottom: 0px; } .form__content .add_document { margin-top: 25px; } #facebox .shop__slot__popup { padding: 0; } #facebox .content.faceboxWidth.shop__slot__popup { width: 580px; } @media (max-width: 500px) { .form__content .add_document { margin-top: 0; } #facebox .content.faceboxWidth.shop__slot__popup { width: 100%; } } @media (max-width: 1024px) { #facebox .content.faceboxWidth.shop__slot__popup { width: auto; } } .allsteps { counter-reset: section; } .steps__head { margin-bottom: 15px; } .steps__head .steps__number { position: relative; border-radius: 100px; height: 40px; width: 40px; text-align: center; font-size: 22px; font-weight: 600; display: inline-block; margin-right: 15px; line-height: 40px; background-color: var(--color-white); color: var(--color-first); border: 1px solid var(--color-first); } .steps__head .steps__number:before { bottom: 0; color: inherit; content: "" counter(section, decimal) " "; counter-increment: section; left: 10px; overflow: hidden; padding: 15px 0; text-align: center; top: 0; width: 30px; } .steps__title { font-size: 24px; color: var(--color-first); font-weight: 600; } .review-wrapper span { display: inline-block; } .review-wrapper .cart-summary th, .review-wrapper .cart-summary td { vertical-align: middle; } .address-wrapper .btn.btn--secondary, .address-wrapper .form input.btn--secondary[type="submit"], .form .address-wrapper input.btn--secondary[type="submit"], .address-wrapper .form input.btn--secondary[type="button"], .form .address-wrapper input.btn--secondary[type="button"] { float: right; } .cart-summary .cod-label { font-size: 12px; padding: 3px 8px; border-radius: var(--radius-1); background: rgba(251, 169, 5, 0.2); color: var(--color-black); margin: 0; text-align: center; display: inline-block; margin-top: 5px; line-height: 1.5; letter-spacing: 0.05em; } .packages-box .after-box .radio .input-helper::before { top: 2px; } .packages-box .after-box .radio .input-helper::after { top: 6px; } .section-head.-package, .subs-payment .section-head { padding: 10px 15px; margin-bottom: 0; background-color: var(--color-grey-darker); color: var(--color-white); } .order-summary.-subs { padding: 25px; background-color: var(--color-white); -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); border-radius: var(--radius-3); } .product_tax .item__tax { font-size: 13px; } @media (max-width: 1024px) { .header-checkout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-checkout > div:last-child { margin-left: 0%; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .order-summary .summary-listing .product_price { float: none; margin-top: 10px; display: inline-block; width: 100%; } .order-summary .summary-listing .qty { width: 70%; } } @media (min-width: 768px) { .container--addresses.shopFormBlock .address_map_row .field_cover .btn-showmap { max-width: inherit; -webkit-box-flex: 0; -ms-flex: inherit; flex: inherit; margin: 10px 0; } } @media (max-width: 767px) { .address_map_row .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .address_map_row .field_cover .btn-showmap { max-width: 38%; -webkit-box-flex: 0; -ms-flex: 0 0 38%; flex: 0 0 38%; } .address_map_row .field_cover .errorlist { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media (max-width: 767px) { .header-checkout .logo { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fixed .header-checkout .logo { margin: 5px auto; } .field_cover .address_identifier { width: 100%; } .field_cover .btn-showmap { margin-top: 20px; } /*.field_cover .address_identifier { max-width: 58%; flex: 0 0 58%; }*/ .field_cover .btn-showmap, .container--addresses .field_cover small { display: none; } } .review-wrapper.-subscription .cart-remove { margin-left: 15px; } .review-wrapper.-subscription .cartdetail__footer { padding: 10px 20px; } /******** 2021104 Checkout Specific CSS to SCSS *******/ .checkout-page .loader-yk { margin: 50px auto; } .header-checkout .header-logo { margin: auto; } @media (min-width: 1024px) { .header-checkout .header-logo { margin: 0; } } @media (max-width: 767px) { .header-checkout .header-logo { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-checkout .header-logo a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1024px) { .header-checkout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-checkout > div:last-child { margin-left: 0%; } } .header-checkout-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .header-checkout { padding: 5px; } } .is-checkout .trust-banners { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .is-checkout .trust-banners li { display: table-cell; padding: 15px 18px; vertical-align: top; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .is-checkout .trust-banners li .svg-icn { float: left; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .is-checkout .trust-banners li .svg-icn svg { height: 20px; width: 20px; fill: var(--color-first-inverse); } .is-checkout .trust-banners li .svg-icn svg path, .is-checkout .trust-banners li .svg-icn svg polygon { fill: var(--color-first-inverse); } .is-checkout .trust-banners li p { display: inline-block; font-size: 1em; font-weight: 400; line-height: 1.2; margin: 0; } .is-checkout .logo { float: left; margin: 10px 30px 10px 0; } @media (max-width: 767px) { .is-checkout .logo { margin: 5px auto; float: none; text-align: center; } } .is-checkout .logo svg { fill: #ffffff; height: auto; width: 111px; } .is-checkout .right-info { float: right; } @media (max-width: 767px) { .is-checkout .right-info { display: none; } } .is-checkout .block .section, .is-checkout .block .site-section { display: table; width: 100%; padding: 0; border: solid 1px var(--color-border); margin: 0 0 10px 0; border-radius: 3px; } @media (max-width: 767px) { .is-checkout .block .section, .is-checkout .block .site-section { display: block; } } .is-checkout .after-header { height: 120px; } @media (max-width: 767px) { .is-checkout .after-header { height: 70px; } } .is-checkout .connect { text-align: center; } .is-checkout .connect a.link { display: block; color: #fff; text-transform: uppercase; font-size: 1em; border: none; border-radius: 4px; display: block; padding: 0 16px; min-width: 64px; height: 40px; text-align: center; line-height: 40px; width: 100%; margin-bottom: 15px; } .is-checkout .connect a.fb { background: #3856a0; } .is-checkout .connect a.gp { background: #dd4330; } .is-checkout .connect .svg svg { width: 18px; height: 18px; fill: #fff; display: inline-block; vertical-align: middle; } .is-checkout .check-login-wrapper, .is-checkout .make-payment-wrapper { padding: 15px 15px 0 15px; margin: 0 auto; } @media (max-width: 767px) { .is-checkout .check-login-wrapper, .is-checkout .make-payment-wrapper { padding: 10px; } } .make-payment-wrapper { padding-bottom: 20px; } .add-side .heading { color: #000000; font-size: 1.5em; margin-bottom: 10px; text-align: center; text-transform: uppercase; } .check-login-wrapper .forgot { color: #000; display: inline-block; font-size: 1em; text-align: right; text-transform: uppercase; } .address { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding-bottom: 15px; } .address-wrapper { padding: 15px 15px 0 15px; margin: 0 auto; } @media (max-width: 767px) { .address-wrapper { padding: 10px; } } .address-inner { width: 100%; padding: 15px; background-color: var(--color-grey-lightest); border-radius: 4px; } .address-inner .radio { margin: 5px 0; } .address p strong { display: block; margin-bottom: 5px; } .address-type { color: inherit; font-size: 0.8em; font-weight: 600; margin-bottom: 15px; } .shipping-selectors li { margin-bottom: 15px; display: block; } .btn-action { float: right; white-space: nowrap; } .btn-action .action { position: relative; display: inline-block; border: solid 1px transparent; border-radius: 50%; color: #777; width: 30px; height: 30px; text-align: center; padding: 5px; margin: 0 2px; } .btn-action .action .icon { color: var(--color-first); } .btn-action .action .icon svg { width: 14px; height: 14px; } .btn-action .action .icon svg path, .btn-action .action .icon svg polygon, .btn-action .action .icon svg circle { fill: inherit; } .btn-action .action:hover { background: var(--color-first); color: var(--color-first-inverse); border: solid 1px var(--color-first); } .btn-action .action:hover .icon { color: var(--color-first-inverse); } .btn-action .action:hover .icon svg path, .btn-action .action:hover .icon svg polygon, .btn-action .action:hover .icon svg circle { fill: var(--color-first-inverse); } .is-checkout .payment_methods_list { height: 400px; overflow-y: auto; } .is-checkout .payment_methods_list li { border: solid 1px var(--color-border); border-radius: 2px; display: block; font-size: 14px; margin-bottom: 5px; position: relative; color: #000; } .is-checkout .payment_methods_list li a { color: inherit; display: block; padding: 10px 20px; padding-left: 45px; position: relative; } .is-checkout .payment_methods_list li a::before { border-radius: 50%; width: 14px; height: 14px; left: 15px; top: 12px; position: absolute; background: var(--color-border); display: inline-block; content: ""; } .is-checkout .payment_methods_list li.is-active a::before { background: #000; } @media (max-width: 767px) { .is-checkout .payment_methods_list { height: auto; } } .payment-here .you-pay { background: #f8f8f8; padding: 15px; } .is-checkout .summary-listing li { padding: 15px 15px 15px 0; display: table; width: 100%; border-bottom: solid 1px var(--color-border); } .is-checkout .summary-listing .item-yk-head-title { width: 80%; color: inherit; font-weight: 300; } .is-checkout .summary-listing .item-yk-head-category { color: inherit; font-size: 0.8em; font-weight: 400; float: left; } .is-checkout .summary-listing .product_price { float: right; clear: right; } .is-checkout .summary-listing .product_qty { float: left; clear: left; display: -webkit-box; display: -ms-flexbox; display: flex; } .is-checkout .summary-listing .product_qty .qty .increase, .is-checkout .summary-listing .product_qty .qty .decreaser, .is-checkout .summary-listing .product_qty .qty input { height: 30px; line-height: 30px; -webkit-box-shadow: 0 0 rgba(128, 128, 128, 0.3); box-shadow: 0 0 rgba(128, 128, 128, 0.3); } .is-checkout .summary-listing .cartdetail__footer { padding: 10px 0; float: none; } .is-checkout .summary-listing .cartdetail__footer table { width: 100%; } .is-checkout .gurantee { background: #ededed; padding: 20px; } .is-checkout .gurantee i.icn { float: right; margin-right: 15px; } .is-checkout .gurantee p { padding-left: 50px; color: inherit; font-size: 0.8em; } .is-checkout .selected-panel { color: #666666; font-weight: 300; padding: 15px 15px; display: table; width: auto; table-layout: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .is-checkout .selected-panel { table-layout: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .is-checkout .selected-panel-type { position: relative; padding-left: 25px; line-height: 1; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; vertical-align: middle; } .is-checkout .selected-panel-type::before { position: absolute; left: 0; background: url(images/retina/green-check.svg) no-repeat 0 0; width: 17px; height: 17px; display: block; content: ""; } @media (max-width: 767px) { .is-checkout .selected-panel-type { display: block; text-align: left; margin: 10px 0; width: auto; max-width: none; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .is-checkout .selected-panel-data { position: relative; padding-left: 0; font-size: 0.9rem; line-height: 1.6; font-weight: 500; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; vertical-align: middle; } .is-checkout .selected-panel-data p { margin: 0; } @media (max-width: 767px) { .is-checkout .selected-panel-data { display: block; text-align: left; margin: 10px 0; width: auto; max-width: none; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .is-checkout .selected-panel-action { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; vertical-align: middle; text-align: right; } @media (max-width: 767px) { .is-checkout .selected-panel-action { display: block; text-align: left; margin: 10px 0; width: auto; max-width: none; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .applied-coupon { border: dashed 1px var(--color-border); padding: 10px; display: table; width: 100%; } .applied-coupon span { display: block; margin-bottom: 10px; } .applied-coupon--form { max-width: 500px; margin: 0 auto; } .applied-coupon--form.custom-form input[type="text"] { margin-left: 0; } .coupon-offers { text-align: center; margin-top: 20px; } .coupon-offers li { background: var(--color-grey-light); padding: 20px; position: relative; text-align: left; margin-bottom: 15px; } .coupon-offers li.is--active:before { background: var(--color-first); } .coupon-offers p { color: inherit; padding: 0px 0; margin: 0; } .coupon-code { border: dashed 1px var(--color-border); padding: 5px 10px; display: inline-block; font-weight: 600; margin-bottom: 5px; cursor: pointer; background: #fff; } .is-checkout .order-summary { position: -webkit-sticky; position: sticky; top: 95px; } .is-checkout .order-summary .box.box-white:first-child { margin-bottom: 0; } .is-checkout .order-summary .box.box-white:last-child { margin-top: 20px; } .is-checkout .order-summary .box.-btns .btn, .is-checkout .order-summary .box.-btns .form input[type="submit"], .form .is-checkout .order-summary .box.-btns input[type="submit"], .is-checkout .order-summary .box.-btns .form input[type="button"], .form .is-checkout .order-summary .box.-btns input[type="button"] { padding: 0 10px; } @media (max-width: 1366px) { .is-checkout .order-summary .box.-btns .btn, .is-checkout .order-summary .box.-btns .form input[type="submit"], .form .is-checkout .order-summary .box.-btns input[type="submit"], .is-checkout .order-summary .box.-btns .form input[type="button"], .form .is-checkout .order-summary .box.-btns input[type="button"] { font-size: 13px; } } @media (max-width: 1200px) { .is-checkout .order-summary .box.-btns .btn:first-child, .is-checkout .order-summary .box.-btns .form input:first-child[type="submit"], .form .is-checkout .order-summary .box.-btns input:first-child[type="submit"], .is-checkout .order-summary .box.-btns .form input:first-child[type="button"], .form .is-checkout .order-summary .box.-btns input:first-child[type="button"] { margin-bottom: 10px; } } @media (max-width: 767px) { .is-checkout .order-summary { position: static; margin-top: 20px; } } .is-checkout .summary-listing ul, .is-checkout .short-detail { max-height: 80vh; overflow: hidden; overflow-y: auto; } .is-checkout .product-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .is-checkout .product-card .item-yk-head { padding-left: 20px; } .is-checkout .product-card .item-yk-head-title { line-height: normal; } .is-checkout .review-wrapper .product_price { font-size: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .is-checkout .review-wrapper .cart-summary th { padding: 5px 10px; background-color: var(--color-grey-darker); color: var(--color-white); } @media (max-width: 767px) { .is-checkout .review-wrapper .cart-summary th, .is-checkout .review-wrapper .cart-summary td { padding: 10px; } } @media (max-width: 767px) { .is-checkout .review-wrapper .cartdetail__footer { float: none; padding: 10px; } .is-checkout .review-wrapper .short-detail { overflow: auto; } } @media (max-width: 1200px) { .is-checkout .listing--grids ul li { display: block; padding: 0; } .is-checkout .listing--grids ul li:not(:last-child) { padding-top: 10px; } } @media (max-width: 768px) { .is-checkout .short-detail.short-shop-action-detail .delivery_slot_field { margin-top: 15px; display: block; } .is-checkout .short-detail.short-shop-action-detail .delivery_slot_field .field-set { margin-bottom: 5px; vertical-align: middle; text-align: left; width: 100%; } } @media (max-width: 768px) and (max-width: 767px) { .is-checkout .short-detail.short-shop-action-detail .cart-summary td { display: block; } .is-checkout .short-detail.short-shop-action-detail .green_tag { margin-left: 0; } } @media (max-width: 767px) { .is-checkout .section-head { margin-bottom: 0; } .is-checkout .cart-summary .first-cart-summary td:first-child { width: 100%; } .is-checkout .block-pannel .block, .is-checkout .checkout-page .check-login-wrapper, .is-checkout .checkout-page .address-wrapper, .is-checkout .checkout-page .make-payment-wrapper, .is-checkout .checkout-page .section-head { padding: 15px; } } /******** 2021104 Checkout Specific CSS to SCSS *******/ .boxcontainer { padding: 0; } .boxcontainer .box--gray { position: relative; padding: 30px 40px 20px 110px; border-radius: var(--radius-1); margin: 0 0 20px 0; } .boxcontainer .fa { position: absolute; left: 20px; top: 25px; font-size: calc(1em + 2vw); color: var(--color-grey-lighter); } .boxcontainer p { color: var(--color-grey-darker); margin: 0; } .boxcontainer h3 { padding: 0 0 5px 0; } .boxcontainer h3 a { color: inherit; } @media only screen and (max-width: 1200px) { .boxcontainer--gray { margin: 10px 0 0; /*padding: 20px 20px 20px 60px;*/ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 60px; } .boxcontainer--gray .fa { position: absolute; top: 20px; left: 20px; font-size: 2em; } } @media (min-width: 767px) { .boxcontainer .box--gray { /*padding: 10px 10px 10px 80px;*/ padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 80px; } .boxcontainer .box--gray h3 { font-size: calc(0.75rem + 0.75vw); } .boxcontainer .box--gray .fa { top: 15px; left: 0; font-size: calc(1.5em + 1.1vw); } .boxcontainer--gray .fa { font-size: 2.5rem; } } @media (max-width: 767px) { .boxcontainer .box--gray { padding-top: 10px; padding-bottom: 10px; padding-left: 60px; } .boxcontainer .box--gray .fa { font-size: 2.5rem; top: 15px; left: 0; } .boxcontainer .box--gray h3 { font-size: 16px; } } @media (min-width: 767px) { .contact-grid.box--tabled .box__cell:last-child { padding-left: 50px; } } body.is--dashboard { background: var(--color-grey-lightest); } .body { position: relative; z-index: 1; background-color: var(--color-grey-lightest); } .dashboard { padding: 25px 0 50px; } .dashboard .breadcrumb { margin-top: 0; } .dashboard .container { max-width: 1440px; } .dashboard .actions { margin: 0; } .dashboard .map-wrap { margin-top: 15px; } .dashboard .tabs--scroll { background: var(--color-white); border-radius: 4px 4px 0 0; } .dashboard .tabs--scroll:after { display: none; } .dashboard .tabs--scroll ul { padding: 0; overflow: hidden; overflow-x: auto; } .dashboard .tabs--scroll ul li:last-child { margin: 0; } .dashboard .tabs--scroll ul li a { opacity: 1; } .dashboard > p:first-child { position: absolute; top: 0; z-index: 1; left: 0; right: 0; padding: 5px; } @media (max-width: 1279px) { .dashboard > p:first-child { position: relative; top: -10px; } } .dashboard-togles { position: relative; z-index: 31; display: block; padding: 5px 10px; border-radius: var(--radius-1); background: var(--color-second); color: var(--color-second-inverse); } .dashboard-togles > a { display: block; position: relative; top: -5px; color: var(--color-second-inverse); } .dashboard-togles .fa { float: right; width: 25px; height: 30px; border-radius: 50%; display: block; text-align: center; padding: 8px; color: var(--color-first-inverse); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .dashboard-togles span { display: inline-block; text-transform: uppercase; } .dashboard-togles span.ink { display: block; } .dashboard-options { background: var(--color-white); border-radius: 2px; overflow: hidden; } .dashboard-options li a { display: block; padding: 8px; color: inherit; font-size: 0.9em; border-bottom: solid 1px var(--color-border); } .dashboard-options li:last-child a { border-bottom: none; } @media (min-width: 1200px) { .dashboard { padding: 70px 0; } } @media (max-width: 1279px) { .dashboard { padding-top: 10px; } .dashboard-switch { background: var(--color-white); padding: var(--margin-3) 0; margin-bottom: var(--margin-6); -webkit-box-shadow: var(--shadow-outline-1); box-shadow: var(--shadow-outline-1); } .dashboard .breadcrumb { margin-top: 15px; } } @media (max-width: 1024px) { .dashboard .container--addresses { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 767px) { .dashboard { padding-bottom: 30px; } .dashboard .container--addresses .form small { display: block; } } .dashboard_sales_report { overflow: auto; overflow-y: hidden; } .dashboard_sales_report table tr th, .dashboard_sales_report table tr td { white-space: nowrap; } .dashboard_sales_report table tr th { font-weight: 700; text-transform: uppercase; } .graph { margin-top: 10px; } .info-message { position: relative; border: 1px solid; font-size: 0.85em; line-height: 1.2; padding: 10px; color: var(--color-yellow); } .info-message:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ""; background-color: currentColor; opacity: 0.2; } .sales-graph { position: relative; overflow: hidden; width: 100%; padding-bottom: 50%; } .sales-graph svg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .sales-graph .ct-line { stroke-width: 1px; } .sales-graph.ct-perfect-fourth:before, .graph--visitor.ct-perfect-fourth:before { padding-bottom: 55%; } .sales-graph .ct-series-a .ct-area, .sales-graph .ct-series-a .ct-slice-pie, .graph--visitor .ct-series-a .ct-area, .graph--visitor .ct-series-a .ct-slice-pie { fill: var(--color-first); } .sales-graph .ct-series-a .ct-bar, .sales-graph .ct-series-a .ct-line, .sales-graph .ct-series-a .ct-point, .sales-graph .ct-series-a .ct-slice-donut, .graph--visitor .ct-series-a .ct-bar, .graph--visitor .ct-series-a .ct-line, .graph--visitor .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-slice-donut { stroke: var(--color-first); } .sales-graph .ct-series-a .ct-point, .sales-graph .ct-series-a .ct-line, .graph--visitor .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: var(--color-first); } .sales-graph .ct-series-b .ct-point, .sales-graph .ct-series-b .ct-line, .graph--visitor .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: var(--color-first); } .sales-graph .ct-series-c .ct-point, .sales-graph .ct-series-c .ct-line, .graph--visitor .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: var(--color-first); } .sales-graph .ct-series-d .ct-point, .sales-graph .ct-series-d .ct-line, .graph--visitor .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: var(--color-first); } .orders-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .orders-graph .ct-series-a .ct-area, .orders-graph .ct-series-a .ct-slice-pie { fill: #80C300; } .orders-graph .ct-series-a .ct-bar, .orders-graph .ct-series-a .ct-line, .orders-graph .ct-series-a .ct-point, .orders-graph .ct-series-a .ct-slice-donut { stroke: #80C300; } .orders-graph .ct-series-a .ct-point, .orders-graph .ct-series-a .ct-line { stroke: #80C300; } .orders-graph .ct-series-b .ct-point, .orders-graph .ct-series-b .ct-line { stroke: #80C300; } .orders-graph .ct-series-c .ct-point, .orders-graph .ct-series-c .ct-line { stroke: #80C300; } .orders-graph .ct-series-d .ct-point, .orders-graph .ct-series-d .ct-line { stroke: #80C300; } .messages-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .messages-graph .ct-series-a .ct-area, .messages-graph .ct-series-a .ct-slice-pie { fill: #FB641B; } .messages-graph .ct-series-a .ct-bar, .messages-graph .ct-series-a .ct-line, .messages-graph .ct-series-a .ct-point, .messages-graph .ct-series-a .ct-slice-donut { stroke: #FB641B; } .messages-graph .ct-series-a .ct-point, .messages-graph .ct-series-a .ct-line { stroke: #FB641B; } .messages-graph .ct-series-b .ct-point, .messages-graph .ct-series-b .ct-line { stroke: #FB641B; } .messages-graph .ct-series-c .ct-point, .messages-graph .ct-series-c .ct-line { stroke: #FB641B; } .messages-graph .ct-series-d .ct-point, .messages-graph .ct-series-d .ct-line { stroke: #FB641B; } .graph--sales.ct-perfect-fourth:before { padding-bottom: 40%; } .orders-detailing tr td:first-child, .orders-detailing tr th:first-child { padding-left: 20px; } .orders-detailing .repeated-table tr th, .orders-detailing .label-field { vertical-align: top; padding: 15px 7px; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: left; color: var(--color-grey-darkest); } .orders-detailing .repeated-table tr td { font-size: 12px; font-weight: 600; border-top: 1px solid var(--color-grey-lighter); color: var(--color-grey-darker); } @media (max-width: 1439px) { .orders-detailing .label-field { display: none !important; } } @media (max-width: 767px) { .orders-detailing .label-field { display: block !important; } .orders-detailing .repeated-table tr th { display: none; } .orders-detailing .repeated-table tr td { display: block; padding: 10px 0; } } .repeat-head { background: var(--color-grey-lightest); padding: 15px; padding-bottom: 0; } .repeat-body { padding: 0 15px; } .repeat-body:nth-child(odd) { background: var(--color-grey-lightest); border-top: 1px solid var(--color-grey-lighter); border-bottom: 1px solid var(--color-grey-lighter); } @media (max-width: 767px) { .repeat-head { padding: 10px; } .repeat-body { padding: 0; } } .top_cell { padding: 20px 30px; } .top_cell label { font-weight: 700; font-size: 18px; } .top_cell label:last-child { display: none; } .top_cell .order_id { background: var(--color-first); padding: 5px 10px; color: var(--color-first-inverse); margin-left: 10px; } @media (max-width: 600px) { .top_cell [class*="col-"]:last-child { padding-left: 10px; text-align: left; } } @media (max-width: 500px) { .top_cell { padding: 15px; } .top_cell [class*="col-"] { margin: 5px 0; } .top_cell label { font-size: 16px; } .top_cell .-show-mobile { display: inline-block !important; } } .tbl-dashboard .box-head { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; clear: both; float: none; } .tbl-normal { border: solid 1px var(--color-grey-lighter); border-collapse: collapse; width: 100%; margin-top: 25px; } .tbl-normal th { text-transform: uppercase; background: var(--color-grey-lightest); font-size: 14px; font-weight: 600; padding: 15px 20px; color: var(--color-grey-darker); border: solid 1px var(--color-grey-lighter); } .tbl-normal td { vertical-align: top; font-size: 14px; font-weight: 400; padding: 15px; color: var(--color-grey-darker); border: solid 1px var(--color-grey-lighter); } .tbl-normal.table tr:last-child td { border: solid 1px var(--color-grey-lighter); } .tbl-normal.table tr td:first-child { border-bottom: none; } .tbl-normal.table td:first-child, .tbl-normal.table th:first-child { padding: 15px; } .action.action--favs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .action.action--favs label { position: relative; padding-left: 30px; background: var(--color-white); border: 1px solid var(--color-first); color: var(--color-first); } .action.action--favs label input[type="checkbox"] { position: absolute; top: 6px; left: 5px; } .action.action--favs label.checkbox .input-helper:before, .action.action--favs label.checkbox .input-helper:after { top: 6px; left: 5px; } @media screen and (max-width: 575px) { .action.action--favs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; margin-bottom: 10px; } } .grey_head .select_tag { display: block; margin: 10px 0; font-size: 14px; font-weight: 700; text-align: left; color: var(--color-grey-lightest); } .grey_head .select_tag form { margin-top: 5px; } @media (max-width: 500px) { .grey_head { padding: 15px; } .grey_head [class*="col-"] { margin: 5px 0; } } .statistics__box .stats-wrapper { float: left; width: 100%; } .statistics__box .stats-wrapper .value--total { font-size: 16px; } @media only screen and (max-width: 1200px) { .statistics__box { min-height: inherit; } } .statistics.-buyer .statistics__box .text--normal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; } .statistics.-buyer .statistics__box .value--total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; font-weight: 700; float: none; } .balancebox { border: 1px solid var(--color-border); text-align: center; padding: 10px; min-height: 141px; } .balancebox p { margin-bottom: 0; } @media only screen and (max-width: 767px) { .balancebox { min-height: inherit; margin-bottom: 10px; } } .light-graybg { background: var(--color-white); padding: 15px; } .border-gap { border-top: 1px solid var(--color-grey-lighter); margin-left: -15px; margin-right: -15px; padding: 15px; } .repeated-table { padding: 15px; } .box-highlights { margin-bottom: 20px; -webkit-box-shadow: var(--shadow-outline-1); box-shadow: var(--shadow-outline-1); border: 1px solid var(--color-grey-lighter); } .orders-detailing .label-field { padding: 0 0 5px 0; } .repeat-wrapper { border: 1px solid var(--color-grey-lighter); margin-bottom: 25px; } .repeat-wrapper:last-child { margin-bottom: 5px; } .toggled-user .dashboard-options li a { border: 1px solid var(--color-grey-lightest); } .delivery-boy-view-order { float: left; padding-right: 20px; } .final_order_table tr td:nth-child(2), .final_order_table tr th:nth-child(2) { padding-left: 0; } .final_order_table tr td:last-child, .final_order_table tr th:last-child { text-align: right; } #messageListing .media > li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--color-border); margin-bottom: 15px; } #map { max-width: 100% !important; } .formActions-css { display: none !important; } .final_order_table .item-yk-head-specification a { display: inline-block; margin-right: 8px; } .field_cover .btn-showmap { display: inline-block; vertical-align: top; margin: 0; height: 40px; border-radius: 5px; font-size: 14px; line-height: 40px; background: transparent; border: 1px solid var(--color-first); color: var(--color-first); } .field_cover .btn-showmap + small, .field_cover .btn-showmap + span { display: inline-block; } .field_cover .remove_first_document, .field_cover .add_document, .field_cover .remove_document { min-width: 50px; width: 50px; } @media screen and (max-width: 991px) { .field_cover .remove_first_document, .field_cover .add_document, .field_cover .remove_document { min-width: 35px; width: 35px; padding: 0; margin: 0 2px; } } .btn.add-slot, .form input.add-slot[type="submit"], .form input.add-slot[type="button"], .btn.add-date, .form input.add-date[type="submit"], .form input.add-date[type="button"] { margin-bottom: 5px; } @media only screen and (max-width: 1279px) { .mobile-switch { margin: 0 auto; border-radius: 2px; text-align: center; border: solid 1px var(--color-border); width: auto; display: table; } .mobile-switch a { padding: 10px; display: table-cell; vertical-align: top; width: 33%; text-align: center; text-transform: uppercase; color: inherit; opacity: 0.7; } .mobile-switch a.is-active { background: var(--color-border); color: var(--color-black); } .form.change-phone-form input[type="submit"] { margin-top: 22px; } } @media (max-width: 1024px) { .dashboard .container--addresses { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 767px) { .dashboard .container--addresses .form small { display: block; } .-hide-pmode-tab { display: none !important; } .form.change-phone-form input[type="submit"] { margin-top: 0; } } @media (max-width: 500px) { .rotator-actions .btn, .rotator-actions .form input[type="submit"], .form .rotator-actions input[type="submit"], .rotator-actions .form input[type="button"], .form .rotator-actions input[type="button"] { margin: 5px 0; } } @media (max-width: 400px) { .container--addresses .field_cover small { display: block; } } .dashboard .table .item-yk-head-title, .dashboard .table .item-yk-head-specification { opacity: 1; font-weight: 400; white-space: normal; } .section--items { width: 100%; padding: 0; } .faqs-wrapper h3 { color: var(--color-first); font-size: 1.25em; margin: 20px 0; } .faqs-wrapper p { padding: 10px 0; } .acc { margin: 0px 0; overflow: hidden; padding: 0; } .acc_ctrl { border: none; border-top: solid 1px var(--color-border); display: block; outline: none; padding: 10px 0px 10px 0px; position: relative; width: 100%; text-transform: none; } .acc_ctrl h4 { text-transform: none; color: var(--color-grey-darkest); padding: 0; margin: 10px 0; font-size: 1em; cursor: pointer; } .acc_ctrl a { color: inherit; } .acc_ctrl.active h4, .acc_ctrl:focus h4 { position: relative; } .acc_panel { padding: 15px 0; display: none; overflow: hidden; } .browsed-box { border: solid 1px var(--color-border); padding: 20px; margin-bottom: 20px; border-radius: var(--radius-2); } .browsed-box:hover { background: var(--color-grey-lighter); } .browsed-box .category-q { text-transform: uppercase; font-weight: 600; opacity: 0.8; } .browsed-box a.btn--link { margin: 10px 0; display: inline-block; } .browsed-box a.btn--link .svg-icn svg path { fill: var(--color-first); } .hero-banner-wrapper { position: relative; padding-top: 2.5vw; padding-bottom: 2.5vw; background-color: #000000; } .hero-banner-wrapper .slick-list { overflow: visible; } @media (min-width: 768px) { .hero-banner-wrapper { min-height: 70vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 1280px) { .hero-banner-wrapper { margin-top: -70px; padding-top: 70px; } } @media (max-width: 600px) { .hero-banner-wrapper { padding: 15px; } } .hero-banner-wrapper .advertisement-wrapper { padding-top: calc(1.5rem + 1.5vw); padding-bottom: calc(1.5rem); overflow: hidden; width: 100%; } .hero-banner-wrapper .advertisement-wrapper ul li { display: inline-block; margin-left: -2px; margin-right: -2px; padding: 0 10px; } .hero-banner-wrapper .advertisement-wrapper ul li a, .hero-banner-wrapper .advertisement-wrapper ul li a img { border-radius: var(--radius-3); } @media (max-width: 1200px) { .hero-banner-wrapper .advertisement-wrapper ul { margin-left: -15px; margin-right: -15px; } .hero-banner-wrapper .advertisement-wrapper ul li { padding: 0 15px; } .hero-banner-wrapper .advertisement-wrapper ul li a, .hero-banner-wrapper .advertisement-wrapper ul li a img { max-width: 100%; width: 100%; } } @media (max-width: 767px) { .hero-banner-wrapper .advertisement-wrapper { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } } @media (max-width: 767px) { .or:after, .or:before { width: 35%; } } @media (max-width: 576px) { .cartdetail__footer a { display: block; } .block-on-mobile + .block-on-mobile { margin-top: 5px; } } .hero-banner { left: 0; top: 0; right: 0; bottom: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.6; overflow: hidden; } .hero-banner .hero-item { position: relative; } .hero-heading { position: relative; color: var(--color-white); text-align: center; padding-left: 1rem; padding-right: 1rem; font-size: calc(1rem + 1vw); } .hero-image { background-size: cover; background-repeat: no-repeat; background-color: var(--color-grey-light); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; min-width: 100vw; min-height: 100vh; } .hero-banner-in { background: var(--color-white); width: 400px; margin: 0px auto; -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); text-align: center; z-index: 2; position: relative; } .hero-banner-form .sign-in { margin: 0; background: var(--color-grey-darkest); color: var(--color-white); } .hero-banner-form .hero-form .city-filled-field, .hero-banner-form .hero-form .radius-filled-field { margin-bottom: 20px; } .hero-banner-form .hero-form .radius-filled-field { text-align: left; } .hero-banner-form .hero-form .city-filled-field input[type="text"] { background-image: url(images/retina/map-pin.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; padding-right: 55px; } .hero-banner-form .hero-form .radius-field { background-image: url(images/retina/radius.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; } .hero-banner-form .hero-form .btn-fb { background-color: #3b5998; color: var(--color-white); } .hero-banner-form .hero-form .option-wrap .text-link { color: var(--color-grey-light); margin-top: 15px; display: block; } .hero-half-form .or, .hero-half-form .option-wrap { display: none; } @media (min-width: 768px) { .hero-banner-in { width: 430px; padding: calc(1.5rem + 1.5vw); } } @media screen and (min-width: 1280px) { .hero-banner-wrapper { min-height: calc(100vh - 90px); } .hero-image { min-height: calc(100vh - 90px); } } @media (max-width: 1024px) { .hero-banner-in { padding: 35px; } } @media (max-width: 767px) { .hero-banner-in { position: relative; z-index: 1; width: 100%; padding: 15px; } } .process-pannel .process { margin-top: 30px; } .process .process-icon { margin-bottom: 30px; } .process h5 { margin-bottom: 10px; } @media (max-width: 767px) { .process-pannel { text-align: center; } .process .process-icon img { margin: auto; } } @media (min-width: 767px) { .process-pannel [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .process-pannel.pannel-left .process { text-align: left; } .process-pannel.pannel-left .process .process-icon img { margin-right: auto; } .process-pannel.pannel-center .process { text-align: center; } .process-pannel.pannel-center .process .process-icon img { margin: 0 auto; } .process-icon img { margin: 0; } } .grid-pannel.grid-right [class*="col-"]:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .grid-pannel h3 { max-width: 400px; } .grid-pannel p { margin: 20px 0; } .grid-pannel img { border-radius: var(--radius-3); } @media (min-width: 769px) { .grid-pannel [class*="col-"]:last-child { padding-left: 90px; } .grid-pannel.grid-right [class*="col-"]:last-child { padding-left: 0; } } @media (max-width: 992px) { .grid-pannel.grid-app [class*="col-"]:last-child { padding: 20px; } } @media (max-width: 768px) { .grid-pannel.grid-app img { margin: 0 auto; } .grid-pannel [class*="col-"]:last-child { padding-top: 20px; } .grid-pannel.grid-app [class*="col-"]:last-child { padding: 20px; } } .testi-block .block-image { max-width: 270px; position: relative; width: 100%; border-radius: var(--radius-2); } .testi-block .block-image:before { position: relative; content: ""; display: block; padding-bottom: 100%; } .testi-block .block-image img { margin: auto; max-width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: var(--radius-2); } .testi-block .block-comments { width: calc(100% - 270px); background-color: var(--color-grey-lightest); color: var(--color-grey-darkest); padding: 60px; -ms-flex-item-align: stretch; align-self: stretch; margin-left: 20px; border-radius: var(--radius-2); } .testi-block .block-comments h6 { font-weight: 800; color: var(--color-grey-darkest); } @media (min-width: 767px) { .testi-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 25px; } } @media (max-width: 1023px) { .testi-block { background: var(--color-grey-lightest); margin: 0 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-2); } } @media (max-width: 767px) { .testi-block { padding: 10px; margin: 0px 15px; } .testi-block .block-image { margin: 20px auto 0; max-width: 70px; } .testi-block .block-comments { width: 100%; margin: 0px; padding: 20px; } } .brands { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brands li { max-width: 170px; padding: 10px; margin: 0 10px; } .brands li img { margin: auto; max-height: 100%; max-width: 100%; } @media (max-width: 1199px) { .brands li { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 20px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 480px) { .brands li { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 500px) { .row.site-section__body [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .custom-hero-banner { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; width: 800px; padding-left: 0; padding-right: 0; } .product-form, .location-form { padding: 0.5rem; border-radius: var(--radius-3); -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); background-color: var(--color-white); } .product-form h4, .location-form h4 { text-align: left; margin-bottom: 15px; font-size: 20px; } .product-form input[type="text"] { display: inline-block; width: calc(100% - 160px); margin-right: 0; height: 40px; margin-bottom: 0; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; background-image: url(images/product-search-icn.svg); background-repeat: no-repeat; background-size: 24px; padding-left: 70px; background-position: 25px 50%; border-width: 0; } .product-form input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .product-form input[type="submit"] { display: inline-block; width: 160px; font-size: 16px; height: 40px; margin: 0; } .product-form form { display: -webkit-box; display: -ms-flexbox; display: flex; } .location-form .city-filled-field, .location-form .radius-filled-field { margin-bottom: 0 !important; } .location-form .city-filled-field input, .location-form .radius-filled-field input { border-width: 0; padding-left: calc(0.5rem + 0.25vw); height: 40px; } .location-form .city-filled-field { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .location-form .city-filled-field input { border-right: 0; background-image: url(images/icon-map-pin.svg) !important; background-size: 12px !important; background-position: calc(100% - 15px) center !important; padding-right: 35px !important; } .location-form .city-filled-field:before { content: ""; position: absolute; right: 0; top: 10px; height: 20px; width: 1px; background: var(--color-border); } .location-form .radius-filled-field { width: 100px; } .location-form .radius-filled-field input { border-radius: 0; border-left: 0; background-image: url(images/icon-radius.svg); padding-right: 35px; background-position: calc(100% - 15px) 50%; } .location-form .radius-filled-field small { display: none; } .location-form form { display: -webkit-box; display: -ms-flexbox; display: flex; } .location-form input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .location-form input[type="submit"] { width: 160px; margin: 0; height: 40px; line-height: 1; width: 30%; } @media screen and (min-width: 1280px) { .product-form, .location-form { padding: calc(0.5rem + 0.25vw); } .product-form h4, .location-form h4 { margin-bottom: 0.75em; font-size: calc(0.75rem + 0.5vw); } .product-form input[type="submit"], .location-form input[type="submit"] { height: calc(2.25rem + 0.75vw); padding-left: calc(0.5rem + 0.25vw); max-width: 160px; } .product-form input[type="submit"] { height: calc(2.25rem + 0.75vw); } .product-form input[type="text"] { height: calc(2.25rem + 0.75vw); } .location-form input[type="submit"], .location-form .city-filled-field input, .location-form .radius-filled-field input { height: calc(2.25rem + 0.75vw); padding-left: calc(0.5rem + 0.25vw); max-width: 160px; } .location-form .city-filled-field::before { top: 50%; height: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 767px) { .product-form input[type="submit"], .location-form input[type="submit"] { background-image: none; padding-left: 16px; } .product-form h4, .location-form h4 { margin-bottom: 15px; font-size: 20px; } } @media screen and (max-width: 575px) { .product-form, .location-form { padding: 1rem; } .product-form h4, .location-form h4 { margin-bottom: 10px; font-size: 17px; } .product-form form, .location-form form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-form input[type="submit"], .location-form input[type="submit"] { width: 100%; border-radius: var(--radius-1); } .product-form input[type="text"] { width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-1); margin-bottom: 15px; } .location-form .city-filled-field, .location-form .radius-filled-field { width: 100%; } .location-form .city-filled-field input, .location-form .city-filled-field input[type="text"], .location-form .radius-filled-field input, .location-form .radius-filled-field input[type="text"] { width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-1); margin-bottom: 15px; } .location-form .city-filled-field:before { display: none; } } .input-radio-wrap { margin-left: 5px; display: inline-block; /*padding: 10px 20px 5px 20px;*/ padding-top: 10px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; background: var(--color-grey-dark); border-top-left-radius: 8px; border-top-right-radius: 8px; color: var(--color-white); font-size: 15px; text-transform: uppercase; position: relative; height: 36px; } .input-radio-wrap input[type='radio'] { position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; } .input-radio-wrap.active { background: var(--color-second); } .input-radio-wrap .icn { display: inline-block; vertical-align: middle; margin-left: 15px; } .hero-banner-form .input-radio-wrap { color: var(--color-second-inverse); } .hero-banner-form .input-radio-wrap:first-child { margin-left: 20px; } @media screen and (min-width: 1280px) { .input-radio-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 15px; height: 36px; } .input-radio-wrap .icn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .hero-banner-form .input-radio-wrap:first-child { margin-left: calc(0.75rem + 0.75vw); } } @media screen and (max-width: 991px) { .hero-banner-form .input-radio-wrap:first-child { margin-left: 20px; } } @media screen and (max-width: 767px) { .input-radio-wrap .icn { display: none; } .hero-banner-form .input-radio-wrap:first-child { margin-left: 10px; } } @media screen and (max-width: 575px) { .input-radio-wrap .icn { float: right; } .hero-banner-form .input-radio-wrap { margin: 0 !important; display: inline-block; border-radius: var(--radius-3); font-size: 14px; width: 49%; margin-bottom: 10px !important; text-align: center; } } .custom-hero-banner { text-align: left; } @media screen and (min-width: 1280px) { .custom-hero-banner { width: 50vw; max-width: 800px; } } @media screen and (max-width: 991px) { .custom-hero-banner { width: 85%; } } @media screen and (max-width: 767px) { .custom-hero-banner { width: 90%; margin: auto; } } @media screen and (max-width: 575px) { .custom-hero-banner { width: 100%; } } .testimonial-wrapper .slick-track, .advertisement-wrapper .slick-track { margin: auto; } .testimonial-wrapper .slick-dots, .advertisement-wrapper .slick-dots { position: relative; left: 0; bottom: 0; -ms-transform: none; transform: none; -webkit-transform: none; text-align: center; margin-top: 10px; } .testimonial-wrapper .slick-dots li, .advertisement-wrapper .slick-dots li { padding: 0; margin: 0 2px; } .testimonial-wrapper .slick-dots li button, .advertisement-wrapper .slick-dots li button { width: 10px; height: 10px; } .testimonial-wrapper .slick-prev { left: 10px; } .testimonial-wrapper .slick-next { right: 10px; } @media screen and (max-width: 575px) { .advertisement-wrapper .carousel--onethird-center { overflow-x: scroll; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .advertisement-wrapper .carousel--onethird-center li { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; margin: auto; } } .container--cms .divider { margin: 0; } .custom-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto; } .custom-form form.custom-form input[type="submit"] { margin: 0; } .custom-form input[type="text"] { width: auto; margin: 0 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .togglehead { display: none; } .section-cms .btn, .section-cms .form input[type="submit"], .form .section-cms input[type="submit"], .section-cms .form input[type="button"], .form .section-cms input[type="button"] { padding-left: 60px; padding-right: 60px; } .section-testimonial { padding-top: 0; } @media (max-width: 767px) { .section-testimonial { text-align: center; } } .testimonial-wrapper { margin-top: 30px; } .is-home .body { background-color: var(--color-white); } .is-home input[type="text"], .is-home input[type="email"], .is-home input[type="phone"], .is-home input[type="search"], .is-home input[type="password"], .is-home textarea, .is-home select, .is-home input[type="number"], .is-home input[type="file"] { height: 50px; line-height: 50px; } @media (max-width: 767px) { .is-home .advertisement-wrapper { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } } .group--social { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0; width: 100%; } .group--social-onehalf .btn, .group--social-onehalf .form input[type="submit"], .form .group--social-onehalf input[type="submit"], .group--social-onehalf .form input[type="button"], .form .group--social-onehalf input[type="button"] { width: 50%; float: left; } .group--social-onehalf .fb-color { background: #3856a0; margin-right: 10px; } .group--social-onehalf .gp-color { background: #dd4330; } .group--social a { color: var(--color-white); } .group--social + p { color: var(--color-grey-darkest); font-size: 1rem; } @media screen and (max-width: 767px) { .group--social-onehalf .btn, .group--social-onehalf .form input[type="submit"], .form .group--social-onehalf input[type="submit"], .group--social-onehalf .form input[type="button"], .form .group--social-onehalf input[type="button"] { padding: 0; } } @media (max-width: 400px) { .group--social { -ms-flex-wrap: wrap; flex-wrap: wrap; } .group--social-onehalf .btn, .group--social-onehalf .form input[type="submit"], .form .group--social-onehalf input[type="submit"], .group--social-onehalf .form input[type="button"], .form .group--social-onehalf input[type="button"] { width: 100%; float: none; margin: 5px 0; } } .group--options .link--primary { margin: 10px 0 0; display: inline-block; } .group__left { background: var(--color-grey-lightest); /*padding: 15px 0 15px 15px;*/ padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 15px; min-height: 260px; border-radius: var(--radius-2); } .group__right { padding: 20px; min-height: 260px; border-radius: var(--radius-2); border: 1px solid var(--color-grey-lighter); } .group__info { float: right; } .group__head { padding: 0 0 10px 0; width: 100%; display: inline-block; } .group__head h6 { font-weight: normal; display: inline-block; padding: 0; } .group__body--scroller { max-height: 280px; overflow: auto; /*padding: 0 20px 0 0;*/ padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 0px; } .group .field_label { display: inline-block; } .or { display: block; margin: 25px 30px; text-align: center; color: var(--color-grey-lighter); font-size: 0.8125rem; max-width: 100%; position: relative; } .or:after, .or:before { content: ""; background: var(--color-grey-lighter); height: 1px; width: calc(100% - 30px); position: absolute; top: 50%; margin-top: -1px; } .or:after { left: 0; } .or:before { right: 0; } .or span { text-transform: uppercase; padding: 0 10px; position: relative; z-index: 1; font-size: 13px; background: #ffffff; } .form-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-head h4 { font-size: 1.875rem; font-size: calc(22px + (30 - 22) * ((100vw - 300px) / (1600 - 300))); } .form-head p { font-size: 0.8125rem; color: var(--color-grey-light); } @media screen and (max-width: 767px) { .form-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } } .otp-heading { text-align: right; } .otp-heading a { text-decoration: underline; } .otp-heading a:hover { text-decoration: none; color: var(--color-second); } @media screen and (max-width: 767px) { .otp-heading a { text-decoration: underline; font-size: 15px; margin-top: 5px; display: block; } } .otp-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .otp-row .otp-col { width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 90px; } .otp-row .otp-col span { display: inline-block; margin: 0 5px; } .otp-row .otp-col input[type='text'] { max-width: 70px; } .form.change-phone-form input[type="submit"] { margin-top: 27px; } @media screen and (max-width: 1199px) { .form.change-phone-form input[type="submit"] { margin-top: 22px; } } @media screen and (max-width: 767px) { .form.change-phone-form input[type="submit"] { margin-top: 0; } } .form.form-otp input[type='submit'] { max-width: 200px; } .form.form-otp a.link { color: var(--color-first); text-decoration: underline; } .forgot { text-align: right; } .forgotPwForm .otp-heading { text-align: left; } .trigger-js.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: none; } .trigger-target.is-visible { display: block; } .page-nav { display: inline-block; width: 100%; } .page-nav li { display: inline-block; vertical-align: top; padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 0; } .page-nav li a { display: block; font-size: 1rem; padding: 20px 0; position: relative; font-weight: 700; color: var(--color-grey-darkest); } .page-nav li a.is-active { color: var(--color-second); } .page-nav li a.is-active:before { position: absolute; left: 0; right: 0; bottom: -1px; content: ""; height: 4px; background: var(--color-second); } .gallery { position: relative; margin: auto; } .gallery .caraousel { margin: 0; } .gallery__top { list-style: none; } @media (max-width: 767px) { .gallery { max-width: 500px; } } .product-gallery #slider-nav { padding: 0 65px; margin-top: 20px; } .product-gallery #slider-nav .slick-track { margin: 0 auto; } @media (max-width: 767px) { .product-gallery #slider-nav { margin-bottom: 20px; } .product-gallery #slider-nav #slider-nav { display: none; } } .ribbon-wrap { background: var(--color-second); color: var(--color-white); font-size: 0.9em; border-radius: var(--radius-1); padding: 4px 10px; font-weight: 700; display: inline-block; max-width: 800px; } .ribbon-wrap span { display: inline-block; font-weight: bold; } @media (max-width: 1024px) { .ribbon-wrap { max-width: 550px; } } .col__left .sticky-col { padding-bottom: 40px; } .horizontal-actionlist { float: right; } .horizontal-actionlist li { margin: 10px 0 0; display: inline-block; } .horizontal-actionlist li a.like-action { position: relative; display: block; left: auto; top: auto; border: 1px solid var(--color-grey-lighter); width: 40px; height: 40px; } .horizontal-actionlist li a.share-action { width: 40px; height: 40px; border-radius: 100%; display: block; position: relative; border: 1px solid var(--color-grey-lighter); } .horizontal-actionlist li a.share-action .svg-icon { width: 14px; height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .horizontal-actionlist li a.share-action .svg-icon svg { fill: var(--color-grey-light); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media (max-width: 1024px) { .horizontal-actionlist li { margin: 0; } } @media (max-width: 767px) { .horizontal-actionlist { float: none; } .horizontal-actionlist li { margin: 10px 0 0; display: inline-block; } } @media (max-width: 500px) { .horizontal-actionlist { float: none; } } .toggle-dropdown { position: relative; display: inline-block; } .toggle-dropdown__target { min-width: 250px; z-index: 9; right: 0; top: 100%; background: var(--color-white); -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .toggle-dropdown__target:before { border-bottom: 10px solid var(--color-white); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 5px; top: -10px; z-index: 1; } .toggle-dropdown.is-active .toggle-dropdown__target { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .toggle-dropdown .collection__container { padding: 15px; } .toggle-dropdown .collection__container ul li { display: inline-block; } .collection__title { display: block; border-bottom: 1px solid var(--color-grey-lighter); margin: 0 0 10px 0; color: var(--color-black); padding: 0 0 5px 0; font-weight: 500; font-size: 1.1em; } .product-type-img { position: relative; width: 22px; padding: 6px 0 0 0; float: left; } @media (max-width: 1199px) { .product-type-img { width: 14px; } } @media (max-width: 767px) { .product-type-img .product-type-img { padding-top: 5px; } } .content__row { margin: 25px 0; } .content__row-head { margin: 0; border-bottom: 1px solid var(--color-grey-lightest); padding-bottom: 15px; } .content__row-head .head__subtitle { color: var(--color-grey-dark); font-size: 12px; } .content__row-caption { color: var(--color-grey-darkest); font-size: 16px; font-weight: 700; margin-bottom: 5px; display: block; text-align: left; } .content__row-caption.text-center { text-align: center; } .content__row .price-content { color: var(--color-grey-darkest); } .content__row .price-content .price-standard { font-size: calc(1rem + 1vw); font-weight: 700; } .content__row .price-content .price-old { font-size: 20px; color: var(--color-grey-dark); font-weight: 700; margin: 0 0 0 10px; } .content__row .price-content .price-discounted { font-size: 20px; color: var(--color-grey-dark); font-weight: 700; margin: 0 0 0 10px; } .content__row .price-content .price-note { display: block; line-height: 0.5; } .content__row .product-img { width: 50px; border: 1px solid var(--color-grey-lighter); } .content__row .select-border ul { margin-left: -3px; margin-right: -3px; } .content__row .select-border ul li { display: inline-block; margin: 3px; margin-top: 0; } .content__row .select-border ul li a { color: var(--color-grey-darkest); border: 1px solid var(--color-grey-lighter); padding: 10px 20px; display: inline-block; border-radius: var(--radius-1); } .content__row .select-border ul li:hover a, .content__row .select-border ul li.is--active a { border-color: var(--color-first); } .content__row .select-border .btns-group { margin-top: 27px; } .content__row .select-border .btns-group .btn, .content__row .select-border .btns-group .form input[type="submit"], .form .content__row .select-border .btns-group input[type="submit"], .content__row .select-border .btns-group .form input[type="button"], .form .content__row .select-border .btns-group input[type="button"] { height: 46px; line-height: 46px; padding: 0 15px; } .content__row .select-border .btns-group .btn i, .content__row .select-border .btns-group .form input[type="submit"] i, .form .content__row .select-border .btns-group input[type="submit"] i, .content__row .select-border .btns-group .form input[type="button"] i, .form .content__row .select-border .btns-group input[type="button"] i { margin-bottom: 5px; } .content__row .select-border .qty { width: 100%; background: var(--color-white); border-radius: var(--radius-1); } .content__row .select-border .qty .increase, .content__row .select-border .qty .decrease { font-weight: 300; height: 40px; line-height: 40px; width: 50px; } .content__row .select-border .qty input { -webkit-box-shadow: none; box-shadow: none; } .content__row .select-border .addToCartForm { width: 100%; } @media (max-width: 500px) { .content__row .select-border .btns-group .btn, .content__row .select-border .btns-group .form input[type="submit"], .form .content__row .select-border .btns-group input[type="submit"], .content__row .select-border .btns-group .form input[type="button"], .form .content__row .select-border .btns-group input[type="button"] { padding: 0 15px; } } @media (max-width: 767px) { .content__row { margin: 20px 0; } .content__row .qty .increase, .content__row .qty .decrease { font-size: 1.4rem; background-color: var(--color-grey-lightest); } .content__row .qty input { font-size: 1rem; } } @media (min-width: 768px) and (max-width: 992px) { .content__row.shop-info-row .content__row-caption { text-align: center; } } .selectors.selector--qty .slick-arrow { opacity: 1; top: calc(50% - 20px); background: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; } .selectors.selector--qty .slick-arrow.slick-prev { right: 7px; } .selectors.selector--qty .slick-arrow.slick-next { right: 10px; } .selectors.selector--qty .slick-arrow.slick-prev:before, .selectors.selector--qty .slick-arrow.slick-next:before { display: none; } .selectors.selector--qty.caraousel .slick-arrow.slick-disabled { opacity: 0.2; } .cart-tbl-addons { border-radius: var(--radius-2); overflow: hidden; border-collapse: seperate; display: table; border: 1px solid #ededed; /*td:first-child { border-left: 1px solid theme('color.grey.lighter'); } td:last-child { border-right: 1px solid theme('color.grey.lighter'); }*/ } .cart-tbl-addons .item-yk-head-title { white-space: normal; } .cart-tbl-addons .qty input { height: 40px; } @media (max-width: 1023px) { .cart-tbl-addons.table .qty { width: 95px; } } @media (max-width: 767px) { .cart-tbl-addons { display: block; border-top: 1px solid var(--color-border); } .cart-tbl-addons td { vertical-align: middle; } .cart-tbl-addons .item-yk-head-title { white-space: normal; } } .shop-info-row { position: relative; z-index: 2; padding: 20px; background-repeat: repeat; text-align: center; overflow: hidden; } .shop-info-row:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--color-first); opacity: 0.15; z-index: -1; } .shop-info-row .avatar { width: 120px; height: 120px; margin: 0 auto 20px; } .shop-info-row .avatar a { display: block; } .shop-info-row .avatar img { border-radius: 0; } .shop-info-row .shop-info { padding: 10px 0 0 0; } .shop-info-row .shop-info h6 { padding: 0; } .shop-info-row .shop-info h6 a { color: var(--color-grey-darkest); font-size: 24px; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: left; } .shop-info-row .shop-info [class*="col-"]:last-child p { margin: 0; } .shop-info-row .shop-links { text-align: inherit; } .shop-info-row .shop-links a { font-weight: 600; border-left: 2px solid var(--color-first); margin-left: 7px; padding-left: 7px; } .shop-info-row .shop-links a:first-child { border: 0 none; padding: 0; margin: 0; } @media (width: 768px) { .shop-info-row .shop-links { text-align: left; } .shop-info-row .shop-info [class*="col-"]:last-child { padding-top: 15px; padding-left: 10px; } } @media (min-width: 768px) and (max-width: 992px) { .shop-info-row .avatar { margin: auto; } .shop-info-row .shop-links { text-align: center; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: center; } } @media (max-width: 575px) { .shop-info-row .shop-links, .shop-info-row .content__row-caption { text-align: center; } .shop-info-row .avatar { margin: 10px auto; } .shop-info-row .shop-info [class*="col-"]:last-child { text-align: center; } } @media (max-width: 575px) { .grey-circle.user_img_crcle { margin: 0; } .basket-action { margin-left: 5px; } .basket-action .grey-circle { padding-left: 5px; padding-right: 5px; } } .sticky-bar { z-index: 1; } .section-repeated { padding: 20px; margin: 20px 0; border: 1px solid var(--color-grey-lighter); } .section-repeated .container--cms h3 { font-size: 1.2rem; padding-bottom: 10px; } .section-repeated .container--cms h6 { font-size: 1.0rem; color: var(--color-grey-darkest); padding-bottom: 10px; } @media (max-width: 500px) { .section-repeated { padding: 15px; } } .feedback-wrap { background: var(--color-grey-lightest); padding: 15px; margin-top: 20px; } .feedback-head .rating { display: block; margin: 0 0 10px 0; } .feedback-left { display: table-cell; width: 20%; text-align: center; margin: auto; vertical-align: top; } .feedback-guest .guest-label { background: var(--color-grey-lightest); color: var(--color-grey-darkest); width: 60px; height: 60px; display: block; border-radius: 100%; text-align: center; line-height: 60px; font-size: 24px; font-weight: 700; margin: auto; margin-bottom: 10px; } .feedback-guest .guest-label img { border-radius: 100%; padding: 10px; } .feedback-guest .guest-name { display: block; font-weight: 700; } .feedback-guest .guest-time { color: var(--color-grey-dark); font-size: 12px; text-transform: uppercase; } .feedback-actions p { display: inline-block; margin: 0; } .feedback-actions .inline-list { display: inline-block; margin: 0; } .feedback-actions .inline-list > li { list-style-type: none; display: inline-block; vertical-align: middle; /*padding: 0 5px 5px 5px;*/ padding-top: 0; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .feedback-actions .inline-list > li:before { display: none; } .feedback-actions .inline-list > li > a { color: var(--color-black); } @media (max-width: 767px) { .feedback-wrap .sortlist-actions { float: right; background: var(--color-white); padding: 0 10px; } } @media (max-width: 500px) { .feedback-wrap { text-align: center; } .feedback-left { display: block; width: 100%; text-align: left; } .feedback-guest .guest-label { margin: 0 0 10px 0; } } .repeat-feedback { display: table; width: 100%; border-bottom: 1px solid var(--color-grey-lighter); padding: 20px 0; } .repeat-feedback-wrap .repeat-btn { text-align: center; margin-top: 20px; border-top: 1px solid var(--color-grey-lighter); padding-top: 20px; } .repeat-feedback:last-child { border-bottom: 0 none; } .repeat-feedback .image-helper { display: inline-block; vertical-align: middle; } .repeat-feedback .image-helper .thumb-action { fill: var(--color-black); } .repeat-feedback .image-helper.thumb-rotate { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; vertical-align: middle; margin-top: -7px; } .repeat-feedback .image-helper.thumb-rotate .thumb-action { fill: var(--color-black); } .repeat-feedback .inline-list .thumb-y, .repeat-feedback .inline-list .thumb-n { padding-left: 4px; font-weight: 700; } .repeat-feedback .feedback-actions .inline-list li { padding-bottom: 0; } .repeat-feedback .feedback-actions .inline-list li.is-active a { color: var(--color-first); } .repeat-feedback .feedback-actions .inline-list li.is-active a svg path { fill: var(--color-first); } .section-repeated .progress--horizontal .progress__bar { background-color: var(--color-first); color: var(--color-first-inverse); } .section-repeated .progress--radial { margin: auto; } .section-repeated .have-you { background: var(--color-white); } .section-repeated .select-custom .select--arrow select { border: none; -webkit-box-shadow: none; box-shadow: none; } .section-repeated .listing--progress li { list-style: none; /*padding: 0 15px 12px 15px;*/ padding-top: 0; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; } .section-repeated .listing--progress li:before { display: none; } @media (max-width: 767px) { .section-repeated .rating-progress-row { border: 0 none; padding-right: 0; } } @media (max-width: 500px) { .section-repeated .listing--progress li { padding: 0 0 12px 0; } } .card-ratings { text-align: center; } @media (max-width: 767px) { .qty.product-detail__qty { max-width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .add-to-cart-wrapper.is-stick { position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100%; margin: 0; padding: 20px; background-color: var(--color-grey-lightest); } } @media (max-width: 500px) { .select-custom span.static_txt { display: none; } .select-custom .select--arrow { width: 100%; } .cart-tbl-addons-wrap { white-space: nowrap; overflow: auto; display: block; } .feedback-wrap .sortlist-actions { max-width: 200px; float: none; margin: 10px auto 0; } } @media (max-width: 400px) { .section-repeated .listing--progress > li .grid--left { width: 20%; } } .seller-wrap { border-radius: 0px; background: var(--color-white); margin-top: 20px; } .seller-wrap .seller-block { background: var(--color-grey-lightest); padding: 10px; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .seller-wrap .seller-block .seller-info { width: 100%; } .seller-wrap .seller-block .qty { width: 25px; padding: 0 5px; } .seller-wrap .seller-block .qty input, .seller-wrap .seller-block .qty .increase, .seller-wrap .seller-block .qty .decrease { height: 26px; } .seller-wrap .seller-block .qty .increase, .seller-wrap .seller-block .qty .decrease { width: 20px; } .seller-wrap .seller-block .qty.product-detail__qty { width: 50%; height: 28px; } .seller-wrap .seller-block .btn.btn--primary, .seller-wrap .seller-block .form input.btn--primary[type="submit"], .form .seller-wrap .seller-block input.btn--primary[type="submit"], .seller-wrap .seller-block .form input.btn--primary[type="button"], .form .seller-wrap .seller-block input.btn--primary[type="button"] { font-size: 12px; padding: 0 5px; min-width: 40px; width: 50%; height: 28px; line-height: 28px; } .seller-wrap .seller-block form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .seller-wrap .seller-block .item-yk { padding-bottom: 10px; } .seller-wrap .seller-block .item-yk .product_price { font-size: 16px; } .seller-wrap .seller-block .ftshops_name { font-size: 14px; display: inline-block; } .seller-wrap .seller-block .ftshops_name a { color: inherit; } .seller-wrap .seller-block .ftshops_location { font-size: 14px; display: inline-block; } .seller-wrap .seller-block .price-old { font-size: 11px; opacity: 0.7; } .link-more-seller { display: block; text-align: right; margin-top: 10px; font-size: 14px; padding: 0 15px; } .seller-detail h6 a { color: var(--color-grey-darkest); } .seller-detail + .link_group a:first-child { position: relative; } .seller-detail + .link_group a:first-child:before { content: ""; width: 1px; height: 80%; right: -3px; background-color: var(--color-first); position: absolute; top: 2px; } .slider-for img { margin: 0 auto; max-width: 100%; height: auto; } .slider-nav { position: relative; } .slider-nav .slick-list { max-width: 520px; margin: 0 auto; text-align: center; } .slider-nav .slick-arrow { position: absolute; top: 50%; margin-top: -20px; background-color: rgba(0, 0, 0, 0.15); width: 40px; height: 40px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .slider-nav .slick-arrow:hover { background-color: var(--color-first); } .slider-nav .slick-arrow:before { display: none; } .slider-nav .slick-prev:after, .slider-nav .slick-next:after { content: ""; border: none; border-right: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .slider-nav .slick-prev:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .slider-nav .slick-prev { left: 0%; } .slider-nav .slick-next { right: 0%; } .slider-nav .thumb { border: solid 1px var(--color-border); margin: var(--margin-1); text-align: center; } .slider-nav .thumb img { max-width: 100%; margin: 0 auto; } /**/ .select-color { margin: 10px 0; } .select-color li:hover { border-color: var(--color-first); } .select-color li.not--available { opacity: 0.45; } .select-color li.not--available:hover { border-color: inherit; } .select-color li span { display: block; width: 20px; height: 20px; } .select-color li.is--active { border-style: solid; border-color: var(--color-first); color: var(--color-first); } .select-color li.is--active a { color: inherit; } .select-size { margin: 10px 0; } .select-size li:hover { border-color: var(--color-first); } .select-size li span { display: block; height: 20px; } .select-size li a { color: inherit; opacity: 0.7; } .select-size li.is--active { border-style: solid; border-color: var(--color-first); color: var(--color-first); } .select-size li.is--active a { color: inherit; } .detail_head { position: relative; } .detail_head .item-yk-head { height: auto; } .detail_head.item-yk .item-yk-head-title { font-size: 1.25em; max-width: 80%; white-space: normal; } .detail_head.item-yk .item-yk_rating { margin: 0 0 10px 0; } .detail_head.item-yk .collections-ui { bottom: auto; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail_head.item-yk .product_price { font-size: 2.25em; } .detail_head.item-yk .bullet-list li { display: inline-block; width: 49%; vertical-align: top; } .detail_head.item-yk .bullet-list li.link_li:before { content: normal; font-weight: 600; } .detail_head.item-yk .bullet-list li.link_li a { color: var(--color-second); font-weight: 600; } .buy-group .btn, .buy-group .form input[type="submit"], .form .buy-group input[type="submit"], .buy-group .form input[type="button"], .form .buy-group input[type="button"] { /*margin: 10px 10px 10px 0;*/ margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; font-size: 1.3em; padding: 10px 25px; height: auto; } .buy-group .btn i, .buy-group .form input[type="submit"] i, .form .buy-group input[type="submit"] i, .buy-group .form input[type="button"] i, .form .buy-group input[type="button"] i { margin-right: 5px; } .cart-offer { background: rgba(251, 169, 5, 0.1); font-weight: 300; line-height: 1.5; } .ftshops.seller--info .ftshops_item_head_left, .ftshops.seller--info .ftshops_item_head_right { padding: 20px 0; } .ftshops.seller--info .ftshops_item_head { border-bottom: none; } /* cms-editor style */ .cms-editor { padding: 0; width: 100%; overflow: hidden; } .cms-editor h1 { font-size: 1.8em; padding: 0 0 15px 0; font-weight: 600; line-height: 1; } .cms-editor h2 { font-size: 1.3em; padding: 10px 0; font-weight: 600; line-height: 1; } .cms-editor h3 { font-size: 1.2em; padding: 0 0 10px 0; font-weight: 600; } .cms-editor h4 { color: var(--color-grey-dark); padding: 0 0 10px 0; font-weight: 600; } .cms-editor h5 { color: inherit; padding: 0 0 5px 0; font-weight: 600; } .cms-editor h6 { color: inherit; padding: 0 0 10px 0; font-weight: 600; } .cms-editor p { padding: 0 0 15px 0; line-height: 1.5; } .cms-editor p a:hover { color: var(--color-black); } .cms-editor ul { margin: 0 0 15px 0; padding: 0; display: inline-block; width: 100%; } .cms-editor ul li { list-style: inside; position: relative; padding: 0 20px 15px 20px; font-size: 15px; } .cms-editor ol { margin: 0 0 15px 0; padding: 0; display: inline-block; width: 100%; } .cms-editor ol li { list-style: decimal inside; font-size: 15px; color: var(--color-grey-darkest); margin: 0; padding: 0 0 10px 0; } .cms-editor img { border: 1px solid var(--color-grey-lighter); } .cms-editor table { width: 100%; } .cms-editor table th { background: var(--color-grey-lighter); color: var(--color-black); font-weight: 300; } .cms-editor table tr { border-bottom: solid 1px var(--color-border); } .cms-editor table tr:last-child { border: none; } .cms-editor table tr th, .cms-editor table tr td { vertical-align: top; padding: 10px 15px; } .cms-editor table tr td:first-child { background: var(--color-grey-lightest); width: 30%; } .cms-editor table img { max-width: 100%; } .cms-editor .leftImg { float: left; /*margin: 0 20px 20px 0;*/ margin-top: 0px; margin-right: 20px; margin-bottom: 20px; margin-left: 0px; padding: 4px; border: 1px solid var(--color-grey-lighter); border-bottom: 3px solid var(--color-grey-lighter); } .cms-editor .rightImg { float: right; /*margin: 0 0 20px 30px;*/ margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 30px; padding: 4px; border: 1px solid var(--color-grey-lighter); border-bottom: 3px solid var(--color-grey-lighter); } .cms-editor .pcards { /*margin: 0 6px 0 0;*/ margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; } .videowrap iframe { width: 100%; } .rating-circle { width: 180px; height: 180px; border: solid 1px var(--color-border); display: block; border-radius: 50%; text-align: center; } .rating-circle .item-yk_rating { display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; height: auto; } .rating-circle .item-yk_rating .svg { height: auto; width: auto; } .rating-circle .item-yk_rating .svg svg { width: 36px; height: auto; } .rating-circle .item-yk_rating .rate { font-size: 3em; font-weight: 600; display: block; } .have-you { background: var(--color-grey-lightest); padding: 20px; text-align: center; } .tabs-content { padding: 20px 0; } .tabs-content .tab-item { display: none; } .helpfull { margin-bottom: 50px; } .avatar { display: block; border-radius: 50%; overflow: hidden; margin: 0; } .avatar.avatar--92 { width: 92px; height: 92px; } .avatar img { border-radius: 50%; max-width: 100%; } .user-detail .by-name { color: var(--color-grey-dark); font-size: 0.9em; line-height: 1.5; } .verified { text-align: right; } .yes-no { margin: 15px 0; } .yes-no li { display: inline-block; color: var(--color-grey-light); vertical-align: top; margin-left: 15px; } .yes-no li a { color: inherit; display: block; font-weight: 300; font-size: 0.8em; } .yes-no li img { display: inline-block; vertical-align: top; } .search-question { background: var(--color-grey-lightest); } .search-question input[type="text"] { border: none; background: none; border-radius: 0; width: calc(100% - 59px); vertical-align: top; } .search-question input[type="submit"] { border: none; background: url(images/retina/search.svg) no-repeat center; border-radius: 0; width: 49px; height: 40px; vertical-align: top; } .faq-list .yes-no { float: right; } .qs-ans li { position: relative; margin: 10px; display: block; } .qs-ans li.question span, .qs-ans li.answer span { color: var(--color-grey-light); font-weight: 600; display: inline-block; width: 126px; } .qs-ans li.question { font-size: 1.2em; font-weight: 600; } .qs-ans p { margin-left: 126px; } .social-networks { position: absolute; z-index: 1; left: auto; top: 100%; padding: 10px; opacity: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: var(--radius-2); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background: var(--color-white); -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2); } .social-networks.open-menu, .no-js .social-networks { -webkit-transform: scale(1) translateX(0%); -ms-transform: scale(1) translateX(0%); transform: scale(1) translateX(0%); opacity: 1; } .social-networks ul { display: inline-block; white-space: nowrap; text-align: center; } .social-networks ul li:first-child { padding-right: 0; } .free-delivery { line-height: 50px; } .fixed__panel .stick { position: fixed; width: 310px; } .detail_head.item-yk .collection-wrapper .collection__container { top: 100%; bottom: auto; } .detail_head.item-yk .collection-wrapper .collection__container.open-menu { -webkit-transform: scale(1) translateY(10px); -ms-transform: scale(1) translateY(10px); transform: scale(1) translateY(10px); } .form__group--qty { display: block; padding: 15px 20px; width: auto; border: solid 1px var(--color-border); } .qty__value .item__price { font-size: 1em; font-weight: normal; display: block; color: var(--color-black); } .qty__value .item__price--old { font-size: 1em; font-weight: normal; text-decoration: line-through; } .selector-container { /*margin: 0 0 0 -5px;*/ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -5px; overflow: hidden; } .selector--qty { /*padding: 0 27px 0 0;*/ padding-top: 0; padding-right: 27px; padding-bottom: 0; padding-left: 0; position: relative; } .selector--qty li { margin: 0; } .selector--qty .qty__value { display: block; background: var(--color-grey-lightest); display: block; margin: 5px; padding: 20px; height: 100%; } .selector--qty .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .selector--qty.slick-initialized .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .selector--qty .slick-arrow { position: absolute; width: 30px; height: 30px; cursor: pointer; } .selector--qty .slick-arrow:active { background: rgba(0, 0, 0, 0.05); } .selector--qty .slick-arrow.slick-next { right: -5px; top: 5px; } .selector--qty .slick-arrow.slick-next:before { position: absolute; left: 8px; top: 10px; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--color-grey-darkest); border-bottom: 2px solid var(--color-grey-darkest); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .selector--qty .slick-arrow.slick-prev { right: -5px; bottom: 5px; } .selector--qty .slick-arrow.slick-prev:before { position: absolute; left: 12px; top: 10px; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--color-grey-darkest); border-bottom: 2px solid var(--color-grey-darkest); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .selector--qty .slick-arrow.slick-disabled { opacity: 0.2; cursor: default; } .details__body { position: relative; } .img-sticky80 { position: -webkit-sticky; position: sticky; top: 80px; } .img-static-scroll { position: fixed; left: auto; background: var(--color-white); border-radius: 2px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .img-absolute-scroll { position: absolute; bottom: 0; top: auto !important; } .cod-txt { color: var(--color-second); } .addon--tag--soldout { color: var(--color-first); font-weight: 600; } @media only screen and (max-width: 767px) { .product-detail { border-left: none; } .rating-circle { margin: 0 auto; margin-bottom: 10px; } .have-you { float: none; display: block; } ul.tabs { position: relative; width: 100%; overflow-x: scroll; white-space: nowrap; } ul.tabs:after { content: ""; position: absolute; right: 0; top: 0; display: block; width: 50px; height: 100%; background-image: -o-repeating-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } ul.tabs li { display: inline-block; white-space: nowrap; } .tabs-content { padding: 10px 0; } .avatar { margin: 10px 0; } .verified { text-align: left; } .qs-ans li.question span, .qs-ans li.answer span { width: 100%; display: block; float: none; } .qs-ans li p { margin-left: 0; } .detail_head.item-yk .item-yk-head-title { max-width: none; } .detail_head.item-yk .collections-ui { position: static; } } @media only screen and (max-width: 1025px) { .buy-group .btn, .buy-group .form input[type="submit"], .form .buy-group input[type="submit"], .buy-group .form input[type="button"], .form .buy-group input[type="button"] { padding-right: 20px; padding-left: 20px; min-width: inherit; } .img-static-scroll { position: static; -webkit-box-shadow: none; box-shadow: none; width: auto; } } .filter { padding: 20px; background: var(--color-white); border-radius: var(--radius-1); border: solid 1px var(--color-border); } .filter-content { margin: 0; margin-top: -20px; overflow: hidden; -webkit-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .filter-price-slider { background: var(--color-grey-lighter); height: 2px; margin: 21px 2px 16px; position: relative; text-align: left; padding: 0 10px; width: 100%; } .fixed__panel.stick { top: 0; position: fixed; width: 370px; } .promotion-sticky { position: -webkit-sticky; position: sticky; top: 100px; } .price-slider-scroll { background: var(--color-grey-darkest); border: medium none; border-radius: 50%; cursor: pointer; height: 13px; margin-left: 0; outline: medium none; position: absolute; top: -6px; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; width: 13px; z-index: 2; } .price-slider-scroll:hover { -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); } .from-price-text, .to-price-text { font-weight: 600; font-size: 0.8em; vertical-align: top; } .to-price-text { float: right; text-align: right; } .prices { padding-bottom: 10px; padding-right: 10px; } .slide__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .price-input { padding: 0; text-align: center; width: auto; } .price-text-box { position: relative; } .price-text-box .input-filter { margin: 0; /*padding: 0 5px 0 30px;*/ padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 30px; display: inline-block; font-size: 12px; vertical-align: top; } .rsText { color: var(--color-grey-dark); font-size: 13px; left: 5px; margin-right: 3px; padding-left: 3px; position: absolute; top: 11px; } .filter-content .btn, .filter-content .form input[type="submit"], .form .filter-content input[type="submit"], .filter-content .form input[type="button"], .form .filter-content input[type="button"] { padding: 9px 10px; float: right; } .filter-content .dash { display: inline-block; padding: 6px; } .brands-list li { margin: 10px 0; display: block; } .white--bg { background: var(--color-white); border-radius: var(--radius-1); border: solid 1px var(--color-border); } .right-panel { padding: 20px; } .right-panel_head_right { float: right; text-align: right; } @media (max-width: 1199px) { .right-panel .right-panel .row { padding-bottom: 20px; } .right-panel .right-panel .row.top-row [class*="col-"] { margin: auto; } } @media (max-width: 1199px) { .sortlist-actions { float: none; } } @media only screen and (max-width: 500px) { .sortlist-actions li, .sortlist-actions li:first-child { width: 100%; margin: 2px 0; } .sortlist-actions li:first-child { width: 34%; } } .sort-by select { height: 30px; } .sort-by > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sort-by > ul > li { display: inline-block; margin-left: 3px; } .sort-by > ul > li.sort { color: var(--color-grey-darker); font-weight: 300; } .listing-products .item-yk { padding-bottom: 20px; margin-bottom: 20px; } .listing-products--grid .item-yk_ft_list { display: none; } .listing-products--list [class*="col-md-"] { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .listing-products--list .item-yk { /* Safari */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: solid 1px var(--color-border); } .listing-products--list .item-yk-head { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; } .listing-products--list .item-yk_body { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 25%; padding: 2%; } .listing-products--list .item-yk_footer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 25%; } .listing--items { display: inline-block; width: 100%; } .listing--items li { width: 20%; display: inline-block; vertical-align: top; /*margin: 0 -4px 0 0;*/ margin-top: 0px; margin-right: -4px; margin-bottom: 0px; margin-left: 0px; /*padding: 0 0 0 10px;*/ padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 10px; } .listing--items li .item__pic { background: var(--color-white); margin: 0; border-radius: var(--radius-1); } .listing--items li .item__link { padding: 0 0 100% 0; background: rgba(0, 0, 0, 0.1); width: 100%; display: block; position: relative; border-radius: var(--radius-1); } .listing--items li .item__link span { position: absolute; text-align: center; left: 50%; top: 50%; color: var(--color-grey-darkest); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1.2; } .listing--items li .item__link:hover { background: var(--color-first); } .listing--items li .item__link:hover span { color: var(--color-white); } .filters-wrap .block-wrapper { margin-bottom: 30px; } .filters-wrap .block-wrapper .plus-symbol { top: -6px; } .filters-wrap .block-wrapper .plus-symbol:before, .filters-wrap .block-wrapper .plus-symbol:after { left: 25px; } .filters-wrap .selected-filters { margin-left: -5px; margin-right: -5px; } .filters-wrap .selected-filters a { color: var(--color-grey-dark); font-size: 0.8em; display: inline-block; padding: 5px 10px; margin: 4px; background: var(--color-white); position: relative; padding-right: 30px; border: 1px solid var(--color-border); border-radius: var(--radius-1); } .filters-wrap .selected-filters a:after { position: absolute; content: "+"; font-size: 1.4rem; font-weight: 700; top: 50%; right: 4px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); opacity: 0.7; } .filters-wrap .categories { width: 100%; margin: 0; } .filters-wrap .categories ul li { position: relative; list-style-type: none; margin: 0; padding-right: 24px; } .filters-wrap .categories ul li a, .filters-wrap .categories ul li label { font-size: 0.875rem; position: relative; color: var(--color-grey-dark); margin: 5px 0; display: inline-block; padding-right: 40px; } .filters-wrap .categories ul li a:hover, .filters-wrap .categories ul li label:hover { color: var(--color-first); } .filters-wrap .categories ul li a.is--active { font-weight: 600; } .filters-wrap .categories ul li label { padding: 0; } .filters-wrap .categories ul ul { display: none; margin-left: 10px; } .filters-wrap .categories ul ul li { padding-right: 0px; } .filters-wrap .categories ul ul li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filters-wrap .categories ul ul li a:hover { color: var(--color-grey-darkest); } .filters-wrap .categories ul ul ul li a { color: var(--color-grey-dark); } .filters-wrap .categories li.active > ul { display: block; } .filters-wrap .categories .acc-trigger { position: absolute; top: 7px; left: 4px; display: inline-block; width: 7px; height: 7px; vertical-align: top; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; padding: 0; border-style: solid; border-width: 1px 1px 0 0; cursor: pointer; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; transform-origin: center; } .filters-wrap .categories .acc-trigger.is--active { top: 4px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .filters-wrap ul li label { font-size: 0.875rem; position: relative; color: var(--color-grey-dark); margin: 5px 0; display: inline-block; padding-right: 40px; } .filters-wrap .checkbox .input-helper:before, .filters-wrap .radio .input-helper:before { border-color: var(--color-grey-light); } @media (max-width: 1279px) { .filters-wrap { position: fixed; top: 0; bottom: 0; left: 0; z-index: 999999999999; margin: 0; padding: 0; width: 300px; border-radius: 0; text-align: left; visibility: hidden; background: var(--color-white); -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); opacity: 0; overflow: auto; -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } html.show-filters .filters-wrap { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); visibility: visible; } .filters-wrap .block-wrapper { margin-bottom: 0; } } .filter-category-list { display: none; position: relative; width: 100%; } .price-range .js-growcer-slider .irs-handle.state_hover, .price-range .js-growcer-slider .irs-handle:hover, .price-range .js-growcer-slider .irs-handle, .price-range .js-growcer-slider .irs-bar, .price-range .js-growcer-slider .irs-from, .price-range .js-growcer-slider .irs-to, .price-range .js-growcer-slider .irs-single { background-color: var(--color-first); color: var(--color-first-inverse); } .price-range .js-growcer-slider .irs-from, .price-range .js-growcer-slider .irs-to { font-size: 12px; padding: 5px 7px; } .price-range .js-growcer-slider .irs-handle.state_hover > i:first-child > i:first-child, .price-range .js-growcer-slider .irs-handle:hover > i:first-child > i:first-child, .price-range .js-growcer-slider .irs-handle > i:first-child { border-top-color: var(--color-first); } .price-range .js-growcer-slider .irs-from:before, .price-range .js-growcer-slider .irs-to:before, .price-range .js-growcer-slider .irs-single:before { border-top-color: var(--color-first); } .price-range .js-growcer-slider .irs-line { background-color: var(--color-grey-lighter); } .price-range .prices .irs--sharp .irs-grid-text { font-size: 11px !important; padding-right: 10px !important; } @media (max-width: 1279px) { .btn-filter { font-size: 0.9rem; /*padding: 0 35px 0 10px;*/ padding-top: 0; padding-right: 35px; padding-bottom: 0; padding-left: 10px; text-align: left; background: var(--color-white); color: var(--color-grey-dark); border: 1px solid var(--color-border); text-transform: uppercase; letter-spacing: 0.45px; display: block; margin: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .btn-filter .icon_filters { position: absolute; right: 14px; top: 10px; width: 16px; } } @media (min-width: 700px) and (max-width: 1279px) { .top-actions { width: 100%; margin: 0 auto; } } .pannel-top { position: relative; margin-bottom: 30px; } .pannel-top .top-actions .sort-list .sort-caption { display: none; } @media (min-width: 700px) and (max-width: 1199px) { .pannel-top { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1279px) { .pannel-top { padding: 0; } .pannel-top .top-actions .sort-list { width: 50%; padding-left: 8px; } .pannel-top .top-actions .sort-list .sort-caption { display: block; } .pannel-top .top-actions .sort-list .sort-dropdown { position: absolute; z-index: 100; left: 8px; width: calc(100% - 8px); } } @media (max-width: 1279px) { .pannel-top { padding: 0; margin-bottom: 10px; background-color: transparent; } .pannel-top .top-actions .btn-filter-wrap { width: 50%; padding-right: 8px; } } @media (max-width: 575px) { .pannel-top .top-actions .sort-list .sort-dropdown { width: 100%; position: relative; left: 0; } } .btn-filter-wrap { display: none; } @media (max-width: 1279px) { .btn-filter-wrap { display: block; } } .sort-list { position: relative; } .sort-list ul li span { display: inline-block; height: 100%; padding: 6px 16px; margin-right: 10px; border-radius: var(--radius-1); font-size: 0.875rem; color: var(--color-grey-light); background-color: var(--color-white); border: 1px solid var(--color-border); } .sort-list ul li .checkbox, .sort-list ul li .radio { padding: 0; } .sort-list ul li span:hover, .sort-list ul li input:checked + span { color: var(--color-grey-darkest); border-color: var(--color-grey-darkest); } @media (max-width: 1279px) { .sort-list .sort-dropdown { display: none; background: var(--color-white); border: 1px solid var(--color-grey-lighter); width: 100%; } .sort-list ul li label { display: block; } .sort-list ul li span { display: block; padding: 10px; margin: 0; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; } .sort-list ul li:first-child span { border-top: 0; } .sort-list ul li span:hover, .sort-list ul li input:checked + span { border-color: transparent; } } @media (max-width: 1279px) { .sort-caption { position: relative; display: block; height: 40px; /*padding: 0 35px 0 10px;*/ padding-top: 0; padding-right: 35px; padding-bottom: 0; padding-left: 10px; border-radius: var(--radius-1); line-height: 40px; text-transform: uppercase; background: var(--color-white); border: 1px solid var(--color-border); cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .sort-caption-value { font-size: 0.9rem; color: var(--color-grey-dark); } .sort-hamburger { display: block; margin: 14px 0 0; position: absolute; width: 25px; top: 4px; right: 18px; } .sort-hamburger, .sort-hamburger:before, .sort-hamburger:after { background: var(--color-grey-darkest); width: 13px; height: 2px; } .sort-hamburger:before { content: ""; left: 0; position: absolute; top: -6px; width: 20px; } .sort-hamburger:after { content: ""; left: 0; position: absolute; bottom: -6px; width: 6px; } } .btn-switch-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-switch-list ul li:last-child a { border-left: 1px solid var(--color-border); padding-left: 10px; margin-left: 10px; } .btn-switch-list ul li a:hover svg, .btn-switch-list ul li a.is-active svg { stroke: var(--color-first); } .btn-switch-list ul li svg { vertical-align: middle; margin-top: -5px; } @media (max-width: 1200px) { .pannel-bottom { padding: 0; } .pannel-bottom.white-fill { background-color: transparent; } } .grid-container [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px; padding-bottom: 10px; } .grid-container .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; } @media screen and (min-width: 1025px) { .grid-container.list-view [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid-container.list-view [class*="col-"] .product { display: table; table-layout: fixed; width: 100%; } .grid-container.list-view .product .tile-media { width: 157px; float: left; } .grid-container.list-view .product .product-info { width: calc(100% - 160px); float: left; /*padding: 0 0 0 35px;*/ padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 35px; } .grid-container.list-view .product .product-action { width: 185px; } .listing-products.-listing-products .grid-container.list-view [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .listing-products .grid-view .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .listing-products.-listing-products .pannel-top { width: 100%; padding: 0; margin: 0; } .listing-products.-listing-products .pannel-top .top-actions { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .listing-products.-listing-products .product-listing .pannel-bottom { margin-top: 30px; } @media only screen and (max-width: 575px) { .listing-products .product-listing { width: 100%; } } @media only screen and (max-width: 1200px) { .right-panel { padding: 10px; } .right-panel_head_right .link__filter { display: inline-block !important; } .sort-by li { display: block; margin: 3px 0; } .section__filter { position: fixed; top: 0; bottom: 0; left: 0; z-index: 111; width: 260px; padding: 10px; border-radius: 0px; border: none; -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); opacity: 0; overflow: auto; -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } body.filter__show .section__filter { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .widgets-heading { position: relative; } .widgets-heading:after { content: "+"; position: absolute; top: 50%; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; padding: 0; cursor: pointer; font-size: 1.5em; text-align: center; background: var(--color-white); border: solid 1px var(--color-border); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widgets-heading.active:after { content: "-"; } .toggle-target { display: none; } .listing--items li { /*padding: 0 10px 0 0;*/ padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 0; width: 38%; } .listing--items li .item__link span { white-space: normal; } } @media only screen and (max-width: 767px) { .listing-products--list .item-yk { display: block; } .listing-products--list .item-yk-head, .listing-products--list .item-yk_body, .listing-products--list .item-yk_footer { display: block; width: auto; } .listing-products--list .item-yk .product_price { font-size: 1.1em; } .fixed__panel .stick { width: auto; } .-listing-products [class*="col-"] { float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } .right_panel_head_right { float: none; text-align: left; margin: 10px 0; } .sort-by > ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .listing-products.-listing-products { /*.total-products{margin-bottom:10px;}*/ } .listing-products.-listing-products > .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .listing-products.-listing-products > .padding-30 { padding: 15px; } } @media screen and (max-width: 575px) { .listing-products.-listing-products .pannel-top .top-actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pannel-top .top-actions .btn-filter-wrap { width: 100%; padding-right: 0; margin-bottom: 10px; } .pannel-top .top-actions .sort-list { width: 100%; padding-left: 0; } .pannel-top .top-actions.d-flex { display: block !important; } .prod-card .product-info { padding-left: 10px; } } .banner-over-txt { text-align: center; padding: 30px 0; } .banner-over-txt h3 { font-size: 2.6em; color: var(--color-black); font-weight: 800; line-height: 1.4; } .banner-over-txt p { color: var(--color-black); padding: 10px 0; } .package-desc { font-size: 0.9em; text-align: center; margin: 0px auto; } .packages-box { margin-bottom: 40px; } .packages-box a.btn { min-width: 220px; } .packages-box .box { text-align: center; } .packages-box .box .box-inner { background: var(--color-grey-darkest); border-radius: var(--radius-1); padding: 30px; } .packages-box .box.is--active { background: var(--color-white); -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); padding: 0; /*transform: scaleY(1.05);*/ z-index: 2; } .packages-box .box.two .box-inner { background: var(--color-first); } .packages-box .box.two .after-box h3 { background: var(--color-first); } .packages-box .box.three .box-inner { background: var(--color-second); } .packages-box .box.three .after-box h3 { background: var(--color-second); } .packages-box .name { padding: 0 0 20px 0; color: var(--color-white); font-size: 2em; font-weight: 700; line-height: 1; } .packages-box .name span { color: var(--color-white); font-size: 0.8em; display: block; font-weight: normal; text-transform: none; } .packages-box .valid { color: var(--color-white); font-size: 1.3em; font-weight: 600; line-height: 1.5; } .packages-box .valid sup { font-size: 3.2em; } .packages-box .valid span { font-size: 4em; font-weight: 800; line-height: 1; } .packages-box .trial { text-align: center; padding: 20px; } .packages-box .trial ul li { font-size: 1em; margin: 5px 0; color: var(--color-white); } .packages-box .trial ul li span { font-size: 1em; font-weight: 600; } .packages-box .after-box { margin-top: 10px; background: var(--color-grey-lightest); padding: 0 0px 35px 0px; text-align: center; } .packages-box .after-box h3 { background: var(--color-grey-darkest); border-radius: 2px; color: var(--color-white); font-weight: 600; text-align: center; padding: 10px; font-size: 1.2em; } .packages-box .after-box ul { margin: 30px auto; text-align: center; display: block; max-width: 200px; } .packages-box .after-box ul li { text-align: left; border-radius: var(--radius-1); padding: 0 5px; margin: 5px auto; font-size: 0.852em; } .packages-box .after-box .checkbox, .packages-box .after-box .radio { color: var(--color-grey-darkest); font-size: 1.2em; vertical-align: top; line-height: 1; } @media (max-width: 1025px) { .packages-box a.btn { min-width: inherit; } .packages-box .box { min-height: 586px; } } .saved-search-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-1); padding: 15px 0; margin: 10px auto; background: var(--color-white); border-bottom: solid 1px var(--color-border); } @media only screen and (max-width: 576px) { .saved-search-list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .detail-side .heading3 { color: var(--color-first); } .detail-side .date { margin: 8px auto; color: var(--color-grey-light); } .results-side { font-size: 1em; } .results-side .newly-added { font-size: 2.5rem; line-height: 1; display: block; font-weight: 600; } .results-side strong { display: block; } .seller-table td { vertical-align: middle; } .seller-table td form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .seller-table td form .btn, .seller-table td form .form input[type="submit"], .form .seller-table td form input[type="submit"], .seller-table td form .form input[type="button"], .form .seller-table td form input[type="button"] { height: 28px; line-height: 28px; font-size: 12px; min-width: 110px; } .seller-table td .item-yk .product_price { font-size: 14px; } .seller-table th { font-size: 16px; font-weight: 600; } .seller-table th:last-child, .seller-table td:last-child { width: 50%; } .seller-table .ftshops_name, .seller-table .item-yk_rating { display: inline-block; } .seller-table .qty input, .seller-table .qty .increase, .seller-table .qty .decrease { height: 26px; } .seller-table .cell__right { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } .seller-table .item-yk_rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; padding: 2px 10px; margin-left: 10px; border-radius: var(--radius-3); border: 1px solid var(--color-first); } .seller-table .item-yk_rating .svg { margin: 0; margin-right: 2px; width: 13px; height: 13px; } .seller-table .item-yk_rating .svg svg { vertical-align: baseline; width: 13px; height: 13px; } .seller-table .rated { margin-top: 0; margin-left: 5px; } .prod-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prod-card .tile-media { max-width: 100px; } .prod-card .product-info { width: calc(100% - 100px); padding-left: 30px; } .prod-card--wrapper { padding: 10px 20px; } .header-seller { background: var(--color-first); left: 0; position: fixed; right: 0; width: 100%; z-index: 100; } .header-seller .forgot { color: var(--color-grey-darkest); } @media only screen and (max-width: 767px) { .header-seller #header.header-seller { position: relative; } .header-seller #header.header-seller + .body { padding-top: 0; } .header-seller #header.header-seller .header-bar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-seller #header.header-seller .header-bar > div:last-child { margin-left: 0; width: 96%; } .header-seller #header.header-seller .header-bar .seller-login { width: 100%; } .header-seller #header.header-seller .header-bar .seller-login .field-set { margin-bottom: 0.5rem; } } .after-header { height: 125px; } @media only screen and (max-width: 1025px) { .after-header { height: 79px; } } .seller-login { margin: 15px 0; text-align: right; } .seller-login .field-set { display: inline-block; vertical-align: top; margin-bottom: 0; max-width: 250px; width: auto; } .seller-login input[type="text"], .seller-login input[type="password"] { vertical-align: top; margin: 0; color: var(--color-grey-darkest); background: rgba(255, 255, 255, 0.2); } .seller-login input::-webkit-input-placeholder { color: var(--color-white); } .seller-login input[type="submit"] { background: var(--color-second); border: none; color: var(--color-white); vertical-align: top; display: inline-block; margin: 0; } .seller-login input[type="submit"]:hover { background: var(--color-black); } .forgot { /*display: inline-block;*/ color: var(--color-white); font-size: 1rem; margin: 0; } .short-nav li { display: inline-block; vertical-align: top; } .short-nav li:first-child { padding-left: 0; } .short-nav li:last-child { padding-right: 0; } .short-nav li a { display: block; font-size: 0.8em; padding: 6px 10px; color: var(--color-white); } @media only screen and (max-width: 1025px) { .short-nav { background: var(--color-first); bottom: 0; -webkit-box-shadow: var(--shadow-4); box-shadow: var(--shadow-4); left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 260px; z-index: 110; } .short-nav li { display: block; } .short-nav li a { font-size: 1em; } } @media only screen and (max-width: 767px) { .short-nav input[type="text"], .short-nav input[type="password"], .short-nav .field-set { max-width: none; margin: 0; margin-bottom: 1px; width: 100%; display: block; } .short-nav input[type="submit"] { display: block; margin: 0; max-width: 100%; width: 100%; } } .bottom-head { background: rgba(0, 0, 0, 0.1); } .banner { position: relative; padding: 5rem 0; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; } .banner:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; content: ""; opacity: 0.5; background: var(--color-grey-darkest); background: -webkit-gradient(linear, left top, right top, from(var(--color-grey-darker)), to(var(--color-grey-darkest))); background: -o-linear-gradient(left, var(--color-grey-darker), var(--color-grey-darkest)); background: linear-gradient(to right, var(--color-grey-darker), var(--color-grey-darkest)); } .banner .container { position: relative; z-index: 1; } @media only screen and (max-width: 1025px) { .banner { background-attachment: fixed; height: auto; } } .seller-slogan { position: relative; color: var(--color-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .seller-slogan-txt { color: var(--color-white); } .seller-slogan-txt h3 { color: inherit; font-weight: 600; } .seller-slogan-txt h3 br { display: none; } .seller-slogan-txt h3 span { display: block; color: inherit; } .seller-slogan-txt p { color: inherit; } .seller-slogan-txt ul li { display: inline-block; /*margin-right: 20px;*/ margin-right: 20px; } @media only screen and (max-width: 767px) { .seller-slogan { height: auto; } .seller-slogan-txt h3 { font-size: 2.3em; } } .seller-register-form { padding: 30px; padding-top: calc(0.75rem + 1vw); border-radius: var(--radius-3); background: white; -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .seller-register-form.affiliate-register-form { max-width: none; } .seller-register-form .form { margin: 0; } @media only screen and (max-width: 767px) { .seller-register-form { max-width: none; margin: 25px 0; padding: 20px; } .seller-register-form .heading3 { padding: 0 10px; } } .features { padding: 100px 0; background-color: var(--color-white); } .growth { display: block; max-width: 520px; margin-bottom: 80px; font-size: 1.5em; background-repeat: no-repeat; background-position: right top; color: var(--color-black); } .growth strong { font-size: 2em; } .growth-txt { border-left: solid 1px var(--color-border); /*padding-left: 120px;*/ padding-right: 120px; } .growth-txt li { margin-bottom: 50px; display: table; width: 100%; } .growth-txt li:last-child { margin-bottom: 0; } .growth-txt i.icn { float: left; margin-right: 30px; } .growth-txt p { opacity: 0.7; } @media only screen and (max-width: 1025px) { .growth-txt { padding: 0; border-left: none; } } @media only screen and (max-width: 767px) { .growth { background-position: left bottom; padding-bottom: 110px; margin-bottom: 40px; } .growth-txt { padding: 0; border-left: none; } } .simple-step { background: var(--color-grey-lightest) url(images/bg-step-slider.png) no-repeat center bottom; padding: 80px 0; } .simple-step .heading1 { display: block; text-align: center; } .seller-steps { text-align: center; margin: 0 auto; } .seller-steps-slider { position: relative; height: 410px; } .seller-steps ul { margin: 50px auto; } .seller-steps ul li { display: inline-block; margin: 0 30px; max-width: 224px; text-align: center; vertical-align: top; } .seller-steps ul li:first-child { margin-left: 0; } .seller-steps ul li:last-child { margin-right: 0; } .seller-steps .icn { margin: 20px auto; display: block; text-align: center; } .seller-steps .icn img { display: inline-block; } .seller-steps h3 { font-size: 1.25em; line-height: 1.3; font-weight: 600; color: var(--color-black); } .seller-steps p { font-size: 0.9375em; line-height: 1.3; } .pricing-structure { margin-top: 30px; } .pricing-structure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pricing-structure ul li { display: inline-block; vertical-align: top; color: inherit; margin: 20px 0; text-align: center; } .pricing-structure ul li.sign { font-size: 3em; font-weight: 700; opacity: 0.4; } .pricing-structure ul li span { font-size: 4em; font-weight: 700; line-height: 1; } .pricing-structure ul li p { line-height: 1; color: inherit; display: block; } @media only screen and (max-width: 767px) { .pricing-structure ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pricing-structure ul li { display: block; text-align: center; margin: 0; padding: 0; } .pricing-structure ul li p { margin: 0; } } .simple-price { padding: 80px 0; text-align: center; color: var(--color-second-inverse); background: var(--color-second); } .simple-price p { max-width: 1000px; font-size: 0.9em; margin: 20px auto; color: inherit; } .simple-price a.btn--custom { color: inherit; border-width: 2px; } .questions-section { padding: 80px 0; background-color: var(--color-white); } .cta-left, .cta-right { padding: 25px 0; margin-bottom: 20px; } .cta-right { border-left: solid 1px var(--color-border); /*padding-left: 100px;*/ padding-left: 100px; } @media only screen and (max-width: 1025px) { .cta-right { padding-left: 0; } } @media only screen and (max-width: 767px) { .cta-right { border-left: none; /*padding-left: 0;*/ padding-left: 0; } } /*Seller registration*/ .registeration-process { border-top: solid 1px var(--color-border); border-bottom: solid 1px var(--color-border); padding: 10px 0; margin-top: 15px; width: 100%; white-space: nowrap; overflow-x: auto; } .registeration-process li { display: inline-block; vertical-align: top; margin: 0; } .registeration-process li a { display: block; padding: 9px 12px; color: inherit; font-size: 0.9em; border-radius: 50px; } .registeration-process li a:focus { background-color: var(--color-white); } .registeration-process li.is--active a { background: var(--color-grey-lighter); } .seller_login_toggle { cursor: pointer; display: none; height: 30px; top: -33px; line-height: 1; position: absolute; right: 8px; width: 30px; z-index: 1; background: url(images/retina/account.svg) no-repeat center; vertical-align: top; background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; } .seller_nav_toggle { cursor: pointer; display: none; height: 30px; left: 8px; top: 8px; line-height: 1; position: absolute; width: 30px; z-index: 1; } .seller_nav_toggle span { background: var(--color-white); display: block; height: 3px; margin: 14px 0 0; position: relative; width: 100%; } .seller_nav_toggle span:before { background: var(--color-white); content: ""; height: 3px; left: 0; position: absolute; top: -7px; width: 100%; } .seller_nav_toggle span:after { background: var(--color-white); content: ""; height: 3px; left: 0; position: absolute; bottom: -7px; width: 100%; } @media only screen and (max-width: 1025px) { .seller_nav_toggle, .seller_login_toggle { display: block; } .seller_nav-active .short-nav, .seller_nav-active .seller-login, .seller_nav-active .common_overlay, .seller_login-active .short-nav, .seller_login-active .seller-login, .seller_login-active .common_overlay { opacity: 1; visibility: visible; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @media only screen and (max-width: 767px) { .features, .simple-step, .simple-price, .questions-section { padding: 20px 0; } } /****** Seller, Buyer View Order and Buyer View Order Return Requests Print CSS *****/ @media print { html, body { width: auto; } a[href]:after { content: none !important; } @page { size: A4; } .no-print, .no-print * { display: none !important; } .display-in-print { display: block; } .display-in-print img { margin: 0 auto; } .grids--offset { margin: 0 -20px 20px; } .grids--offset .grid-layout { background: #f5f5f5; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 20px; } .grids--offset .grid-layout p { color: #555555; margin: 0 0 5px 0; } .grids--offset .grid-layout .info--order { text-align: right; } .grids--colum { margin: 10px 0 30px; } .grids--colum .grid { width: 100%; min-height: 200px; padding: 20px; border-radius: 3px; background: #f5f5f5; border: 1px solid #000; } .grids--colum .grid p { color: #555555; } .table .mergedcell { text-align: right; } .table .trLast td { font-weight: 700; font-size: 1.2em; } .col-lg-6 { float: left; width: 50%; text-align: left; } .table { width: 100%; border-spacing: 0; border-collapse: collapse; display: table; } .table tr { display: table-row; } .table td, .table th { display: table-cell; vertical-align: top; padding: 10px; vertical-align: top; color: #999; text-align: left; border-bottom: 1px solid #eaeaea; } .table td:first-child, .table th:first-child { padding-left: 0; } .table th { color: #4c4c4c; font-weight: 500; } .table .item__description .item__title { display: block; max-width: 100%; } .pic--cell-left { width: auto; display: inline-block; margin: 0; vertical-align: top; } .pic--cell-left + .item__description { display: inline-block; margin: 0; vertical-align: top; } .panel__right--full { width: 100%; } } /****** Seller, Buyer View Order and Buyer View Order Return Requests Print CSS *****/ /******* 20210609 *********/ .affiliate-registration-css ul li a { cursor: default; } .search-dropdown-wrap { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; border-top: 0px; background-color: var(--color-white); -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); } .search-dropdown-wrap .search-item-suggesion { list-style: none; } .search-dropdown-wrap .search-item-suggesion li { border-bottom: 1px solid var(--color-grey-lighter); } .search-dropdown-wrap .search-product { padding: 5px 10px; } .search-dropdown-wrap .search-product .col:first-child { max-width: 24%; } .search-dropdown-wrap .search-product .product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search-dropdown-wrap .search-product .title { font-size: 0.8rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 110px; } .search-dropdown-wrap .search-product .tile-media { margin-bottom: 0; } .search-dropdown-wrap .search-product .product-unit, .search-dropdown-wrap .search-product .price-standard { font-size: 0.8rem; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; } .search-dropdown-wrap .search-product .price-standard { margin-left: 5px; } .search-dropdown-wrap .search-product form { width: 68%; } .search-dropdown-wrap .decrease, .search-dropdown-wrap .increase { /*display: none;*/ -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; } .search-dropdown-wrap .qty-request-action { margin-top: 0; } .search-dropdown-wrap .qty-request-wrap input.qty-value { width: 100%; height: 100%; line-height: 100%; } .search-dropdown-wrap .view-all { padding: 10px; } .search-dropdown-wrap .view-all a { margin: auto; background-color: var(--color-grey-lightest); color: var(--color-grey-dark); font-size: 0.875rem; height: 34px; border-color: var(--color-grey-dark); line-height: 34px; } .search-dropdown-wrap .view-all a:hover { background-color: var(--color-grey-lightest); color: var(--color-grey-darkest); border-color: var(--color-grey-darkest); } @media (min-width: 500px) { .search-dropdown-wrap .product-info { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .search-dropdown-wrap .search-product .col:first-child { max-width: 12%; } .search-dropdown-wrap .search-product .product-unit, .search-dropdown-wrap .search-product .price-standard { margin: 0 10px; } .search-dropdown-wrap .search-product .product-info { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-dropdown-wrap .search-product form { width: 30%; -webkit-box-flex: 0; -ms-flex: 0 0 144px; flex: 0 0 144px; } } @media (max-width: 991px) { .search-dropdown-wrap { top: calc(100% - 20px); } } @media (max-width: 767px) { .search-dropdown-wrap .search-item-suggesion [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .search-dropdown-wrap .search-item-suggesion [class*="col-"]:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } } @media (max-width: 1024px) { .store-inline-wrap { background-image: none !important; } } @media (max-width: 992px) { .store-inline-wrap .search-form { max-width: 100%; padding-bottom: 20px; } } @media (max-width: 600px) { .store-inline-wrap .store-inline { text-align: center; margin-bottom: 15px; } .store-inline-wrap .store-inline .tile-media { padding: 15px; margin-left: 0; margin-right: 0; } .store-inline-wrap .store-inline .tile-media img { margin: auto; } } .main-page-nav .page-nav-listing { margin-left: -15px; margin-right: -15px; } .main-page-nav .page-nav-listing li { display: inline-block; padding: 0 15px; } .main-page-nav .page-nav-listing li a { color: var(--color-grey-darkest); display: inline-block; padding: 10px; padding-top: 13px; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; border-width: 0 0 3px; border-style: solid; border-color: transparent; } .main-page-nav .page-nav-listing li:hover a { border-color: var(--color-second); } .main-page-nav .page-nav-listing li .is-active { font-weight: 700; border-color: var(--color-second); } @media (max-width: 1279px) { .main-page-nav .page-nav-listing { margin: 0; } } @media (max-width: 1024px) { .main-page-nav { display: block; width: 100%; margin: auto; text-align: center; border-bottom: 1px solid var(--color-border); } } @media (max-width: 767px) { .main-page-nav { margin-left: calc(-2% - 0.625rem); margin-right: calc(-2% - 0.625rem); width: calc(104% + 1.25rem); } .main-page-nav:after { position: absolute; left: 0; right: 0; border-bottom: 1px solid var(--color-border); content: ""; } } .store__nav { white-space: nowrap; overflow: hidden; overflow-x: auto; } .store-nav-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .store-nav-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .store-action-wrapper ul li a { height: 100%; padding: 6px 16px; margin-right: 10px; border-radius: var(--radius-1); font-size: 0.875rem; color: var(--color-grey-light); border: 1px solid var(--color-border); background-color: var(--color-white); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .store-action-wrapper ul li a:hover { color: var(--color-grey-darkest); border-color: var(--color-grey-darkest); } .store-action-wrapper ul li a.is-selected { color: var(--color-grey-darkest); border-color: var(--color-grey-darkest); } .store-action-wrapper ul li:last-child a { margin-right: 0px; } .store-action-wrapper ul li .is-active { color: var(--color-first); border-color: var(--color-first); } .store-action-wrapper ul.store-active .tile-media img { max-width: 70px; } .store-action-wrapper ul.store-active .store-info .title { font-size: 1.3rem; } @media (min-width: 1280px) { .store-action-wrapper { position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 1024px) { .store-action-wrapper { width: 100%; padding: 1rem 0; } } @media (max-width: 767px) { .store-action-wrapper { overflow: hidden; } } @media (max-width: 400px) { .store-action-wrapper ul { padding: 0 10px; } .store-action-wrapper ul li { padding: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .store-action-wrapper ul li a { display: block; text-align: center; padding: 10px; margin: 0; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .send-msg-section .section-head, .send-msg-section .section-inside { max-width: 80%; margin: auto; display: block; } .send-msg-section .section-head { margin-bottom: 30px; } @media (max-width: 767px) { .send-msg-section .section-head, .send-msg-section .section-inside { max-width: 100%; } } #shopSettingsBlock .form.form--horizontal input[type='submit'] { margin-top: 5px; } .title.store-title { font-size: 0.9rem; font-weight: 700; padding-bottom: 0; } .shop__logo { width: 110px; height: 110px; border-radius: 100%; background-color: var(--color-white); overflow: hidden; margin: 0 auto; } .store .tile-media { max-width: 200px; } .store .tile-media:before { padding-bottom: 75%; } .store .divider { margin-left: -15px; margin-right: -15px; display: block; background-color: var(--color-grey-lighter); } .store-rated-wrap { padding-top: 0; } .store-list > .row { /*@media(max-width:1200px) { margin-right: -20px; margin-left: -20px; width: 100%; & > [class*="col-"] { flex: 0 0 20%; max-width: 20%; padding: 20px; } }*/ } .store-list > .row > [class*="col-"] { padding: 10px; } .store-inline { padding: 15px; } @media (min-width: 768px) { .store-inline { margin-right: 150px; } } .store-info .title { font-size: 1.5rem; padding: 0; } .store-info .shop-opened { line-height: 0; color: var(--color-grey-darkest); } .store-info .rated-wrap { padding: 0; } .store-inline .tile-media img { max-width: 115px; } .store-inline .tile-media { margin-left: -15px; margin-right: 15px; } .store-inline-wrap { background-repeat: no-repeat; background-position: right center; padding: 0; } .store-inline-wrap .search-form { max-width: 550px; width: 100%; position: relative; } .store-inline-wrap .search-form-field { position: relative; } .store-inline-wrap .search-form input[type="submit"] { background-image: url(images/retina/icon_magnifier.svg); background-color: transparent; background-position: 30px center; background-repeat: no-repeat; background-size: 15px 100%; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; font-weight: 600; font-size: 0; height: 100%; } .store-inline-wrap .search-form input[type="submit"]:hover { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { .store-inline-wrap .search-form { max-width: 100%; } } @media (min-width: 1199px) { .store-inline-wrap { padding: 5px 0; } } @media (min-width: 1199px) { .store-iniline-info { padding: 5px 0; } } .city__listing { color: var(--color-black); text-align: left; padding: 30px 0; margin-top: 30px; border-top: 1px solid var(--color-border); } .city__listing .shops-location-list span { color: var(--color-second); border: 1px solid var(--color-second); } .city__listing .footer__bottom { background: var(--color-white); color: var(--color-grey-darkest); } .banner-shop { margin: 0 auto; margin-bottom: 20px; text-align: center; } .banner-shop img { margin: 0 auto; } .abt-shops { padding: 20px; } .abt-shops .ftshops_logo { float: left; background: var(--color-grey-lighter); border-radius: 50%; overflow: hidden; width: 150px; height: 150px; margin-right: 20px; } .abt-shops .ftshops_logo img { max-width: 100%; } .abt-shops .ftshops_name { font-size: 1.5em; opacity: 0.8; } .abt-shops .ftshops_detail { font-size: 1em; margin-left: 170px; } .abt-shops .ftshops_location { font-size: 1em; font-weight: 300; opacity: 0.7; } .abt-shops .ftshops_desc { padding: 10px 0; font-size: 1em; line-height: 1.5; font-weight: 300; opacity: 0.7; } .abt-shops .ftshops_item_head_right { text-align: right; padding: 20px; } .abt-action { text-align: right; padding: 20px; } @media only screen and (max-width: 1200px) { .abt-shops { padding: 10px; } .abt-shops .ftshops_logo { float: none; margin: 10px 0; display: block; text-align: center; } .abt-shops .ftshops_detail { margin: 0; } } .shop-owner { /*padding: 0 20px 20px 20px;*/ padding-top: 0; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: inline-block; width: auto; min-width: 290px; } .shop-owner .opened { color: var(--color-grey-darkest); font-size: 1em; font-weight: 300; } .shop-owner .owner-name-pic { float: right; border-radius: 50%; width: 60px; height: 60px; overflow: hidden; margin-left: 25px; margin-top: -20px; } .shop-owner .owner-name-pic img { max-width: 100%; border-radius: 50%; } .shop-owner .name { font-weight: 600; } .shop-owner .from { font-size: 1em; font-weight: 300; opacity: 0.7; } .shop-links { text-align: right; } .shop-links li { display: inline-block; margin: 0 20px; } .shop-links li a { color: var(--color-second); font-weight: 300; text-decoration: underline; } @media only screen and (max-width: 1200px) { .shop-owner { padding: 10px; } .shop-links { text-align: left; } .shop-links li { margin: 0px; padding: 10px; display: block; } } @media only screen and (max-width: 992px) { .shop-logo { height: auto; } } .shops-detail { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shops-detail .item-yk_rating { margin: 0px 10px; } .sitemapcontainer h2 { font-size: 1.3em; margin: 10px 0 0 0; } .sitemapcontainer .box { margin-bottom: 20px; } .site-map-list ~ .heading3 { margin-top: 20px; } .site-map-list h3 { font-size: 1.1em; border-bottom: solid 1px var(--color-border); margin-bottom: 15px; color: var(--color-grey-darkest); } .site-map-list h3 a { color: var(--color-grey-darkest); } .site-map-list > ul { list-style: inside; } .site-map-list > ul > li { display: inline-block; padding: 7px 0; width: 19%; } .site-map-list > ul > li a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { .site-map-list > ul > li { width: 49%; } } .block .section.subs-payment.is-current:not(:first-child), .block .subs-payment.is-current.site-section:not(:first-child) { border-bottom: 0; } .subs-payment .listing--grids { margin-top: 0; } .subs-payment .listing--grids li { padding-right: 0; } .testimonial-blocks { background: var(--color-grey-lightest); margin: 0 0 1.25rem 0; padding: 25px; text-align: right; } .testimonial-blocks .from .name { color: var(--color-grey-darkest); font-weight: 600; display: block; clear: both; text-align: center; margin-top: 10px; } .testimonial-blocks .from .name span { color: var(--color-grey-dark); font-weight: 300; display: block; } .testimonial-blocks .description { color: var(--color-grey-darker); line-height: 1.5; text-align: left; position: relative; padding-left: 40px; } @media only screen and (max-width: 1200px) { .testimonial-blocks { padding: 15px; } .testimonial-blocks .from .avatar { float: none; } .testimonial-blocks .description { /*padding: 0 0 0 30px; */ padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 30px; } } @media only screen and (max-width: 767px) { .testimonial-blocks .description { padding: 20px 0 0 0; } } .testimonial_avtar { position: relative; } .testimonial_avtar:before { position: relative; content: ""; display: block; padding-bottom: 100%; background-color: var(--color-white); } .testimonial_avtar img { margin: auto; max-width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: var(--radius-2); } @media only screen and (max-width: 767px) { .testimonial_avtar { max-width: 70px; margin: 0 auto; position: relative; } } .testimonial_user_name { font-weight: 700; color: var(--color-grey-darkest); font-size: 1.2rem; padding-top: 10px; } .nice-select { -webkit-tap-highlight-color: transparent; clear: both; cursor: pointer; display: block; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; background-color: var(--color-white); border: 1px solid var(--color-border); height: 40px; line-height: 40px; padding: 0 10px; padding-right: 32px; width: 100%; color: var(--color-black); font-family: inherit; font-size: 1em; font-weight: normal; border-radius: 2px; } .nice-select:hover { border-color: var(--color-grey-lighter); } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: rgba(0, 0, 0, 0.22); outline: 0; outline: thin dotted \9; -webkit-box-shadow: var(--shadow-2); box-shadow: var(--shadow-2); } .nice-select:after { border-bottom: 2px solid var(--color-first); border-right: 2px solid var(--color-first); content: ''; display: block; height: 8px; margin-top: -4px; pointer-events: none; position: absolute; right: 13px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: var(--color-grey-lighter); color: var(--color-grey-dark); pointer-events: none; } .nice-select.disabled:after { border-color: var(--color-grey-lighter); } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: var(--color-white); border-radius: var(--radius-2); -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: var(--color-grey-lightest); } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: var(--color-grey-dark); cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .display-in-print { margin: 10px; display: none; } .dragHandle { cursor: move; } /*scroll-hint*/ @-webkit-keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; } } @keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; } } .scroll-hint.is-right-scrollable { background: -o-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint.is-right-scrollable.is-left-scrollable { background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), -o-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint.is-left-scrollable { background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint-icon { position: absolute; top: calc(50% - 25px); left: calc(50% - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; height: 85px; border-radius: var(--radius-2); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: 0; background: rgba(0, 0, 0, 0.7); text-align: center; padding: 20px 10px 10px 10px; } .scroll-hint-icon-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; pointer-events: none; } .scroll-hint-text { font-size: 10px; color: var(--color-white); margin-top: 5px; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon { opacity: .8; } .scroll-hint-icon:before { display: inline-block; width: 40px; height: 40px; color: var(--color-white); vertical-align: middle; text-align: center; content: ""; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon:after { content: ""; width: 34px; height: 14px; display: block; position: absolute; top: 10px; left: 50%; margin-left: -20px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==); opacity: 0; -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after { opacity: 1; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before { -webkit-animation: scroll-hint-appear 1.2s linear; animation: scroll-hint-appear 1.2s linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .scroll-hint-icon-white { background-color: var(--color-white); -webkit-box-shadow: var(--shadow-3); box-shadow: var(--shadow-3); } .scroll-hint-icon-white:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon-white:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==); } .scroll-hint-icon-white .scroll-hint-text { color: var(--color-black); } @media only screen and (max-width: 767px) { .scroll-hint { white-space: nowrap; display: block; } .scroll-hint th:nth-child(2), .scroll-hint td:nth-child(2) { width: 100%; } } /* LEFT TO RIGHT */ /*# sourceMappingURL=main-ltr.css.map */ .bg--shop { background: #dadee7; } .shop-nav-wrapper { height: 100%; } .shop-logo { margin: 10px auto; padding: 10px 20px; text-align: center; display: block; overflow: hidden; float: left; width: 100%; height: 100px; position: relative; display: flex; align-items: center; } .shop-nav {} .shop-nav li { display: block; border-top: solid 1px var(--border-color); } .shop-nav li a { color: inherit; display: block; padding: 15px 15px; text-transform: uppercase; } .shops-sliders { position: relative; } .shops-sliders img { margin: 0 auto; } .shops-sliders .slick-arrow { position: absolute; top: 50%; margin-top: -30px; background-color: rgba(255, 255, 255, 0.6); width: 60px; height: 60px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; } .shops-sliders .slick-arrow:hover { background-color: rgba(255, 255, 255, 1); } .shops-sliders .slick-prev, .shops-sliders .slick-next {} .shops-sliders .slick-prev:after, .shops-sliders .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .shops-sliders .slick-prev:after { transform: rotate(135deg); margin-left: -3px; } .shops-sliders .slick-prev { left: 10px; } .shops-sliders .slick-next { right: 10px; } @media only screen and (max-width: 992px) { .shop-nav-wrapper { border: none; display: flex; margin-bottom: 15px; height: auto; } .shop-logo { max-width: 150px; height: auto; } .shop-nav { flex: 1; } .shop-nav ul { display: flex; } .shop-nav li { border: none; } } @media only screen and (max-width: 767px) { .shop-nav-wrapper { flex-direction: column; } .shop-nav ul { flex-direction: column; }.shop-nav li{ border-top:solid 1px var(--border-color);} }